@ant-design/pro-components 3.1.0-0 → 3.1.1-1

package/lib/form/components/Text/index.js

@@ -6,67 +6,61 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _util = require("@rc-component/util");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _field = require("../../../field");
 var _provider = require("../../../provider");
-var _utils = require("../../../utils");
 var _Field = _interopRequireDefault(require("../Field"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["fieldProps", "proFieldProps"],
-  _excluded2 = ["fieldProps", "proFieldProps"];
-var valueType = 'text';
+const valueType = 'text';
 /**
  * 文本组件
  *
  * @param
  */
-var ProFormText = function ProFormText(_ref) {
-  var fieldProps = _ref.fieldProps,
-    proFieldProps = _ref.proFieldProps,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, (0, _objectSpread2.default)({
+const ProFormText = ({
+  fieldProps,
+  proFieldProps,
+  ...rest
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, {
     valueType: valueType,
     fieldProps: fieldProps,
     fieldConfig: {
-      valueType: valueType
+      valueType
     },
-    proFieldProps: proFieldProps
-  }, rest));
+    proFieldProps: proFieldProps,
+    ...rest
+  });
 };
-var PassWordStrength = function PassWordStrength(props) {
-  var _useMountMergeState = (0, _utils.useMountMergeState)(props.open || false, {
-      value: props.open,
-      onChange: props.onOpenChange
-    }),
-    _useMountMergeState2 = (0, _slicedToArray2.default)(_useMountMergeState, 2),
-    open = _useMountMergeState2[0],
-    setOpen = _useMountMergeState2[1];
+const PassWordStrength = props => {
+  const [open, setOpenInner] = (0, _util.useControlledState)(props.open || false, props.open);
+  const setOpen = (0, _react.useCallback)(updater => {
+    setOpenInner(prev => {
+      const next = typeof updater === 'function' ? updater(prev) : updater;
+      props.onOpenChange?.(next);
+      return next;
+    });
+  }, [props.onOpenChange]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, {
     shouldUpdate: true,
     noStyle: true,
-    children: function children(form) {
-      var _props$statusRender;
-      var value = form.getFieldValue(props.name || []);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        getPopupContainer: function getPopupContainer(node) {
+    children: form => {
+      const value = form.getFieldValue(props.name || []);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
+        getPopupContainer: node => {
           if (node && node.parentNode) {
             return node.parentNode;
           }
           return node;
         },
-        onOpenChange: function onOpenChange(e) {
-          return setOpen(e);
-        },
+        onOpenChange: e => setOpen(e),
         content: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           style: {
             padding: '4px 0'
           },
-          children: [(_props$statusRender = props.statusRender) === null || _props$statusRender === void 0 ? void 0 : _props$statusRender.call(props, value), props.strengthText ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [props.statusRender?.(value), props.strengthText ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: {
               marginTop: 10
             },
@@ -80,65 +74,61 @@ var PassWordStrength = function PassWordStrength(props) {
             width: 240
           }
         },
-        placement: "rightTop"
-      }, props.popoverProps), {}, {
+        placement: "rightTop",
+        ...props.popoverProps,
         open: open,
         children: props.children
-      }));
+      });
     }
   });
 };
