@titaui/pc 1.7.93 → 1.7.97

package/src/components/file-list/components/single-file/index.tsx

@@ -3,7 +3,6 @@ import classNames from "classnames";
 import { ISingleFileProps } from "../../interface";
 import { getFileTypeMapIcon } from "../../util";
 import Tooltip from "../../../tooltip";
-import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const prefix = "titaui-new-file-list-single-file";
@@ -49,7 +48,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              {getLocale('Mod_Preview')}
+              预览
             </a>
           )}
           {isImg && data.previewUrl && (
@@ -65,7 +64,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              {getLocale('Mod_Preview')}
+              预览
             </a>
           )}
           {showDownload && (
@@ -81,7 +80,7 @@ const SingleFile: FC<ISingleFileProps> = ({
                   prefix + "__operate-item-icon"
                 )}
               />
-              {getLocale('Mod_Download')}
+              下载
             </a>
           )}
         </div>

package/src/components/form/form-fields/department/department-input.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import classNames from 'classnames';
 import { OpenDepartmentName } from "../../../../utils/open-data";
 import Tooltip from '../../../tooltip';
-import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Department {
@@ -20,7 +19,7 @@ interface Props {
 const preCls = 'form-field-department';
 
 export default (props: Props) => {
-  const { department, placeholder = getLocale('Mod_Pleaseselect'), onClick, onClear } = props;
+  const { department, placeholder = '请选择', onClick, onClear } = props;
 
   const renderDepartName = () => {
     if (!department) return <span />;

package/src/components/form/form-fields/duties/duties-input.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import classNames from 'classnames';
-import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -17,7 +16,7 @@ interface Duties {
 const preCls = 'form-field-duties';
 
 export default (props: Props) => {
-  const { duties, placeholder = getLocale('Mod_Pleaseselect'), onClear, onClick } = props;
+  const { duties, placeholder = '请选择', onClear, onClick } = props;
 
   const onHandleClear = e => {
     e.preventDefault();

package/src/components/form/form-fields/input/index.scss

@@ -1,4 +1,15 @@
 .form-field-input {
+  &-row{
+    display: flex;
+    align-items: center;
+    .form-field-input__label{
+      margin-bottom: unset;
+    }
+    .form-field-input__border{
+      margin-left: 16px;
+      flex: 1;
+    }
+  }
   &__label {
     height: 22px;
     font-size: 14px;
@@ -18,7 +29,7 @@
 
   &__border {
     padding: 6px 12px;
-    border-radius: 3px;
+    border-radius: 8px;
     transition: all 0.2s;
     border: 1px solid #e9ecf0;
     box-sizing: border-box;
@@ -34,12 +45,12 @@
     }
   }
   &__border--error {
-    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
-    border: 1px solid #f05e5e !important;
+    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) ;
+    border: 1px solid #f05e5e ;
   }
   &__border--active {
-    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);
-    border: 1px solid #2879ff;
+    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3) !important;
+    border: 1px solid #2879ff !important;
   }
 
   &__input {

package/src/components/form/form-fields/input/index.tsx

@@ -20,6 +20,7 @@ interface Props {
   name: string;
   getContainer?: Function;
   disabled?: boolean
+  layout?: 'clomn'|'row'
 }
 interface Error {
   name: string;
@@ -27,8 +28,9 @@ interface Error {
 }
 
 const OverlayInner = ({ hasError, hasActive, tip }) => {
-  if (hasError) return <span style={{ 'color': '#F05E5E' }}>{tip}</span>;
   if (hasActive) return <span style={{ 'color': '#3F4755' }}>{tip}</span>;
+  if (hasError) return <span style={{ 'color': '#F05E5E' }}>{tip}</span>;
+
   return <span />;
 }
 
@@ -42,7 +44,8 @@ export default forwardRef((props: Props, ref) => {
     type,
     name,
     disabled,
-    getContainer
+    getContainer,
+    layout
   } = props;
 
   const inputRef = useRef<any>();
@@ -104,7 +107,7 @@ export default forwardRef((props: Props, ref) => {
     }
   }))
 
-  return <div className={classNames(preCls)}>
+  return <div className={classNames(preCls,{[`${preCls}-row`]:layout==='row'})}>
     <div className={classNames(`${preCls}__label`)}>
       <span className={classNames(`${preCls}__label-text`)}>{label}</span>
       {require && <span className={classNames(`${preCls}__label-require`)}>*</span>}

package/src/components/form/form-fields/password/index.scss

@@ -24,8 +24,8 @@
     box-sizing: border-box;
   }
   &__border--error {
-    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
-    border: 1px solid #f05e5e !important;
+    box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) ;
+    border: 1px solid #f05e5e ;
   }
   &__border--active {
     box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);

package/src/components/form/form-fields/radios/index.tsx

@@ -50,10 +50,10 @@ export default forwardRef((props: Props, ref) => {
 
   return (
     <div className={`${prefixCls} ${className}`}>
-      <div className={`${prefixCls}__label`}>
+      {!!label&&<div className={`${prefixCls}__label`}>
         <span className={`${prefixCls}__label-text`}>{label}</span>
         {require && <span className={`${prefixCls}__label-symbol`}>*</span>}
-      </div>
+      </div>}
       <div className={`${prefixCls}__radios`}>
         {radios.map((radio) => (
           <div className={`${prefixCls}__radios-item ${radioClass}`}>

package/src/components/form/form-fields/user/user-input.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import classNames from 'classnames';
 import Avatar from '../../../avatar/default';
 import Tooltip from '../../../tooltip';
-import { getLocale } from '../../../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -14,7 +13,7 @@ interface Props {
 const preCls = 'form-field-user';
 
 export default (props: Props) => {
-  const { users, placeholder = getLocale('Mod_Pleaseselect'), onClear } = props;
+  const { users, placeholder = '请选择', onClear } = props;
   const userNames: any = [];
 
   (users || []).forEach(user => {

package/src/components/grid-layout/okr-align/index.tsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from "react";
-import { getLocale } from "../../../utils/getLocale";
 import TitaChart from '../../tita-chart'
 import { CardTitle, CardContainer, CardFlexContent, DataItem, EmptyBackGround } from '../commen-components'
 import { toDataList } from '../util/click-link'
@@ -68,8 +67,8 @@ export default function OKRAlignComponent() {
             }} />
           : <CardFlexContent>
             <TitaChart.LiquidBall PrePercentNum={0} name="对齐率" percentNum={alignPercent} />
-            <DataItem num={hadAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Aligned')} handleDataClick={() => handleDataClick('hadAlign')} />
-            <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Unaligned')} handleDataClick={() => handleDataClick('hadNotAlign')} />
+            <DataItem num={hadAlignOkrNum} numColor="#3F4755" label='已对齐' handleDataClick={() => handleDataClick('hadAlign')} />
+            <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label='未对齐' handleDataClick={() => handleDataClick('hadNotAlign')} />
           </CardFlexContent>
       }
 

package/src/components/grid-layout/okr-progress/index.tsx

@@ -4,7 +4,6 @@ import { CardTitle, CardFlexContent, CardContainer, DataItem, EmptyBackGround }
 import postComponentForData from "../util/network"
 
 import onClickLinkChangeHash, { toDataList } from "../util/click-link";
-import { getLocale } from "../../../utils/getLocale";
 
 import "../index.scss";
 
@@ -66,7 +65,7 @@ export default function OKRProgressComponent() {
             onClick={() => onClickLinkChangeHash('okr%2Fmanage')}
             className="grid-component-card-title__behave"
           >
-            {getLocale('OKR_OKRW_Gotoupdate')}
+            去更新
           </a>
         )}
       </CardTitle>

package/src/components/grid-layout/okr-target/index.tsx

@@ -3,7 +3,6 @@ import TitaChart from '../../tita-chart';
 import { CardTitle, CardFlexContent, CardContainer, EmptyBackGround } from '../commen-components'
 import postComponentForData from "../util/network"
 import { toDataList, toOkrTarget } from '../util/click-link'
-import { getLocale } from "../../../utils/getLocale";
 
 import './index.scss'
 
@@ -27,25 +26,25 @@ export default function OKRTargetComponent() {
         switch (item.componentDataProp) {
           case "MyNormalOkrCount":
             data.push({
-              type: getLocale('OKR_MyO_Pop_Upd_Notrack'),
+              type: '正常',
               value: item.componentDataCount
             })
             break
           case "MyRiskOkrCount":
             data.push({
-              type: getLocale('OKR_MyO_Pop_Upd_Atrisk'),
+              type: '有风险',
               value: item.componentDataCount
             })
             break
           case "MyDlayOkrCount":
             data.push({
-              type: getLocale('OKR_MyO_Pop_Upd_Postoned'),
+              type: '已延期',
               value: item.componentDataCount
             })
             break
           case "MyFinishOkrCount":
             data.push({
-              type: getLocale('OKR_MyO_Butt_Hasended'),
+              type: '已结束',
               value: item.componentDataCount
             })
             break
@@ -75,16 +74,16 @@ export default function OKRTargetComponent() {
   const handlePieLegendClick = (event) => {
     const target = event.target.attrs.text
     switch (target) {
-      case getLocale('OKR_MyO_Pop_Upd_Notrack'):
+      case '正常':
         handlePieClick('normalOkr')
         break
-      case getLocale('OKR_MyO_Pop_Upd_Atrisk'):
+      case '有风险':
         handlePieClick('riskOkr')
         break
-      case getLocale('OKR_MyO_Pop_Upd_Postoned'):
+      case '已延期':
         handlePieClick('dalyOkr')
         break
-      case getLocale('OKR_MyO_Butt_Hasended'):
+      case '已结束':
         handlePieClick('endOkr')
         break
     }
@@ -101,7 +100,7 @@ export default function OKRTargetComponent() {
           content="高效工作从第一个OKR设定开始"
           behave={{
             type: 'button',
-            text: getLocale('OKR_MyO_Collr_Butt_CreatOKR'),
+            text: '创建OKR',
             onClick: (e) => toOkrTarget(),
           }}
         />

package/src/components/grid-layout/over-view/index.tsx

@@ -2,10 +2,10 @@ import React, { useState, useEffect, Fragment } from "react";
 import { DataItem, CardContainer, CardFlexContent, Advice } from "../commen-components";
 import postComponentForData, { getIsCompanyOKREmpty } from '../util/network'
 import { toDataList } from '../util/click-link'
-import { getLocale } from "../../../utils/getLocale";
 
 import './index.scss'
 
+
 const ComponentId = 'Overview-All-OKRs-E'
 
 
@@ -76,8 +76,8 @@ export default function OverviewComponent() {
         <Fragment>
           <img className="OverviewComponent-img" src={require('../image/okrBirth.png')} />
           <div className="OverviewComponent-dataContent">
-            <DataItem num={allOkrCount} numColor="#3F4755" label={getLocale('Mod_Objective')} updataNum={allOkrInWeekCount} handleDataClick={handleTargetClick} />
-            <DataItem num={allMyKrCount} numColor="#3F4755" label={getLocale('Mod_KeyResults')} updataNum={0} />
+            <DataItem num={allOkrCount} numColor="#3F4755" label='目标' updataNum={allOkrInWeekCount} handleDataClick={handleTargetClick} />
+            <DataItem num={allMyKrCount} numColor="#3F4755" label='关键成果' updataNum={0} />
             <DataItem num={allMyTaskCount} numColor="#3F4755" label='执行任务' updataNum={0} />
           </div>
         </Fragment>

package/src/components/grid-layout/sub-employee-okr/index.tsx

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from "react";
 import { CardTitle, Gap, CardContainer, EmptyBackGround } from "../commen-components";
 import PersonalOkr from './person-okr'
 import postComponentForData from "../util/network"
-import { getLocale } from "../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -64,7 +63,7 @@ export default function SubOKRComponents() {
   return (
     <CardContainer styles={{ padding: '12px 16px' }}>
       <CardTitle
-        content={`${isSubTab ? getLocale('OKR_MyO_Butt_Subordinate') : '同级'}OKR`}
+        content={`${isSubTab ? '下属' : '同级'}OKR`}
         iconUrl={require('../image/sub.png')}
       >{
           isLeader
@@ -72,7 +71,7 @@ export default function SubOKRComponents() {
             onClick={changeTab}
           >
             <img src={require('../image/change.png')} />
-            <span>{isSubTab ? '同级' : getLocale('OKR_MyO_Butt_Subordinate')}</span>
+            <span>{isSubTab ? '同级' : '下属'}</span>
           </span>
         }
       </CardTitle>

package/src/components/grid-layout/week-task/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from "react";
 import { CardTitle, DataItem, CardContainer, CardFlexContent, EmptyBackGround } from '../commen-components'
-import { getLocale } from "../../../utils/getLocale";
 import { toOkrTarget, toWeekPlan } from '../util/click-link'
 import postComponentForData from "../util/network"
 
@@ -44,10 +43,10 @@ export default function WeekTaskComponent() {
   return (
     <CardContainer styles={{ padding: '20px 22px 0' }}>
       <CardTitle
-        content={getLocale('OKR_OKRW_Tasksweek')}
+        content='本周任务'
         iconUrl={require('../image/task.png')}
       >
-        {!isMyOKREmpty && <a onClick={toWeekPlan} className="grid-component-card-title__behave">{getLocale('Feed_Set_Pop_Butt_Newtask')}</a>}
+        {!isMyOKREmpty && <a onClick={toWeekPlan} className="grid-component-card-title__behave">新建任务</a>}
       </CardTitle>
       {
         isMyOKREmpty
@@ -56,13 +55,13 @@ export default function WeekTaskComponent() {
             content='对齐 Ta 人目标，撑企业落地 OKR'
             behave={{
               type: 'button',
-              text: getLocale('Pro_page_Mil_Butt_Createatask'),
+              text: '创建任务',
               onClick: e => toWeekPlan()
             }} />
           : <CardFlexContent>
             <DataItem num={unFinishTaskOnWeek} numColor="#2879FF" label='本周未完成' Qtips='本周截止但未完成的任务量' handleDataClick={() => toWeekPlan()} />
             <DataItem num={finishTaskOnWeek} numColor="#5AD8A6" label='本周完成' handleDataClick={() => toWeekPlan()} />
-            <DataItem num={dueTaskOnWeek} numColor="#F05E5E" label={getLocale('OKR_MyO_E_Overdue')} handleDataClick={() => toWeekPlan()} />
+            <DataItem num={dueTaskOnWeek} numColor="#F05E5E" label='已过期' handleDataClick={() => toWeekPlan()} />
           </CardFlexContent>
       }
       {/* {!isCompanyOKREmpty && <ScrollTips content="已完成任务" message={{ name: '赵晓雅', date: '02/16' }} />} */}

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

@@ -15,7 +15,6 @@ 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";
@@ -116,7 +115,7 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
                       prefix + "__header-download-icon"
                     )}
                   />
-                  {getLocale('Mod_Download')}
+                  下载
                 </a>
               )}
               <span
@@ -169,12 +168,12 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
             </div>
           </div>
           <div className={prefix + "__footer"}>
-            <Tooltip overlay={getLocale('OKR_Ali_Butt_Narrow')} placement="top">
+            <Tooltip overlay={"缩小"} placement="top">
               <span className={prefix + "__footer-btn"} onClick={handleShrink}>
                 <Shrink />
               </span>
             </Tooltip>
-            <Tooltip overlay={getLocale('OKR_Ali_Butt_Enlarge')} placement="top">
+            <Tooltip overlay={"放大"} placement="top">
               <span className={prefix + "__footer-btn"} onClick={handleEnlarge}>
                 <Enlarge />
               </span>

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

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

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

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