ght-react v0.0.5

说明

安装依赖 yarn add ght-react --save

Upload组件

上传组件

可编辑组件Table组件

功能：提供表格合并单元格、拆分单元格，内容更改

具体使用如下：

  import {Table} from 'abc-algorithms'
  <Table
    rawData={TableData.raw_data}
    rowCount={TableData.data.length}
    columnCount={TableData.data[0].length}
    enableSelect={true}
    isedit={this.state.isedit}
    ref={(c)=>this.tb=c}
  </Table>

参数说明：
rawData：算法解析出来的表格数据，是个数组，数据组像中包含,row，column，text字段
rowCount：表格共多少行
columnCount：表格共多少列
enableSelect：单元格是否充许选中，拆分时用到
isedit：表格是否支持编辑
tb.splitCells:拆分方法,供外部调用
tb.mergeCells:合并方法，供外部调用
tb.getData: 获取最新操作后的表格数据
tb.replaceTableContent(findContent,replaceContent):findContent替换前的内容，replaceContent：替换后的内容

ParsingView组件：

import pdfjs from 'pdfjs-dist';

import {ParsingView} from 'abc-algorithms'
componentDidMount() {
  var self=this;

      let url ='https://abc-crawler.oss-cn-hangzhou.aliyuncs.com/downloads/4b4e093efac74b20b058313c97aa1477.pdf'
    let loadingTask;
    try{
    loadingTask = pdfjs.getDocument({
        url: url,
    });
  }catch(err)
  {
      console.log(url)
    //  window.location.reload();
  }
    loadingTask.promise.then((pdf) => {
        console.log(`Document ${ url} loaded ${pdf.numPages} page(s)`);
        self.setState({pdf});
    }, (reason) => {
      //  this.props.abortmission('解析pdf失败，是否中止当前任务？');

        console.error(`Error during ${this.props.url} loading: ${reason}`);
    });
}

render() {
    return (
    <div style={{height:500}}>
      {this.state.pdf?(<ParsingView
        parsePageParams={{fileId:7,userId:'amen111'}}
        hostUrl="http://dcgate-dev.researchreport.cn"
        socketUrl="ws://dc-messagecenter.researchreport.cn:8889/date/call/amen111/token11"
        editable={true}
        parseAreaCallBack={this.parseAreaCallBack}
        selectRectCallBack={this.selectRectCallBack}
        pageChangeCallBack={this.pageChangeCallBack}
        pdf={this.state.pdf}
        />):(null)}
    </div>
    )
}

参数说明：

##ParsingThumbnail组件（parsing缩略视图组件)

import pdfjs from 'pdfjs-dist';

import {ParsingView} from 'abc-algorithms'
componentDidMount() {
  var self=this;

      let url ='https://abc-crawler.oss-cn-hangzhou.aliyuncs.com/downloads/4b4e093efac74b20b058313c97aa1477.pdf'
    let loadingTask;
    try{
    loadingTask = pdfjs.getDocument({
        url: url,
    });
  }catch(err)
  {
      console.log(url)
    //  window.location.reload();
  }
    loadingTask.promise.then((pdf) => {
        console.log(`Document ${ url} loaded ${pdf.numPages} page(s)`);
        self.setState({pdf});
    }, (reason) => {
      //  this.props.abortmission('解析pdf失败，是否中止当前任务？');

        console.error(`Error during ${this.props.url} loading: ${reason}`);
    });
}

render() {
    return (
    <ParsingThumbnail
      parsePageParams={{fileId:50,userId:'940ee7f4-8b6c-4a91-9f17-32c293257a65111'}}
      hostUrl="http://dcgate-dev.researchreport.cn"
      socketUrl="ws://dc-messagecenter.researchreport.cn:8889/date/call/940ee7f4-8b6c-4a91-9f17-32c293257a65111/token11"
      pdf={this.state.pdf} />
    )
}

组件

ChangeLog

1、新增parsingView组件