@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/ProUpload/index.js

@@ -9,31 +9,25 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _icons = require("@ant-design/icons");
-var _reactSvg = require("react-svg");
-var _FileItem = require("./FileItem");
-var _Example = require("./Example");
-var _look = _interopRequireDefault(require("./style/look.svg"));
-var _delete = _interopRequireDefault(require("./style/delete.svg"));
-var _download = _interopRequireDefault(require("./style/download.svg"));
-var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "method", "className", "dataParams", "showExampleContent", "otherProps", "transformResponse"]; // @ts-noCheck
+var _antd = require("antd");
+var _lodash = require("lodash");
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _DragRender = _interopRequireDefault(require("./components/DragRender"));
+var _ButtonRender = _interopRequireDefault(require("./components/ButtonRender"));
+var _ImageRender = _interopRequireDefault(require("./components/ImageRender"));
+var _uitls = require("./uitls");
+var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames"];
 /*
  * @Author: wangshengqiang
  * @Date: 2023-02-03 14:18:59
- * @LastEditTime: 2023-04-25 11:57:13
+ * @LastEditTime: 2023-09-18 10:15:05
  * @LastEditors: wangshengqiang
  * @Description: 上传控件
  */
-var validateSize = function validateSize(size, file) {
-  if (size !== undefined) {
-    return file.size <= size * 1024 * 1024;
-  }
-  return true;
-};
-var Dragger = _antd.Upload.Dragger;
-var ProUpload = function ProUpload(props) {
+var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     _fileList = _useState2[0],
@@ -61,21 +55,92 @@ var ProUpload = function ProUpload(props) {
     method = _props$method === void 0 ? 'post' : _props$method,
     className = props.className,
     dataParams = props.dataParams,
+    _props$name = props.name,
+    name = _props$name === void 0 ? 'file' : _props$name,
     _props$showExampleCon = props.showExampleContent,
     showExampleContent = _props$showExampleCon === void 0 ? false : _props$showExampleCon,
+    _props$showUploadList = props.showUploadList,
+    showUploadList = _props$showUploadList === void 0 ? true : _props$showUploadList,
     otherProps = props.otherProps,
     transformResponse = props.transformResponse,
+    _props$exampleTitle = props.exampleTitle,
+    exampleTitle = _props$exampleTitle === void 0 ? '查看示例' : _props$exampleTitle,
+    exampleContent = props.exampleContent,
+    exampleModalProps = props.exampleModalProps,
+    buttonText = props.buttonText,
+    afterRender = props.afterRender,
+    fieldNames = props.fieldNames,
     residueProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var isView = otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView;
-  var refReSelect = (0, _react.useRef)();
+  var sensor = (0, _core.useSensor)(_core.PointerSensor, {
+    activationConstraint: {
+      distance: 10
+    }
+  });
+  // 文件格式
+  var extExt = accept ? accept.split(',').map(function (i) {
+    return i.toLocaleUpperCase();
+  }) : [];
   var uploadResTransform = function uploadResTransform(fileList) {
-    return fileList.map(function (file) {
-      if (file.response && transformResponse) {
-        var data = transformResponse(file.response) || {};
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, file), data);
+    var _list = fileList.map(function (file) {
+      // 组件负责上传 内部处理
+      if (file.status === 'done' && file.response) {
+        var nfile = {
+          name: file.name,
+          size: file.size,
+          status: file.status,
+          type: file.type,
+          uid: file.uid,
+          response: file === null || file === void 0 ? void 0 : file.response
+          // url: file?.response?.data?.url,
+        };
+
+        if (transformResponse) {
+          var data = transformResponse(file.response) || {};
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nfile), data);
+        }
+        return nfile;
       }
       return file;
     });
+    return _list;
+  };
+  var uploadFileItem = function uploadFileItem(file, index) {
+    var fd = new FormData();
+    fd.append(name, file.originFileObj);
+    if (Array.isArray(Object.keys(dataParams))) {
+      Object.keys(dataParams).forEach(function (k) {
+        fd.append(k, dataParams[k]);
+      });
+    }
+    var list = _fileList.slice();
+    var fileItem = list[index];
+    list[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
+      percent: 25,
+      status: 'uploading'
+    });
+    setFileList(list);
+    onChange === null || onChange === void 0 ? void 0 : onChange(list);
+    fetch(action, {
+      method: method,
+      body: fd
+    }).then(function (res) {
+      var list = _fileList.slice();
+      var fileItem = list[index];
+      list[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
+        response: res,
+        percent: 100,
+        status: 'done'
+      });
+      var nlist = uploadResTransform(list);
+      setFileList(nlist);
+      onChange === null || onChange === void 0 ? void 0 : onChange(nlist);
+    });
+  };
+  var uploadFiles = function uploadFiles() {
+    _fileList.forEach(function (Item, index) {
+      uploadFileItem(Item, index);
+    });
   };
   /**
    * @description: 文件列表变化
@@ -84,7 +149,7 @@ var ProUpload = function ProUpload(props) {
   var handleFileChange = function handleFileChange(_ref) {
     var file = _ref.file,
       fileList = _ref.fileList;
-    if (!file.status && action) {
+    if (!file.status && action && !ref) {
       var nFileList = fileList.filter(function (f) {
         return f.uid !== file.uid;
       });
@@ -93,41 +158,22 @@ var ProUpload = function ProUpload(props) {
       onChange && onChange(nFileList);
       return;
     }
-    var _fileList = uploadResTransform(fileList);
+    if (!action) {
+      if ((0, _uitls.validateFileExt)(extExt, file) && (0, _uitls.validateSize)(size, file)) {
+        var _fileList2 = uploadResTransform(fileList);
+        setFileList(_fileList2);
+        onChange && onChange(_fileList2);
+        return;
+      }
+      return;
+    }
+    var list = fileList.filter(function (file) {
+      return (0, _uitls.validateFileExt)(extExt, file) && (0, _uitls.validateSize)(size, file);
+    });
+    var _fileList = uploadResTransform(list);
     setFileList(_fileList);
     onChange && onChange(_fileList);
   };
-  /**
-   * @description: 文件删除
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  var handleDelFile = function handleDelFile(file) {
-    if (disabled) return;
-    var _List = _fileList.filter(function (i) {
-      return i.uid !== file.uid;
-    });
-    setFileList(_List);
-    onChange && onChange(_List);
-  };
-  /**
-   * @description: 重新选择 拖拽模式下单个文件可用
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  var handleReSelect = function handleReSelect(file) {
-    if (disabled) return;
-    handleDelFile(file);
-    setTimeout(function () {
-      refReSelect.current.click();
-    }, 1);
-  };
-  // 拖拽模式下单个文件可用
-  var showDraggerSingleRender = maxCount === 1 && _fileList[0];
-  // 文件格式
-  var extExt = accept ? accept.split(',').map(function (i) {
-    return i.toLocaleUpperCase();
-  }) : [];
   /**
    * @description: 文件上传前处理
    * @param {UploadFile} file
@@ -136,38 +182,18 @@ var ProUpload = function ProUpload(props) {
    */
   var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
     // TODO
