说明

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

Upload组件

上传组件

| 参数 | 说明 | 默认值 | |--|--|--|--- | url | 上传地址 | 不能为空 | beforUpload| 返回true,继续上传，返回false中止上传,同时传递文件列表| 不能为空 | progressHandle| 上传进度回调| | speedHandle| 上传速率回调 | | completeHandle| 上传成功回调 | | beforUpload| 上传前的文件回调列表（可用与判断是否继续上传)|

可编辑组件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>
    )
}

参数说明：

| 参数 | 意义 |默认值 | | ------------ | ------------ | ------------ | | editable |是否可框选 | true| | pdf | pdfjs-dist解析PDF生成PDF对象 | 不能为null | | parseAreaCallBack | 选定一个框并点击解析后的数据回调 | | | parsePageParams | 区域解析及查询接口入参 | | | hostUrl | 接口地址的hostName | | | socketUrl | websokcet地址 | | | selectRectCallBack | 选中区域后的回调 | | | pageChangeCallBack | 翻页回调，返回每页的数据 | |

##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} />
    )
}

| 参数 | 意义 |默认值 | | ------------ | ------------ | ------------ | | editable |是否可框选 | true| | pdf | pdfjs-dist解析PDF生成PDF对象 | 不能为null | | parsePageParams | 区域解析及查询接口入参 | | | hostUrl | 接口地址的hostName | | | socketUrl | websokcet地址 | |

组件

ChangeLog

1、新增parsingView组件