@titaui/pc 1.8.61 → 1.9.3

package/src/components/grid-layout/words-cloud/index.tsx

@@ -6,6 +6,7 @@ import postComponentForData from "../util/network"
 import lvMask from '../image/lv'
 import couldMask from '../image/could'
 import titaMask from '../image/tita-mask'
+import { getLocale } from "../../../utils/getLocale";
 
 const ComponentId = 'Enterprise-Focus-Hotspots'
 
@@ -35,9 +36,9 @@ export default function WordCloudComponent() {
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
       <CardTitle
-        content="企业关注热点"
+        content={getLocale('HP_Hotcompanies')}
         iconUrl={require('../image/Collaboration.png')}
-        tips="企业下产生最高频的关键词"
+        tips={getLocale('HP_Theenterprise')}
       >
         {wordsData.length === 0 && (
           <Advice
@@ -45,7 +46,7 @@ export default function WordCloudComponent() {
             link="https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true"
           >
             <img src={require('../image/advise.svg')} />
-            升级 Tita 正式版后可查看，立即咨询
+            {getLocale('HP_Upgradeview')}
           </Advice>
         )}
       </CardTitle>

package/src/components/grid-page/personal-info/index.tsx

@@ -5,6 +5,7 @@ import postComponentForData from '../util/network';
 import Avatar from '../../avatar';
 import Tooltip from '../../tooltip';
 import { OpenUserName, OpenDepartmentName } from '../../../utils/open-data';
+import { getLocale } from '../../../utils/getLocale';
 
 import './index.scss';
 
@@ -145,10 +146,10 @@ export default function PersonalInfoComponent() {
       <div className="PersonalInfoComponent-PersonalInfo__fansinfo">
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__attention">
           <img src={require('../image/visit-icon.png')} /> <b>{fansNum}</b>
-          人关注
+          {getLocale('HP_peoplefollow')}
         </span>
         <span className="PersonalInfoComponent-PersonalInfo__fansinfo__like">
-          <img src={require('../image/liking.png')} /> <b>{likeNum}</b>次点赞
+          <img src={require('../image/liking.png')} /> <b>{likeNum}</b>{getLocale('HP_Kudos')}
         </span>
       </div>
       {scrollMessage.name && scrollMessage.name.length ? (
@@ -160,7 +161,7 @@ export default function PersonalInfoComponent() {
       ) : (
         //@ts-ignore
         <AvatarTips
-          content="🥰 小窗为您播报最新消息"
+          content={"🥰 "+getLocale('HP_Smallwindow')}
           styles={{ height: '28px', padding: '0 28px', lineHeight: '28px' }}
         />
       )}

package/src/components/img-viewer/index.tsx

@@ -15,6 +15,7 @@ import LeftRotate from "./icon/left-rotate";
 import RightRotate from "./icon/right-rotate";
 import Tooltip from "../tooltip";
 import Loading from './image/loading.gif';
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-img-viewer";
@@ -98,7 +99,7 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
           <div className={prefix + "__header"}>
             <span className={prefix + "__header-file-name"}>
               <Tooltip.Text
-                text={currentImgData.fileName}
+                text={currentImgData && currentImgData.fileName || ''}
                 isPercent
                 minusWidth={60}
               />
@@ -115,7 +116,7 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
                       prefix + "__header-download-icon"
                     )}
                   />
-                  下载
+                  {getLocale('Mod_Download')}
                 </a>
               )}
               <span
@@ -168,12 +169,12 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
             </div>
           </div>
           <div className={prefix + "__footer"}>
-            <Tooltip overlay={"缩小"} placement="top">
+            <Tooltip overlay={getLocale('OKR_Ali_Butt_Narrow')} placement="top">
               <span className={prefix + "__footer-btn"} onClick={handleShrink}>
                 <Shrink />
               </span>
             </Tooltip>
-            <Tooltip overlay={"放大"} placement="top">
+            <Tooltip overlay={getLocale('OKR_Ali_Butt_Enlarge')} placement="top">
               <span className={prefix + "__footer-btn"} onClick={handleEnlarge}>
                 <Enlarge />
               </span>

package/src/components/mblog/components/ConfirmPop.tsx

@@ -1,3 +1,4 @@
+import { getLocale } from '../../../utils/getLocale'
 import React, { PureComponent } from 'react'
 import styled from 'styled-components'
 
@@ -61,7 +62,7 @@ export default class ConfirmPop extends PureComponent<Props> {
           目前您企业的短信已超出许可量，请联系超管进行短信充值
         </ConfirmMsg>
         <BtnGroup>
-          <button onMouseDown={() => this.props.onSubmit()}>确定</button>
+          <button onMouseDown={() => this.props.onSubmit()}>{getLocale('OKR_MyO_Butt_Determine')}</button>
         </BtnGroup>
       </ConfirmContainer>
     )

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/mblog/style.ts