-    var ext = (0, _FileItem.getFileExt)(file.name);
-    if (!extExt.includes(ext.toLocaleUpperCase()) && extExt.length > 0) {
-      _antd.message.error('文件格式不支持');
+    if (!(0, _uitls.validateFileExt)(extExt, file)) {
+      _antd.message.error("\u6587\u4EF6\u53EA\u652F\u6301\u3010".concat(extExt.join('、'), "\u3011\u683C\u5F0F"));
       return false;
     }
-    if (!validateSize(size, file)) {
-      _antd.message.error('您上传的文件过大');
+    if (!(0, _uitls.validateSize)(size, file)) {
+      _antd.message.error("\u4E0A\u4F20\u7684\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7".concat(size, "M"));
       return false;
     }
     if (beforeUpload) {
       return beforeUpload(file, fileList);
     }
   };
-  var handleDownload = function handleDownload(file) {
-    if (onDownload) {
-      onDownload(file);
-    } else {
-      window.open(file.url || file.thumbUrl);
-    }
-  };
-  /**
-   * @description: 处理预览按钮
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  var handlePreview = function handlePreview(file) {
-    if (onPreview) {
-      onPreview(file);
-    } else {
-      window.open(file.url || file.thumbUrl);
-    }
-  };
   var handleRemove = function handleRemove(file) {
     var nextList = _fileList.slice();
     var nFile = nextList.filter(function (_file) {
@@ -175,52 +201,42 @@ var ProUpload = function ProUpload(props) {
     });
     setFileList(nFile);
   };
-  /**
-   * @description: 单个拖拽上传界面
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  var draggerSingleRender = function draggerSingleRender(file) {
-    var _fileExt = (0, _FileItem.getFileExt)(file.name);
-    var _fileIcon = (0, _FileItem.getFileIcon)(_fileExt);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dragger-single-file"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-type-icon"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: _fileIcon
-    })), /*#__PURE__*/_react.default.createElement(_FileItem.DragSingleFileItem, {
-      file: file,
-      disabled: disabled,
-      onDownload: onDownload
-    }), file.status !== 'uploading' && /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-action-box"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-name",
-      onClick: function onClick() {
-        handleReSelect(file);
-      }
-    }, "\u91CD\u65B0\u9009\u62E9"), /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-del",
-      onClick: function onClick() {
-        handleDelFile(file);
-      }
-    }, "\u5220\u9664")));
-  };
   // 自定义顶部
