ydb-components-material 0.1.96 → 0.1.98

package/lib/components/file-list/item.js

@@ -111,7 +111,9 @@ var FileItem = function FileItem(_ref) {
   var _useState14 = (0, _react.useState)(''),
     thumbnail = _useState14[0],
     setThumbnail = _useState14[1]; // 缩略图
-
+  var _useState15 = (0, _react.useState)(),
+    sealedFile = _useState15[0],
+    setSealedFile = _useState15[1];
   var upload = function upload() {
     if (disabled) return;
     var inputEl = document.createElement('input');
@@ -318,10 +320,12 @@ var FileItem = function FileItem(_ref) {
   // 获取签章结果
   var getSealRes = function getSealRes(val) {
     console.log('sealval---', val);
-    valChange(val, fileIndex, index, subIndex);
     // 如果还允许签批 就连住一起做了
     if (signatureEnable) {
+      setSealedFile(val);
       sign();
+    } else {
+      valChange(val, fileIndex, index, subIndex);
     }
   };
   var queryFileLibs = function queryFileLibs() {
@@ -486,12 +490,16 @@ var FileItem = function FileItem(_ref) {
     valChange(undefined, fileIndex, index, subIndex);
   };
   (0, _react.useEffect)(function () {
+    var timer;
     if (userInfo && tokenTY) {
       console.log('userInfo', tokenTY, userInfo);
-      setTimeout(function () {
+      timer = setTimeout(function () {
         queryFileLibs();
       }, 0);
     }
+    return function () {
+      timer && clearTimeout(timer);
+    };
   }, [userInfo, tokenTY]);
 
   // 获取缩略图
@@ -668,9 +676,11 @@ var FileItem = function FileItem(_ref) {
     className: "blocks"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "status"
-  }, isSigned && /*#__PURE__*/_react["default"].createElement("div", {
+  }, isSigned && isSealed && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "status_item"
+  }, "\u5DF2\u7B7E\u7F72"), isSigned && !isSealed && /*#__PURE__*/_react["default"].createElement("div", {
     className: "status_item"
-  }, "\u5DF2\u7B7E\u6279"), isSealed && /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u5DF2\u7B7E\u6279"), isSealed && !isSigned && /*#__PURE__*/_react["default"].createElement("div", {
     className: "status_item"
   }, "\u5DF2\u7B7E\u7AE0")), fileUrl && /*#__PURE__*/_react["default"].createElement("div", {
     className: "btns"
@@ -709,10 +719,10 @@ var FileItem = function FileItem(_ref) {
   }, isSigned && isSealed ? '重新签署' : '签署文件'), !(userInfo.acctType === '20' && signEnable) && signatureEnable && /*#__PURE__*/_react["default"].createElement("div", {
     className: "operation_btn",
     onClick: sign
-  }, isSigned ? '重新签批' : '手写签批'), !signatureEnable && userInfo.acctType === '20' && signEnable && /*#__PURE__*/_react["default"].createElement("div", {
+  }, isSigned ? '重新签批' : '签署文件'), !signatureEnable && userInfo.acctType === '20' && signEnable && /*#__PURE__*/_react["default"].createElement("div", {
     className: "operation_btn",
     onClick: seal
-  }, isSealed ? '重新签章' : '电子签章')) :
+  }, isSealed ? '重新签章' : '签署文件')) :
   // 展示材料库
   !isShareFile && !isSmart && !disabled && !!materialLib.length && /*#__PURE__*/_react["default"].createElement("div", {
     className: "operation_btn",
@@ -787,7 +797,7 @@ var FileItem = function FileItem(_ref) {
   }, "\u786E\u5B9A")))), isShowSignPage && /*#__PURE__*/_react["default"].createElement(_sign["default"], {
     isShowSignPage: isShowSignPage,
     userInfo: userInfo,
-    file: file,
+    file: sealedFile || file,
     token: token,
     tokenTY: tokenTY,
     baseUrl: baseUrl,

package/lib/components/file-list/merge.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import './merge.scss';
+export interface MergeProps {
+    /**
+     * 类型
+     */
+    fileList: Array<object>;
+    valChange?: (value: any) => void;
+    close?: () => void;
+    style?: object;
+    baseUrl: string;
+    tokenTY: string;
+    materialName: string;
+    openLoading: () => void;
+    closeLoading: () => void;
+}
+declare const Merge: React.FC<MergeProps>;
+export default Merge;

package/lib/components/file-list/merge.js

@@ -0,0 +1,321 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _preview = _interopRequireDefault(require("./icon/preview.svg"));
+var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _icons = require("@ant-design/icons");
+var _jspdf = _interopRequireDefault(require("jspdf"));
+require("./merge.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// 1. 引入 useState
+
+var Merge = function Merge(_ref) {
+  var fileList = _ref.fileList,
+    valChange = _ref.valChange,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    baseUrl = _ref.baseUrl,
+    materialName = _ref.materialName,
+    tokenTY = _ref.tokenTY,
+    openLoading = _ref.openLoading,
+    closeLoading = _ref.closeLoading,
+    close = _ref.close;
+  var _useState = (0, _react.useState)(''),
+    viewUrl = _useState[0],
+    setViewUrl = _useState[1];
+  var _useState2 = (0, _react.useState)(''),
+    viewPdfUrl = _useState2[0],
+    setViewPdfUrl = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    blob = _useState3[0],
+    setBlob = _useState3[1];
+  var _useState4 = (0, _react.useState)(fileList),
+    materialList = _useState4[0],
+    setMaterialList = _useState4[1];
+
+  // 置顶
+  var top = function top(index) {
+    console.log('置顶');
+    var newItems = Array.from(materialList);
+
+    // 4. 移除被拖拽的元素
+    var _newItems$splice = newItems.splice(index, 1),
+      removed = _newItems$splice[0];
+
+    // 5. 将元素插入到新的位置
+    newItems.splice(0, 0, removed);
+
+    // 6. 更新状态，触发重新渲染
+    // setItems(newItems);
+    setMaterialList(newItems);
+  };
+  var onDragEnd = function onDragEnd(result) {
+    // 如果没有目标位置（比如拖拽到容器外），则不处理
+    if (!result.destination) return;
+
+    // 如果源位置和目标位置相同，也不处理
+    if (result.source.index === result.destination.index) return;
+
+    // 3. 创建一个新的数组副本
+    var newItems = Array.from(materialList);
+
+    // 4. 移除被拖拽的元素
+    var _newItems$splice2 = newItems.splice(result.source.index, 1),
+      removed = _newItems$splice2[0];
+
+    // 5. 将元素插入到新的位置
+    newItems.splice(result.destination.index, 0, removed);
+
+    // 6. 更新状态，触发重新渲染
+    // setItems(newItems);
+    setMaterialList(newItems);
+    console.log('拖拽完成，新顺序:', newItems);
+  };
+
+  // File 文件转 Image 对象
+  var getImageByFile = function getImageByFile(file) {
+    return new Promise(function (resolve) {
+      var reader = new FileReader();
+      reader.onload = function (e) {
+        var img = new Image();
+        img.src = e.target.result;
+        img.onload = function () {
+          return resolve(img);
+        };
+      };
+      reader.readAsDataURL(file);
+    });
+  };
+
+  // 下载文件
+  var getBlob = function getBlob(url) {
+    return new Promise(function (resolve, reject) {
+      var xhr = new XMLHttpRequest();
+      xhr.open('GET', url, true);
+      xhr.responseType = 'blob';
+      xhr.onload = function () {
+        if (xhr.status === 200) {
+          resolve(xhr.response);
+        } else {
+          reject("Request failed with status " + xhr.status);
+        }
+      };
+      xhr.onerror = function () {
+        reject('Request failed');
+      };
+      xhr.send();
+    });
+  };
+
+  // 核心：多张图片合并PDF
+  var imgsToPdf = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var pdf, i, fileUrl, _blob, file, img, targetWidth, scale, targetHeight, pdfBlob, blobUrl;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // 初始化PDF，纵向、A4
+            pdf = new _jspdf["default"]({
+              orientation: 'portrait',
+              unit: 'px',
+              format: 'a4'
+            }); // 遍历所有图片
+            i = 0;
+          case 1:
+            if (!(i < materialList.length)) {
+              _context.next = 5;
+              break;
+            }
+            fileUrl = materialList[i].fileUrl;
+            _context.next = 2;
+            return getBlob(fileUrl);
+          case 2:
+            _blob = _context.sent;
+            console.log(_blob);
+            file = new File([_blob], "img" + i, {
+              type: 'image/png'
+            });
+            console.log(file);
+            _context.next = 3;
+            return getImageByFile(file);
+          case 3:
+            img = _context.sent;
+            // 3. 计算可用宽度（保留边距）
+            targetWidth = 400; // 4. 按比例计算高度
+            scale = targetWidth / img.width;
+            targetHeight = img.height * scale; // 第一张不加新页，后续图片新增一页
+            if (i > 0) pdf.addPage();
+
+            // 图片写入PDF
+            pdf.addImage(img, 'PNG',
+            // 格式 JPEG/PNG
+            0, 0,
+            // x y 坐标
+            // A4_W, A4_H
+            targetWidth, targetHeight);
+          case 4:
+            i++;
+            _context.next = 1;
+            break;
+          case 5:
+            // 1. 获取 Blob
+            pdfBlob = pdf.output('blob');
+            setBlob(pdfBlob);
+
+            // 2. 创建 Blob URL
+            blobUrl = URL.createObjectURL(pdfBlob);
+            setViewPdfUrl(blobUrl);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function imgsToPdf() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var uploadPdf = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var formData;
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            openLoading();
+            formData = new FormData();
+            formData.append('file', blob, materialName + '.pdf');
+            formData.append('open', true);
+            fetch(baseUrl + "/declaration/material/file/files/api", {
+              method: 'POST',
+              body: formData,
+              headers: {
+                'Authorization': tokenTY || ''
+              }
+            }).then(function (response) {
+              return response.json();
+            }).then(function (res) {
+              console.log(res);
+              valChange((0, _extends2["default"])({}, res, {
+                fileName: materialName + '.pdf'
+              }));
+              closeLoading();
+            });
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function uploadPdf() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "drag_drop",
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tip"
+  }, /*#__PURE__*/React.createElement(_icons.ExclamationCircleFilled, {
+    size: 14,
+    style: {
+      marginTop: '4px'
+    }
+  }), "\u8BF7\u5BF9\u7167\u6750\u6599\u9875\u7801\u987A\u5E8F\u4F9D\u6B21\u6392\u5217\u56FE\u7247\uFF0C\u672A\u6309\u89C4\u8303\u63D0\u4EA4\u7684\u6750\u6599\uFF0C\u5C06\u5F71\u54CD\u5BA1\u6838\u7ED3\u679C"), /*#__PURE__*/React.createElement("p", {
+    className: "text"
+  }, "\u957F\u6309\u5217\u8868\u62D6\u52A8\u6392\u5E8F"), /*#__PURE__*/React.createElement(_reactBeautifulDnd.DragDropContext, {
+    onDragEnd: onDragEnd
+  }, /*#__PURE__*/React.createElement(_reactBeautifulDnd.Droppable, {
+    droppableId: "droppable"
+  }, function (provided) {
+    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, provided.droppableProps, {
+      ref: provided.innerRef
+    }), materialList.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(_reactBeautifulDnd.Draggable, {
+        key: item.fileId,
+        draggableId: item.fileId,
+        index: index
+      }, function (provided) {
+        return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+          ref: provided.innerRef
+        }, provided.draggableProps, provided.dragHandleProps, {
+          className: "dragable",
+          style: (0, _extends2["default"])({}, provided.draggableProps.style)
+        }), /*#__PURE__*/React.createElement(_icons.HolderOutlined, {
+          style: {
+            fontSize: '20px'
+          }
+        }), /*#__PURE__*/React.createElement("img", {
+          className: "img",
+          src: item.fileUrl,
+          alt: ""
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "info"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "name"
+        }, item.fileName), /*#__PURE__*/React.createElement("div", {
+          className: "view",
+          onClick: function onClick() {
+            return setViewUrl(item.fileUrl);
+          }
+        }, /*#__PURE__*/React.createElement("img", {
+          src: _preview["default"],
+          alt: ""
+        }), "\u9884\u89C8")), /*#__PURE__*/React.createElement("div", {
+          className: "top",
+          onClick: function onClick() {
+            return top(index);
+          }
+        }, /*#__PURE__*/React.createElement(_icons.VerticalAlignTopOutlined, null)));
+      });
+    }), provided.placeholder);
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "bottom_btn"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "previous btn",
+    onClick: close
+  }, "\u4E0A\u4E00\u6B65"), /*#__PURE__*/React.createElement("div", {
+    className: "preview btn",
+    onClick: imgsToPdf
+  }, "\u9884\u89C8\u6750\u6599")), viewUrl && /*#__PURE__*/React.createElement("div", {
+    className: "viewImg"
+  }, /*#__PURE__*/React.createElement(_icons.CloseOutlined, {
+    className: "close",
+    onClick: function onClick() {
+      return setViewUrl('');
+    }
+  }), /*#__PURE__*/React.createElement("img", {
+    className: "view",
+    src: viewUrl,
+    alt: ""
+  })), viewPdfUrl && /*#__PURE__*/React.createElement("div", {
+    className: "view_pdf"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    src: viewPdfUrl + '#toolbar=0&navpanes=0&scrollbar=0&messages=0&statusbar=0',
+    id: "iframe",
+    frameBorder: "0",
+    height: "95%",
+    width: "100%"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "bottom_btn",
+    style: {
+      background: '#fff',
+      paddingTop: '20px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "previous btn",
+    onClick: function onClick() {
+      return setViewPdfUrl('');
+    }
+  }, "\u8FD4\u56DE\u4FEE\u6539"), /*#__PURE__*/React.createElement("div", {
+    className: "preview btn",
+    onClick: uploadPdf
+  }, "\u786E\u8BA4\u65E0\u8BEF"))));
+};
+var _default = exports["default"] = Merge;

