shineout 3.7.0-beta.11 → 3.7.0-beta.13

package/dist/shineout.js

@@ -12217,7 +12217,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.0-beta.11');
+/* harmony default export */ var version = ('3.7.0-beta.13');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -17622,12 +17622,14 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
-    // width: 248,
-    // height: 72,
+    width: 'max-content',
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: "".concat(src.cascaderMorePaddingY, " ").concat(src.cascaderMorePaddingX)
+    padding: "".concat(src.cascaderMorePaddingY, " ").concat(src.cascaderMorePaddingX),
+    '& $tag': {
+      maxWidth: 'none'
+    }
   },
   virtualList: {
     margin: 0,
@@ -19758,9 +19760,14 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({
   },
   fill: {
     '& $inner': {
-      backgroundSize: 'cover',
-      backgroundPosition: '50% 50%',
-      backgroundRepeat: 'no-repeat'
+      '& > img': {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        maxWidth: 'none',
+        maxHeight: 'none'
+      }
     }
   },
   previewMask: {
@@ -23430,10 +23437,14 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
+    width: 'max-content',
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
     padding: "".concat(src.selectMorePaddingY, " ").concat(src.selectMorePaddingX),
+    '& $tag': {
+      maxWidth: 'none'
+    },
     '&:hover': {
       '& $clearIcon': {
         display: 'inline-block'
@@ -25632,9 +25643,19 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
 var useSwitchStyle = styled(src_switch_switch, 'switch');
 
 /* harmony default export */ var shineout_style_src_switch = ((/* unused pure expression or super */ null && (useSwitchStyle)));
+;// CONCATENATED MODULE: ../shineout-style/src/mixin/custom-scrollbar.ts
+function customScrollBar(info) {
+  return {
+    'scrollbar-color': info.background,
+    '&::-webkit-scrollbar': {
+      background: info.background
+    }
+  };
+}
 ;// CONCATENATED MODULE: ../shineout-style/src/table/table.ts
 
 
+
 var cellBaseIndex = 4;
 var fixedIndex = 6;
 var resizeIndex = 8;
@@ -25849,6 +25870,13 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
       zIndex: fixedIndex + 1
     }
   },
+  scrollY: {
+    '&$headWrapper, &$footWrapper': objectSpread2_default()({
+      overflow: 'hidden scroll'
+    }, customScrollBar({
+      background: 'transparent'
+    }))
+  },
   emptyWrapper: {
     minHeight: '170px',
     width: '100%',
@@ -28652,10 +28680,14 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
+    width: 'max-content',
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: "".concat(src.treeSelectMorePaddingY, " ").concat(src.treeSelectMorePaddingX)
+    padding: "".concat(src.treeSelectMorePaddingY, " ").concat(src.treeSelectMorePaddingX),
+    '& $tag': {
+      maxWidth: 'none'
+    }
   },
   virtualList: {
     margin: 0,
@@ -33984,9 +34016,16 @@ var accordion_jssStyle = {
 var ModalSubmit = function ModalSubmit(props) {
   var modalFormContext = useFormFooter();
   var handleClick = usePersistFn(function (e) {
-    var _props$onClick;
-    (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
-    modalFormContext === null || modalFormContext === void 0 || modalFormContext.func.submit();
+    var _modalFormContext$fun;
+    if (modalFormContext !== null && modalFormContext !== void 0 && (_modalFormContext$fun = modalFormContext.func) !== null && _modalFormContext$fun !== void 0 && _modalFormContext$fun.hasSubmit) {
+      modalFormContext === null || modalFormContext === void 0 || modalFormContext.func.submit(true, function () {
+        var _props$onClick;
+        return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+      });
+    } else {
+      var _props$onClick2;
+      (_props$onClick2 = props.onClick) === null || _props$onClick2 === void 0 || _props$onClick2.call(props, e);
+    }
   });
   return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, objectSpread2_default()(objectSpread2_default()({
     htmlType: "button",
@@ -40435,6 +40474,10 @@ var More = function More(props) {
         className: compressedClassName,
         visible: visible,
         onVisibleChange: setVisible,
+        getPopupContainer: function getPopupContainer() {
+          var _props$morePopoverCon;
+          return (_props$morePopoverCon = props.morePopoverContainer) === null || _props$morePopoverCon === void 0 ? void 0 : _props$morePopoverCon.current;
+        },
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           className: styles.moreWrapper,
           onClick: function onClick(e) {
@@ -40729,7 +40772,8 @@ var result_Result = function Result(props) {
     compressed: compressed,
     renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
-    showNum: moreNumber
+    showNum: moreNumber,
+    morePopoverContainer: props.morePopoverContainer
   }, 'more');
   var renderResult = function renderResult() {
     if (empty) {
@@ -41283,7 +41327,8 @@ var Cascader = function Cascader(props0) {
         onResultItemClick: handleResultItemClick,
         checkUnMatched: checkUnMatched,
         getDataByValues: getDataByValues,
-        setInputText: setInputText
+        setInputText: setInputText,
+        morePopoverContainer: targetRef
       })
     });
     return /*#__PURE__*/(0,jsx_runtime.jsx)(PopupProvider, {
@@ -49429,7 +49474,8 @@ var useForm = function useForm(props) {
     size = props.size,
     colon = props.colon,
     formName = props.name,
-    scrollParent = props.scrollParent;
+    scrollParent = props.scrollParent,
+    isControl = props.isControl;
   var deepSetOptions = {
     removeUndefined: removeUndefined,
     forceSet: true
@@ -49685,13 +49731,16 @@ var useForm = function useForm(props) {
       var values = Object.keys(vals);
       // 针对 name 为数组模式，如 datepicker 的 name={['startTime', 'endTime']} 时，前者校验可能需要依赖后者，因此需要提前将后者数据整合至 draft 用于多字段整合校验
       values.forEach(function (key) {
-        deepSet(draft, key, vals[key], deepSetOptions);
+        // upload组件返回的可能是函数: (prev) => [...prev, file]
+        var valueOfKey = typeof vals[key] === 'function' ? vals[key](getValue(key)) : vals[key];
+        deepSet(draft, key, valueOfKey, deepSetOptions);
       });
       values.forEach(function (key) {
         if (option.validate) {
           var _context$validateMap$;
           (_context$validateMap$ = context.validateMap[key]) === null || _context$validateMap$ === void 0 || _context$validateMap$.forEach(function (validate) {
-            validate(key, vals[key], current(draft));
+            var valueOfKey = typeof vals[key] === 'function' ? vals[key](getValue(key)) : vals[key];
+            validate(key, valueOfKey, current(draft));
           });
         }
       });
@@ -49747,6 +49796,7 @@ var useForm = function useForm(props) {
   });
   var submit = use_persist_fn(function () {
     var withValidate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var callback = arguments.length > 1 ? arguments[1] : undefined;
     if (disabled) return;
     if (context.submitLock) {
       return;
@@ -49764,32 +49814,29 @@ var useForm = function useForm(props) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (withValidate) {
-              _context.next = 3;
+              _context.next = 4;
               break;
             }
             (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 || _props$onSubmit.call(props, (_context$value = context.value) !== null && _context$value !== void 0 ? _context$value : {});
+            callback === null || callback === void 0 || callback();
             return _context.abrupt("return");
-          case 3:
-            _context.next = 5;
+          case 4:
+            _context.next = 6;
             return validateFields(undefined, {
               ignoreBind: true
             }).catch(function (e) {
               return e;
             });
-          case 5:
+          case 6:
             result = _context.sent;
-            if (!(result === true)) {
-              _context.next = 11;
-              break;
+            if (result === true) {
+              (_props$onSubmit2 = props.onSubmit) === null || _props$onSubmit2 === void 0 || _props$onSubmit2.call(props, (_context$value2 = context.value) !== null && _context$value2 !== void 0 ? _context$value2 : {});
+              if (activeEl) activeEl.focus();
+            } else {
+              handleSubmitError(result);
             }
-            (_props$onSubmit2 = props.onSubmit) === null || _props$onSubmit2 === void 0 || _props$onSubmit2.call(props, (_context$value2 = context.value) !== null && _context$value2 !== void 0 ? _context$value2 : {});
-            if (activeEl) activeEl.focus();
-            _context.next = 13;
-            break;
-          case 11:
-            handleSubmitError(result);
-            return _context.abrupt("return");
-          case 13:
+            callback === null || callback === void 0 || callback();
+          case 9:
           case "end":
             return _context.stop();
         }
@@ -49989,7 +50036,10 @@ var useForm = function useForm(props) {
   external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect(function () {
     context.removeLock = false;
     // 内部 onChange 改的 value, 不需要更新
-    if (props.value === context.value) return;
+    if (props.value === context.value) {
+      if (!isControl) update();
+      return;
+    }
     if (initValidate && !context.resetTime) {
       var keys = Object.keys(context.validateMap).filter(function (key) {
         var oldValue = deepGet(preValue || emptyObj, key);
@@ -50059,11 +50109,12 @@ var Form = function Form(props) {
     rest = objectWithoutProperties_default()(props, form_excluded);
   var formClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$form = jssStyle.form) === null || _jssStyle$form === void 0 ? void 0 : _jssStyle$form.call(jssStyle);
   var modalFormContext = useFormFooter();
+  var isControl = ('value' in props);
   var inputAbleParams = {
     value: props.value,
     onChange: props.onChange,
     defaultValue: props.defaultValue,
-    control: 'value' in props,
+    control: isControl,
     beforeChange: undefined,
     reserveAble: false
   };
@@ -50074,7 +50125,8 @@ var Form = function Form(props) {
   var _useForm = use_form(objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
       value: value,
       onChange: onChange,
-      formElRef: formElRef
+      formElRef: formElRef,
+      isControl: isControl
     })),
     Provider = _useForm.Provider,
     ProviderProps = _useForm.ProviderProps,
@@ -51207,6 +51259,10 @@ var useImage = function useImage() {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     status = _React$useState2[0],
     setStatus = _React$useState2[1];
+  var _React$useState3 = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState({}),
+    _React$useState4 = slicedToArray_default()(_React$useState3, 2),
+    imgCoverStyle = _React$useState4[0],
+    setImgCoverStyle = _React$useState4[1];
   var elementRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
   var getUrl = function getUrl(url) {
     var auto = 'autoSSL' in props ? autoSSL : use_image_config.autoSSL;
@@ -51241,6 +51297,35 @@ var useImage = function useImage() {
     };
     img.src = getUrl(alt);
   };
+  var handleCoverStyle = function handleCoverStyle(img) {
+    var container = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
+    if (!container) return;
+
+    // 根据容器的宽高获取宽高比
+    var containerWidth = container.clientWidth;
+    var containerHeight = container.clientHeight;
+    var containerRatio = containerWidth / containerHeight;
+
+    // 根据图片的自然尺寸获取宽高比
+    var imageWidth = img.naturalWidth;
+    var imageHeight = img.naturalHeight;
+    var imageRatio = imageWidth / imageHeight;
+
+    // 判断宽高比，决定图片填充策略
+    if (imageRatio > containerRatio) {
+      // 图片更宽，宽度占满容器，高度自适应
+      setImgCoverStyle({
+        height: '100%',
+        width: 'auto'
+      });
+    } else {
+      // 图片更高，填满容器高度
+      setImgCoverStyle({
+        width: '100%',
+        height: 'auto'
+      });
+    }
+  };
   var markToRender = function markToRender() {
     if (!src) {
       handleAlt();
@@ -51248,7 +51333,10 @@ var useImage = function useImage() {
     }
     var img = new window.Image();
     img.onload = function () {
-      return setStatus(SRC);
+      setStatus(SRC);
+      if (props.fit === 'fill') {
+        handleCoverStyle(img);
+      }
     };
     img.onerror = function (e) {
       return handleError(SRC, e);
@@ -51277,7 +51365,9 @@ var useImage = function useImage() {
       alt: alt,
       draggable: !noImgDrag
     });
-    return objectSpread2_default()({}, mergedEventHandlers);
+    return objectSpread2_default()({
+      style: imgCoverStyle
+    }, mergedEventHandlers);
   };
   var getImageDivProps = function getImageDivProps() {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -52045,7 +52135,8 @@ var Image = function Image(props) {
       href: href,
       lazy: lazy,
       autoSSL: autoSSL,
-      noImgDrag: noImgDrag
+      noImgDrag: noImgDrag,
+      fit: fit
     }, rest)),
     status = _useImage.status,
     getRootProps = _useImage.getRootProps,
@@ -52124,7 +52215,7 @@ var Image = function Image(props) {
 
   // 渲染 img / div 类型的内部标签
   var renderInner = function renderInner(src) {
-    return fit === 'fill' || fit === 'fit' ? renderDivInnerEl(src) : renderImgeInnerEl(src);
+    return fit === 'fit' ? renderDivInnerEl(src) : renderImgeInnerEl(src);
   };
 
   // 默认占位图
@@ -55661,7 +55752,8 @@ function Select(props0) {
         checkUnMatched: checkUnMatched,
         onRemove: handleRemove,
         classes: styles,
-        setInputText: setInputText
+        setInputText: setInputText,
+        morePopoverContainer: targetRef
       })
     });
     return /*#__PURE__*/(0,jsx_runtime.jsx)(PopupProvider, {
@@ -60399,6 +60491,7 @@ var scroll_table_Scroll = function Scroll(props) {
     display: 'flex',
     position: 'sticky',
     flexDirection: 'column',
+    overflow: props.isScrollX ? 'initial' : 'hidden',
     top: 0
   };
 
@@ -63512,10 +63605,15 @@ var emptyRef = {
     theadAndTfootHeight: context.theadAndTfootHeight
   });
   var syncHeaderScroll = usePersistFn(function (left) {
-    var _theadRef$current2;
+    var _tableRef$current;
     if (props.hideHeader || !props.sticky) return;
-    if (!(theadRef !== null && theadRef !== void 0 && (_theadRef$current2 = theadRef.current) !== null && _theadRef$current2 !== void 0 && _theadRef$current2.parentElement)) return;
-    theadRef.current.parentElement.scrollLeft = left;
+    var headerScrollers = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelectorAll(".".concat(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper));
+    headerScrollers === null || headerScrollers === void 0 || headerScrollers.forEach(function (item) {
+      if (!item) return;
+      if (item.scrollLeft !== left) {
+        item.scrollLeft = left;
+      }
+    });
   });
 
   // 简单表格的滚动事件
@@ -63657,7 +63755,7 @@ var emptyRef = {
       parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
     };
     var isRenderVirtualTable = virtual || props.sticky || !((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length);
-    var headWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper);
+    var headWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, props.sticky && isScrollY && tableClasses.scrollY);
     var footWrapperClass = classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper);
     var renderHeadMirrorScroller = function renderHeadMirrorScroller() {
       var _scrollRef$current, _scrollRef$current2, _scrollRef$current3;
@@ -63706,7 +63804,6 @@ var emptyRef = {
       if (!scrollRefWidth || !mirrorScrollRefWidth || !showScroll) return null;
       var options = props.showBottomScrollbar === true ? {} : props.showBottomScrollbar;
       var scrollerStickyProps = {
-        scrollContainer: options.scrollContainer || document.body,
         bottom: options.bottom || 0,
         zIndex: options.zIndex || defaultZIndex + 1,
         parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
@@ -63735,24 +63832,21 @@ var emptyRef = {
         })
       }));
     };
-    var $headTable = /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-      style: {
-        width: width
-      },
-      ref: theadRef,
-      children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
+    var $headTable = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: headWrapperClass,
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+        style: {
+          width: width
+        },
+        ref: theadRef,
+        children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
+      })
     });
     if (isRenderVirtualTable) {
       var _props$data4;
       return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
         children: [renderHeadMirrorScroller(), !props.hideHeader && props.sticky && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, stickyProps), {}, {
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: headWrapperClass,
-            style: {
-              overflow: 'hidden'
-            },
-            children: $headTable
-          })
+          children: $headTable
         })), /*#__PURE__*/(0,jsx_runtime.jsxs)(scroll_table, {
           style: {
             display: 'flex',
@@ -63766,10 +63860,8 @@ var emptyRef = {
           onScroll: handleVirtualScroll,
           defaultHeight: context.emptyHeight,
           isScrollY: isScrollY,
-          children: [!props.hideHeader && !props.sticky && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: headWrapperClass,
-            children: $headTable
-          }), !!((_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length) && /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+          isScrollX: isScrollX,
+          children: [!props.hideHeader && !props.sticky && $headTable, !!((_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length) && /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
             style: {
               width: width,
               transform: virtualInfo.translateStyle
@@ -63831,10 +63923,10 @@ var emptyRef = {
 
   // handle head and  foot scroll
   var handleHeaderWheel = usePersistFn(function (e) {
-    var _theadRef$current3;
+    var _theadRef$current2;
     var scrollEl = scrollRef.current;
     if (!scrollEl) return;
-    if (!(theadRef !== null && theadRef !== void 0 && (_theadRef$current3 = theadRef.current) !== null && _theadRef$current3 !== void 0 && _theadRef$current3.parentElement)) return;
+    if (!(theadRef !== null && theadRef !== void 0 && (_theadRef$current2 = theadRef.current) !== null && _theadRef$current2 !== void 0 && _theadRef$current2.parentElement)) return;
     var max = scrollEl.scrollWidth - scrollEl.clientWidth;
     var scrollLeft = scrollEl.scrollLeft + e.deltaX;
     if (scrollLeft === scrollEl.scrollLeft) {
@@ -65658,6 +65750,7 @@ var TransferOperate = function TransferOperate(props) {
 
 
 
+
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -65732,7 +65825,7 @@ var Transfer = function Transfer(props) {
     sourceSelectedKeys = _useTransfer.sourceSelectedKeys,
     targetSelectedKeys = _useTransfer.targetSelectedKeys,
     onFilter = _useTransfer.onFilter,
-    onSelectChange = _useTransfer.onSelectChange;
+    _onSelectChange = _useTransfer.onSelectChange;
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
   var rootClass = classnames_default()(styles.rootClass, styles.transfer, className, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.simple, simple), styles.small, size === 'small'), styles.large, size === 'large'), styles.equalPanelWidth, equalPanelWidth));
   var renderOperations = function renderOperations() {
@@ -65806,7 +65899,15 @@ var Transfer = function Transfer(props) {
       searchPlaceholder: placeholder,
       renderFilter: renderFilter,
       onFilter: onFilterProp ? onFilter : undefined,
-      onSelectChange: onSelectChange
+      onSelectChange: function onSelectChange(keys) {
+        if (isSource) {
+          var newAllKeys = Array.from(new Set([].concat(toConsumableArray_default()(keys), toConsumableArray_default()(targetSelectedKeys || []))));
+          _onSelectChange(newAllKeys, keys, targetSelectedKeys);
+        } else {
+          var _newAllKeys = Array.from(new Set([].concat(toConsumableArray_default()(keys), toConsumableArray_default()(sourceSelectedKeys || []))));
+          _onSelectChange(_newAllKeys, sourceSelectedKeys, keys);
+        }
+      }
     });
   };
   var renderSourceList = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
@@ -66438,7 +66539,8 @@ var TreeSelect = function TreeSelect(props0) {
         getDataByValues: getResultByValue,
         onRemove: handleRemove,
         classes: styles,
-        setInputText: setInputText
+        setInputText: setInputText,
+        morePopoverContainer: targetRef
       })
     });
     return /*#__PURE__*/(0,jsx_runtime.jsx)(PopupProvider, {
@@ -66709,6 +66811,7 @@ function attrAccept(file, acceptedFiles) {
 
 
 
+
 var VALIDATORITEMS = [{
   key: 'size',
   param: function param(blob) {
@@ -66742,11 +66845,12 @@ var promised = function promised(action) {
     resolve(true);
   });
 };
+var defaultValue = [];
 var useUpload = function useUpload(props) {
   var _props$limit = props.limit,
     limit = _props$limit === void 0 ? 100 : _props$limit,
     _props$value = props.value,
-    value = _props$value === void 0 ? [] : _props$value;
+    value = _props$value === void 0 ? defaultValue : _props$value;
   var accept = props.forceAccept || props.accept;
   var forceAccept = !!props.forceAccept;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({}),
@@ -66866,21 +66970,22 @@ var useUpload = function useUpload(props) {
       responseType: props.responseType,
       onStart: props.onStart,
       onProgress: function onProgress(e, msg) {
-        if (throttle) return;
+        var percent = typeof e.percent === 'number' ? e.percent : e.loaded / e.total * 100;
+        if (throttle && percent !== 100) return;
         throttle = true;
         setTimeout(function () {
           throttle = false;
         }, 16);
-        var percent = typeof e.percent === 'number' ? e.percent : e.loaded / e.total * 100;
-        var filesState = latestState.filesState;
-        var newFiles = objectSpread2_default()({}, filesState);
-        if (!newFiles[id]) return;
-        newFiles[id].process = percent;
-        if (msg) newFiles[id].message = msg;
-        setFiles(newFiles);
-        if (typeof props.onProgress === 'function') {
-          props.onProgress(newFiles[id]);
-        }
+        setFiles(function (files) {
+          return utils_immer_produce(files, function (draft) {
+            if (!draft[id]) return draft;
+            draft[id].process = percent;
+            if (msg) draft[id].message = msg;
+            if (typeof props.onProgress === 'function') {
+              props.onProgress(draft[id]);
+            }
+          });
+        });
       },
       onLoad: function onLoad(xhr) {
         if (!/^2|1223/.test("".concat(xhr.status))) {
@@ -66908,11 +67013,17 @@ var useUpload = function useUpload(props) {
               delete draft[id];
             });
           });
-          // add value
-          var values = utils_immer_produce(latestState.value, function (draft) {
-            draft.push(result);
-          });
-          props.onChange(values);
+          if (props.functionalOnChange) {
+            // 回调型 setState不会丢值
+            props.onChange(function (prev) {
+              return [].concat(toConsumableArray_default()(prev || []), [result]);
+            });
+          } else {
+            var latestValue = latestState.value;
+            var newValue = toConsumableArray_default()(latestValue);
+            newValue.push(result);
+            props.onChange(newValue);
+          }
         }
       },
       onError: function onError(xhr) {
@@ -67030,48 +67141,60 @@ var useUpload = function useUpload(props) {
                     error = _context2.sent;
                   case 21:
                     if (!(error instanceof Error)) {
-                      _context2.next = 30;
+                      _context2.next = 29;
                       break;
                     }
                     if (validatorHandle(error, blob)) {
-                      _context2.next = 26;
+                      _context2.next = 25;
                       break;
                     }
-                    delete newFiles[id];
-                    setFiles(objectSpread2_default()({}, newFiles));
+                    setFiles(function (prev) {
+                      return utils_immer_produce(prev, function (draft) {
+                        delete draft[id];
+                      });
+                    });
                     return _context2.abrupt("return", 0);
-                  case 26:
+                  case 25:
                     fileRecord.message = error.message;
                     fileRecord.status = 3;
-                    setFiles(objectSpread2_default()({}, newFiles));
+                    setFiles(function (prev) {
+                      return objectSpread2_default()(objectSpread2_default()({}, prev), {}, defineProperty_default()({}, id, fileRecord));
+                    });
                     return _context2.abrupt("return", 0);
-                  case 30:
+                  case 29:
                     if (!props.beforeUpload) {
-                      _context2.next = 37;
+                      _context2.next = 36;
                       break;
                     }
                     beforeUploadResult = props.beforeUpload(blob); // @ts-ignoreq
                     if (!(beforeUploadResult && beforeUploadResult.then)) {
-                      _context2.next = 35;
+                      _context2.next = 34;
                       break;
                     }
                     props.beforeUpload(blob).then(function (args) {
                       if (args.status !== 'error') {
                         newFiles[id].xhr = uploadFile(id, blob, fileRecord.src);
-                        setFiles(objectSpread2_default()({}, newFiles));
+                        setFiles(function (prev) {
+                          return objectSpread2_default()(objectSpread2_default()({}, prev), {}, defineProperty_default()({}, id, fileRecord));
+                        });
                       }
                     }).catch(function () {
-                      delete newFiles[id];
-                      setFiles(objectSpread2_default()({}, newFiles));
+                      setFiles(function (prev) {
+                        return utils_immer_produce(prev, function (draft) {
+                          delete draft[id];
+                        });
+                      });
                     });
                     return _context2.abrupt("return", 0);
-                  case 35:
-                    _context2.next = 39;
+                  case 34:
+                    _context2.next = 38;
                     break;
-                  case 37:
+                  case 36:
                     fileRecord.xhr = uploadFile(id, blob, fileRecord.src);
-                    setFiles(objectSpread2_default()({}, newFiles));
-                  case 39:
+                    setFiles(function (prev) {
+                      return objectSpread2_default()(objectSpread2_default()({}, prev), {}, defineProperty_default()({}, id, fileRecord));
+                    });
+                  case 38:
                   case "end":
                     return _context2.stop();
                 }
@@ -67469,7 +67592,8 @@ var Upload = function Upload(props0) {
         invalidImage: getLocale(locale, 'invalidImage')
       },
       value: value,
-      onChange: onChange
+      onChange: onChange,
+      functionalOnChange: props.functionalOnChange
     })),
     func = _useUpload.func,
     files = _useUpload.files,
@@ -70253,7 +70377,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.11'
+  version: '3.7.0-beta.13'
 });
 }();
 /******/ 	return __webpack_exports__;