-  var _headerRender = headerRender && headerRender();
+  var _headerRender = function _headerRender() {
+    if ((0, _lodash.isFunction)(headerRender)) {
+      return headerRender();
+    }
+    return headerRender;
+  };
   // 自定义底部
-  var _footerRender = footerRender && footerRender();
-  // 文件列表项显示
-  var itemRender = function itemRender(originNode, file, fileList, actions) {
-    return /*#__PURE__*/_react.default.createElement(_FileItem.FileItem, {
-      disabled: disabled || isView,
-      file: file,
-      onPreview: handlePreview,
-      onRemove: actions.remove,
-      onDownload: onDownload
-    });
+  var _footerRender = function _footerRender() {
+    if ((0, _lodash.isFunction)(footerRender)) {
+      return footerRender();
+    }
+    return footerRender;
+  };
+  var onDragEnd = function onDragEnd(_ref2) {
+    var active = _ref2.active,
+      over = _ref2.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      setFileList(function (prev) {
+        var activeIndex = prev.findIndex(function (i) {
+          return i.uid === active.id;
+        });
+        var overIndex = prev.findIndex(function (i) {
+          return i.uid === (over === null || over === void 0 ? void 0 : over.id);
+        });
+        var _list = (0, _sortable.arrayMove)(prev, activeIndex, overIndex);
+        onChange && onChange(_list);
+        return _list;
+      });
+    }
   };
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      uploadStart: uploadFiles
+    };
+  }, [_fileList]);
   // 通用props
   var baseUploadProps = (0, _objectSpread2.default)({
     action: action,
@@ -228,185 +244,56 @@ var ProUpload = function ProUpload(props) {
     onRemove: handleRemove,
     onChange: handleFileChange,
     maxCount: maxCount,
-    showUploadList: true,
-    fileList: _fileList,
-    disabled: disabled || isView,
+    showUploadList: showUploadList,
     method: method,
+    accept: accept,
     data: (0, _objectSpread2.default)({}, dataParams)
   }, residueProps);
-  // 按钮类型的props
-  var buttonUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
-    itemRender: itemRender
-  });
-  // 拖拽类型的props
-  var dragUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
-    showUploadList: false,
-    openFileDialogOnClick: !showDraggerSingleRender,
-    itemRender: itemRender
-  });
-  // 图片类上传Props
-  var imageUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
-    listType: 'picture-card',
-    openFileDialogOnClick: !showDraggerSingleRender,
+  var baseProps = {
+    isView: isView,
+    headerRender: _headerRender,
+    footerRender: _footerRender,
+    sensor: sensor,
+    fileList: _fileList,
+    baseUploadProps: baseUploadProps,
+    onDragEnd: onDragEnd,
+    onPreview: onPreview,
+    onDownload: onDownload,
+    onRemove: handleRemove,
+    onChange: onChange,
+    setFileList: setFileList,
+    extExt: extExt,
+    maxCount: maxCount,
     disabled: disabled || isView,
-    itemRender: function itemRender(originNode, file, fileList, actions) {
-      var _showPreview = file.status === 'done';
-      var _isShowDownload = !!onDownload && file.status === 'done';
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: file.uid,
-        className: "file-item-image ".concat(file.status === 'error' ? 'actions-wrap-error' : '')
-      }, file.status === 'uploading' && /*#__PURE__*/_react.default.createElement("div", {
-        className: "image-uploading"
-      }, /*#__PURE__*/_react.default.createElement(_antd.Progress, {
-        size: "small",
-        percent: Math.ceil(file.percent)
-      })), file.status !== 'uploading' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
-        className: "image-con",
-        src: file.url || file.thumbUrl
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "actions-wrap "
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "action-top"
-      }, _showPreview && /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "link",
-        className: "action-item",
-        onClick: function onClick() {
-          handlePreview(file);
-        },
-        icon: /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-          className: "action-icon",
-          wrapper: "span",
-          src: _look.default
-        })
-      }, "\u67E5\u770B"), _isShowDownload && /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "link",
-        disabled: isView || disabled,
-        className: "action-item",
-        onClick: function onClick() {
-          handleDownload(file);
-        },
-        icon: /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-          className: "action-icon",
-          wrapper: "span",
-          src: _download.default
-        })
-      }, "\u4E0B\u8F7D")), /*#__PURE__*/_react.default.createElement("div", {
-        className: "action-button"
-      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "link",
-        disabled: isView || disabled,
-        className: "action-item",
-        onClick: actions.remove,
-        icon: /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-          className: "action-icon",
-          wrapper: "span",
-          src: _delete.default
-        })
-      }, "\u5220\u9664")))));
-    }
-  });
-  /* 拖拽类型 */
-  var DragRender = function DragRender() {
-    if (isView) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "-");
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-dragger"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-handle-box"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-dragger-header"
-    }, _headerRender), /*#__PURE__*/_react.default.createElement(Dragger, (0, _objectSpread2.default)({}, dragUploadProps), /*#__PURE__*/_react.default.createElement("div", {
-      className: "drag-upload-inner",
-      ref: refReSelect
-    }, !showDraggerSingleRender && /*#__PURE__*/_react.default.createElement("div", {
-      className: "upload-dragger-control"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dragger-txt-line1"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "icon-upload"
-    }, /*#__PURE__*/_react.default.createElement(_icons.CloudUploadOutlined, null)), /*#__PURE__*/_react.default.createElement("p", {
-      className: "dragger-txt"
-    }, "\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u5904\uFF0C\u6216", /*#__PURE__*/_react.default.createElement("span", {
-      className: "click-txt"
-    }, "\u70B9\u51FB\u4E0A\u4F20 "))), /*#__PURE__*/_react.default.createElement("p", {
-      className: "file-ext"
-    }, "\u652F\u6301\u6269\u5C55\u540D\uFF1A", extExt.length > 0 ? extExt.join('、') : '无限制')), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dragger-file-show"
-    }, showDraggerSingleRender && draggerSingleRender(_fileList[0])))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-dragger-footer"
-    }, _footerRender)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-file-list"
-    }, maxCount > 1 && _fileList.map(function (file) {
-      return /*#__PURE__*/_react.default.createElement(_FileItem.FileItem, {
-        file: file,
-        key: file.uid,
-        disabled: disabled || isView,
-        onPreview: handlePreview,
-        onRemove: handleRemove,
-        onDownload: onDownload
-      });
-    })));
+    buttonText: buttonText,
+    extraTipText: extraTipText,
+    afterRender: afterRender
   };
