@beisen-cmps/platform-fileuploader

## 提交

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen-cmps/platform-fileuploader
Minified + gzip package size for @beisen-cmps/platform-fileuploader in KB

Readme

组件使用、扩展文档

提交

  1. npm install
  2. 修改代码后执行 npm run lib进行编译
  3. 更新package.json中的 version版本号
  4. push代码
  5. 在cmp.beisen.io站点,头部导航的《服务》中查看编译是否通过

使用参数

{
  text: this.props.text || '',   // '共享组件合并目录.pdf'
  value: this.props.value || '',  // 'dfs://BeisenCloudDemo2File/100013/1534403797/5a199bae68da4051bb3b0787e4129959.pdf'
  "cmp_id": "ddf29911-5d78-4f21-b2f8-bbac40e47ba9",
  "cmp_name": "BeisenCloudDemotilamisu_duowenjianshangchuandev",
  "cmp_type": "BC_FileUploader",
  "cmp_label": "多文件上传(dev)",
  "cmp_data": {
      "AllowSearchNull":"0",
      "title": "多文件上传(dev)",
      "field_name": "wenjianuploaddev",
      "field_name_for_multi": "",
      "required": false,   //必填
      "cmp_state": "create",
      "cmp_status": "editable",
      "editdisplaystate": "editable",
      "createdisplaystate": "editable",
      "showdisplaystate": "readonly",
      "datasourcename": "NativePlace",
      "metaObjectName":"BeisenCloudDemo.pigloseweight",
      "dataType": "Text",
      "tip":"测试",    //右侧提示文字
      "desc":"问号说明",  //帮助问号的文字说明
      "type": "file",
      "uploadCount": 9,  // 文件上传总数
      "multiple": true, /多选上传,单选上传
  },
  "search_data": {
    metaFieldRelationIDPath: null,
    metaobjectname: "BeisenCloudDemo.pigloseweight",
    opeartor: "eq",
    seperator: "-"
  },
  "downloadUrl": "//dfiles.italent.link/download/BeisenCloudDemo2File/100013/1534403797/5a199bae68da4051bb3b0787e4129959.pdf",
  "clientUrl": "//dfiles.italent.link/BeisenCloudDemo2File/100013/1534403797/5a199bae68da4051bb3b0787e4129959.pdf",
  "biz_data": { "text": "" },
  "validators": {
    FileExtensionValidate:{  //文件类型支持
      FileExtension: "pdf,doc,docx,xls,xlsx,ppt,pptx,rar,txt,zip,mmap,rtf,csv,csv,psd,sql,htm,html,css,go,mp3,xml,avi,rmvb,mid,rm,iso,log,mp4,mkv,flv,wmv,asf,mpeg,mpg,mov,ts,m4v,wma,wav,flac,ape,ogg,aac,m4a,jpeg,jpg,gif,png,bmp,eml",
      Message: "文件格式错误!"
    },
    FileSizeValidate: {   //文件大小支持
      FileSize:"10",
      FileUnit:"MB",
      Message:"文件大小不能超过10MB"
    }
  },
  "BSGlobal": window.BSGlobal,  //内部需要获取页面信息,如origin等
  "uploadOrigin": "",  //自定义origin
  "containerContext": {
    actions: {
      changeUploadState(cmp_id, message, error) => {} //上传状态回调,失败或成功
    }
  }
  onPreviewImg: (url) => {},  //外部自定义预览方式,组件内部在新窗口预览文件
  onChange: (val) => {
    const {text, value, ClientUrl, DownLoadUrl} = val
  },  //onchange回调事件
  translation: {
    previewText: '下载TT',
    uploadButtonText: '上传TT',
    fileSizeZeroError: '文件大小不许为0字节!',
      previewDownloadText: '下载',
      reUploadText: '重新上传',
      uploadOnceLimit: '单次上传文件数不能超过{0}个',
      fileNameContainsCommaError: '文件名不允许包含符号","',
      allFilesCountLimit: '总文件数不能超过{0}个',
      emptyText: '- 空 -',
  }// 多语言翻译参数
}

组件使用

  1. npm install @beisen-cmps/platform-fileuploader
  2. 该组件有两种使用方式, 第一种会走组件内部的获取数据方式,数据会存在state里,第二种会走外部传入的action
  3. import XXX from '@beisen-cmps/platform-fileuploader'
  4. import {FileUploader} from '@beisen-cmps/platform-fileuploader'
render() {
  return <FileUploader {...this.props}/>;
}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.