@titaui/pc 1.7.12 → 1.7.13

package/src/components/invite-people/index.tsx

@@ -1,23 +0,0 @@
-import React, { FC } from "react";
-import Tooltip from "../tooltip";
-import "./index.scss";
-
-const prefix = "titaui-invite-people";
-
-const InvitePeople: FC = () => {
-  const handleInvitePeople = () => {
-    window.open("/#more/invite");
-  };
-
-  return (
-    <Tooltip
-      overlay={'邀请同事'}
-      placement="right"
-      align={{ offset: [0, 0] }}
-    >
-      <div className={prefix} onClick={handleInvitePeople}></div>
-    </Tooltip>
-  );
-};
-
-export default InvitePeople;

package/src/components/mblog/common/index.ts

@@ -1,113 +0,0 @@
-// 修改textarea高度
-export function textareaAutoResizing(id: string, initialTextHeight: number) {
-  let observe: any;
-  let isInit = true;
-  // @ts-ignore
-  if (window.attachEvent) {
-    observe = function (element: any, event: any, handler: any) {
-      element.attachEvent('on' + event, handler);
-    };
-  } else {
-    observe = function (element: any, event: any, handler: any) {
-      element.addEventListener(event, handler, false);
-    };
-  }
-
-  function init() {
-    // @ts-ignore
-    let text = document.getElementById(id);
-
-    function resize() {
-      // @ts-ignore
-      text.style.height = 'auto';
-      // @ts-ignore
-      text.style.height = (isInit ? initialTextHeight + 'px' : (text.scrollHeight > initialTextHeight ? text.scrollHeight + 'px' : initialTextHeight + 'px'))
-      isInit = false;
-    }
-    /* 0-timeout to get the already changed text */
-    function delayedResize() {
-      window.setTimeout(resize, 0);
-    }
-    observe(text, 'change', resize);
-    observe(text, 'cut', delayedResize);
-    observe(text, 'paste', delayedResize);
-    observe(text, 'drop', delayedResize);
-    observe(text, 'keydown', delayedResize);
-    // @ts-ignore
-    text.focus();
-    // @ts-ignore
-    // text.select();
-    resize();
-  }
-  init()
-}
-
-// 在textraea的光标处插入指定内容
-export function insertTextAtPointer(textEle: any, insertValue: any) {
-  let start = textEle.selectionStart;
-  let preValue = textEle.value;
-  return preValue.substring(0, start) + insertValue + preValue.substring(start);
-}
-
-// 分享文案
-export function dealWithLoadedFileTips(content: any, num: number) {
-  let index = content.match(/分享了\d+个文件/);
-  if (!index && num > 0) return content + '分享了' + num + '个文件';
-  if (num == 0) return content.replace(/分享了\d+个文件/, '');
-  return content.replace(/分享了\d+个文件/, '分享了' + num + '个文件')
-}
-
-// 生成@人的字符串
-export function generateSelectedMark(users: any, textEle: any) {
-  let arr = users.map((item: any) => {
-      if (item.hasOwnProperty('Name')) return '[' + item.Name + ':' + item.Email + ']' //人
-      return '[' + item.DepartmentName + ':' + item.Id + ':dep_members]' //部门
-  })
-  let start = textEle.selectionStart;
-  let value = textEle.value;
-  if (value.charAt(start - 1) == '@') return arr.join(' @')
-  return '@' + arr.join(' @');
-}
-
-//检测字符数 一个汉字两个字符
-export function getByteLen(val: any) {
-  var len = 0;
-  var en = 0; //英文数
-  var cn = 0; //汉字数
-  for (var i = 0; i < val.length; i++) {
-      var a = val.charAt(i);
-      if (a.match(/[^\x00-\xff]/ig) != null) {
-          len += 2;
-          ++cn;
-      } else {
-          len += 1;
-          ++en;
-      }
-  }
-  return { len, en, cn };
-}
-
-// html标签转义
-export function htmlEncodeByRegExp(str: string) {
-  var temp = ""; 
-  if (str.length == 0) return ""
-  temp = str.replace(/</g, "&lt;")
-  temp = temp.replace(/>/g, "&gt;")
-  temp = temp.replace(/\'/g, "&#39;")
-  temp = temp.replace(/\"/g, "&quot;")
-  temp = temp.replace(/\n/g, "<br/>")
-  return temp
-}
-
-export function htmlDecodeByRegExp(str: string) { 
-  var temp = ""
-  if (str.length == 0) return ""
-  temp = str.replace(/&amp;/g, "&")
-  temp = temp.replace(/&lt;/g, "<")
-  temp = temp.replace(/&gt;/g, ">")
-  temp = temp.replace(/&nbsp;/g, " ")
-  temp = temp.replace(/&#39;/g, "\'")
-  temp = temp.replace(/&quot;/g, "\"")
-  temp = temp.replace(/<br\/>/g, "\n")
-  return temp
-} 

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

@@ -1,69 +0,0 @@
-import React, { PureComponent } from 'react'
-import styled from 'styled-components'
-
-const ConfirmContainer = styled.div`
-  background-color: #fff;
-  border: 1px solid #dedede;
-  border-radius: 2px;
-  z-index: 999999 !important;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
-  font-size: 12px;
-  color: #555;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-`
-const ConfirmMsg = styled.div`
-  padding: 10px;
-  font-size: 12px;
-  line-height: 16px;
-  color: #555;
-`
-const Ico = styled.b`
-  width: 14px;
-  height: 14px;
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: 10px;
-  overflow: hidden;
-  background: url(${(require('../assets/ici_dialog.gif'))}) 0 0 no-repeat;
-  position: relative;
-  top: -1px;
-`
-const BtnGroup = styled.div`
-  background-color: #eeeeee;
-  text-align: center;
-  height: 36px;
-  padding-top: 10px;
-  min-width: 200px;
-  line-height: 1em;
-
-  button {
-    padding: 1px 18px;
-    font-size: 12px;
-    border-radius: 3px;
-    background-color: #51a1e8;
-    background-image: linear-gradient(to bottom, #509fe5, #53a4ec);
-    background-repeat: repeat-x;
-    color: #fff;
-  }
-`
-interface Props {
-  onSubmit: Function
-}
-
-export default class ConfirmPop extends PureComponent<Props> {
-  render() {
-    return (
-      <ConfirmContainer>
-        <ConfirmMsg>
-          <Ico></Ico>
-          目前您企业的短信已超出许可量，请联系超管进行短信充值
-        </ConfirmMsg>
-        <BtnGroup>
-          <button onMouseDown={() => this.props.onSubmit()}>确定</button>
-        </BtnGroup>
-      </ConfirmContainer>
-    )
-  }
-}

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

@@ -1,253 +0,0 @@
-import React, { PureComponent } from 'react'
-import { Tooltip } from 'tita-ui'
-import UserSelectorPop from '../../../components-v1/userSelector/UserSelectorPop'
-import { MblogActionWrapper, LeftBtnGroupWrapper, LeftBtn, IconSpan, RightBtnGroupWrapper, RightBtn, BtnPrivate, BtnCancel, BtnConfirm } from '../style'
-import EmotionsSelectorPop from '../../emotions-selector'
-import RangeSelectorPop from '../../range-selector-pop/RangeSelectorPop'
-import { getApiUrl, taker } from '../../../utils/request-v1' // 请求相关
-import { getUserInfo } from '../../../utils/bs-global'
-import MBlogContext from '../context'
-import ConfirmPop from './ConfirmPop'
-import Upload from '../../upload'
-import { isLocal } from '../../../utils/helpers'
-
-const visibilityMap = {
-  1: '公开',
-  2: '私密',
-  3: '部门可见'
-}
-interface UploadFilesObj {
-  name: string;
-  lastModified: number;
-  lastModifiedDate: Object;
-  webkitRelativePath: string;
-  size: number;
-  type: string;
-}
-interface Props {
-  className?: string // 操作栏class选择器
-
-  // @同事
-  isInputAt: boolean // 是否通过输入@弹出选人组件
-  isShowAt: boolean // 是否显示 “@同事”按钮
-  atText: string // “@同事”按钮文字
-  atTipText: string // “@同事”tips内容：默认："想确保谁看到就@这个成员"
-  userSelectorPopAlign?: string // “@同事”选人组件出现位置
-
-  // @所有同事
-  isShowAtAll: boolean // 是否显示 “@所有同事”按钮
-  atAllText: string // "@所有同事"按钮文字
-  atAllValue: string // 点击后输入的内容："@[所有同事:all_members]"
-  atAllTipText: string // "@所有同事"tips内容：默认："所有同事将收到本条消息"
-
-  // 附件上传
-  isShowAttachment: boolean // 是否显示 “附件”按钮，默认true
-  attachmentText: string // “附件”按钮文字
-  attachmentTipText: string // “附件”tips内容：<p>支持拖拽上传</p><p>单次最多支持上传20个</p><p>每个不超过50MB</p>
-  fileNumLimit: number // 每次上传个数限制，默认：20个
-  fileSizeLimit: number // 上传文件单个大小限制 默认：每个不超过 50MB
-  attachmentPreviewBox?: string // 附件预览父容器，传id选择器
-  dragFilesList: UploadFilesObj[] // 拖拽上传的文件
-
-  // 表情组件
-  isShowEmotion: boolean // 是否显示 “表情”按钮，默认true
-  emotionText: string // "表情"按钮文字
-  emotionTipText: string // "表情"tips内容：默认："表情"
-  emotionsSelectorPopAlign?: string // 表情组件出现位置
-
-  // 可见范围
-  isShowRange: boolean // 是否显示 “可见范围”选项，默认true
-  visibility: number // 1：公开，2：私密 3：部门可见
-  isShowRangeDropDown: boolean // 是否显示下拉三角
-  disableRangeSelect?: boolean
-  // privateDropDownOptions?: Object
-
-  // 短信通知
-  isShowSendSms: boolean // 是否显示 “短信通知”选项，默认true
-  sendSmsTipText: string // “短信通知”按钮文字
-
-  isShowBtnCancel: boolean // 是否显示取消按钮，默认true
-
-  // 确定按钮
-  isInputEnterSubmit: boolean // ctrl + enter发送内容
-  isAllowSubmit: boolean // 是否允许提交，默认false
-  submitText: string // 提交按钮文字
-  submitStatus: number // 提交状态，0：失败，1：成功，2：提交中
-  localStroageKey: string // 通过localStroage key是否存在判断是否上传成功，清空附件列表（判断待优化）
-
-  // 事件传递
-  onActionsTextChange: (actionValue: string) => void // @同事等改变输入框内容的事件传递
-  onActionsAttachmentChange: (uploadSuccessFilesPath: string[]) => void // 附件上传
-  onActionsSelectedUserChange: (users: any[]) => void // 选人
-  onActionSubmit: (submitType: string) => void // 点击提交按钮的事件传递
-}
-
-export default class MblogAction extends PureComponent<Props> {
-  static contextType = MBlogContext
-  static defaultProps = {
-    userSelectorPopAlign: 'top left',
-    emotionsSelectorPopAlign: 'top center'
-  }
-  state = {
-    isSendSms: false, // 是否短信通知
-    isShowConfirmPop: false
-  }
-
-  componentDidUpdate(prevProps: Props, prevState: any) {
-    const { isInputAt } = this.props
-    if (isInputAt) {
-      // @ts-ignore
-      this.refs.atSelector.handleShowPop()  // 输入@弹出选人组件
-    }
-  }
-
-  // componentWillReceiveProps(newProps: Props) {
-  //   if (newProps.isInputEnterSubmit && newProps.isAllowSubmit) {
-  //     this.props.onActionSubmit('submit')
-  //   }
-  // }
-
-  // 短信通知
-  _sentMsgClickHandler = () => {
-    let isSendSms = this.state.isSendSms
-    isSendSms = !isSendSms
-    if (isSendSms) {
-      let url = getApiUrl(`SMS/Check?to_user_id=${getUserInfo().Id}`)
-      taker(url, 'GET').then(res => {
-        if (res.Code == 2 || res.Code == 4) {
-          // 目前您企业的短信已超出许可量，请联系超管进行短信充值
-          this.setState({
-            isSendSms: false,
-            isShowConfirmPop: true
-          })
-        } else {
-          this.setState({
-            isSendSms: true
-          })
-          this.props.onActionsTextChange('allowSendSMS')
-        }
-      })
-    } else {
-      this.setState({
-        isSendSms: false
-      })
-    }
-  }
-
-  render() {
-    const { isSendSms, isShowConfirmPop } = this.state
-    const {
-      onActionSubmit,
-      onActionsTextChange,
-      onActionsAttachmentChange,
-      submitStatus,
-      localStroageKey,
-      atAllValue,
-      className,
-      fileNumLimit,
-      fileSizeLimit,
-      attachmentPreviewBox,
-      userSelectorPopAlign,
-      emotionsSelectorPopAlign,
-      visibility,
-      onActionsSelectedUserChange,
-      dragFilesList,
-      disableRangeSelect = true
-    } = this.props
-    return (
-      <MblogActionWrapper className={className}>
-        <LeftBtnGroupWrapper className="action__left">
-          {this.props.isShowAttachment && (
-            <LeftBtn key={this.props.attachmentText}>
-              <Upload fileNumLimit={fileNumLimit}
-                fileSizeLimit={fileSizeLimit}
-                dragFilesList={dragFilesList}
-                attachmentTipText={this.props.attachmentTipText}
-                attachmentPreviewBox={attachmentPreviewBox}
-                submitStatus={submitStatus}
-                localStroageKey={localStroageKey}
-                onSubmit={(uploadSuccessFilesPath: string[]) => onActionsAttachmentChange(uploadSuccessFilesPath)}>
-                <IconSpan className='tu-icon-cus-fujian'></IconSpan>
-                <span className='upload_fujian_text'>
-                  {this.props.attachmentText}
-                </span>
-              </Upload>
-            </LeftBtn>
-          )}
-          {this.props.isShowAt && (
-            <Tooltip container={document.body} content={this.props.atTipText}>
-              <LeftBtn key={this.props.atText} tips={this.props.atTipText}>
-                <UserSelectorPop ref="atSelector" 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>
-              </LeftBtn>
-            </Tooltip>
-          )}
-          {this.props.isShowAtAll && (
-            <Tooltip container={document.body} content={this.props.atAllTipText}>
-              <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>
-          )}
-          {this.props.isShowEmotion && (
-            <LeftBtn key={this.props.emotionText}>
-              <EmotionsSelectorPop align={emotionsSelectorPopAlign} popExtraClassName="pull-screen-ignore" container={this.context.popContainer} onSubmit={(emotionName) => onActionsTextChange(emotionName)}>
-                <IconSpan className='tu-icon-emoji'></IconSpan>
-                <span className='btn-txt'>{this.props.emotionText}</span>
-              </EmotionsSelectorPop>
-            </LeftBtn>
-          )}
-        </LeftBtnGroupWrapper>
-        <RightBtnGroupWrapper className="action__right">
-          {this.props.isShowSendSms && !isLocal() && (
-            <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>
-              </RightBtn>
-            </Tooltip>
-          )}
-          {
-            this.props.isShowRange && (
-              <BtnPrivate id="1" data-name="range" className={disableRangeSelect ? 'disabled' : ''} disabled={disableRangeSelect}>
-                <RangeSelectorPop align="bottom left"
-                  isDisabled={disableRangeSelect}
-                  container={this.context.popContainer}
-                  onSubmit={(visibility) => onActionsTextChange(visibility)}>
-                  <div className={'mblog-visiblity-range'}>
-                    <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>
-                      )
-                    }
-                  </div>
-                </RangeSelectorPop>
-              </BtnPrivate>
-            )
-          }
-          {this.props.isShowBtnCancel && (
-            <BtnCancel onMouseDown={() => onActionSubmit('cancel')}>
-              取消
-            </BtnCancel>
-          )}
-          <BtnConfirm disabled={!this.props.isAllowSubmit}
-            className={!this.props.isAllowSubmit || this.props.submitStatus === 2 ? 'disabled' : ''}
-            onMouseDown={() => onActionSubmit('submit')}>
-            {this.props.submitStatus !== 2 ? this.props.submitText : `${this.props.submitText}中...`}
-          </BtnConfirm>
-        </RightBtnGroupWrapper>
-        {
-          isShowConfirmPop && <ConfirmPop onSubmit={() => { this.setState({ isShowConfirmPop: false }) }} />
-        }
-      </MblogActionWrapper>
-    )
-  }
-}

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

@@ -1,195 +0,0 @@
-import React, { PureComponent } from 'react'
-import { DivMblogContent, LabelWrapper, Label, TextareaWrapper, Textarea, Tips } from '../style'
-interface UploadFilesObj {
-  name: string;
-  lastModified: number;
-  lastModifiedDate: Object;
-  webkitRelativePath: string;
-  size: number;
-  type: string;
-}
-interface Props {
-  className?: string // 输入框class选择器
-
-  isHasPlaceholder: boolean // 是否有提示文字，默认为false
-  placeholderText: string // 输入提示文字
-
-  textareaValue: any // 输入框内容
-  maxLength: number // 最大字数，默认2000
-
-  autoFocus: boolean // 自动获取焦点，默认false 
-  autoResizing: boolean // 是否根据内容改变高度，默认为true
-  initialTextHeight: number // 输入框默认高度：48px
-  
-  visibility: number // 私密性: 1：公开，2：私密，3：部门可见 设置锁背景
-
-  submitStatus: number // 提交内容是否成功：0：失败，1：成功，2：提交中
-  onContentChange: (contentValue: any) => void // 将修改内容提交给父组件
-  onPasteSubmit: (file: UploadFilesObj) => void
-  setTextareaRef?: Function
-  onActionSubmit: Function
-}
-
-interface State {
-  isFocus: boolean // 是否获取焦点
-}
-
-export default class MblogContent extends PureComponent<Props, State> {
-  constructor(props: Props) {
-    super(props);
-    this.state = {isFocus: false}
-  }
-
-  // @ts-ignore
-  componentDidMount() {
-    if (this.props.autoFocus) {
-      // @ts-ignore
-      this.refs.textareaInput.focus()
-    }
-    this.props.setTextareaRef && this.props.setTextareaRef(this.refs.textareaInput)
-  }
-
-  componentDidUpdate(prevProps: Props, prevState: State) {
-    if (this.props.textareaValue != prevProps.textareaValue) {
-      this.setTextareaHeight()
-    }
-  }
-
-  // label提示信息点击事件
-  _handlerTipsLabelClick = () => {
-    //@ts-ignore
-    this.refs.textareaInput.focus() // 点击 输入框获得焦点
-  }
-
-  // 获得焦点
-  _handlerFocus = (event: any) => {
-    this.setState({isFocus: true,})
-    this.toEnd(event)
-  }
-
-  // 兼容IE、火狐、chrome浏览器的onfocus时将光标定位在最后
-  toEnd = (event: any) => {
-    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,})
-  }
-
-  // 键盘事件
-  _handlerKeyDown = (event: any) => {
-    event.persist()
-    // console.log(event)
-    // console.log(event.keyCode)
-    // let isInputAt = (event.shiftKey && event.keyCode == 50) || event.key == '@'
-    let isSubmit = event.ctrlKey && event.keyCode == 13
-    // if (isInputAt) {
-    //   this.props.onContentChange('showUsersSelector') // 输入@弹出选人组件
-    // }
-    if (isSubmit) {
-      this.props.onActionSubmit('submit') // ctrl + enter发送回复
-    }
-  }
-
-  _handlerKeyUp = (event: any) => {
-    // event.persist()
-    // console.log(event)
-    // console.log(event.keyCode)
-    // let isInputAt = (event.shiftKey && event.keyCode == 50) || event.key == '@'
-    // // let isSubmit = event.ctrlKey && event.keyCode == 13
-    // if (isInputAt) {
-    //   this.props.onContentChange('showUsersSelector') // 输入@弹出选人组件
-    // }
-    // if (isSubmit) {
-    //   this.props.onContentChange('isInputEnterSubmit') // ctrl + enter发送回复
-    // }
-    // if (
-    //   (keyCode == 50 || keyCode == 8) &&
-    //   val.charAt(caret_pos - 1) == "@"
-    // ) {
-    //   this._showUserselectorSdk()
-    // }
-  }
-
-  _handlerPaste = (event: any) => {
-    let clipData = event.clipboardData && event.clipboardData.items
-    if (!clipData) return
-    for (let i = 0, len = clipData.length; i < len; i++) {
-      let item = clipData[i]
-      if (item.kind === "string") {
-        item.getAsString(function (str: string) {})
-      } else if (item.kind === "file") {
-        let file = item.getAsFile && item.getAsFile()
-        if (file) {
-          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)
-        }
-      }
-    }
-  }
-
-  // 输入事件
-  _handleInputChange = (event: any) => {
-    this.props.onContentChange(event.target.value)
-    this.setTextareaHeight()
-    // @ts-ignore
-    this.refs.textareaInput.focus()
-  }
-
-  // 根据内容自动调整输入框高度
-  setTextareaHeight = () => {
-    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`
-  }
-
-  render() {
-    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(' ')}>
-        {isHasPlaceholder && (
-          <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>
-          <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>
-      </DivMblogContent>
-    )
-  }
-}

package/src/components/mblog/context.ts

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