@ant-design/pro-components 3.0.2-0 → 3.1.1-0

package/lib/form/BaseForm/BaseForm.js

@@ -6,18 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BaseForm = BaseForm;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _util = require("@rc-component/util");
 var _useParams = require("@umijs/use-params");
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../provider");
 var _utils = require("../../utils");
@@ -27,14 +19,15 @@ var _helpers = require("../helpers");
 var _EditOrReadOnlyContext = require("./EditOrReadOnlyContext");
 var _Submitter = _interopRequireDefault(require("./Submitter"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "contentRender", "submitter", "fieldProps", "formItemProps", "groupProps", "transformKey", "formRef", "onInit", "form", "loading", "formComponentType", "extraUrlParams", "syncToUrl", "onUrlSearchChange", "onReset", "omitNil", "isKeyPressSubmit", "autoFocusFirstInput", "grid", "rowProps", "colProps"],
-  _excluded2 = ["extraUrlParams", "syncToUrl", "isKeyPressSubmit", "syncToUrlAsImportant", "syncToInitialValues", "children", "contentRender", "submitter", "fieldProps", "proFieldProps", "formItemProps", "groupProps", "dateFormatter", "formRef", "onInit", "form", "formComponentType", "onReset", "grid", "rowProps", "colProps", "omitNil", "request", "params", "initialValues", "formKey", "readonly", "onLoadingChange", "loading"];
 /* eslint-disable react-hooks/exhaustive-deps */
-var noteOnce = _util.warning.noteOnce;
+
+const {
+  noteOnce
+} = _util.warning;
 
 // Define ProFormInstance and ProFormRef
 
-var genParams = function genParams(syncUrl, params, type) {
+const genParams = (syncUrl, params, type) => {
   if (syncUrl === true) {
     return params;
   }
@@ -49,228 +42,198 @@ var genParams = function genParams(syncUrl, params, type) {
  * a-> [a]
  * [a] -> [a]
  */
-var covertFormName = function covertFormName(name) {
+const covertFormName = name => {
   if (!name) return name;
   if (Array.isArray(name)) return name;
   return [name];
 };
-var defaultExtraUrlParams = {};
+const defaultExtraUrlParams = {};
 function BaseFormComponents(props) {
-  var _ConfigProvider$useCo;
-  var children = props.children,
-    contentRender = props.contentRender,
-    submitter = props.submitter,
-    fieldProps = props.fieldProps,
-    formItemProps = props.formItemProps,
-    groupProps = props.groupProps,
-    transformKey = props.transformKey,
-    propsFormRef = props.formRef,
-    onInit = props.onInit,
-    form = props.form,
-    loading = props.loading,
-    formComponentType = props.formComponentType,
-    _props$extraUrlParams = props.extraUrlParams,
-    extraUrlParams = _props$extraUrlParams === void 0 ? defaultExtraUrlParams : _props$extraUrlParams,
-    syncToUrl = props.syncToUrl,
-    onUrlSearchChange = props.onUrlSearchChange,
-    _onReset = props.onReset,
-    _props$omitNil = props.omitNil,
-    omitNil = _props$omitNil === void 0 ? true : _props$omitNil,
-    isKeyPressSubmit = props.isKeyPressSubmit,
-    _props$autoFocusFirst = props.autoFocusFirstInput,
-    autoFocusFirstInput = _props$autoFocusFirst === void 0 ? true : _props$autoFocusFirst,
-    grid = props.grid,
-    rowProps = props.rowProps,
-    colProps = props.colProps,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    children,
+    contentRender,
+    submitter,
+    fieldProps,
+    formItemProps,
+    groupProps,
+    transformKey,
+    formRef: propsFormRef,
+    onInit,
+    form,
+    loading,
+    formComponentType,
+    extraUrlParams = defaultExtraUrlParams,
+    syncToUrl,
+    onUrlSearchChange,
+    onReset,
+    omitNil = true,
+    isKeyPressSubmit,
+    autoFocusFirstInput = true,
+    grid,
+    rowProps,
+    colProps,
+    ...rest
+  } = props;
 
   /**
    * 获取 form 实例
    */
-  var formInstance = _antd.Form.useFormInstance();
-  var _ref = (_antd.ConfigProvider === null || _antd.ConfigProvider === void 0 || (_ConfigProvider$useCo = _antd.ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(_antd.ConfigProvider)) || {
-      componentSize: 'middle'
-    },
-    componentSize = _ref.componentSize;
+  const formInstance = _antd.Form.useFormInstance();
+  const {
+    componentSize
+  } = _antd.ConfigProvider?.useConfig?.() || {
+    componentSize: 'middle'
+  };
 
   /** 同步 url 上的参数 */
-  var formRef = (0, _react.useRef)(form || formInstance);
+  const formRef = (0, _react.useRef)(form || formInstance);
 
   /**
    * 获取布局
    */
-  var _useGridHelpers = (0, _helpers.useGridHelpers)({
-      grid: grid,
-      rowProps: rowProps
-    }),
-    RowWrapper = _useGridHelpers.RowWrapper;
-  var getFormInstance = (0, _utils.useRefFunction)(function () {
-    return formInstance;
+  const {
+    RowWrapper
+  } = (0, _helpers.useGridHelpers)({
+    grid,
+    rowProps
   });
-  var formatValues = (0, _react.useMemo)(function () {
-    return {
-      /**
-       * 获取被 ProForm 格式化后的所有数据
-       * @param allData boolean
-       * @param omitNilParam boolean
-       * @returns T
-       *
-       * @example  getFieldsFormatValue(true) ->返回所有数据，即使没有被 form 托管的
-       */
-      getFieldsFormatValue: function getFieldsFormatValue(allData, omitNilParam) {
-        var formInstance = getFormInstance();
-        if (!formInstance) {
-          return {};
-        }
-        var values = formInstance.getFieldsValue(allData);
-        return transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
-      },
-      /**
-       * 获取被 ProForm 格式化后的单个数据
-       * @param nameList (string|number)[]
-       * @param omitNilParam boolean
-       * @returns T
-       *
-       * @example {a:{b:value}} -> getFieldFormatValue(['a', 'b']) -> value
-       */
-      /** 获取格式化之后的单个数据 */
-      getFieldFormatValue: function getFieldFormatValue() {
-        var paramsNameList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        var omitNilParam = arguments.length > 1 ? arguments[1] : undefined;
-        var formInstance = getFormInstance();
-        if (!formInstance) {
-          return undefined;
-        }
-        var nameList = covertFormName(paramsNameList);
-        if (!nameList) throw new Error('nameList is require');
-        var value = formInstance.getFieldValue(nameList);
-        var obj = nameList ? (0, _util.set)({}, nameList, value) : value;
-        //transformKey会将keys重新和nameList拼接，所以这里要将nameList的首个元素弹出
-        var newNameList = (0, _toConsumableArray2.default)(nameList);
-        newNameList.shift();
-        var transformed = transformKey(obj, omitNilParam !== undefined ? omitNilParam : omitNil, newNameList);
-        var result = (0, _util.get)(transformed, nameList);
-        // 如果结果是对象，返回对象的值
-        if (result && (0, _typeof2.default)(result) === 'object' && !Array.isArray(result)) {
-          var objValue = Object.values(result)[0];
-          // 如果对象的值是数组，返回数组
-          if (Array.isArray(objValue)) {
-            return objValue;
-          }
+  const getFormInstance = (0, _utils.useRefFunction)(() => formInstance);
+  const formatValues = (0, _react.useMemo)(() => ({
+    /**
+     * 获取被 ProForm 格式化后的所有数据
+     * @param allData boolean
+     * @param omitNilParam boolean
+     * @returns T
+     *
+     * @example  getFieldsFormatValue(true) ->返回所有数据，即使没有被 form 托管的
+     */
+    getFieldsFormatValue: (allData, omitNilParam) => {
+      const formInstance = getFormInstance();
+      if (!formInstance) {
+        return {};
+      }
+      const values = formInstance.getFieldsValue(allData);
+      return transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
+    },
+    /**
+     * 获取被 ProForm 格式化后的单个数据
+     * @param nameList (string|number)[]
+     * @param omitNilParam boolean
+     * @returns T
+     *
+     * @example {a:{b:value}} -> getFieldFormatValue(['a', 'b']) -> value
+     */
+    /** 获取格式化之后的单个数据 */
+    getFieldFormatValue: (paramsNameList = [], omitNilParam) => {
+      const formInstance = getFormInstance();
+      if (!formInstance) {
+        return undefined;
+      }
+      const nameList = covertFormName(paramsNameList);
+      if (!nameList) throw new Error('nameList is require');
+      const value = formInstance.getFieldValue(nameList);
+      const obj = nameList ? (0, _util.set)({}, nameList, value) : value;
+      //transformKey会将keys重新和nameList拼接，所以这里要将nameList的首个元素弹出
+      const newNameList = [...nameList];
+      newNameList.shift();
+      const transformed = transformKey(obj, omitNilParam !== undefined ? omitNilParam : omitNil, newNameList);
+      const result = (0, _util.get)(transformed, nameList);
+      // 如果结果是对象，返回对象的值
+      if (result && typeof result === 'object' && !Array.isArray(result)) {
+        const objValue = Object.values(result)[0];
+        // 如果对象的值是数组，返回数组
+        if (Array.isArray(objValue)) {
           return objValue;
         }
-        return result;
-      },
-      /**
-       * 获取被 ProForm 格式化后的单个数据, 包含他的 name
-       * @param nameList (string|number)[]
-       * @param omitNilParam boolean
-       * @returns T
-       *
-       * @example  {a:{b:value}} -> getFieldFormatValueObject(['a', 'b']) -> {a:{b:value}}
-       */
-      /** 获取格式化之后的单个数据 */
-      getFieldFormatValueObject: function getFieldFormatValueObject(paramsNameList, omitNilParam) {
-        var formInstance = getFormInstance();
-        if (!formInstance) {
-          return {};
-        }
-        var nameList = covertFormName(paramsNameList);
-        var value = formInstance.getFieldValue(nameList);
-        var obj = nameList ? (0, _util.set)({}, nameList, value) : value;
-        return transformKey(obj, omitNilParam !== undefined ? omitNilParam : omitNil, nameList);
-      },
-      /** 
-      /**
-       *验字段后返回格式化之后的所有数据
-       * @param nameList (string|number)[]
-       * @param omitNilParam boolean
-       * @returns T
-       * 
-       * @example validateFieldsReturnFormatValue -> {a:{b:value}}
-       */
-      validateFieldsReturnFormatValue: function () {
-        var _validateFieldsReturnFormatValue = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(nameList, omitNilParam) {
-          var formInstance, values, transformedKey;
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                formInstance = getFormInstance();
-                if (formInstance) {
-                  _context.next = 3;
-                  break;
-                }
-                return _context.abrupt("return", {});
-              case 3:
-                if (!(!Array.isArray(nameList) && nameList)) {
-                  _context.next = 5;
-                  break;
-                }
-                throw new Error('nameList must be array');
-              case 5:
-                _context.next = 7;
-                return formInstance.validateFields(nameList);
-              case 7:
-                values = _context.sent;
-                transformedKey = transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
-                return _context.abrupt("return", transformedKey ? transformedKey : {});
-              case 10:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function validateFieldsReturnFormatValue(_x, _x2) {
-          return _validateFieldsReturnFormatValue.apply(this, arguments);
-        }
-        return validateFieldsReturnFormatValue;
-      }()
-    };
-  }, [omitNil, transformKey, getFormInstance]);
-  var items = (0, _react.useMemo)(function () {
-    return _react.default.Children.toArray(children).map(function (item, index) {
+        return objValue;
+      }
+      return result;
+    },
+    /**
+     * 获取被 ProForm 格式化后的单个数据, 包含他的 name
+     * @param nameList (string|number)[]
+     * @param omitNilParam boolean
+     * @returns T
+     *
+     * @example  {a:{b:value}} -> getFieldFormatValueObject(['a', 'b']) -> {a:{b:value}}
+     */
+    /** 获取格式化之后的单个数据 */
+    getFieldFormatValueObject: (paramsNameList, omitNilParam) => {
+      const formInstance = getFormInstance();
+      if (!formInstance) {
+        return {};
+      }
+      const nameList = covertFormName(paramsNameList);
+      const value = formInstance.getFieldValue(nameList);
+      const obj = nameList ? (0, _util.set)({}, nameList, value) : value;
+      return transformKey(obj, omitNilParam !== undefined ? omitNilParam : omitNil, nameList);
+    },
+    /** 
+    /**
+     *验字段后返回格式化之后的所有数据
+     * @param nameList (string|number)[]
+     * @param omitNilParam boolean
+     * @returns T
+     * 
+     * @example validateFieldsReturnFormatValue -> {a:{b:value}}
+     */
+    validateFieldsReturnFormatValue: async (nameList, omitNilParam) => {
+      const formInstance = getFormInstance();
+      if (!formInstance) {
+        return {};
+      }
+      if (!Array.isArray(nameList) && nameList) throw new Error('nameList must be array');
+      const values = await formInstance.validateFields(nameList);
+      const transformedKey = transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
+      return transformedKey ? transformedKey : {};
+    }
+  }), [omitNil, transformKey, getFormInstance]);
+  const items = (0, _react.useMemo)(() => {
+    return _react.default.Children.toArray(children).map((item, index) => {
       if (index === 0 && /*#__PURE__*/_react.default.isValidElement(item) && autoFocusFirstInput) {
-        return /*#__PURE__*/_react.default.cloneElement(item, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, item.props), {}, {
+        return /*#__PURE__*/_react.default.cloneElement(item, {
+          ...item.props,
           autoFocus: autoFocusFirstInput
-        }));
+        });
       }
       return item;
     });
   }, [autoFocusFirstInput, children]);
 
   /** 计算 props 的对象 */
-  var submitterProps = (0, _react.useMemo)(function () {
-    return typeof submitter === 'boolean' || !submitter ? {} : submitter;
-  }, [submitter]);
+  const submitterProps = (0, _react.useMemo)(() => typeof submitter === 'boolean' || !submitter ? {} : submitter, [submitter]);
 
   /** 渲染提交按钮与重置按钮 */
-  var submitterNode = (0, _react.useMemo)(function () {
+  const submitterNode = (0, _react.useMemo)(() => {
     if (submitter === false) return undefined;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Submitter.default, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, submitterProps), {}, {
-      onReset: function onReset() {
-        var _formRef$current, _submitterProps$onRes;
-        var finalValues = transformKey((_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldsValue(), omitNil);
-        submitterProps === null || submitterProps === void 0 || (_submitterProps$onRes = submitterProps.onReset) === null || _submitterProps$onRes === void 0 || _submitterProps$onRes.call(submitterProps, finalValues);
-        _onReset === null || _onReset === void 0 || _onReset(finalValues);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Submitter.default, {
+      ...submitterProps,
+      onReset: () => {
+        const finalValues = transformKey(formRef.current?.getFieldsValue(), omitNil);
+        submitterProps?.onReset?.(finalValues);
+        onReset?.(finalValues);
         // 如果 syncToUrl，清空一下数据
         if (syncToUrl) {
-          var _formRef$current2;
           // 把没有的值设置为未定义可以删掉 url 的参数
-          var params = Object.keys(transformKey((_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldsValue(), false)).reduce(function (pre, next) {
-            return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, pre), {}, (0, _defineProperty2.default)({}, next, finalValues[next] || undefined));
+          const params = Object.keys(transformKey(formRef.current?.getFieldsValue(), false)).reduce((pre, next) => {
+            return {
+              ...pre,
+              [next]: finalValues[next] || undefined
+            };
           }, extraUrlParams);
 
           /** 在同步到 url 上时对参数进行转化 */
           onUrlSearchChange(genParams(syncToUrl, params || {}, 'set'));
         }
       },
-      submitButtonProps: (0, _objectSpread4.default)({
-        loading: loading
-      }, submitterProps.submitButtonProps)
-    }), "submitter");
-  }, [submitter, submitterProps, loading, transformKey, omitNil, _onReset, syncToUrl, extraUrlParams, onUrlSearchChange]);
-  var content = (0, _react.useMemo)(function () {
-    var wrapItems = grid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RowWrapper, {
+      submitButtonProps: {
+        loading,
+        ...submitterProps.submitButtonProps
+      }
+    }, "submitter");
+  }, [submitter, submitterProps, loading, transformKey, omitNil, onReset, syncToUrl, extraUrlParams, onUrlSearchChange]);
+  const content = (0, _react.useMemo)(() => {
+    const wrapItems = grid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RowWrapper, {
       children: items
     }) : items;
     if (contentRender) {
@@ -278,47 +241,46 @@ function BaseFormComponents(props) {
     }
     return wrapItems;
   }, [grid, RowWrapper, items, contentRender, submitterNode]);
-  var preInitialValues = (0, _utils.usePrevious)(props.initialValues);
+  const preInitialValues = (0, _utils.usePrevious)(props.initialValues);
 
   // 提示一个 initialValues ，问的人实在是太多了
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (syncToUrl || !props.initialValues || !preInitialValues || rest.request) return;
-    var isEqual = (0, _utils.isDeepEqualReact)(props.initialValues, preInitialValues);
-    noteOnce(isEqual, "initialValues \u53EA\u5728 form \u521D\u59CB\u5316\u65F6\u751F\u6548\uFF0C\u5982\u679C\u4F60\u9700\u8981\u5F02\u6B65\u52A0\u8F7D\u63A8\u8350\u4F7F\u7528 request\uFF0C\u6216\u8005 initialValues ? <Form/> : null ");
-    noteOnce(isEqual, "The initialValues only take effect when the form is initialized, if you need to load asynchronously recommended request, or the initialValues ? <Form/> : null ");
+    const isEqual = (0, _utils.isDeepEqualReact)(props.initialValues, preInitialValues);
+    noteOnce(isEqual, `initialValues 只在 form 初始化时生效，如果你需要异步加载推荐使用 request，或者 initialValues ? <Form/> : null `);
+    noteOnce(isEqual, `The initialValues only take effect when the form is initialized, if you need to load asynchronously recommended request, or the initialValues ? <Form/> : null `);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.initialValues]);
 
   // 初始化给一个默认的 form
-  (0, _react.useImperativeHandle)(propsFormRef, function () {
-    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, formRef.current), {}, {
-      getFieldsFormatValue: function getFieldsFormatValue(allData, omitNilParam) {
-        var formInstance = formRef.current;
+  (0, _react.useImperativeHandle)(propsFormRef, () => {
+    return {
+      ...formRef.current,
+      getFieldsFormatValue: (allData, omitNilParam) => {
+        const formInstance = formRef.current;
         if (!formInstance) {
           return {};
         }
-        var values = formInstance.getFieldsValue(allData);
+        const values = formInstance.getFieldsValue(allData);
         return transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
       },
-      getFieldFormatValue: function getFieldFormatValue() {
-        var paramsNameList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        var omitNilParam = arguments.length > 1 ? arguments[1] : undefined;
-        var formInstance = formRef.current;
+      getFieldFormatValue: (paramsNameList = [], omitNilParam) => {
+        const formInstance = formRef.current;
         if (!formInstance) {
           return undefined;
         }
-        var nameList = covertFormName(paramsNameList);
+        const nameList = covertFormName(paramsNameList);
         if (!nameList) throw new Error('nameList is require');
-        var value = formInstance.getFieldValue(nameList);
-        var obj = nameList ? (0, _util.set)({}, nameList, value) : value;
+        const value = formInstance.getFieldValue(nameList);
+        const obj = nameList ? (0, _util.set)({}, nameList, value) : value;
         //transformKey会将keys重新和nameList拼接，所以这里要将nameList的首个元素弹出
-        var newNameList = (0, _toConsumableArray2.default)(nameList);
+        const newNameList = [...nameList];
         newNameList.shift();
-        var transformed = transformKey(obj, omitNilParam !== undefined ? omitNilParam : omitNil, newNameList);
-        var result = (0, _util.get)(transformed, nameList);
+        const transformed = transformKey(obj, omitNilParam !== undefined ? omitNilParam : omitNil, newNameList);
+        const result = (0, _util.get)(transformed, nameList);
         // 如果结果是对象，返回对象的值
-        if (result && (0, _typeof2.default)(result) === 'object' && !Array.isArray(result)) {
-          var objValue = Object.values(result)[0];
+        if (result && typeof result === 'object' && !Array.isArray(result)) {
+          const objValue = Object.values(result)[0];
           // 如果对象的值是数组，返回数组
           if (Array.isArray(objValue)) {
             return objValue;
@@ -327,69 +289,46 @@ function BaseFormComponents(props) {
         }
         return result;
       },
-      getFieldFormatValueObject: function getFieldFormatValueObject(paramsNameList, omitNilParam) {
-        var formInstance = formRef.current;
+      getFieldFormatValueObject: (paramsNameList, omitNilParam) => {
+        const formInstance = formRef.current;
         if (!formInstance) {
           return {};
         }
-        var nameList = covertFormName(paramsNameList);
-        var value = formInstance.getFieldValue(nameList);
-        var obj = nameList ? (0, _util.set)({}, nameList, value) : value;
+        const nameList = covertFormName(paramsNameList);
+        const value = formInstance.getFieldValue(nameList);
+        const obj = nameList ? (0, _util.set)({}, nameList, value) : value;
         return transformKey(obj, omitNilParam !== undefined ? omitNilParam : omitNil, nameList);
       },
-      validateFieldsReturnFormatValue: function () {
-        var _validateFieldsReturnFormatValue2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(nameList, omitNilParam) {
-          var formInstance, values, transformedKey;
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                formInstance = formRef.current;
-                if (formInstance) {
-                  _context2.next = 3;
-                  break;
-                }
-                return _context2.abrupt("return", {});
-              case 3:
-                if (!(!Array.isArray(nameList) && nameList)) {
-                  _context2.next = 5;
-                  break;
-                }
-                throw new Error('nameList must be array');
-              case 5:
-                _context2.next = 7;
-                return formInstance.validateFields(nameList);
-              case 7:
-                values = _context2.sent;
-                transformedKey = transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
-                return _context2.abrupt("return", transformedKey ? transformedKey : {});
-              case 10:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function validateFieldsReturnFormatValue(_x3, _x4) {
-          return _validateFieldsReturnFormatValue2.apply(this, arguments);
+      validateFieldsReturnFormatValue: async (nameList, omitNilParam) => {
+        const formInstance = formRef.current;
+        if (!formInstance) {
+          return {};
         }
-        return validateFieldsReturnFormatValue;
-      }()
-    });
+        if (!Array.isArray(nameList) && nameList) throw new Error('nameList must be array');
+        const values = await formInstance.validateFields(nameList);
+        const transformedKey = transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
+        return transformedKey ? transformedKey : {};
+      }
+    };
   }, [omitNil, transformKey, formRef.current]);
-  (0, _react.useEffect)(function () {
-    var _formRef$current3, _formRef$current3$get;
-    var finalValues = transformKey((_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 || (_formRef$current3$get = _formRef$current3.getFieldsValue) === null || _formRef$current3$get === void 0 ? void 0 : _formRef$current3$get.call(_formRef$current3, true), omitNil);
-    onInit === null || onInit === void 0 || onInit(finalValues, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, formRef.current), formatValues));
+  (0, _react.useEffect)(() => {
+    const finalValues = transformKey(formRef.current?.getFieldsValue?.(true), omitNil);
+    onInit?.(finalValues, {
+      ...formRef.current,
+      ...formatValues
+    });
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ProFormContext.Provider, {
-    value: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, formatValues), {}, {
-      formRef: formRef
-    }),
+    value: {
+      ...formatValues,
+      formRef
+    },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
       componentSize: rest.size || componentSize,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_helpers.GridContext.Provider, {
         value: {
-          grid: grid,
-          colProps: colProps
+          grid,
+          colProps
         },
         children: [rest.component !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           type: "text",
@@ -403,236 +342,203 @@ function BaseFormComponents(props) {
 }
 
 /** 自动的formKey 防止重复 */
-var requestFormCacheId = 0;
+let requestFormCacheId = 0;
 function BaseForm(props) {
-  var _props$extraUrlParams2 = props.extraUrlParams,
-    extraUrlParams = _props$extraUrlParams2 === void 0 ? defaultExtraUrlParams : _props$extraUrlParams2,
-    syncToUrl = props.syncToUrl,
-    isKeyPressSubmit = props.isKeyPressSubmit,
-    _props$syncToUrlAsImp = props.syncToUrlAsImportant,
-    syncToUrlAsImportant = _props$syncToUrlAsImp === void 0 ? false : _props$syncToUrlAsImp,
-    _props$syncToInitialV = props.syncToInitialValues,
-    syncToInitialValues = _props$syncToInitialV === void 0 ? true : _props$syncToInitialV,
-    children = props.children,
-    contentRender = props.contentRender,
-    submitter = props.submitter,
-    fieldProps = props.fieldProps,
-    proFieldProps = props.proFieldProps,
-    formItemProps = props.formItemProps,
-    groupProps = props.groupProps,
-    _props$dateFormatter = props.dateFormatter,
-    dateFormatter = _props$dateFormatter === void 0 ? 'string' : _props$dateFormatter,
-    propsFormRef = props.formRef,
-    onInit = props.onInit,
-    form = props.form,
-    formComponentType = props.formComponentType,
-    onReset = props.onReset,
-    grid = props.grid,
-    rowProps = props.rowProps,
-    colProps = props.colProps,
-    _props$omitNil2 = props.omitNil,
-    omitNil = _props$omitNil2 === void 0 ? true : _props$omitNil2,
-    request = props.request,
-    params = props.params,
-    initialValues = props.initialValues,
-    _props$formKey = props.formKey,
-    formKey = _props$formKey === void 0 ? requestFormCacheId : _props$formKey,
-    readonly = props.readonly,
-    onLoadingChange = props.onLoadingChange,
-    propsLoading = props.loading,
-    propRest = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  var formRef = (0, _react.useRef)({});
-  var _useMountMergeState = (0, _utils.useMountMergeState)(false, {
-      onChange: onLoadingChange,
-      value: propsLoading
-    }),
-    _useMountMergeState2 = (0, _slicedToArray2.default)(_useMountMergeState, 2),
-    loading = _useMountMergeState2[0],
-    setLoading = _useMountMergeState2[1];
-  var _useUrlSearchParams = (0, _useParams.useUrlSearchParams)({}, {
-      disabled: !syncToUrl
-    }),
-    _useUrlSearchParams2 = (0, _slicedToArray2.default)(_useUrlSearchParams, 2),
-    urlSearch = _useUrlSearchParams2[0],
-    setUrlSearch = _useUrlSearchParams2[1];
-  var curFormKey = (0, _react.useRef)((0, _utils.nanoid)());
-  (0, _react.useEffect)(function () {
+  const {
+    extraUrlParams = defaultExtraUrlParams,
+    syncToUrl,
+    isKeyPressSubmit,
+    syncToUrlAsImportant = false,
+    syncToInitialValues = true,
+    children,
+    contentRender,
+    submitter,
+    fieldProps,
+    proFieldProps,
+    formItemProps,
+    groupProps,
+    dateFormatter = 'string',
+    formRef: propsFormRef,
+    onInit,
+    form,
+    formComponentType,
+    onReset,
+    grid,
+    rowProps,
+    colProps,
+    omitNil = true,
+    request,
+    params,
+    initialValues,
+    formKey = requestFormCacheId,
+    readonly,
+    onLoadingChange,
+    loading: propsLoading,
+    ...propRest
+  } = props;
+  const formRef = (0, _react.useRef)({});
+  const [loading, setLoadingInner] = (0, _util.useControlledState)(false, propsLoading);
+  const setLoading = (0, _react.useCallback)(updater => {
+    setLoadingInner(prev => {
+      const next = typeof updater === 'function' ? updater(prev) : updater;
+      onLoadingChange?.(next);
+      return next;
+    });
+  }, [onLoadingChange]);
+  const [urlSearch, setUrlSearch] = (0, _useParams.useUrlSearchParams)({}, {
+    disabled: !syncToUrl
+  });
+  const curFormKey = (0, _react.useRef)((0, _utils.nanoid)());
+  (0, _react.useEffect)(() => {
     requestFormCacheId += 0;
   }, []);
-  var _useFetchData = (0, _utils.useFetchData)({
-      request: request,
-      params: params,
-      proFieldKey: formKey
-    }),
-    _useFetchData2 = (0, _slicedToArray2.default)(_useFetchData, 2),
-    initialData = _useFetchData2[0],
-    initialDataLoading = _useFetchData2[1];
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('pro-form');
+  const [initialData, initialDataLoading] = (0, _utils.useFetchData)({
+    request,
+    params,
+    proFieldKey: formKey
+  });
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('pro-form');
   // css
-  var _useStyle = (0, _utils.useStyle)('ProForm', function (token) {
-      return (0, _defineProperty2.default)({}, ".".concat(prefixCls), (0, _defineProperty2.default)({}, "> div:not(".concat(token.proComponentsCls, "-form-light-filter)"), {
-        '.pro-field': {
-          maxWidth: '100%',
-          '@media screen and (max-width: 575px)': {
-            // 减少了 form 的 padding
-            maxWidth: 'calc(93vw - 48px)'
-          },
-          // 适用于短数字，短文本或者选项
-          '&-xs': {
-            width: 104
-          },
-          '&-s': {
-            width: 216
-          },
-          // 适用于较短字段录入、如姓名、电话、ID 等。
-          '&-sm': {
-            width: 216
-          },
-          '&-m': {
-            width: 328
-          },
-          // 标准宽度，适用于大部分字段长度
-          '&-md': {
-            width: 328
-          },
-          '&-l': {
-            width: 440
-          },
-          // 适用于较长字段录入，如长网址、标签组、文件路径等。
-          '&-lg': {
-            width: 440
-          },
-          // 适用于长文本录入，如长链接、描述、备注等，通常搭配自适应多行输入框或定高文本域使用。
-          '&-xl': {
-            width: 552
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _utils.useStyle)('ProForm', token => {
+    return {
+      [`.${prefixCls}`]: {
+        [`> div:not(${token.proComponentsCls}-form-light-filter)`]: {
+          '.pro-field': {
+            maxWidth: '100%',
+            '@media screen and (max-width: 575px)': {
+              // 减少了 form 的 padding
+              maxWidth: 'calc(93vw - 48px)'
+            },
+            // 适用于短数字，短文本或者选项
+            '&-xs': {
+              width: 104
+            },
+            '&-s': {
+              width: 216
+            },
+            // 适用于较短字段录入、如姓名、电话、ID 等。
+            '&-sm': {
+              width: 216
+            },
+            '&-m': {
+              width: 328
+            },
+            // 标准宽度，适用于大部分字段长度
+            '&-md': {
+              width: 328
+            },
+            '&-l': {
+              width: 440
+            },
+            // 适用于较长字段录入，如长网址、标签组、文件路径等。
+            '&-lg': {
+              width: 440
+            },
+            // 适用于长文本录入，如长链接、描述、备注等，通常搭配自适应多行输入框或定高文本域使用。
+            '&-xl': {
+              width: 552
+            }
           }
         }
-      }));
-    }),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+      }
+    };
+  });
 
   // 如果为 false，不需要触发设置进去
-  var _useState = (0, _react.useState)(function () {
-      if (!syncToUrl) {
-        return {};
-      }
-      return genParams(syncToUrl, urlSearch, 'get');
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    urlParamsMergeInitialValues = _useState2[0],
-    setUrlParamsMergeInitialValues = _useState2[1];
+  const [urlParamsMergeInitialValues, setUrlParamsMergeInitialValues] = (0, _react.useState)(() => {
+    if (!syncToUrl) {
+      return {};
+    }
+    return genParams(syncToUrl, urlSearch, 'get');
+  });
 
   /** 保存 transformKeyRef，用于对表单key transform */
-  var transformKeyRef = (0, _react.useRef)({});
-  var fieldsValueType = (0, _react.useRef)({});
+  const transformKeyRef = (0, _react.useRef)({});
+  const fieldsValueType = (0, _react.useRef)({});
 
   /** 使用 callback 的类型 */
-  var transformKey = (0, _utils.useRefFunction)(function (values, paramsOmitNil, parentKey) {
-    if (!values || (0, _typeof2.default)(values) !== 'object') {
+  const transformKey = (0, _utils.useRefFunction)((values, paramsOmitNil, parentKey) => {
+    if (!values || typeof values !== 'object') {
       return values;
     }
     return (0, _utils.transformKeySubmitValue)((0, _utils.conversionMomentValue)(values, dateFormatter, fieldsValueType.current, paramsOmitNil, parentKey), transformKeyRef.current);
   });
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (syncToInitialValues) return;
     setUrlParamsMergeInitialValues({});
   }, [syncToInitialValues]);
-  var getGenParams = (0, _utils.useRefFunction)(function () {
-    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, urlSearch), extraUrlParams);
+  const getGenParams = (0, _utils.useRefFunction)(() => {
+    return {
+      ...urlSearch,
+      ...extraUrlParams
+    };
   });
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!syncToUrl) return;
     setUrlSearch(genParams(syncToUrl, getGenParams(), 'set'));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [extraUrlParams, getGenParams, syncToUrl]);
-  var getPopupContainer = (0, _react.useMemo)(function () {
+  const getPopupContainer = (0, _react.useMemo)(() => {
     if (typeof window === 'undefined') return undefined;
     // 如果在 drawerForm 和  modalForm 里就渲染dom到父节点里
     // modalForm 可能高度太小不适合
     if (formComponentType && ['DrawerForm'].includes(formComponentType)) {
-      return function (e) {
-        return e.parentNode || document.body;
-      };
+      return e => e.parentNode || document.body;
     }
     return undefined;
   }, [formComponentType]);
-  var onFinish = (0, _utils.useRefFunction)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
-    var _formRef$current4, _formRef$current4$get, finalValues, response, _formRef$current5, _formRef$current5$get, syncToUrlParams;
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          if (propRest.onFinish) {
-            _context3.next = 2;
-            break;
-          }
-          return _context3.abrupt("return");
-        case 2:
-          if (!loading) {
-            _context3.next = 4;
-            break;
-          }
-          return _context3.abrupt("return");
-        case 4:
-          _context3.prev = 4;
-          setLoading(true);
-          finalValues = (formRef === null || formRef === void 0 || (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 || (_formRef$current4$get = _formRef$current4.getFieldsFormatValue) === null || _formRef$current4$get === void 0 ? void 0 : _formRef$current4$get.call(_formRef$current4)) || {};
-          response = propRest.onFinish(finalValues);
-          if (!(response && (0, _typeof2.default)(response) === 'object' && typeof response.then === 'function')) {
-            _context3.next = 21;
-            break;
-          }
-          _context3.prev = 9;
-          _context3.next = 12;
-          return response;
-        case 12:
-          _context3.next = 18;
-          break;
-        case 14:
-          _context3.prev = 14;
-          _context3.t0 = _context3["catch"](9);
+  const onFinish = (0, _utils.useRefFunction)(async () => {
+    // 没设置 onFinish 就不执行
+    if (!propRest.onFinish) return;
+    // 防止重复提交
+    if (loading) return;
+    try {
+      setLoading(true);
+      const finalValues = formRef?.current?.getFieldsFormatValue?.() || {};
+      const response = propRest.onFinish(finalValues);
+      if (response && typeof response === 'object' && typeof response.then === 'function') {
+        try {
+          await response;
+        } catch (error) {
           // 确保在 Promise 被拒绝时也重置 loading 状态
           setLoading(false);
-          throw _context3.t0;
-        case 18:
-          // 只有在 Promise 成功完成时才重置 loading 状态
-          setLoading(false);
-          _context3.next = 22;
-          break;
-        case 21:
-          setLoading(false);
-        case 22:
-          if (syncToUrl) {
-            // 把没有的值设置为未定义可以删掉 url 的参数
-            syncToUrlParams = Object.keys((formRef === null || formRef === void 0 || (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 || (_formRef$current5$get = _formRef$current5.getFieldsFormatValue) === null || _formRef$current5$get === void 0 ? void 0 : _formRef$current5$get.call(_formRef$current5, true, false)) || {}).reduce(function (pre, next) {
-              var _finalValues$next;
-              return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, pre), {}, (0, _defineProperty2.default)({}, next, (_finalValues$next = finalValues[next]) !== null && _finalValues$next !== void 0 ? _finalValues$next : undefined));
-            }, extraUrlParams); // fix #3547: 当原先在url中存在的字段被删除时，应该将 params 中的该字段设置为 undefined,以便触发url同步删除
-            Object.keys(urlSearch).forEach(function (key) {
-              if (syncToUrlParams[key] !== false && syncToUrlParams[key] !== 0 && !syncToUrlParams[key]) {
-                syncToUrlParams[key] = undefined;
-              }
-            });
-            /** 在同步到 url 上时对参数进行转化 */
-            setUrlSearch(genParams(syncToUrl, syncToUrlParams, 'set'));
+          throw error;
+        }
+        // 只有在 Promise 成功完成时才重置 loading 状态
+        setLoading(false);
+      } else {
+        setLoading(false);
+      }
+      if (syncToUrl) {
+        // 把没有的值设置为未定义可以删掉 url 的参数
+        const syncToUrlParams = Object.keys(formRef?.current?.getFieldsFormatValue?.(true, false) || {}).reduce((pre, next) => {
+          return {
+            ...pre,
+            [next]: finalValues[next] ?? undefined
+          };
+        }, extraUrlParams);
+        // fix #3547: 当原先在url中存在的字段被删除时，应该将 params 中的该字段设置为 undefined,以便触发url同步删除
+        Object.keys(urlSearch).forEach(key => {
+          if (syncToUrlParams[key] !== false && syncToUrlParams[key] !== 0 && !syncToUrlParams[key]) {
+            syncToUrlParams[key] = undefined;
           }
-          _context3.next = 28;
-          break;
-        case 25:
-          _context3.prev = 25;
-          _context3.t1 = _context3["catch"](4);
-          setLoading(false);
-        case 28:
-        case "end":
-          return _context3.stop();
+        });
+        /** 在同步到 url 上时对参数进行转化 */
+        setUrlSearch(genParams(syncToUrl, syncToUrlParams, 'set'));
       }
-    }, _callee3, null, [[4, 25], [9, 14]]);
-  })));
+    } catch (error) {
+      setLoading(false);
+    }
+  });
 
   // 初始化给一个默认的 form
-  (0, _react.useImperativeHandle)(propsFormRef, function () {
+  (0, _react.useImperativeHandle)(propsFormRef, () => {
     return formRef.current;
   }, [!initialData]);
   if (request && initialDataLoading) {
@@ -653,19 +559,19 @@ function BaseForm(props) {
       needDeps: true,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldContext.default.Provider, {
         value: {
-          formRef: formRef,
-          fieldProps: fieldProps,
-          proFieldProps: proFieldProps,
-          formItemProps: formItemProps,
-          groupProps: groupProps,
-          formComponentType: formComponentType,
-          getPopupContainer: getPopupContainer,
+          formRef,
+          fieldProps,
+          proFieldProps,
+          formItemProps,
+          groupProps,
+          formComponentType,
+          getPopupContainer,
           formKey: curFormKey.current,
-          setFieldValueType: function setFieldValueType(name, _ref4) {
-            var _ref4$valueType = _ref4.valueType,
-              valueType = _ref4$valueType === void 0 ? 'text' : _ref4$valueType,
-              dateFormat = _ref4.dateFormat,
-              transform = _ref4.transform;
+          setFieldValueType: (name, {
+            valueType = 'text',
+            dateFormat,
+            transform
+          }) => {
             if (!Array.isArray(name)) return;
 
             // Store transform function in the correct nested structure
@@ -673,47 +579,61 @@ function BaseForm(props) {
               transformKeyRef.current = (0, _util.set)(transformKeyRef.current, name, transform);
             }
             fieldsValueType.current = (0, _util.set)(fieldsValueType.current, name, {
-              valueType: valueType,
-              dateFormat: dateFormat
+              valueType,
+              dateFormat
             });
           }
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.FormListContext.Provider, {
           value: {},
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form, (0, _objectSpread4.default)((0, _objectSpread4.default)({
-            onKeyPress: function onKeyPress(event) {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form, {
+            onKeyPress: event => {
               if (!isKeyPressSubmit) return;
               if (event.key === 'Enter') {
-                var _formRef$current6;
-                (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 || _formRef$current6.submit();
+                formRef.current?.submit();
               }
             },
             autoComplete: "off",
-            form: form
-          }, (0, _util.omit)(propRest, ['ref', 'labelWidth', 'autoFocusFirstInput'])), {}, {
-            ref: function ref(instance) {
+            form: form,
+            ...(0, _util.omit)(propRest, ['ref', 'labelWidth', 'autoFocusFirstInput']),
+            ref: instance => {
               if (!formRef.current) return;
-              formRef.current.nativeElement = instance === null || instance === void 0 ? void 0 : instance.nativeElement;
+              formRef.current.nativeElement = instance?.nativeElement;
+              formRef.current.focus = () => {
+                // 聚焦到表单的第一个输入框
+                const firstInput = instance?.nativeElement?.querySelector('input, textarea, select');
+                firstInput?.focus();
+              };
             }
             // 组合 urlSearch 和 initialValues
             ,
-            initialValues: syncToUrlAsImportant ? (0, _objectSpread4.default)((0, _objectSpread4.default)((0, _objectSpread4.default)({}, initialValues), initialData), urlParamsMergeInitialValues) : (0, _objectSpread4.default)((0, _objectSpread4.default)((0, _objectSpread4.default)({}, urlParamsMergeInitialValues), initialValues), initialData),
-            onValuesChange: function onValuesChange(changedValues, values) {
-              var _propRest$onValuesCha;
-              propRest === null || propRest === void 0 || (_propRest$onValuesCha = propRest.onValuesChange) === null || _propRest$onValuesCha === void 0 || _propRest$onValuesCha.call(propRest, transformKey(changedValues, !!omitNil), transformKey(values, !!omitNil));
+            initialValues: syncToUrlAsImportant ? {
+              ...initialValues,
+              ...initialData,
+              ...urlParamsMergeInitialValues
+            } : {
+              ...urlParamsMergeInitialValues,
+              ...initialValues,
+              ...initialData
             },
-            className: (0, _classnames.default)(props.className, prefixCls, hashId),
+            onValuesChange: (changedValues, values) => {
+              propRest?.onValuesChange?.(transformKey(changedValues, !!omitNil), transformKey(values, !!omitNil));
+            },
+            className: (0, _clsx.clsx)(props.className, prefixCls, hashId),
             onFinish: onFinish,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormComponents, (0, _objectSpread4.default)((0, _objectSpread4.default)({
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormComponents, {
               transformKey: transformKey,
               autoComplete: "off",
               loading: loading || !!(request && !initialData && initialDataLoading),
-              onUrlSearchChange: setUrlSearch
-            }, props), {}, {
+              onUrlSearchChange: setUrlSearch,
+              ...props,
               formRef: formRef,
-              initialValues: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, initialValues), initialData)
-            }))
-          }))
+              initialValues: {
+                ...initialValues,
+                ...initialData
+              }
+            })
+          })
         })
       })
     })