package/lib/components/file-list/merge.scss

@@ -0,0 +1,137 @@
+.drag_drop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #F7F7F7;
+  z-index: 9;
+  .tip {
+    background: #FFF6E8;
+    padding: 12px;
+    color: #F29655;
+    font-size: 14px;
+    display: flex;
+    gap: 8px;
+  }
+
+  .text {
+    color: #999999;
+    font-size: 14px;
+    margin: 8px 12px;
+  }
+
+  .dragable {
+    padding: 12px;
+    border-radius: 8px;
+    background: #fff;
+    display: flex;
+    gap: 15px;
+    align-items: center;
+    margin: 0 12px;
+    margin-bottom: 12px;
+
+    .img {
+      width: 50px;
+    }
+
+    .info {
+      .name {
+        font-size: 14px;
+        color: #333333;
+        margin-bottom: 25px;
+      }
+
+      .view {
+        color: #1678FF;
+        font-size: 14px;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+
+    }
+    .top {
+      margin-left: auto;
+      width: 30px;
+      height: 30px;
+      border-radius: 8px;
+      opacity: 1;
+      background: #F7F7F7;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      color: #666666;
+    }
+  }
+
+  .bottom_btn {
+    display: flex;
+    justify-content: center;
+    gap: 15px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding-bottom: 20px;
+
+    .btn {
+      text-align: center;
+      line-height: 40px;
+    }
+
+    .previous {
+      width: 45%;
+      height: 40px;
+      border-radius: 50px;
+      opacity: 1;
+      background: rgb(255, 255, 255);
+      color: rgb(51, 51, 51);
+      border: 1px solid rgb(231, 231, 231);
+      font-size: 16px;
+      font-weight: 500;
+    }
+
+    .preview {
+      width: 45%;
+      height: 40px;
+      border-radius: 50px;
+      opacity: 1;
+      color: rgb(255, 255, 255);
+      font-size: 16px;
+      font-weight: 500;
+      background: linear-gradient(90deg, rgb(115, 174, 255) 0%, rgb(22, 120, 255) 100%);
+    }
+  }
+  .view_pdf {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9;
+  }
+  .viewImg {
+    background-color: #3333336a;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    // z-index: 9999;
+
+    .close {
+      position: absolute;
+      right: 20px;
+      top: 20px;
+      font-size: 30px;
+      color: #fff;
+    }
+
+    .view {
+      width: 100%;
+      margin-top: 40%;
+    }
+  }
+}