-var Password = function Password(_ref2) {
-  var fieldProps = _ref2.fieldProps,
-    proFieldProps = _ref2.proFieldProps,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  if (fieldProps !== null && fieldProps !== void 0 && fieldProps.statusRender && rest.name) {
+const Password = ({
+  fieldProps,
+  proFieldProps,
+  ...rest
+}) => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  if (fieldProps?.statusRender && rest.name) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.ProConfigProvider, {
       valueTypeMap: {
         password: {
-          render: function render(text, props) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-              text: text
-            }));
-          },
-          formItemRender: function formItemRender(text, props) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-              text: text
-            }));
-          }
+          render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, {
+            ...props,
+            text: text
+          }),
+          formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, {
+            ...props,
+            text: text
+          })
         }
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PassWordStrength, {
         name: rest.name,
-        statusRender: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.statusRender,
-        popoverProps: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.popoverProps,
-        strengthText: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.strengthText,
+        statusRender: fieldProps?.statusRender,
+        popoverProps: fieldProps?.popoverProps,
+        strengthText: fieldProps?.strengthText,
         open: open,
         onOpenChange: setOpen,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, (0, _objectSpread2.default)({
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, {
             valueType: "password",
-            fieldProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _util.omit)(fieldProps, ['statusRender', 'popoverProps', 'strengthText'])), {}, {
-              onBlur: function onBlur(e) {
-                var _fieldProps$onBlur;
-                fieldProps === null || fieldProps === void 0 || (_fieldProps$onBlur = fieldProps.onBlur) === null || _fieldProps$onBlur === void 0 || _fieldProps$onBlur.call(fieldProps, e);
+            fieldProps: {
+              ...(0, _util.omit)(fieldProps, ['statusRender', 'popoverProps', 'strengthText']),
+              onBlur: e => {
+                fieldProps?.onBlur?.(e);
                 setOpen(false);
               },
-              onClick: function onClick(e) {
-                var _fieldProps$onClick;
-                fieldProps === null || fieldProps === void 0 || (_fieldProps$onClick = fieldProps.onClick) === null || _fieldProps$onClick === void 0 || _fieldProps$onClick.call(fieldProps, e);
+              onClick: e => {
+                fieldProps?.onClick?.(e);
                 setOpen(true);
               }
-            }),
+            },
             proFieldProps: proFieldProps,
             fieldConfig: {
-              valueType: valueType
-            }
-          }, rest))
+              valueType
+            },
+            ...rest
+          })
         })
       })
     });
@@ -146,29 +136,28 @@ var Password = function Password(_ref2) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.ProConfigProvider, {
     valueTypeMap: {
       password: {
-        render: function render(text, props) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            text: text
-          }));
-        },
-        formItemRender: function formItemRender(text, props) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            text: text
-          }));
-        }
+        render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, {
+          ...props,
+          text: text
+        }),
+        formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldPassword, {
+          ...props,
+          text: text
+        })
       }
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, (0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, {
       valueType: "password",
       fieldProps: fieldProps,
       proFieldProps: proFieldProps,
       fieldConfig: {
-        valueType: valueType
-      }
-    }, rest))
+        valueType
+      },
+      ...rest
+    })
   });
 };
-var WrappedProFormText = ProFormText;
+const WrappedProFormText = ProFormText;
 WrappedProFormText.Password = Password;
 
 // @ts-ignore

package/lib/form/components/TextArea/index.js

@@ -5,44 +5,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _field = require("../../../field");
 var _provider = require("../../../provider");
 var _Field = _interopRequireDefault(require("../Field"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["fieldProps", "proFieldProps"];
 /**
  * 文本选择组件
  *
  * @param
- */
-var ProFormTextArea = function ProFormTextArea(_ref, ref) {
-  var fieldProps = _ref.fieldProps,
-    proFieldProps = _ref.proFieldProps,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+ */const ProFormTextArea = ({
+  fieldProps,
+  proFieldProps,
+  ...rest
+}, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.ProConfigProvider, {
     valueTypeMap: {
       textarea: {
-        render: function render(text, props) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTextArea, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            text: text
-          }));
-        },
-        formItemRender: function formItemRender(text, props) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTextArea, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            text: text
-          }));
-        }
+        render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTextArea, {
+          ...props,
+          text: text
+        }),
+        formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTextArea, {
+          ...props,
+          text: text
+        })
       }
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, (0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, {
       ref: ref,
       valueType: "textarea",
       fieldProps: fieldProps,
-      proFieldProps: proFieldProps
-    }, rest))
+      proFieldProps: proFieldProps,
+      ...rest
+    })
   });
 };
 var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(ProFormTextArea);

package/lib/form/components/TreeSelect/index.js

