@titaui/pc 1.9.49 → 1.9.50

package/src/components/mblog/components/MblogContent.tsx

@@ -1,8 +1,5 @@
-import React, { PureComponent } from "react";
-import {
-  DivMblogContent, LabelWrapper, Label, TextareaWrapper, Textarea, Tips,
-} from "../style";
-
+import React, { PureComponent } from 'react'
+import { DivMblogContent, LabelWrapper, Label, TextareaWrapper, Textarea, Tips } from '../style'
 interface UploadFilesObj {
   name: string;
   lastModified: number;
@@ -20,10 +17,10 @@ interface Props {
   textareaValue: any // 输入框内容
   maxLength: number // 最大字数，默认2000
 
-  autoFocus: boolean // 自动获取焦点，默认false
+  autoFocus: boolean // 自动获取焦点，默认false 
   autoResizing: boolean // 是否根据内容改变高度，默认为true
   initialTextHeight: number // 输入框默认高度：48px
-
+  
   visibility: number // 私密性: 1：公开，2：私密，3：部门可见 设置锁背景
 
   submitStatus: number // 提交内容是否成功：0：失败，1：成功，2：提交中
@@ -40,70 +37,70 @@ interface State {
 export default class MblogContent extends PureComponent<Props, State> {
   constructor(props: Props) {
     super(props);
-    this.state = { isFocus: false };
+    this.state = {isFocus: false}
   }
 
   // @ts-ignore
   componentDidMount() {
     if (this.props.autoFocus) {
       // @ts-ignore
-      this.refs.textareaInput.focus();
+      this.refs.textareaInput.focus()
     }
-    this.props.setTextareaRef && this.props.setTextareaRef(this.refs.textareaInput);
+    this.props.setTextareaRef && this.props.setTextareaRef(this.refs.textareaInput)
   }
 
   componentDidUpdate(prevProps: Props, prevState: State) {
     if (this.props.textareaValue != prevProps.textareaValue) {
-      this.setTextareaHeight();
+      this.setTextareaHeight()
     }
   }
 
   // label提示信息点击事件
   _handlerTipsLabelClick = () => {
-    // @ts-ignore
-    this.refs.textareaInput.focus(); // 点击 输入框获得焦点
-  };
+    //@ts-ignore
+    this.refs.textareaInput.focus() // 点击 输入框获得焦点
+  }
 
   // 获得焦点
   _handlerFocus = (event: any) => {
-    this.setState({ isFocus: true });
-    this.toEnd(event);
-  };
+    this.setState({isFocus: true,})
+    this.toEnd(event)
+  }
 
   // 兼容IE、火狐、chrome浏览器的onfocus时将光标定位在最后
   toEnd = (event: any) => {
-    const obj = event.srcElement ? event.srcElement : event.target;
-    if (obj.createTextRange) { // IE浏览器
-      const range = obj.createTextRange();
-      range.moveStart("character", event.target.value.length);
-      range.collapse(true);
-      // range.select()
-    } else { // 非IE浏览器
-      obj.setSelectionRange(event.target.value.length, event.target.value.length);
-      obj.focus();
-    }
-  };
+    var obj = event.srcElement ? event.srcElement : event.target
+    if (obj.createTextRange) {//IE浏览器
+       var range = obj.createTextRange()
+       range.moveStart("character", event.target.value.length)
+       range.collapse(true)
+      //range.select()
+    } else {//非IE浏览器
+       obj.setSelectionRange(event.target.value.length, event.target.value.length)
+       obj.focus()
+    }
+  }
 
   // 失去焦点
   _handlerBlur = (event: any) => {
-    this.props.onContentChange(event.target.value);
-    this.setState({ isFocus: false });
-  };
+    this.props.onContentChange(event.target.value)
+    this.setState({isFocus: false,})
+  }
 
   // 键盘事件
   _handlerKeyDown = (event: any) => {
-    event.persist();
+    event.persist()
     // console.log(event)
     // console.log(event.keyCode)
     // let isInputAt = (event.shiftKey && event.keyCode == 50) || event.key == '@'
-    const isSubmit = event.ctrlKey && event.keyCode == 13;
+    let isSubmit = event.ctrlKey && event.keyCode == 13
     // if (isInputAt) {
     //   this.props.onContentChange('showUsersSelector') // 输入@弹出选人组件
     // }
     if (isSubmit) {
-      this.props.onActionSubmit("submit"); // ctrl + enter发送回复
+      this.props.onActionSubmit('submit') // ctrl + enter发送回复
     }
-  };
+  }
 
   _handlerKeyUp = (event: any) => {
     // event.persist()
@@ -123,83 +120,76 @@ export default class MblogContent extends PureComponent<Props, State> {
     // ) {
     //   this._showUserselectorSdk()
     // }
-  };
+  }
 
   _handlerPaste = (event: any) => {
-    const clipData = event.clipboardData && event.clipboardData.items;
-    if (!clipData) return;
+    let clipData = event.clipboardData && event.clipboardData.items
+    if (!clipData) return
     for (let i = 0, len = clipData.length; i < len; i++) {
-      const item = clipData[i];
+      let item = clipData[i]
       if (item.kind === "string") {
-        item.getAsString((str: string) => {});
+        item.getAsString(function (str: string) {})
       } else if (item.kind === "file") {
-        const file = item.getAsFile && item.getAsFile();
+        let file = item.getAsFile && item.getAsFile()
         if (file) {
-          const newFileName = `${new Date().getTime() + parseInt(`${Math.random() * 100}`)}.png`;
-          const dfl = new File([file], newFileName, { type: file.type });
+          let newFileName = new Date().getTime() + parseInt(Math.random() * 100 + '') + ".png"
+          let dfl = new File([file], newFileName, {type: file.type})
           // @ts-ignore
-          this.props.onPasteSubmit(dfl);
+          this.props.onPasteSubmit(dfl)
         }
       }
     }
-  };
+  }
 
   // 输入事件
   _handleInputChange = (event: any) => {
-    this.props.onContentChange(event.target.value);
-    this.setTextareaHeight();
+    this.props.onContentChange(event.target.value)
+    this.setTextareaHeight()
     // @ts-ignore
-    this.refs.textareaInput.focus();
-  };
+    this.refs.textareaInput.focus()
+  }
 
   // 根据内容自动调整输入框高度
   setTextareaHeight = () => {
-    const { initialTextHeight, autoResizing } = this.props;
-    if (!autoResizing) return;
-    const { textareaSetHeight } = this.refs;
-    const { textareaInput } = this.refs;
+    const {initialTextHeight, autoResizing} = this.props
+    if(!autoResizing) return
+    let textareaSetHeight = this.refs.textareaSetHeight
+    let textareaInput = this.refs.textareaInput
     // @ts-ignore
-    textareaInput.style.height = autoResizing && textareaSetHeight.scrollHeight > initialTextHeight ? `${textareaSetHeight.scrollHeight}px` : `${initialTextHeight}px`;
-  };
+    textareaInput.style.height = autoResizing && textareaSetHeight.scrollHeight > initialTextHeight ? `${textareaSetHeight.scrollHeight}px` : `${initialTextHeight}px`
+  }
 
   render() {
-    const { isFocus } = this.state;
-    const {
-      className, isHasPlaceholder, placeholderText, maxLength, visibility, textareaValue,
-    } = this.props;
-    const textareaValueLen = textareaValue.trim().length;
+    const { isFocus } = this.state
+    const { className, isHasPlaceholder, placeholderText, maxLength, visibility, textareaValue } = this.props
+    let textareaValueLen = textareaValue.trim().length
     return (
-      <DivMblogContent className={[className, isFocus ? "input_default-active" : ""].join(" ")}>
+      <DivMblogContent className={[className, isFocus ? 'input_default-active' : ''].join(' ')}>
         {isHasPlaceholder && (
-          <LabelWrapper visibility={textareaValueLen > 0 ? "hidden" : "visible"}>
-            <Label
-              onMouseDown={this._handlerTipsLabelClick}
-              style={{ opacity: isFocus ? "0.8" : "1" }}
-            >
+          <LabelWrapper visibility={textareaValueLen > 0 ? 'hidden' : 'visible'}>
+            <Label onMouseDown={this._handlerTipsLabelClick}
+                   style={{opacity: isFocus ? '0.8' : '1'}}>
               {placeholderText}
             </Label>
           </LabelWrapper>
         )}
         <TextareaWrapper>
-          <Textarea ref="textareaSetHeight" value={textareaValue} onChange={() => {}} className="textarea-setheight" />
-          <Textarea
-            ref="textareaInput"
-            className={`${visibility === 1 ? "" : "private__bg"}`}
-            value={textareaValue}
-            onFocus={this._handlerFocus}
-            onBlur={this._handlerBlur}
-            onKeyUp={this._handlerKeyUp}
-            onKeyDown={this._handlerKeyDown}
-            onPaste={this._handlerPaste}
-            onChange={this._handleInputChange}
-          />
+          <Textarea ref='textareaSetHeight' value={textareaValue} onChange={() => {}} className="textarea-setheight"></Textarea>
+          <Textarea ref='textareaInput'
+                    className={`${visibility === 1 ? '' : 'private__bg'}`}
+                    value={textareaValue}
+                    onFocus={this._handlerFocus}
+                    onBlur={this._handlerBlur}
+                    onKeyUp={this._handlerKeyUp}
+                    onKeyDown={this._handlerKeyDown}
+                    onPaste={this._handlerPaste}
+                    onChange={this._handleInputChange}>
+          </Textarea>
         </TextareaWrapper>
-        <Tips onMouseDown={this._handlerTipsLabelClick} color={maxLength && textareaValueLen > maxLength ? "#EB4447" : textareaValueLen > 0 ? "#2879ff" : "#BFC3C7"}>
-          {textareaValueLen}
-          /
-          {maxLength}
+        <Tips onMouseDown={this._handlerTipsLabelClick} color={maxLength && textareaValueLen > maxLength ? '#EB4447' : textareaValueLen > 0 ? '#2879ff' : '#BFC3C7'}>
+          {textareaValueLen}/{maxLength}
         </Tips>
       </DivMblogContent>
-    );
+    )
   }
 }