-  /* 按钮类型 */
-  var ButtonRender = function ButtonRender() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-button"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _objectSpread2.default)({}, buttonUploadProps), !isView && /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-button-inner"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), {}, {
-      disabled: disabled || isView
-    }), /*#__PURE__*/_react.default.createElement(_icons.CloudUploadOutlined, null), "\u4E0A\u4F20\u6587\u4EF6"))), extraTipText && /*#__PURE__*/_react.default.createElement("div", {
-      className: "upload-tip-txt"
-    }, extraTipText));
-  };
-  /* 图片类型 */
-  var ImageRender = function ImageRender() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-image"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _objectSpread2.default)({}, imageUploadProps), _fileList.length < maxCount && !isView && /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-image-inner ".concat(disabled ? 'pro-upload-image-disabled' : '', " ")
-    }, /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        marginTop: 8
-      }
-    }, "\u4E0A\u4F20\u6587\u4EF6"))), showExampleContent && /*#__PURE__*/_react.default.createElement(_Example.Example, {
-      className: "image-example"
-    }), extraTipText && /*#__PURE__*/_react.default.createElement("div", {
-      className: "upload-tip-txt"
-    }, extraTipText));
-  };
-  /* 营业执照 */
-  var LicenseRender = function LicenseRender() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-button"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _objectSpread2.default)({}, buttonUploadProps), /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-button-inner"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)({}, buttonProps), /*#__PURE__*/_react.default.createElement(_icons.CloudUploadOutlined, null), "\u4E0A\u4F20\u6587\u4EF6"))), extraTipText && /*#__PURE__*/_react.default.createElement("div", {
-      className: "upload-tip-txt"
-    }, extraTipText));
-  };
-  /* 身份证 */
-  var SFZRender = function SFZRender() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-button"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _objectSpread2.default)({}, buttonUploadProps), /*#__PURE__*/_react.default.createElement("div", {
-      className: "pro-upload-button-inner"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)({}, buttonProps), /*#__PURE__*/_react.default.createElement(_icons.CloudUploadOutlined, null), "\u4E0A\u4F20\u6587\u4EF6"))), extraTipText && /*#__PURE__*/_react.default.createElement("div", {
-      className: "upload-tip-txt"
-    }, extraTipText));
-  };
-  var upload = {
-    drag: DragRender,
-    button: ButtonRender,
-    image: ImageRender,
-    license: LicenseRender,
-    sfz: SFZRender
-  }[uploadType];
   (0, _react.useEffect)(function () {
-    setFileList(value || []);
+    if (fieldNames && value.length > 0) {
+      var _value = value.map(function (file) {
+        var _keys = Object.keys(fieldNames);
+        _keys.forEach(function (key) {
+          if (!file[key]) {
+            file[key] = file[fieldNames[key]];
+          }
+        });
+        if (!file.uid) {
+          file.uid = "".concat(Math.ceil(Math.random() * 10000));
+        }
+        if (!file.status) {
+          file.status = 'done';
+        }
+        return (0, _objectSpread2.default)({}, file);
+      });
+      setFileList(_value || []);
+    } else {
+      setFileList(value || []);
+    }
   }, [value]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-upload ".concat(className !== null && className !== void 0 ? className : '')
-  }, upload());
-};
-var _default = ProUpload;
-exports.default = _default;
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "pro-upload ".concat(className !== null && className !== void 0 ? className : ''),
+    children: [uploadType === 'drag' && (0, _jsxRuntime.jsx)(_DragRender.default, (0, _objectSpread2.default)({}, baseProps)), uploadType === 'button' && (0, _jsxRuntime.jsx)(_ButtonRender.default, (0, _objectSpread2.default)({}, baseProps)), uploadType === 'image' && (0, _jsxRuntime.jsx)(_ImageRender.default, (0, _objectSpread2.default)({}, baseProps))]
+  });
+});
+var _default = exports.default = ProUpload;