@@ -5,41 +5,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _field = require("../../../field");
 var _provider = require("../../../provider");
 var _Field = _interopRequireDefault(require("../Field"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["fieldProps", "request", "params", "proFieldProps"];
 /**
  * 树选择器
  *
  * @param
  */
-var ProFormTreeSelect = function ProFormTreeSelect(_ref, ref) {
-  var fieldProps = _ref.fieldProps,
-    request = _ref.request,
-    params = _ref.params,
-    proFieldProps = _ref.proFieldProps,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const ProFormTreeSelect = ({
+  fieldProps,
+  request,
+  params,
+  proFieldProps,
+  ...rest
+}, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.ProConfigProvider, {
     valueTypeMap: {
       treeSelect: {
-        render: function render(text, props) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTreeSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            text: text
-          }));
-        },
-        formItemRender: function formItemRender(text, props) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTreeSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-            text: text
-          }));
-        }
+        render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTreeSelect, {
+          ...props,
+          text: text
+        }),
+        formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.FieldTreeSelect, {
+          ...props,
+          text: text
+        })
       }
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, (0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.default, {
       valueType: "treeSelect",
       fieldProps: fieldProps,
       ref: ref,
@@ -48,9 +44,10 @@ var ProFormTreeSelect = function ProFormTreeSelect(_ref, ref) {
       fieldConfig: {
         customLightMode: true
       },
-      proFieldProps: proFieldProps
-    }, rest))
+      proFieldProps: proFieldProps,
+      ...rest
+    })
   });
 };
-var WarpProFormTreeSelect = /*#__PURE__*/_react.default.forwardRef(ProFormTreeSelect);
+const WarpProFormTreeSelect = /*#__PURE__*/_react.default.forwardRef(ProFormTreeSelect);
 var _default = exports.default = WarpProFormTreeSelect;

package/lib/form/components/UploadButton/index.js

@@ -6,138 +6,91 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _EditOrReadOnlyContext = require("../../BaseForm/EditOrReadOnlyContext");
 var _warpField = _interopRequireDefault(require("../FormItem/warpField"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _ref3;
-var _excluded = ["fieldProps", "action", "accept", "listType", "title", "max", "icon", "buttonProps", "disabled", "proFieldProps", "imageProps"];
-var getBase64 = function getBase64(file) {
-  return new Promise(function (resolve, reject) {
-    var reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = function () {
-      return resolve(reader.result);
-    };
-    reader.onerror = function (error) {
-      return reject(error);
-    };
-  });
-};
+const getBase64 = file => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = error => reject(error);
+});
 /**
  * 上传按钮组件
  *
  * @param
  */