package/src/components/mblog/context.ts

@@ -1,3 +1,2 @@
-import React from "react";
-
-export default React.createContext({});
+import React from 'react'
+export default React.createContext({})

package/src/components/mblog/index.tsx

@@ -1,14 +1,13 @@
-import React, { PureComponent } from "react";
-import uuid from "uuid";
-import MblogContent from "./components/MblogContent";
-import MblogAction from "./components/MblogAction";
-import { getUserInfo, getUploadMaxSize } from "../../utils/bs-global";
-import {
-  insertTextAtPointer, dealWithLoadedFileTips, generateSelectedMark, htmlEncodeByRegExp, htmlDecodeByRegExp,
-} from "./common/index";
-import { MBlogBox, PreviewBox, DragEffect } from "./style";
-import { isPlatform } from "../../utils/platform";
-import { getLocale } from "../../utils/getLocale";
+import React, { PureComponent } from 'react';
+import MblogContent from './components/MblogContent';
+import MblogAction from './components/MblogAction';
+import { getUserInfo } from '../../utils/bs-global';
+import { insertTextAtPointer, dealWithLoadedFileTips, generateSelectedMark, htmlEncodeByRegExp, htmlDecodeByRegExp } from './common/index';
+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;
@@ -61,12 +60,12 @@ interface Props {
 
   // 可见范围
   isShowRange?: boolean; // 是否显示 “可见范围”选项，默认true
-  privateValue?: number; // 1：公开，2：私密 3：部门可见
+  privateValue?: number; //1：公开，2：私密 3：部门可见
   isShowRangeDropDown?: boolean; // 是否显示下拉三角
   disableRangeSelect?: boolean;
   // privateDropDownOptions?: Object
 
-  // 短信通知
+  //短信通知
   isShowSendSms?: boolean; // 是否显示 “短信通知”选项，默认true
   sendSmsTipText?: string; // “短信通知”按钮文字
 
@@ -99,8 +98,8 @@ export default class MBlog extends PureComponent<Props, State> {
     this.state = {
       uploadSuccessFilesPath: [],
       isAllowSubmit: false,
-      localStroageKey: "", // 本地存储key
-      textareaValue: "",
+      localStroageKey: '', // 本地存储key
+      textareaValue: '',
       isSendSMS: false,
       visibility: 1,
       isInputAt: false,
@@ -110,19 +109,16 @@ export default class MBlog extends PureComponent<Props, State> {
       isAtAll: false,
     };
   }
-
   // @ts-ignore @所有同事权限设置，有权限的：超管、老板、助理、目标负责人、目标管理员
   isManager = BSGlobal.loginUserInfo.IsRoot || BSGlobal.loginUserInfo.IsBoss || BSGlobal.loginUserInfo.IsOkrManager;
-
-  previewid = uuid();
-
+  previewid = uuid()
   static defaultProps = {
     // 样式相关
-    contentClassName: "", // 输入框class
-    actionClassName: "", // 功能栏class
+    contentClassName: '', // 输入框class
+    actionClassName: '', // 功能栏class
 
     // 输入相关
-    defaultContent: "",
+    defaultContent: '',
     isHasPlaceholder: false,
     maxLength: 2000,
     autoFocus: false,
@@ -132,7 +128,7 @@ export default class MBlog extends PureComponent<Props, State> {
     // 附件
     isShowAttachment: true,
     // attachmentTipText: `<p>支持拖拽上传</p><p>单次最多支持上传20个</p><p>每个不超过50MB</p>`,
-    attachmentTipText: "",
+    attachmentTipText: '',
 
     fileNumLimit: 20,
     fileSizeLimit: 50,
@@ -141,11 +137,11 @@ export default class MBlog extends PureComponent<Props, State> {
     // @所有同事
     // @表情
     isShowEmotion: true,
-    emotionTipText: "",
+    emotionTipText: '',
     // @按钮相关
     isShowSendSms: true,
     isShowRange: true,
-    privateValue: 1, // 1公开，2私密 3部门
+    privateValue: 1, //1公开，2私密 3部门
     isShowRangeDropDown: true,
     isShowBtnCancel: true,
     submitStatus: 0,
@@ -167,7 +163,7 @@ export default class MBlog extends PureComponent<Props, State> {
     if (submitStatus === 1) {
       // 发送成功，清空内容
       this.setState({
-        textareaValue: "",
+        textareaValue: '',
         uploadSuccessFilesPath: [],
         isSendSMS: false,
         isAllowSubmit: false,
@@ -179,9 +175,9 @@ export default class MBlog extends PureComponent<Props, State> {
   // 获取输入框显示内容
   getTextareaValue = () => {
     const { commentsTypeKey, privateValue, defaultContent } = this.props;
-    const localStroageKey = `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${commentsTypeKey}`; // 根据commentsTypeKey设置localStroageKey
-    const textareaValue = htmlDecodeByRegExp(localStorage.getItem(localStroageKey) || defaultContent); // 获取本地缓存内容
-    const atAll = !!textareaValue.match(/@\[所有同事:all_members\]/g);
+    let localStroageKey = `mblogLocalStroage_${getUserInfo().Id}_commentsTypeKey_${commentsTypeKey}`; // 根据commentsTypeKey设置localStroageKey
+    let textareaValue = htmlDecodeByRegExp(localStorage.getItem(localStroageKey) || defaultContent); // 获取本地缓存内容
+    const atAll = textareaValue.match(/@\[所有同事:all_members\]/g) ? true : false;
     this.setState({
       isAtAll: atAll,
       localStroageKey,
@@ -194,11 +190,11 @@ export default class MBlog extends PureComponent<Props, State> {
   // 接收MblogContent组件事件
   onContentChange = (contentValue: any) => {
     // @ts-ignore
-    const { textareaInput } = this.refs.textEditor.refs;
-    const start = textareaInput.selectionStart;
-    const atAll = !!contentValue.match(/@\[所有同事:all_members\]/g);
+    let textareaInput = this.refs.textEditor.refs.textareaInput;
+    let start = textareaInput.selectionStart;
+    const atAll = contentValue.match(/@\[所有同事:all_members\]/g) ? true : false;
     this.setState({
-      isInputAt: contentValue.charAt(start - 1) == "@",
+      isInputAt: contentValue.charAt(start - 1) == '@',
       // isInputEnterSubmit: contentValue === 'isInputEnterSubmit',
       textareaValue: contentValue,
       isAllowSubmit: this.allowSubmit(contentValue),
@@ -210,24 +206,24 @@ export default class MBlog extends PureComponent<Props, State> {
 
   // 接收MblogAction组件改变输入框内容的事件
   onActionsTextChange = (actionValue: string) => {
-    if (actionValue === "allowSendSMS") {
+    if (actionValue === 'allowSendSMS') {
       return this.setState({ isSendSMS: true });
     }
-    if (actionValue === "public") {
+    if (actionValue === 'public') {
       return this.setState({ visibility: 1 });
     }
-    if (actionValue === "private") {
+    if (actionValue === 'private') {
       return this.setState({ visibility: 2 });
     }
-    if (actionValue === "department") {
+    if (actionValue === 'department') {
       return this.setState({ visibility: 3 });
     }
     // @ts-ignore
-    const { textareaInput } = this.refs.textEditor.refs;
-    let { textareaValue } = this.state;
+    let textareaInput = this.refs.textEditor.refs.textareaInput;
+    let textareaValue = this.state.textareaValue;
     textareaValue = insertTextAtPointer(textareaInput, actionValue);
     localStorage.setItem(this.state.localStroageKey, textareaValue); // 输入内容进行本地缓存
-    const atAll = !!textareaValue.match(/@\[所有同事:all_members\]/g);
+    const atAll = textareaValue.match(/@\[所有同事:all_members\]/g) ? true : false;
     this.setState(
       {
         textareaValue,
@@ -244,7 +240,7 @@ export default class MBlog extends PureComponent<Props, State> {
   // 选人
   onActionsSelectedUserChange = (users: any[]) => {
     // @ts-ignore
-    const { textareaInput } = this.refs.textEditor.refs;
+    let textareaInput = this.refs.textEditor.refs.textareaInput;
     const mark = generateSelectedMark(users, textareaInput);
     const nextContent = insertTextAtPointer(textareaInput, mark);
     this.setState(
@@ -261,11 +257,11 @@ export default class MBlog extends PureComponent<Props, State> {
 
   // 处理文件进行上传、删除等操作后的数据，动态更新输入框内容
   handlerDealAttachemntData = (uploadSuccessFilesPath: string[]) => {
-    const successFilesPath = uploadSuccessFilesPath.filter((item) => item !== "");
-    const successFilesPathLen = successFilesPath.length;
+    let successFilesPath = uploadSuccessFilesPath.filter(item => item !== '');
+    let successFilesPathLen = successFilesPath.length;
     // @ts-ignore
-    const { textareaInput } = this.refs.textEditor.refs;
-    const { textareaValue } = this.state;
+    let textareaInput = this.refs.textEditor.refs.textareaInput;
+    let textareaValue = this.state.textareaValue;
     // textareaValue = dealWithLoadedFileTips(textareaValue, successFilesPathLen); // 更新输入框内容
     localStorage.setItem(this.state.localStroageKey, textareaValue); // 将输入框内容进行本地缓存
     textareaInput.focus();
@@ -280,7 +276,7 @@ export default class MBlog extends PureComponent<Props, State> {
   // 输入框获取焦点
   focus = () => {
     // @ts-ignore
-    const { textareaInput } = this.refs.textEditor.refs;
+    let textareaInput = this.refs.textEditor.refs.textareaInput;
     setTimeout(() => {
       textareaInput.focus();
     }, 300);
@@ -290,14 +286,10 @@ export default class MBlog extends PureComponent<Props, State> {
 
   // 提交输入框内容、附件，发送回复请求
   onActionSubmit = (submitType: string) => {
-    const {
-      textareaValue, uploadSuccessFilesPath, isSendSMS, visibility,
-    } = this.state;
-    const {
-      isShowAttachment, isShowSendSms, isShowRange, submitStatus,
-    } = this.props;
-    const sentData = {}; // 发送的数据
-    const FileUrl = uploadSuccessFilesPath.join(","); // 附件链接
+    const { textareaValue, uploadSuccessFilesPath, isSendSMS, visibility } = this.state;
+    const { isShowAttachment, isShowSendSms, isShowRange, submitStatus } = this.props;
+    let sentData = {}; // 发送的数据
+    let FileUrl = uploadSuccessFilesPath.join(','); // 附件链接
     if (isShowAttachment) {
       // @ts-ignore
       sentData.FileUrl = FileUrl;
@@ -313,10 +305,10 @@ export default class MBlog extends PureComponent<Props, State> {
     // @ts-ignore
     sentData.Content = htmlEncodeByRegExp(textareaValue);
     // @ts-ignore
-    if (submitType === "submit" && submitStatus !== 2) {
+    if (submitType === 'submit' && submitStatus !== 2) {
       // 发送
       this.props.onMblogSubmit(submitType, sentData);
-    } else if (submitType === "cancel") {
+    } else if (submitType === 'cancel') {
       // 取消
       this.props.onMblogSubmit(submitType);
     }
@@ -326,10 +318,10 @@ export default class MBlog extends PureComponent<Props, State> {
   // @ts-ignore
   _dropHandler = (event: any) => {
     event.preventDefault();
-    const fileList = event.dataTransfer.files;
+    let fileList = event.dataTransfer.files;
     if (fileList.length > 0) {
-      const dragFilesList: UploadFilesObj[] = [];
-      for (let i = 0; i < fileList.length; i++) {
+      let dragFilesList: UploadFilesObj[] = [];
+      for (var i = 0; i < fileList.length; i++) {
         dragFilesList.push(fileList[i]); // 将对象转换成数组
       }
       this.setState({
@@ -364,7 +356,7 @@ export default class MBlog extends PureComponent<Props, State> {
   handlerPasteChange = (file: UploadFilesObj) => {
     // if (!isPlatform('wx')) {
     this.setState({ dragFilesList: [] });
-    const dragFilesList: UploadFilesObj[] = [];
+    let dragFilesList: UploadFilesObj[] = [];
     dragFilesList.push(file);
     setTimeout(() => {
       this.setState({ dragFilesList });
@@ -378,49 +370,47 @@ export default class MBlog extends PureComponent<Props, State> {
       submitStatus,
       contentClassName,
       isHasPlaceholder,
-      placeholderText = "有事需要提醒ta，请@ta",
+      placeholderText = '有事需要提醒ta，请@ta',
       maxLength,
       autoResizing,
       initialTextHeight,
       autoFocus,
       actionClassName,
       isShowAttachment,
-      attachmentText = getLocale("Mod_Annexes"),
+      attachmentText = getLocale('Mod_Annexes'),
       attachmentTipText,
       fileNumLimit,
       // fileSizeLimit,
       attachmentPreviewBox,
-      atAllText = getLocale("Mod_AllColleagues"),
-      atAllValue = "@[所有同事:all_members] ",
-      atAllTipText = getLocale("OKR_MyO_Popup_Allcolleagues"),
+      atAllText = getLocale('Mod_AllColleagues'),
+      atAllValue = '@[所有同事:all_members] ',
+      atAllTipText = getLocale('OKR_MyO_Popup_Allcolleagues'),
       isShowAt,
       showAtAll,
-      atText = getLocale("Mod_colleague"),
-      atTipText = getLocale("OKR_MyO_Popup_Butt_Colleagues"),
+      atText = getLocale('Mod_colleague'),
+      atTipText = getLocale('OKR_MyO_Popup_Butt_Colleagues'),
       userSelectorPopAlign,
       isShowEmotion,
-      emotionText = getLocale("Mod_Expressions"),
+      emotionText = getLocale('Mod_Expressions'),
       emotionTipText,
       emotionsSelectorPopAlign,
       isShowSendSms,
-      sendSmsTipText = getLocale("Tasks_Tab_MyS_Thecollenotified"),
+      sendSmsTipText = getLocale('Tasks_Tab_MyS_Thecollenotified'),
       isShowRange,
       isShowRangeDropDown,
       isShowBtnCancel,
-      submitText = getLocale("Mod_Publish"),
+      submitText = getLocale('Mod_Publish'),
       setTextareaRef,
-      disableRangeSelect,
+      disableRangeSelect
     } = this.props;
-    const {
-      localStroageKey, visibility, isInputAt, isInputEnterSubmit, isAllowSubmit, textareaValue, dragFilesList, isShowDragMask, isAtAll,
-    } = this.state;
-    const fSize = getUploadMaxSize();
-    const fTip = attachmentTipText || getLocale("OKR_MyO_KRP_Draganddropu").replace("50MB", `${fSize}MB`);
+    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`);
     return (
-      <MBlogBox className={className} ref="mblogbox" onDrop={this._dropHandler} onDragEnter={this._dragEnterHandler} onDragLeave={this._dragLeaveHandler} onDragOver={this._dragOverHandler}>
+      <MBlogBox className={className} ref='mblogbox' onDrop={this._dropHandler} onDragEnter={this._dragEnterHandler} onDragLeave={this._dragLeaveHandler} onDragOver={this._dragOverHandler}>
         <MblogContent
-          ref="textEditor"
-          setTextareaRef={setTextareaRef || function () {}}
+          ref='textEditor'
+          setTextareaRef={setTextareaRef || function() {}}
           textareaValue={textareaValue}
           className={contentClassName}
           isHasPlaceholder={isHasPlaceholder as boolean}
@@ -434,10 +424,10 @@ export default class MBlog extends PureComponent<Props, State> {
           onPasteSubmit={(file: UploadFilesObj) => {
             this.handlerPasteChange(file);
           }}
-          onContentChange={(contentValue) => {
+          onContentChange={contentValue => {
             this.onContentChange(contentValue);
           }}
-          onActionSubmit={(submitType) => {
+          onActionSubmit={submitType => {
             this.onActionSubmit(submitType);
           }}
         />
@@ -446,7 +436,7 @@ export default class MBlog extends PureComponent<Props, State> {
           isShowAttachment={isShowAttachment as boolean}
           attachmentText={attachmentText as string}
           attachmentTipText={fTip}
-          attachmentPreviewBox={attachmentPreviewBox || this.previewid}
+          attachmentPreviewBox={attachmentPreviewBox||this.previewid}
           fileNumLimit={fileNumLimit as number}
           fileSizeLimit={fSize as number}
           isShowAtAll={showAtAll != undefined ? showAtAll : this.isManager}
@@ -475,17 +465,17 @@ export default class MBlog extends PureComponent<Props, State> {
           submitStatus={submitStatus}
           localStroageKey={localStroageKey}
           disableRangeSelect={disableRangeSelect || isAtAll}
-          onActionsTextChange={(actionValue) => {
+          onActionsTextChange={actionValue => {
             this.onActionsTextChange(actionValue);
           }}
           onActionsSelectedUserChange={(users: any[]) => this.onActionsSelectedUserChange(users)}
           onActionsAttachmentChange={(uploadSuccessFilesPath: string[]) => this.handlerDealAttachemntData(uploadSuccessFilesPath)}
-          onActionSubmit={(submitType) => {
+          onActionSubmit={submitType => {
             this.onActionSubmit(submitType);
           }}
         />
-        <PreviewBox id={this.previewid} />
-        {!isPlatform("wx") && isShowDragMask && <DragEffect className="tu-icon-inbox-upload" />}
+        <PreviewBox id={this.previewid}></PreviewBox>
+        {!isPlatform('wx') && isShowDragMask && <DragEffect className='tu-icon-inbox-upload'></DragEffect>}
       </MBlogBox>
     );
   }