shineout 3.1.15 → 3.1.16

package/cjs/form/form-field.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormFieldProps } from './form.type';
-declare const _default: <T>(props: FormFieldProps<T>) => JSX.Element;
+declare const _default: <T extends unknown = any>(props: FormFieldProps<T>) => JSX.Element;
 export default _default;

package/cjs/form/index.d.ts

@@ -13,7 +13,7 @@ declare const Reset: ((props: import("./interface").SubmitProps) => JSX.Element)
 declare const Item: ((props: import("./form.type").FormItemProps) => JSX.Element) & {
     displayName: string;
 };
-declare const Field: (<T>(props: import("./form.type").FormFieldProps<T>) => JSX.Element) & {
+declare const Field: (<T extends unknown = any>(props: import("./form.type").FormFieldProps<T>) => JSX.Element) & {
     displayName: string;
 };
 declare const FieldSet: (<T>(props: import("./form.type").FormFieldSetProps<T>) => JSX.Element) & {

package/cjs/index.js

@@ -476,5 +476,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.1.15'
+  version: '3.1.16'
 };

package/cjs/upload/use-upload-common.d.ts

@@ -1,6 +1,6 @@
 import { UploadProps } from './upload.type';
 declare const useUploadCommon: (props: Pick<UploadProps<any>, 'rules'>) => {
     validateHook: (r: any) => void;
-    rules: (import("../../../hooks/src/utils/rule/rule.type").RuleResultValue | import("../../../hooks/src/utils/rule/rule.type").FormItemObjectRule | ((value: any[] | undefined, formData: any, callback: (cbArgs: boolean | Error) => void, props?: any) => void))[];
+    rules: (import("../../../hooks/src/utils/rule/rule.type").RuleResultValue | import("../../../hooks/src/utils/rule/rule.type").FormItemObjectRule | ((value: any, formData: any, callback: (cbArgs: boolean | Error) => void, props?: any) => void))[];
 };
 export default useUploadCommon;

package/dist/shineout.js

@@ -11949,7 +11949,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.1.15');
+/* harmony default export */ var version = ('3.1.16');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -30166,6 +30166,7 @@ var card_jssStyle = {
 
 
 
+
 var CardHeader = function CardHeader(props) {
   var _props$jssStyle, _props$jssStyle$card;
   var align = props.align;
@@ -30188,18 +30189,22 @@ var CardHeader = function CardHeader(props) {
   };
   var alignClass = classnames_default()(align === 'center' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.center), align === 'right' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.right));
   var headerContentClassName = classnames_default()(cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.headerContent, alignClass);
+  var commonHeaderProps = {
+    onMouseDown: handleDragMouseDown,
+    onClick: onCollapse,
+    style: props.style
+  };
   if (!props.extra && !collapsible) {
     var simpleHeaderClassName = classnames_default()(cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.simpleHeader, alignClass, props.className);
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: simpleHeaderClassName,
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
+      className: simpleHeaderClassName
+    }, commonHeaderProps), {}, {
       children: props.children
-    });
+    }));
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    onMouseDown: handleDragMouseDown,
-    onClick: onCollapse,
-    className: classnames_default()(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header),
-    style: props.style,
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    className: classnames_default()(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header)
+  }, commonHeaderProps), {}, {
     children: [renderIndicator(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: headerContentClassName,
       children: props.children
@@ -30207,7 +30212,7 @@ var CardHeader = function CardHeader(props) {
       className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.headerExtra,
       children: props.extra
     })]
-  });
+  }));
 };
 /* harmony default export */ var card_header = (CardHeader);
 ;// CONCATENATED MODULE: ./src/card/header.tsx
@@ -46210,7 +46215,9 @@ var input_input_Input = function Input(props) {
   });
   var _useWithFormConfig = use_with_form_config(props),
     size = _useWithFormConfig.size,