-var BaseProFormUploadButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _fieldProps$name;
-  var fieldProps = _ref.fieldProps,
-    action = _ref.action,
-    accept = _ref.accept,
-    listType = _ref.listType,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '单击上传' : _ref$title,
-    max = _ref.max,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UploadOutlined, {}) : _ref$icon,
-    buttonProps = _ref.buttonProps,
-    disabled = _ref.disabled,
-    proFieldProps = _ref.proFieldProps,
-    imageProps = _ref.imageProps,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    previewOpen = _useState2[0],
-    setPreviewOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    previewImage = _useState4[0],
-    setPreviewImage = _useState4[1];
-  var value = (0, _react.useMemo)(function () {
-    var _restProps$fileList;
-    return (_restProps$fileList = restProps.fileList) !== null && _restProps$fileList !== void 0 ? _restProps$fileList : restProps.value;
+const BaseProFormUploadButton = /*#__PURE__*/_react.default.forwardRef(({
+  fieldProps,
+  action,
+  accept,
+  listType,
+  title = '单击上传',
+  max,
+  icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UploadOutlined, {}),
+  buttonProps,
+  disabled,
+  proFieldProps,
+  imageProps,
+  ...restProps
+}, ref) => {
+  const [previewOpen, setPreviewOpen] = (0, _react.useState)(false);
+  const [previewImage, setPreviewImage] = (0, _react.useState)('');
+  const value = (0, _react.useMemo)(() => {
+    return restProps.fileList ?? restProps.value;
   }, [restProps.fileList, restProps.value]);
-  var handlePreview = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file) {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!(!file.url && !file.preview)) {
-              _context.next = 4;
-              break;
-            }
-            _context.next = 3;
-            return getBase64(file.originFileObj);
-          case 3:
-            file.preview = _context.sent;
-          case 4:
-            setPreviewImage(file.url || file.preview);
-            setPreviewOpen(true);
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handlePreview(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var modeContext = (0, _react.useContext)(_EditOrReadOnlyContext.EditOrReadOnlyContext);
-  var mode = (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.mode) || modeContext.mode || 'edit';
+  const handlePreview = async file => {
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj);
+    }
+    setPreviewImage(file.url || file.preview);
+    setPreviewOpen(true);
+  };
+  const modeContext = (0, _react.useContext)(_EditOrReadOnlyContext.EditOrReadOnlyContext);
+  const mode = proFieldProps?.mode || modeContext.mode || 'edit';
 
   // 如果配置了 max ，并且 超过了文件列表的大小，就不展示按钮
-  var showUploadButton = (max === undefined || !value || (value === null || value === void 0 ? void 0 : value.length) < max) && mode !== 'read';
-  var isPictureCard = (listType !== null && listType !== void 0 ? listType : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.listType) === 'picture-card';
+  const showUploadButton = (max === undefined || !value || value?.length < max) && mode !== 'read';
+  const isPictureCard = (listType ?? fieldProps?.listType) === 'picture-card';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Upload, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Upload, {
       action: action,
       accept: accept,
       ref: ref,
       listType: listType || 'picture',
       fileList: value,
-      onPreview: handlePreview
-    }, fieldProps), {}, {
-      name: (_fieldProps$name = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.name) !== null && _fieldProps$name !== void 0 ? _fieldProps$name : 'file',
-      onChange: function onChange(info) {
-        var _fieldProps$onChange;
-        fieldProps === null || fieldProps === void 0 || (_fieldProps$onChange = fieldProps.onChange) === null || _fieldProps$onChange === void 0 || _fieldProps$onChange.call(fieldProps, info);
+      onPreview: handlePreview,
+      ...fieldProps,
+      name: fieldProps?.name ?? 'file',
+      onChange: info => {
+        fieldProps?.onChange?.(info);
       },
       children: showUploadButton && (isPictureCard ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         children: [icon, " ", title]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        disabled: disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)
-      }, buttonProps), {}, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Button, {
+        disabled: disabled || fieldProps?.disabled,
+        ...buttonProps,
         children: [icon, title]
-      })))
-    })), previewImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Image, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      }))
+    }), previewImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Image, {
       wrapperStyle: {
         display: 'none'
-      }
-    }, imageProps), {}, {
-      preview: (0, _objectSpread2.default)({
+      },
+      ...imageProps,
+      preview: {
         open: previewOpen,
-        onOpenChange: function onOpenChange(open) {
-          return setPreviewOpen(open);
-        },
-        afterOpenChange: function afterOpenChange(open) {
-          return !open && setPreviewImage('');
-        }
-      }, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.preview) || {}),
+        onOpenChange: open => setPreviewOpen(open),
+        afterOpenChange: open => !open && setPreviewImage(''),
+        ...(imageProps?.preview || {})
+      },
       src: previewImage
-    }))]
+    })]
   });
 });
-var ProFormUploadButton = (_ref3 = _warpField.default) === null || _ref3 === void 0 ? void 0 : _ref3(BaseProFormUploadButton, {
-  getValueFromEvent: function getValueFromEvent(value) {
-    return value.fileList;
-  }
+const ProFormUploadButton = (0, _warpField.default)?.(BaseProFormUploadButton, {
+  getValueFromEvent: value => value.fileList
 });
 var _default = exports.default = ProFormUploadButton;