iglooform 2.5.50 → 2.5.52

package/es/date-picker/index.d.ts

@@ -1,8 +1,11 @@
 import { DatePickerProps, RangePickerProps, MonthPickerProps, WeekPickerProps } from 'antd/es/date-picker';
 import { FC, IglooComponentProps } from '../types';
+import { Moment } from 'moment';
 import './style/index.less';
 export { default as IglooBuddhistDatePicker } from './buddhist';
-declare type Props = DatePickerProps & IglooComponentProps;
+declare type Props = Omit<DatePickerProps, 'value'> & IglooComponentProps & {
+    value?: Moment | null | 0;
+};
 declare const IglooDatePicker: FC<Props>;
 export default IglooDatePicker;
 export declare const IglooRangePicker: FC<RangePickerProps & IglooComponentProps>;

package/es/date-picker/index.js

@@ -62,7 +62,7 @@ var IglooDatePicker = function IglooDatePicker(_ref) {
       setFocus = _useState2[1];
 
   return _jsx(_DatePicker, _objectSpread(_objectSpread({}, omit(props, formMethods)), {}, {
-    value: moment(value),
+    value: value || value === 0 ? moment(value) : undefined,
     placeholder: placeholder || dateFormater,
     format: format || dateFormater,
     inputReadOnly: true,
@@ -89,7 +89,7 @@ IglooDatePicker.formItemPropsHandler = function (_ref2) {
       return moment(value).format(format || dateFormater);
     },
     valueFormater: function valueFormater(value) {
-      return +moment(value);
+      return value ? +moment(value) : value;
     },
     'element-allowClear': false
   };

package/es/form/element/index.js

@@ -91,7 +91,8 @@ var Element = function Element(_ref) {
         subscribedFields = config.subscribedFields,
         disabled = config.disabled,
         extraLabel = config.extraLabel,
-        requiredAsserts = config.requiredAsserts;
+        requiredAsserts = config.requiredAsserts,
+        shouldRenderCode = config.shouldRenderCode;
     var dependentField = dependencies || [];
 
     if (Array.isArray(subscribedFields)) {
@@ -123,7 +124,7 @@ var Element = function Element(_ref) {
       });
     }
 
-    if ((shouldRender || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
+    if ((shouldRender || shouldRenderCode || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 

package/es/form/hsteps/index.js

@@ -32,7 +32,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useContext, useEffect, useReducer, useRef } from 'react';
 import HStep from '../hstep';
-import { calcNamePath, getRuleValidation } from '../../utils/form-utils';
+import { calcNamePath, getRuleValidation, calcShouldRender } from '../../utils/form-utils';
 import FormContext from '../../form-context';
 import StepContext from '../../form-step-context';
 import './style/index.less';
@@ -105,26 +105,45 @@ var HSteps = function HSteps(_ref) {
   useEffect(function () {
     var subscribe = elements.some(function (_ref2) {
       var shouldRender = _ref2.shouldRender,
-          getButtonDisabledState = _ref2.getButtonDisabledState;
-      return Boolean(shouldRender) || Boolean(getButtonDisabledState);
+          getButtonDisabledState = _ref2.getButtonDisabledState,
+          shouldRenderCode = _ref2.shouldRenderCode;
+      return Boolean(shouldRender) || Boolean(getButtonDisabledState) || Boolean(shouldRenderCode);
     });
 
     if (subscribe) {
       Array.isArray(subscribedFields) ? registerDependencies(subscribedFields, dispatch) : registerDependencies('SUBSCRIBE_ALL', dispatch);
     }
+
+    var dependentField = [];
+    elements.forEach(function (_ref3) {
+      var asserts = _ref3.asserts;
+      if (!(asserts === null || asserts === void 0 ? void 0 : asserts.length)) return;
+      asserts.forEach(function (_ref4) {
+        var field = _ref4.field;
+        return dependentField.push(field);
+      });
+    });
+    dependentField.length && registerDependencies(dependentField, dispatch);
   }, []);
   useEffect(function () {
     if (currentStep === undefined || currentStep === current) return;
     setCurrent(currentStep);
   }, [currentStep]);
-  var renderElements = elements.filter(function (step) {
-    invariant(step.type === 'Step', 'Child of steps should be Step');
-    invariant(!step.validationRule || getRuleValidationApi, 'Please provide getRuleValidationApi in Form props');
-    return typeof step.shouldRender !== 'function' || step.shouldRender(form);
+  var renderElements = elements.filter(function (_ref5) {
+    var type = _ref5.type,
+        curName = _ref5.name,
+        validationRule = _ref5.validationRule,
+        dependencies = _ref5.dependencies,
+        asserts = _ref5.asserts,
+        shouldRender = _ref5.shouldRender,
+        shouldRenderCode = _ref5.shouldRenderCode;
+    invariant(type === 'Step', 'Child of steps should be Step');
+    invariant(!validationRule || getRuleValidationApi, 'Please provide getRuleValidationApi in Form props');
+    return calcShouldRender(calcNamePath(calcNamePath(parentName, name), curName), dependencies, asserts, shouldRender, shouldRenderCode, form);
   });
 
   var handleNext = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
       var _allFields$filter;
 
       var allFields, allValues, _renderElements$curre, currentName, handleNext, validationRule, namePath, fields, _iterator, _step, collapseSection, res, errors;
@@ -137,11 +156,11 @@ var HSteps = function HSteps(_ref) {
               allValues = form === null || form === void 0 ? void 0 : form.getFieldsValue(true);
               _renderElements$curre = renderElements[current], currentName = _renderElements$curre.name, handleNext = _renderElements$curre.handleNext, validationRule = _renderElements$curre.validationRule;
               namePath = calcNamePath(name, currentName);
-              fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref4) {
-                var name = _ref4.name;
+              fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref7) {
+                var name = _ref7.name;
                 return name.join().startsWith(namePath === null || namePath === void 0 ? void 0 : namePath.join());
-              })) === null || _allFields$filter === void 0 ? void 0 : _allFields$filter.map(function (_ref5) {
-                var name = _ref5.name;
+              })) === null || _allFields$filter === void 0 ? void 0 : _allFields$filter.map(function (_ref8) {
+                var name = _ref8.name;
                 return name;
               });
               _context.prev = 5;
@@ -245,7 +264,7 @@ var HSteps = function HSteps(_ref) {
     }));
 
     return function handleNext() {
-      return _ref3.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
 
@@ -392,14 +411,14 @@ var HSteps = function HSteps(_ref) {
               margin: 0
             },
             children: _jsx(Confirmation, {})
-          }), confirmations && Object.entries(confirmations).map(function (_ref6) {
-            var _ref7 = _slicedToArray(_ref6, 2),
-                key = _ref7[0],
-                _ref7$ = _ref7[1],
-                required = _ref7$.required,
-                _ref7$$confirmation = _ref7$.confirmation,
-                confirmation = _ref7$$confirmation === void 0 ? {} : _ref7$$confirmation,
-                requiredMessage = _ref7$.requiredMessage;
+          }), confirmations && Object.entries(confirmations).map(function (_ref9) {
+            var _ref10 = _slicedToArray(_ref9, 2),
+                key = _ref10[0],
+                _ref10$ = _ref10[1],
+                required = _ref10$.required,
+                _ref10$$confirmation = _ref10$.confirmation,
+                confirmation = _ref10$$confirmation === void 0 ? {} : _ref10$$confirmation,
+                requiredMessage = _ref10$.requiredMessage;
 
             return _jsx(_Form.Item, {
               name: calcNamePath(parentName, key),

package/es/form/steps/index.js

@@ -19,7 +19,7 @@ import { useState, useContext, useEffect, useReducer, useRef } from 'react';
 import invariant from 'invariant';
 import classnames from 'classnames';
 import Step from '../step';
-import { calcNamePath, getRuleValidation } from '../../utils/form-utils';
+import { calcNamePath, getRuleValidation, calcShouldRender } from '../../utils/form-utils';
 import FormContext from '../../form-context';
 import StepContext from '../../form-step-context';
 import { LocaleContext } from '../../locale';
@@ -74,24 +74,41 @@ var Steps = function Steps(_ref) {
   useEffect(function () {
     var subscribe = elements.some(function (_ref2) {
       var shouldRender = _ref2.shouldRender,
-          getButtonDisabledState = _ref2.getButtonDisabledState;
-      return Boolean(shouldRender) || Boolean(getButtonDisabledState);
+          getButtonDisabledState = _ref2.getButtonDisabledState,
+          shouldRenderCode = _ref2.shouldRenderCode;
+      return Boolean(shouldRender) || Boolean(getButtonDisabledState) || Boolean(shouldRenderCode);
     });
 
     if (subscribe) {
       Array.isArray(subscribedFields) ? registerDependencies(subscribedFields, dispatch) : registerDependencies('SUBSCRIBE_ALL', dispatch);
     }
+
+    var dependentField = [];
+    elements.forEach(function (_ref3) {
+      var asserts = _ref3.asserts;
+      if (!(asserts === null || asserts === void 0 ? void 0 : asserts.length)) return;
+      asserts.forEach(function (_ref4) {
+        var field = _ref4.field;
+        return dependentField.push(field);
+      });
+    });
+    dependentField.length && registerDependencies(dependentField, dispatch);
   }, []);
   useEffect(function () {
     if (currentStep === undefined || currentStep === current) return;
     setCurrent(currentStep);
   }, [currentStep]);
-  var renderElements = elements.filter(function (step) {
-    return typeof step.shouldRender !== 'function' || step.shouldRender(form);
+  var renderElements = elements.filter(function (_ref5) {
+    var curName = _ref5.name,
+        dependencies = _ref5.dependencies,
+        asserts = _ref5.asserts,
+        shouldRender = _ref5.shouldRender,
+        shouldRenderCode = _ref5.shouldRenderCode;
+    return calcShouldRender(calcNamePath(calcNamePath(parentName, name), curName), dependencies, asserts, shouldRender, shouldRenderCode, form);
   });
 
   var handleNext = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
       var _allFields$filter;
 
       var allFields, allValues, _renderElements$curre, currentName, handleNext, validationRule, namePath, fields, res, errors;
@@ -104,11 +121,11 @@ var Steps = function Steps(_ref) {
               allValues = form === null || form === void 0 ? void 0 : form.getFieldsValue(true);
               _renderElements$curre = renderElements[current], currentName = _renderElements$curre.name, handleNext = _renderElements$curre.handleNext, validationRule = _renderElements$curre.validationRule;
               namePath = calcNamePath(name, currentName);
-              fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref4) {
-                var name = _ref4.name;
+              fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref7) {
+                var name = _ref7.name;
                 return name.join().startsWith(namePath === null || namePath === void 0 ? void 0 : namePath.join());
-              })) === null || _allFields$filter === void 0 ? void 0 : _allFields$filter.map(function (_ref5) {
-                var name = _ref5.name;
+              })) === null || _allFields$filter === void 0 ? void 0 : _allFields$filter.map(function (_ref8) {
+                var name = _ref8.name;
                 return name;
               });
               _context.prev = 5;
@@ -199,7 +216,7 @@ var Steps = function Steps(_ref) {
     }));
 
     return function handleNext() {
-      return _ref3.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
 

package/es/free-form/step/index.d.ts

@@ -16,7 +16,6 @@ export interface StepProps extends FormItemConfig {
     editButtonLabel?: string;
     disableEditButton?: boolean;
     buttonText?: string;
-    validationRule?: string;
 }
 declare const Step: FC<StepProps>;
 export default Step;

package/es/free-form/step/index.js

@@ -33,7 +33,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useState, useRef, useEffect, useMemo, useReducer, cloneElement, isValidElement } from 'react';
 import { LocaleContext } from '../../locale';
 import Button from '../../button';
-import { calcNamePath, getRuleValidation } from '../../utils/form-utils';
+import { calcNamePath, getRuleValidation, calcShouldRender } from '../../utils/form-utils';
 import FormContext from '../../form-context';
 import invariant from 'invariant';
 import './style/index.less';
@@ -63,7 +63,10 @@ var Step = function Step(_ref) {
       shouldRender = _ref.shouldRender,
       subscribedFields = _ref.subscribedFields,
       buttonText = _ref.buttonText,
-      validationRule = _ref.validationRule;
+      validationRule = _ref.validationRule,
+      asserts = _ref.asserts,
+      dependencies = _ref.dependencies,
+      shouldRenderCode = _ref.shouldRenderCode;
 
   var _useContext = useContext(LocaleContext),
       formatMessage = _useContext.formatMessage,
@@ -98,6 +101,14 @@ var Step = function Step(_ref) {
     if (shouldRender || getButtonDisabledState) {
       registerDependencies(Array.isArray(subscribedFields) ? subscribedFields : 'SUBSCRIBE_ALL', dispatch);
     }
+
+    if (asserts === null || asserts === void 0 ? void 0 : asserts.length) {
+      var dependentField = asserts.map(function (_ref2) {
+        var field = _ref2.field;
+        return field;
+      });
+      registerDependencies(dependentField, dispatch);
+    }
   }, []);
   var pName = useMemo(function () {
     return calcNamePath(parentName, name);
@@ -150,7 +161,7 @@ var Step = function Step(_ref) {
   };
 
   var handleNext = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
       var _allFields$filter;
 
       var allFields, allValues, fields, res, errors;
@@ -160,11 +171,11 @@ var Step = function Step(_ref) {
             case 0:
               allFields = (form === null || form === void 0 ? void 0 : form.getFieldsError()) || [];
               allValues = form === null || form === void 0 ? void 0 : form.getFieldsValue(true);
-              fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref3) {
-                var name = _ref3.name;
-                return name.join().startsWith(pName === null || pName === void 0 ? void 0 : pName.join());
-              })) === null || _allFields$filter === void 0 ? void 0 : _allFields$filter.map(function (_ref4) {
+              fields = allFields === null || allFields === void 0 ? void 0 : (_allFields$filter = allFields.filter(function (_ref4) {
                 var name = _ref4.name;
+                return name.join().startsWith(pName === null || pName === void 0 ? void 0 : pName.join());
+              })) === null || _allFields$filter === void 0 ? void 0 : _allFields$filter.map(function (_ref5) {
+                var name = _ref5.name;
                 return name;
               });
               _context.prev = 3;
@@ -249,11 +260,11 @@ var Step = function Step(_ref) {
     }));
 
     return function handleNext() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
-  if (typeof shouldRender === 'function' && !shouldRender(form)) {
+  if (!calcShouldRender(pName, dependencies, asserts, shouldRender, shouldRenderCode, form)) {
     return null;
   }
 

package/es/types.d.ts

@@ -123,6 +123,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     maxLength?: number;
     idType?: 'KTP' | 'NIK';
     validationRule?: string;
+    shouldRenderCode?: string;
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {

package/es/upload/index.js

@@ -168,6 +168,31 @@ var IglooUpload = function IglooUpload(props) {
       });
     };
   }, []);
+  useEffect(function () {
+    if (!(value === null || value === void 0 ? void 0 : value.length) && !files.length) return;
+
+    if (files.length) {
+      var urls = files.map(function (f) {
+        var status = f.status,
+            name = f.name,
+            errorMsg = f.errorMsg;
+
+        if (status === 'failed') {
+          return {
+            name: name,
+            errorMsg: errorMsg
+          };
+        }
+
+        if (f.url || f.dataUrl) {
+          return f.url || f.dataUrl;
+        }
+      });
+      onChange && onChange(urls);
+    } else {
+      onChange && onChange([]);
+    }
+  }, [files]);
   invariant(limit === undefined || limit > 0, "\"limit\" should be a pasitive number.");
 
   var onUpload = /*#__PURE__*/function () {
@@ -197,7 +222,8 @@ var IglooUpload = function IglooUpload(props) {
               return _context2.abrupt("return", Promise.reject(errorMsg));
 
             case 8:
-              limitNumError.current = undefined;
+              limitNumError.current = undefined; // 上传过程中 status为‘progress’，后续通过state更新
+
               setFiles(function (files) {
                 return [].concat(_toConsumableArray(files), [{
                   name: name,
@@ -211,39 +237,21 @@ var IglooUpload = function IglooUpload(props) {
               }); // 符合文件个数限制之后 上传时的错误处理
 
               return _context2.abrupt("return", handleUploadPromise(file, function (url) {
-                var urls = [];
-                setFiles(function (files) {
+                return setFiles(function (files) {
                   return files.map(function (f) {
-                    // 这里不能只处理成功的文件 因为这次上传的文件是成功了 但是这次之前可能会有上传失败的 需要将错误信息提取出来 否则错误提示会丢失
                     if (f.uid === uid) {
-                      urls.push(url);
                       return _objectSpread(_objectSpread({}, f), {}, {
                         url: url,
                         status: 'success'
                       });
                     }
 
-                    var status = f.status,
-                        name = f.name,
-                        errorMsg = f.errorMsg;
-
-                    if (status === 'failed') {
-                      urls.push({
-                        name: name,
-                        errorMsg: errorMsg
-                      });
-                    } else {
-                      f.url && urls.push(f.url);
-                    }
-
                     return f;
                   });
                 });
-                onChange && onChange(urls);
               }, function (errorMsg) {
-                var fileList = [];
-                setFiles(function (files) {
-                  var newList = files.map(function (f) {
+                return setFiles(function (files) {
+                  return files.map(function (f) {
                     if (f.uid === uid) {
                       return _objectSpread(_objectSpread({}, f), {}, {
                         status: 'failed',
@@ -253,23 +261,7 @@ var IglooUpload = function IglooUpload(props) {
 
                     return f;
                   });
-                  fileList = newList;
-                  return newList;
                 });
-                var fileListWithError = fileList.map(function (f) {
-                  if (f.uid === uid) {
-                    return {
-                      name: f.name,
-                      status: 'failed',
-                      errorMsg: errorMsg
-                    };
-                  }
-
-                  return f.url;
-                }); // 需要触发onchange 在form级别报错
-
-                // 需要触发onchange 在form级别报错
-                typeof onChange === 'function' && onChange(fileListWithError);
               }));
 
             case 11:
@@ -324,51 +316,19 @@ var IglooUpload = function IglooUpload(props) {
 
   var handleDelete = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(index) {
-      var arr, hasError, rst;
       return regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
               limitNumError.current = null;
-              arr = files;
-              _context4.next = 4;
-              return setFiles(function (files) {
+              setFiles(function (files) {
                 var newArr = files.filter(function (_, i) {
                   return i !== index;
                 });
-                arr = newArr;
                 return newArr;
               });
 
-            case 4:
-              // 删除之后找一下是否存在上传过程中错误的文件
-              hasError = arr.some(function (f) {
-                return f.status === 'failed';
-              });
-
-              if (!hasError) {
-                _context4.next = 8;
-                break;
-              }
-
-              rst = arr.map(function (f) {
-                if (f.status === 'failed') {
-                  return {
-                    errorMsg: f.errorMsg
-                  };
-                }
-
-                return f.url;
-              });
-              return _context4.abrupt("return", typeof onChange === 'function' && onChange(rst));
-
-            case 8:
-              typeof onChange === 'function' && onChange(arr.map(function (_ref5) {
-                var url = _ref5.url;
-                return url;
-              }));
-
-            case 9:
+            case 2:
             case "end":
               return _context4.stop();
           }
@@ -382,8 +342,8 @@ var IglooUpload = function IglooUpload(props) {
   }();
 
   var handleReUpload = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(index) {
-      var _files$index, originFile, reUpUid, rst, latestFiles, fileListWithError, newList, _rst;
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(index) {
+      var _files$index, originFile, reUpUid, rst;
 
       return regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
@@ -414,81 +374,41 @@ var IglooUpload = function IglooUpload(props) {
 
             case 8:
               rst = _context5.sent;
-              latestFiles = [];
-              _context5.next = 12;
+              _context5.next = 11;
               return setFiles(function (files) {
                 var newFiles = _toConsumableArray(files);
 
                 newFiles[index].url = rst;
                 newFiles[index].status = 'success';
-                latestFiles = newFiles;
                 return newFiles;
               });
 
-            case 12:
-              // 查找出现在file 列表中地错误信息
-              fileListWithError = latestFiles.map(function (f) {
-                var status = f.status,
-                    errorMsg = f.errorMsg,
-                    url = f.url,
-                    name = f.name;
-
-                if (status === 'failed') {
-                  return {
-                    errorMsg: errorMsg,
-                    name: name
-                  };
-                }
-
-                return url;
-              });
-              onChange && onChange(fileListWithError);
-              _context5.next = 23;
+            case 11:
+              _context5.next = 17;
               break;
 
-            case 16:
-              _context5.prev = 16;
+            case 13:
+              _context5.prev = 13;
               _context5.t0 = _context5["catch"](5);
-              newList = [];
-              _context5.next = 21;
+              _context5.next = 17;
               return setFiles(function (files) {
                 var newFiles = _toConsumableArray(files);
 
                 newFiles[index].status = 'failed';
                 newFiles[index].errorMsg = _context5.t0;
-                newList = newFiles;
                 return newFiles;
               });
 
-            case 21:
-              // 报错之后要重置报错信息
-              _rst = newList.map(function (f) {
-                var name = f.name,
-                    errorMsg = f.errorMsg,
-                    url = f.url,
-                    uid = f.uid;
-
-                if (uid === reUpUid) {
-                  return {
-                    name: name,
-                    errorMsg: errorMsg
-                  };
-                }
-
-                return url;
-              });
-              typeof onChange === 'function' && onChange(_rst);
-
-            case 23:
+            case 17:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[5, 16]]);
+      }, _callee5, null, [[5, 13]]);
     }));
 
     return function handleReUpload(_x7) {
-      return _ref6.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -572,14 +492,14 @@ var IglooUpload = function IglooUpload(props) {
   });
 };
 
-var FileList = function FileList(_ref7) {
-  var containerRef = _ref7.containerRef,
-      files = _ref7.files,
-      limit = _ref7.limit,
-      handleDelete = _ref7.handleDelete,
-      handlePreview = _ref7.handlePreview,
-      handleReUpload = _ref7.handleReUpload,
-      disabled = _ref7.disabled;
+var FileList = function FileList(_ref6) {
+  var containerRef = _ref6.containerRef,
+      files = _ref6.files,
+      limit = _ref6.limit,
+      handleDelete = _ref6.handleDelete,
+      handlePreview = _ref6.handlePreview,
+      handleReUpload = _ref6.handleReUpload,
+      disabled = _ref6.disabled;
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -593,11 +513,11 @@ var FileList = function FileList(_ref7) {
 
   var children = _jsx("div", {
     className: "igloo-upload-preview-list",
-    children: files.map(function (_ref8, index) {
-      var type = _ref8.type,
-          name = _ref8.name,
-          size = _ref8.size,
-          status = _ref8.status;
+    children: files.map(function (_ref7, index) {
+      var type = _ref7.type,
+          name = _ref7.name,
+          size = _ref7.size,
+          status = _ref7.status;
       return _jsxs("div", {
         className: classnames('igloo-upload-preview-item', {
           'igloo-upload-preview-item-failed': status === 'failed'
@@ -703,9 +623,9 @@ function checkFileList(value) {
   return Promise.resolve();
 }
 
-IglooUpload.formItemPropsHandler = function (_ref9) {
-  var previewFormater = _ref9.previewFormater,
-      label = _ref9.label;
+IglooUpload.formItemPropsHandler = function (_ref8) {
+  var previewFormater = _ref8.previewFormater,
+      label = _ref8.label;
   return {
     previewFormater: previewFormater || function (value) {
       return _jsx(UploadPreview, {