-    disabled = _useWithFormConfig.disabled;
+    disabled = _useWithFormConfig.disabled,
+    status = _useWithFormConfig.status,
+    error = _useWithFormConfig.error;
   var getProps = function getProps(child) {
     ref.current.propsMap.set(child, {
       onFocus: child.props.onFocus,
@@ -46242,7 +46249,7 @@ var input_input_Input = function Input(props) {
     className = props.className,
     width = props.width,
     style = props.style;
-  var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus));
+  var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus), (status === 'error' || error) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupError));
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
     role: 'input-group'
   })), {}, {
@@ -53259,6 +53266,7 @@ StepsComp.Step = StepsStep;
 
 
 
+
 var sticky_cssSupport = cssSupport;
 var supportSticky = sticky_cssSupport('position', 'sticky');
 var defaultZIndex = 900;
@@ -53284,14 +53292,16 @@ var Sticky = function Sticky(props) {
   var children = props.children,
     top = props.top,
     bottom = props.bottom;
-  var css = props.css || props.target;
+  // 是否使用css sticky
+  var css = (props.css || props.target) && supportSticky;
+  var forceUpdate = useRender();
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       target: null,
       div: null,
-      observer: null,
+      position: '',
+      targetObserver: null,
       parentObserver: null,
-      isTop: false,
-      bodyObserver: null
+      fixedObserver: null
     }),
     context = _useRef.current;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({}),