@@ -21,8 +21,8 @@ export const MBlogBox = styled.div`
 // MblogContent
 export const DivMblogContent = styled.div`
   padding: 8px 10px 6px;
-  border: 1px solid #E9ECF0;
-  border-radius: 4px;
+  border: 1px solid #DFE3EA;
+  border-radius: 8px;
   background-color: #fff;
   position: relative;
   transition: all .2s ease-in-out;
@@ -81,7 +81,7 @@ export const Tips = styled.div`
 // MblogAction
 export const MblogActionWrapper = styled.div`
   height: 30px;
-  padding: 9px 0 8px 0;
+  padding: 28px 0 2px 0;
   font-size: 13px;
   line-height: 20px;
   color: #565E66;
@@ -169,7 +169,7 @@ export const RightBtnGroupWrapper = styled.div`
     min-width: 90px;
     height: 32px;
     box-sizing: border-box;
-    border-radius: 4px;
+    border-radius: 18px;
     border: none;
   }
 `
@@ -219,7 +219,7 @@ export const BtnConfirm = styled.button`
   color: #ffffff;
   background: #2879FF;
   white-space: nowrap;
-  border-radius: 4px;
+  border-radius: 18px;
 
   &.disabled {
     color: #ffffff;

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

@@ -1,5 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
+import { isEn } from '../../../../utils/getLocale';
 import './index.scss';
 
 const preCls = 'titaui-drag-resize';
@@ -15,9 +16,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/dark.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-125.000000, -504.000000)" id="编组-5">
+            <g transform="translate(125.000000, 504.000000)">
+                <rect id="矩形" x="0" y="0" width="16" height="16" rx="1"></rect>
+                <g id="double-left" transform="translate(8.333333, 8.000000) rotate(-90.000000) translate(-8.333333, -8.000000) translate(2.333333, 1.000000)" fill="#2879FF" fill-rule="nonzero">
+                    <path d="M-1.76793705,3.3938889 L-1.75125494,3.40915022 L3.65139574,8.51106147 L9.06523913,3.41309131 C9.34060773,3.15378577 9.78335553,3.14884771 10.0651005,3.39816722 L10.0818093,3.41343148 C10.0819295,3.41354477 10.0820495,3.41365807 10.0821696,3.41377143 C10.3568954,3.67320717 10.3619721,4.09038252 10.0976325,4.35565042 L10.0814489,4.37138173 L4.18879147,9.92030247 C4.05610644,10.0452476 3.88456021,10.111135 3.7108896,10.1179771 C3.50761457,10.1410503 3.29591324,10.0821891 3.13579683,9.94151673 L3.11683434,9.92424333 L-2.76746471,4.36744057 C-3.04244275,4.1077667 -3.04767927,3.69025351 -2.78329081,3.42456679 L-2.76710395,3.40881027 L-2.76674348,3.40847055 C-2.49162737,3.14940283 -2.04923783,3.1446155 -1.76793705,3.3938889 Z" id="路径" fill-opacity="0.3" transform="translate(3.657203, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-3.657203, -6.666667) "></path>
+                    <path d="M5.14583122,4.27441254 L5.1580251,4.28556785 L9.10712094,8.01483661 L13.0643981,4.28844864 C13.2656802,4.0989079 13.5893091,4.09529839 13.795252,4.2775398 L13.8074654,4.2886973 C13.8075532,4.2887801 13.8076409,4.28886292 13.8077287,4.28894578 C14.008541,4.47858168 14.0122519,4.78351817 13.8190315,4.97741714 L13.8072019,4.98891602 L9.49993314,9.04492868 C9.40294634,9.13625801 9.27755368,9.18441881 9.15060828,9.18942001 C9.00202328,9.20628554 8.84727914,9.16326061 8.73024121,9.06043534 L8.71638048,9.04780928 L4.41522124,4.98603523 C4.2142246,4.79622525 4.21039694,4.49104178 4.40365307,4.2968367 L4.41548494,4.28531938 L4.41574843,4.28507108 C4.61684599,4.09570415 4.94021294,4.09220485 5.14583122,4.27441254 Z" id="路径" transform="translate(9.111366, 6.666667) scale(-1, 1) rotate(-90.000000) translate(-9.111366, -6.666667) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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/flip-menu-card/index.scss

@@ -120,4 +120,23 @@
       }
     }
   }
+
+  &__has-more {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 28px;
+    box-sizing: border-box;
+    background-repeat: no-repeat;
+    background-position: 50% 4px;
+    animation: hasMoreLight 0.5s 0.2s linear infinite;
+  }
+}
+@keyframes hasMoreLight {
+  0% {
+    background-image: url("./dark.svg");
+  }
+  100% {
+    background-image: url("./light.svg");
+  }
 }