package/lib/components/file-list/sealUtil.js

@@ -58,7 +58,7 @@ function _initSealPageMethod() {
           return _context.abrupt("return", false);
         case 6:
           _context.next = 7;
-          return getMobilePageFun(orderId, config);
+          return getMobilePageFun(orderId, config, fileObj, fileUrl);
         case 7:
           pageUrl = _context.sent;
           // 将 电子签章地址/文件名称 返回
@@ -213,7 +213,7 @@ function getSignOrderId(sealList, fileObj, esusFileUrl, userInfo, config) {
 }
 
 // [第 4 步 - 移动端] 获取电子印章页面
-function getMobilePageFun(orderId, config) {
+function getMobilePageFun(orderId, config, fileObj, fileUrl) {
   // uni.showLoading({ title: '获取移动端签章页面中' })
   var params = {
     accessToken: config.accessToken,
@@ -222,7 +222,13 @@ function getMobilePageFun(orderId, config) {
   };
   return new Promise(function (resolve) {
     if (config.isPC) {
-      (0, _api.getPcSealUrlApi)(params, config).then(function (res) {
+      var paramsForPc = {
+        accessToken: config.accessToken,
+        acctType: '20',
+        docURL: fileUrl,
+        name: fileObj.fileName
+      };
+      (0, _api.getPcSealUrlApi)(paramsForPc, config).then(function (res) {
         console.log('签章页面 pc----', res);
         if (res.code === 200) {
           resolve(res.data);

package/lib/components/scene-tree/index.js

@@ -179,6 +179,7 @@ var SceneTree = function SceneTree(_ref) {
         id: option.pid + "+" + node.pid,
         key: option.id + node.pid + option.value + index,
         value: option.id,
+        disabled: node.disabled,
         style: isOverFlow && index > 0 ? {
           width: '100%',
           marginTop: '10px'
@@ -194,6 +195,7 @@ var SceneTree = function SceneTree(_ref) {
         id: option.pid + "+" + node.pid,
         key: option.id + node.pid + option.value + index,
         value: option.id,
+        disabled: node.disabled,
         style: isOverFlow && index > 0 ? {
           width: '100%',
           marginTop: '10px'

package/lib/components/scene-tree/index.scss

@@ -1,5 +1,6 @@
 .SceneTree {
   width: 100%;
+  font-size: 14px;
   .title {
     .required {
       color: #FF3D3D;

package/lib/index.d.ts

@@ -45,5 +45,7 @@ export type { SubmitTypeProps } from './components/submit-type';
 export { default as SubmitType } from './components/submit-type';
 export type { FileListPreviewProps } from './components/file-list-preview';
 export { default as FileListPreview } from './components/file-list-preview';
+export type { DragDropListProps } from './components/drag-drop';
+export { default as DragDropList } from './components/drag-drop';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/lib/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.bizCssPrefix = exports.Tips = exports.SuccessPrompt = exports.SubmitType = exports.Statstic = exports.SceneTree = exports.QRCodeImg = exports.PrintButton = exports.PreviewMaterial = exports.PreCheckResPC = exports.Message = exports.MaterialCheckRes = exports.IconCustom = exports.FilePC = exports.FileListPreview = exports.FileList = exports.FileItem = exports.CustomFrom = exports.CheckRes = exports.CheckLoading = exports.CheckDetailPc = exports.CheckDetail = exports.CardTitle = exports.AddressSelect = exports.AddressCascader = void 0;
+exports.bizCssPrefix = exports.Tips = exports.SuccessPrompt = exports.SubmitType = exports.Statstic = exports.SceneTree = exports.QRCodeImg = exports.PrintButton = exports.PreviewMaterial = exports.PreCheckResPC = exports.Message = exports.MaterialCheckRes = exports.IconCustom = exports.FilePC = exports.FileListPreview = exports.FileList = exports.FileItem = exports.DragDropList = exports.CustomFrom = exports.CheckRes = exports.CheckLoading = exports.CheckDetailPc = exports.CheckDetail = exports.CardTitle = exports.AddressSelect = exports.AddressCascader = void 0;
 var _checkLoading = _interopRequireDefault(require("./components/check-loading"));
 exports.CheckLoading = _checkLoading["default"];
 var _cardTitle = _interopRequireDefault(require("./components/card-title"));
@@ -51,6 +51,8 @@ var _submitType = _interopRequireDefault(require("./components/submit-type"));
 exports.SubmitType = _submitType["default"];
 var _fileListPreview = _interopRequireDefault(require("./components/file-list-preview"));
 exports.FileListPreview = _fileListPreview["default"];
+var _dragDrop = _interopRequireDefault(require("./components/drag-drop"));
+exports.DragDropList = _dragDrop["default"];
 // export type { ColorfulButtonProps } from './components/colorful-button';
 // export { default as ColorfulButton } from './components/colorful-button';