@@ -53306,7 +53316,6 @@ var Sticky = function Sticky(props) {
     _useState6 = slicedToArray_default()(_useState5, 2),
     parentVisible = _useState6[0],
     setParentVisible = _useState6[1];
-  var forceRender = useRender();
   var elementRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var getTarget = function getTarget() {
     var scrollContainer = props.scrollContainer;
@@ -53319,19 +53328,17 @@ var Sticky = function Sticky(props) {
     }
     return null;
   };
+
+  // window resize 时需要重新计算底部附着的位置
   var updateStyle = usePersistFn(function () {
-    if (context.div && !context.isTop && show) {
+    if (context.div && context.position === 'bottom' && show) {
       var scrollRect = context.target.getBoundingClientRect();
       var targetRect = elementRef.current.getBoundingClientRect();
       var targetLeft = targetRect.left;
-      var width = targetRect.width,
-        height = targetRect.height;
       if (typeof bottom === 'number') {
         var outRootRect = context.target.getBoundingClientRect();
         var _style = {
           position: 'absolute',
-          width: "".concat(width, "px"),
-          height: "".concat(height, "px"),
           top: "".concat(scrollRect.bottom - (props.bottom || 0) - outRootRect.top, "px"),
           left: "".concat(targetLeft - outRootRect.left, "px"),
           transform: 'translateY(-100%)'
@@ -53340,6 +53347,8 @@ var Sticky = function Sticky(props) {
       }
     }
   });
+
+  // 有滚动容器时的定位
   var handleTargetPosition = usePersistFn(function (entries) {
     var entry = entries[0];
     var scrollRect = entry.rootBounds;
@@ -53347,17 +53356,13 @@ var Sticky = function Sticky(props) {
     if (!entry.isIntersecting) {
       var targetLeft = targetRect.left;
       var outRootRect = context.div.getBoundingClientRect();
-      var width = targetRect.width,
-        height = targetRect.height;
       if (scrollRect && targetRect.bottom < scrollRect.bottom) {
         // top in
-        context.isTop = true;
+        context.position = 'top';
         if (typeof top === 'number') {
           setShow(true);
           var _style2 = {
             position: 'absolute',
-            width: "".concat(width, "px"),
-            height: "".concat(height, "px"),
             top: "".concat(scrollRect.top - outRootRect.top, "px"),
             left: "".concat(targetLeft - outRootRect.left, "px")
           };
@@ -53365,16 +53370,13 @@ var Sticky = function Sticky(props) {
         }
       } else if (scrollRect) {
         // bottom in
-        context.isTop = false;
+        context.position = 'bottom';
         if (typeof bottom === 'number') {
           setShow(true);
-          var _outRootRect = context.target.getBoundingClientRect();
           var _style3 = {
             position: 'absolute',
-            width: "".concat(width, "px"),
-            height: "".concat(height, "px"),
-            top: "".concat(scrollRect.bottom - _outRootRect.top, "px"),
-            left: "".concat(targetLeft - _outRootRect.left, "px"),
+            top: "".concat(scrollRect.bottom - outRootRect.top, "px"),
+            left: "".concat(targetLeft - outRootRect.left, "px"),
             transform: 'translateY(-100%)'
           };
           setStyle(_style3);
@@ -53383,8 +53385,11 @@ var Sticky = function Sticky(props) {
     }
     if (entry.isIntersecting) {
       setShow(false);
+      context.position = '';
     }
   });
+
+  // 父元素是否可见
   var handleParentVisible = usePersistFn(function (entries) {
     var entry = entries[0];
     if (entry.isIntersecting) {
@@ -53393,83 +53398,118 @@ var Sticky = function Sticky(props) {
       setParentVisible(false);
     }
   });
+  var setFixedStyle = usePersistFn(function (s, m) {
+    var l = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    if (s !== show) {
+      setShow(s);
+    }
+    if (s && m) {
+      var newStyle = defineProperty_default()(defineProperty_default()({
+        position: 'fixed'
+      }, m, m === 'top' ? top : bottom), "left", l);
+      if (!shallowEqual(style, newStyle)) {
+        setStyle(newStyle);
+      }
+    }
+  });
+
+  // 无滚动容器的时候，body 滚动 resize 计算
   var handleFixedPosition = usePersistFn(function () {
+    if (css || context.target) return;
     var element = elementRef.current;
+    if (!parentVisible) {
+      setFixedStyle(false);
+      return;
+    }
     if (!element) return;
     var selfRect = element.getBoundingClientRect();
     if (selfRect === null) return;
     // If the element is hidden, the width and height will be 0
     if (selfRect && selfRect.width === 0 && selfRect.height === 0) return;
-    // const { marginBottom, marginTop } = getComputedStyle(element);
-    // selfRect.height += parseFloat(marginBottom) + parseFloat(marginTop);
-    var scrollElement = document.body;
-    var scrollRect = scrollElement.getBoundingClientRect();
+    var scrollRect = document.body.getBoundingClientRect();
     var top = props.top,
       bottom = props.bottom;
     if (top !== undefined && Math.ceil(selfRect.top) <= top) {
-      setShow(true);
-      setStyle({
-        position: 'fixed',
-        top: top,
-        left: "".concat(selfRect.left, "px"),
-        width: "".concat(selfRect.width, "px")
-      });
+      setFixedStyle(true, 'top', selfRect.left);
       return;
     } else if (bottom !== undefined && Math.ceil(selfRect.bottom) + bottom > scrollRect.bottom) {
-      setShow(true);
-      setStyle({
-        position: 'fixed',
-        bottom: bottom,
-        left: "".concat(selfRect.left, "px"),
-        width: "".concat(selfRect.width, "px")
-      });
+      setFixedStyle(true, 'bottom', selfRect.left);
       return;
     } else {
-      setShow(false);
+      setFixedStyle(false);
+    }
+  });
+
+  // 无滚动容器时内滚场景触发
+  var handleFixedInter = usePersistFn(function (entries) {
+    if (!parentVisible) {
+      setFixedStyle(false);
+      return;
+    }
+    var entry = entries[0];
+    var scrollRect = entry.rootBounds;
+    var targetRect = entry.boundingClientRect;
+    if (scrollRect && scrollRect.top === 0 && scrollRect.bottom === 0) {
+      return;
+    }
+    if (!entry.isIntersecting) {
+      var targetLeft = targetRect.left;
+      var outRootRect = document.body.getBoundingClientRect();
+      if (scrollRect && targetRect.bottom < scrollRect.bottom) {
+        // top in
+        if (typeof top === 'number') {
+          setFixedStyle(true, 'top', targetLeft - outRootRect.left);
+        }
+      } else if (scrollRect) {
+        // bottom in
+        if (typeof bottom === 'number') {
+          setFixedStyle(true, 'bottom', targetLeft - outRootRect.left);
+        }
+      }
+    }
+    if (entry.isIntersecting) {
+      setFixedStyle(false);
     }
   });
   var elementSize = useResize({
     targetRef: elementRef,
-    timer: 0,
+    timer: 10,
     cb: handleFixedPosition
   });
-  var createBodyObserver = function createBodyObserver() {
-    if (context.bodyObserver) {
-      context.bodyObserver.disconnect();
+  var cancelFixedObserver = function cancelFixedObserver() {
+    if (context.fixedObserver) {
+      context.fixedObserver.disconnect();
+      context.fixedObserver = null;
     }
-    context.bodyObserver = new IntersectionObserver(handleFixedPosition, {
+  };
+  var createFixedObserver = function createFixedObserver() {
+    cancelFixedObserver();
+    context.fixedObserver = new IntersectionObserver(handleFixedInter, {
       root: null,
       rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
       threshold: 1.0
     });
-    context.bodyObserver.observe(elementRef.current);
   };
   var cancelObserver = function cancelObserver() {
-    if (context.observer) {
-      context.observer.disconnect();
-      context.observer = null;
-    }
-    if (context.parentObserver) {
-      context.parentObserver.disconnect();
-      context.parentObserver = null;
+    if (context.targetObserver) {
+      context.targetObserver.disconnect();
+      context.targetObserver = null;
     }
   };
-  var createObserver = function createObserver(target) {
+  var createObserver = function createObserver() {
     if (!context.div) {
       context.div = document.createElement('div');
       context.div.style.position = 'relative';
     }
-    if (target) {
-      forceRender();
-      cancelObserver();
+    if (context.target) {
       if (context.div) {
         // append div
-        if (target === document.body) {
-          document.body.appendChild(context.div);
+        if (context.target === document.body) {
+          document.body.insertBefore(context.div, document.body.firstChild);
         } else {
-          target.parentNode.insertBefore(context.div, target);
+          context.target.parentNode.insertBefore(context.div, context.target);
         }
-        var _style4 = window.getComputedStyle(target);
+        var _style4 = window.getComputedStyle(context.target);
         if (_style4.position === 'absolute' || _style4.position === 'fixed') {
           context.div.style.position = _style4.position;
           context.div.style.top = _style4.top;
@@ -53478,76 +53518,109 @@ var Sticky = function Sticky(props) {
           context.div.style.bottom = _style4.bottom;
         }
       }
+      cancelFixedObserver();
       if (window.IntersectionObserver) {
         var observer = new IntersectionObserver(handleTargetPosition, {
-          root: target,
+          root: context.target,
           rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
           threshold: 1.0
         });
-        context.observer = observer;
-        context.parentObserver = new IntersectionObserver(handleParentVisible, {
-          root: target,
-          rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
-          threshold: 0
-        });
+        context.targetObserver = observer;
       }
     }
   };
+  var cancelParentObserver = function cancelParentObserver() {
+    if (context.parentObserver) {
+      context.parentObserver.disconnect();
+      context.parentObserver = null;
+    }
+  };
+  var createParentObserver = function createParentObserver() {
+    if (!props.parent) return;
+    cancelParentObserver();
+    context.parentObserver = new IntersectionObserver(handleParentVisible, {
+      root: context.target,
+      rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
+      threshold: 0
+    });
+    context.parentObserver.observe(props.parent);
+  };
+
+  // 存在滚动容器时的定位
+  var createTargetEvents = function createTargetEvents() {
+    createObserver();
+    window.addEventListener('resize', updateStyle);
+  };
+  var cancelTargetEvents = function cancelTargetEvents() {
+    cancelObserver();
+    window.removeEventListener('resize', updateStyle);
+    if (context.div) {
+      context.div.remove();
+      context.div = null;
+    }
+  };
+  var createFixedEvents = function createFixedEvents() {
+    createFixedObserver();
+    events.forEach(function (event) {
+      window.addEventListener(event, handleFixedPosition);
+    });
+  };
+  var cancelFixedEvents = function cancelFixedEvents() {
+    cancelFixedObserver();
+    events.forEach(function (event) {
+      window.removeEventListener(event, handleFixedPosition);
+    });
+  };
   var handleElementRef = function handleElementRef(el) {
     if (el) {
       elementRef.current = el;
-      if (el && context.observer) {
-        context.observer.observe(el);
+      if (context.targetObserver) {
+        if (!el) {
+          context.targetObserver.disconnect();
+        } else {
+          context.targetObserver.observe(el);
+        }
+      }
+      if (context.fixedObserver) {
+        if (!el) {
+          context.fixedObserver.disconnect();
+        } else {
+          context.fixedObserver.observe(el);
+        }
       }
     }
   };
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (css) return;
     var target = getTarget();
-    context.target = target;
-    if (target) {
-      createObserver(target);
-      window.addEventListener('resize', updateStyle);
-      return function () {
-        cancelObserver();
-        window.removeEventListener('resize', updateStyle);
-        if (context.div) {
-          context.div.remove();
-        }
-      };
+    if (context.target !== target) {
+      context.target = target;
+      forceUpdate();
+    }
+    if (context.target) {
+      createTargetEvents();
+      return cancelTargetEvents;
     } else {
       // fixed 布局
-      createBodyObserver();
-      events.forEach(function (event) {
-        window.addEventListener(event, handleFixedPosition);
-      });
-      return function () {
-        if (context.bodyObserver) {
-          context.bodyObserver.disconnect();
-        }
-        events.forEach(function (event) {
-          window.removeEventListener(event, handleFixedPosition);
-        });
-      };
+      createFixedEvents();
+      return cancelFixedEvents;
     }
-  }, [css]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (props.parent && context.parentObserver) {
+  }, [css, top, bottom]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (props.parent && !css) {
+      // createParentObserver 用到context.target
+      createParentObserver();
       context.parentObserver.observe(props.parent);
     }
-    return function () {
-      if (context.parentObserver) {
-        context.parentObserver.disconnect();
-      }
-    };
-  }, [props.parent]);
+    return cancelParentObserver;
+  }, [props.parent, css, context.target, top, bottom]);
 
   // 纯css方法 直接使用css
   // js方法
   // 1. 不指定滚动容器 基于document.body 使用fixed + js计算
   // 2. 指定滚动容器 在滚动容器上方插入一个dom占位 基于该dom渲染和定位
   // 3. 使用 intersectionObserver 来判断是否需要sticky
-  if (css && supportSticky) {
+  if (css) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: props.className,
       style: objectSpread2_default()(objectSpread2_default()({
@@ -58954,10 +59027,9 @@ var useUpload = function useUpload(props) {
       });
     });
   };
-  var getCurrent = use_persist_fn(function () {
-    return {
-      filesState: filesState
-    };
+  var latestState = use_latest_obj({
+    filesState: filesState,
+    value: value
   });
   var uploadFile = function uploadFile(id, file, data) {
     var request = props.request || xhr;
@@ -58978,8 +59050,7 @@ var useUpload = function useUpload(props) {
           throttle = false;
         }, 16);
         var percent = typeof e.percent === 'number' ? e.percent : e.loaded / e.total * 100;
-        var _getCurrent = getCurrent(),
-          filesState = _getCurrent.filesState;
+        var filesState = latestState.filesState;
         var newFiles = objectSpread2_default()({}, filesState);
         if (!newFiles[id]) return;
         newFiles[id].process = percent;
@@ -59016,7 +59087,7 @@ var useUpload = function useUpload(props) {
             });
           });
           // add value
-          var values = utils_immer_produce(value, function (draft) {
+          var values = utils_immer_produce(latestState.value, function (draft) {
             draft.push(result);
           });
           props.onChange(values);
@@ -59069,7 +59140,7 @@ var useUpload = function useUpload(props) {
       reader.readAsDataURL(blob);
     });
   };
-  var addFiles = /*#__PURE__*/function () {
+  var addFiles = use_persist_fn( /*#__PURE__*/function () {
     var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(files) {
       var fileList, newFiles, resetLength, list, _loop, _ret, i;
       return regeneratorRuntime_default()().wrap(function _callee2$(_context3) {
@@ -59208,11 +59279,11 @@ var useUpload = function useUpload(props) {
         }
       }, _callee2);
     }));
-    return function addFiles(_x3) {
+    return function (_x3) {
       return _ref2.apply(this, arguments);
     };
-  }();
-  var removeFile = function removeFile(id) {
+  }());
+  var removeFile = use_persist_fn(function (id) {
     var beforeCancel = props.beforeCancel,
       onErrorRemove = props.onErrorRemove;
     var file = filesState[id];
@@ -59230,8 +59301,8 @@ var useUpload = function useUpload(props) {
         onErrorRemove(file.xhr, file.blob, file);
       }
     }
-  };
-  var removeValue = function removeValue(index) {
+  });
+  var removeValue = use_persist_fn(function (index) {
     if (props.disabled) return;
     var recoverAble = props.recoverAble,
       beforeRemove = props.beforeRemove;
@@ -59243,15 +59314,15 @@ var useUpload = function useUpload(props) {
         newRecycle.push(value[index]);
       }
       setRecycleValues(newRecycle);
-      var newValue = utils_immer_produce(props.value, function (draft) {
+      var newValue = utils_immer_produce(latestState.value, function (draft) {
         draft.splice(index, 1);
       });
       props.onChange(newValue);
     }).catch(function () {});
-  };
-  var recoverValue = function recoverValue(index) {
+  });
+  var recoverValue = use_persist_fn(function (index) {
     if (props.disabled) return;
-    props.onChange(utils_immer_produce(props.value, function (draft) {
+    props.onChange(utils_immer_produce(latestState.value, function (draft) {
       draft.push(recycleValues[index]);
     }));
     setRecycleValues(function (pre) {
@@ -59259,7 +59330,7 @@ var useUpload = function useUpload(props) {
       newRecycle.splice(index, 1);
       return newRecycle;
     });
-  };
+  });
   var func = use_latest_obj({
     addFiles: addFiles,
     removeFile: removeFile,
@@ -62264,7 +62335,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.1.15'
+  version: '3.1.16'
 });
 }();
 /******/ 	return __webpack_exports__;