@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/form/BaseForm/BaseForm.js

@@ -1,172 +1,113 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/form/BaseForm/BaseForm.tsx
-var BaseForm_exports = {};
-__export(BaseForm_exports, {
-  BaseForm: () => BaseForm
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(BaseForm_exports);
-var import_use_params = require("@umijs/use-params");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_omit = __toESM(require("rc-util/lib/omit"));
-var import_get = __toESM(require("rc-util/lib/utils/get"));
-var import_set = __toESM(require("rc-util/lib/utils/set"));
-var import_warning = require("rc-util/lib/warning");
-var import_react = __toESM(require("react"));
-var import_provider = require("../../provider");
-var import_utils = require("../../utils");
-var import_List = require("../components/List");
-var import_FieldContext = __toESM(require("../FieldContext"));
-var import_helpers = require("../helpers");
-var import_EditOrReadOnlyContext = require("./EditOrReadOnlyContext");
-var import_Submitter = __toESM(require("./Submitter"));
-var genParams = (syncUrl, params, type) => {
+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 _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../provider");
+var _utils = require("../../utils");
+var _List = require("../components/List");
+var _FieldContext = _interopRequireDefault(require("../FieldContext"));
+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;
+
+// Define ProFormInstance and ProFormRef
+
+var genParams = function genParams(syncUrl, params, type) {
   if (syncUrl === true) {
     return params;
   }
-  return (0, import_utils.runFunction)(syncUrl, params, type);
+  return (0, _utils.runFunction)(syncUrl, params, type);
 };
-var covertFormName = (name) => {
-  if (!name)
-    return name;
-  if (Array.isArray(name))
-    return name;
+
+/**
+ * It takes a name path and converts it to an array.
+ * @param {NamePath} name - The name of the form.
+ * @returns string[]
+ *
+ * a-> [a]
+ * [a] -> [a]
+ */
+var covertFormName = function covertFormName(name) {
+  if (!name) return name;
+  if (Array.isArray(name)) return name;
   return [name];
 };
 function BaseFormComponents(props) {
-  var _b, _c;
-  const _a = props, {
-    children,
-    contentRender,
-    submitter,
-    fieldProps,
-    formItemProps,
-    groupProps,
-    transformKey,
-    formRef: propsFormRef,
-    onInit,
-    form,
-    loading,
-    formComponentType,
-    extraUrlParams = {},
-    syncToUrl,
-    onUrlSearchChange,
-    onReset,
-    omitNil = true,
-    isKeyPressSubmit,
-    autoFocusFirstInput = true,
-    grid,
-    rowProps,
-    colProps
-  } = _a, rest = __objRest(_a, [
-    "children",
-    "contentRender",
-    "submitter",
-    "fieldProps",
-    "formItemProps",
-    "groupProps",
-    "transformKey",
-    "formRef",
-    "onInit",
-    "form",
-    "loading",
-    "formComponentType",
-    "extraUrlParams",
-    "syncToUrl",
-    "onUrlSearchChange",
-    "onReset",
-    "omitNil",
-    "isKeyPressSubmit",
-    "autoFocusFirstInput",
-    "grid",
-    "rowProps",
-    "colProps"
-  ]);
-  const formInstance = import_antd.Form.useFormInstance();
-  const { componentSize } = ((_c = (_b = import_antd.ConfigProvider) == null ? void 0 : _b.useConfig) == null ? void 0 : _c.call(_b)) || {
-    componentSize: "middle"
-  };
-  const formRef = (0, import_react.useRef)(form || formInstance);
-  const { RowWrapper } = (0, import_helpers.useGridHelpers)({ grid, rowProps });
-  const getFormInstance = (0, import_utils.useRefFunction)(() => formInstance);
-  const formatValues = (0, import_react.useMemo)(
-    () => ({
+  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 ? {} : _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);
+
+  /**
+   * 获取 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;
+
+  /** 同步 url 上的参数 */
+  var 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;
+  });
+  var formatValues = (0, _react.useMemo)(function () {
+    return {
       /**
        * 获取被 ProForm 格式化后的所有数据
        * @param allData boolean
@@ -175,16 +116,13 @@ function BaseFormComponents(props) {
        *
        * @example  getFieldsFormatValue(true) ->返回所有数据，即使没有被 form 托管的
        */
-      getFieldsFormatValue: (allData, omitNilParam) => {
-        const formInstance2 = getFormInstance();
-        if (!formInstance2) {
+      getFieldsFormatValue: function getFieldsFormatValue(allData, omitNilParam) {
+        var formInstance = getFormInstance();
+        if (!formInstance) {
           return {};
         }
-        const values = formInstance2.getFieldsValue(allData);
-        return transformKey(
-          values,
-          omitNilParam !== void 0 ? omitNilParam : omitNil
-        );
+        var values = formInstance.getFieldsValue(allData);
+        return transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
       },
       /**
        * 获取被 ProForm 格式化后的单个数据
@@ -195,26 +133,26 @@ function BaseFormComponents(props) {
        * @example {a:{b:value}} -> getFieldFormatValue(['a', 'b']) -> value
        */
       /** 获取格式化之后的单个数据 */
-      getFieldFormatValue: (paramsNameList = [], omitNilParam) => {
-        const formInstance2 = getFormInstance();
-        if (!formInstance2) {
-          return void 0;
+      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;
         }
-        const nameList = covertFormName(paramsNameList);
-        if (!nameList)
-          throw new Error("nameList is require");
-        const value = formInstance2.getFieldValue(nameList);
-        const obj = nameList ? (0, import_set.default)({}, nameList, value) : value;
-        const newNameList = [...nameList];
+        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();
-        const transformed = transformKey(
-          obj,
-          omitNilParam !== void 0 ? omitNilParam : omitNil,
-          newNameList
-        );
-        const result = (0, import_get.default)(transformed, nameList);
-        if (result && typeof result === "object" && !Array.isArray(result)) {
-          const objValue = Object.values(result)[0];
+        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;
           }
@@ -231,19 +169,15 @@ function BaseFormComponents(props) {
        * @example  {a:{b:value}} -> getFieldFormatValueObject(['a', 'b']) -> {a:{b:value}}
        */
       /** 获取格式化之后的单个数据 */
-      getFieldFormatValueObject: (paramsNameList, omitNilParam) => {
-        const formInstance2 = getFormInstance();
-        if (!formInstance2) {
+      getFieldFormatValueObject: function getFieldFormatValueObject(paramsNameList, omitNilParam) {
+        var formInstance = getFormInstance();
+        if (!formInstance) {
           return {};
         }
-        const nameList = covertFormName(paramsNameList);
-        const value = formInstance2.getFieldValue(nameList);
-        const obj = nameList ? (0, import_set.default)({}, nameList, value) : value;
-        return transformKey(
-          obj,
-          omitNilParam !== void 0 ? omitNilParam : omitNil,
-          nameList
-        );
+        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);
       },
       /** 
       /**
@@ -254,134 +188,137 @@ function BaseFormComponents(props) {
        * 
        * @example validateFieldsReturnFormatValue -> {a:{b:value}}
        */
-      validateFieldsReturnFormatValue: (nameList, omitNilParam) => __async(this, null, function* () {
-        const formInstance2 = getFormInstance();
-        if (!formInstance2) {
-          return {};
+      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);
         }
-        if (!Array.isArray(nameList) && nameList)
-          throw new Error("nameList must be array");
-        const values = yield formInstance2.validateFields(nameList);
-        const transformedKey = transformKey(
-          values,
-          omitNilParam !== void 0 ? omitNilParam : omitNil
-        );
-        return transformedKey ? transformedKey : {};
-      })
-    }),
-    [omitNil, transformKey, getFormInstance]
-  );
-  const items = (0, import_react.useMemo)(() => {
-    return import_react.default.Children.toArray(children).map((item, index) => {
-      if (index === 0 && import_react.default.isValidElement(item) && autoFocusFirstInput) {
-        return import_react.default.cloneElement(item, __spreadProps(__spreadValues({}, item.props), {
+        return validateFieldsReturnFormatValue;
+      }()
+    };
+  }, [omitNil, transformKey, getFormInstance]);
+  var items = (0, _react.useMemo)(function () {
+    return _react.default.Children.toArray(children).map(function (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), {}, {
           autoFocus: autoFocusFirstInput
         }));
       }
       return item;
     });
   }, [autoFocusFirstInput, children]);
-  const submitterProps = (0, import_react.useMemo)(
-    () => typeof submitter === "boolean" || !submitter ? {} : submitter,
-    [submitter]
-  );
-  const submitterNode = (0, import_react.useMemo)(() => {
-    if (submitter === false)
-      return void 0;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Submitter.default,
-      __spreadProps(__spreadValues({
-        key: "submitter"
-      }, submitterProps), {
-        onReset: () => {
-          var _a2, _b2, _c2;
-          const finalValues = transformKey(
-            (_a2 = formRef.current) == null ? void 0 : _a2.getFieldsValue(),
-            omitNil
-          );
-          (_b2 = submitterProps == null ? void 0 : submitterProps.onReset) == null ? void 0 : _b2.call(submitterProps, finalValues);
-          onReset == null ? void 0 : onReset(finalValues);
-          if (syncToUrl) {
-            const params = Object.keys(
-              transformKey((_c2 = formRef.current) == null ? void 0 : _c2.getFieldsValue(), false)
-            ).reduce((pre, next) => {
-              return __spreadProps(__spreadValues({}, pre), {
-                [next]: finalValues[next] || void 0
-              });
-            }, extraUrlParams);
-            onUrlSearchChange(genParams(syncToUrl, params || {}, "set"));
-          }
-        },
-        submitButtonProps: __spreadValues({
-          loading
-        }, submitterProps.submitButtonProps)
-      })
-    );
-  }, [
-    submitter,
-    submitterProps,
-    loading,
-    transformKey,
-    omitNil,
-    onReset,
-    syncToUrl,
-    extraUrlParams,
-    onUrlSearchChange
-  ]);
-  const content = (0, import_react.useMemo)(() => {
-    const wrapItems = grid ? /* @__PURE__ */ import_react.default.createElement(RowWrapper, null, items) : items;
+
+  /** 计算 props 的对象 */
+  var submitterProps = (0, _react.useMemo)(function () {
+    return typeof submitter === 'boolean' || !submitter ? {} : submitter;
+  }, [submitter]);
+
+  /** 渲染提交按钮与重置按钮 */
+  var submitterNode = (0, _react.useMemo)(function () {
+    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);
+        // 如果 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));
+          }, 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, {
+      children: items
+    }) : items;
     if (contentRender) {
       return contentRender(wrapItems, submitterNode, formRef.current);
     }
     return wrapItems;
   }, [grid, RowWrapper, items, contentRender, submitterNode]);
-  const preInitialValues = (0, import_utils.usePrevious)(props.initialValues);
-  (0, import_react.useEffect)(() => {
-    if (syncToUrl || !props.initialValues || !preInitialValues || rest.request)
-      return;
-    const isEqual = (0, import_utils.isDeepEqualReact)(props.initialValues, preInitialValues);
-    (0, import_warning.noteOnce)(
-      isEqual,
-      `initialValues 只在 form 初始化时生效，如果你需要异步加载推荐使用 request，或者 initialValues ? <Form/> : null `
-    );
-    (0, import_warning.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 `
-    );
+  var preInitialValues = (0, _utils.usePrevious)(props.initialValues);
+
+  // 提示一个 initialValues ，问的人实在是太多了
+  (0, _react.useEffect)(function () {
+    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 ");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.initialValues]);
-  (0, import_react.useImperativeHandle)(propsFormRef, () => {
-    return __spreadProps(__spreadValues({}, formRef.current), {
-      getFieldsFormatValue: (allData, omitNilParam) => {
-        const formInstance2 = formRef.current;
-        if (!formInstance2) {
+
+  // 初始化给一个默认的 form
+  (0, _react.useImperativeHandle)(propsFormRef, function () {
+    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, formRef.current), {}, {
+      getFieldsFormatValue: function getFieldsFormatValue(allData, omitNilParam) {
+        var formInstance = formRef.current;
+        if (!formInstance) {
           return {};
         }
-        const values = formInstance2.getFieldsValue(allData);
-        return transformKey(
-          values,
-          omitNilParam !== void 0 ? omitNilParam : omitNil
-        );
+        var values = formInstance.getFieldsValue(allData);
+        return transformKey(values, omitNilParam !== undefined ? omitNilParam : omitNil);
       },
-      getFieldFormatValue: (paramsNameList = [], omitNilParam) => {
-        const formInstance2 = formRef.current;
-        if (!formInstance2) {
-          return void 0;
+      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;
+        if (!formInstance) {
+          return undefined;
         }
-        const nameList = covertFormName(paramsNameList);
-        if (!nameList)
-          throw new Error("nameList is require");
-        const value = formInstance2.getFieldValue(nameList);
-        const obj = nameList ? (0, import_set.default)({}, nameList, value) : value;
-        const newNameList = [...nameList];
+        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();
-        const transformed = transformKey(
-          obj,
-          omitNilParam !== void 0 ? omitNilParam : omitNil,
-          newNameList
-        );
-        const result = (0, import_get.default)(transformed, nameList);
-        if (result && typeof result === "object" && !Array.isArray(result)) {
-          const objValue = Object.values(result)[0];
+        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;
           }
@@ -389,372 +326,395 @@ function BaseFormComponents(props) {
         }
         return result;
       },
-      getFieldFormatValueObject: (paramsNameList, omitNilParam) => {
-        const formInstance2 = formRef.current;
-        if (!formInstance2) {
+      getFieldFormatValueObject: function getFieldFormatValueObject(paramsNameList, omitNilParam) {
+        var formInstance = formRef.current;
+        if (!formInstance) {
           return {};
         }
-        const nameList = covertFormName(paramsNameList);
-        const value = formInstance2.getFieldValue(nameList);
-        const obj = nameList ? (0, import_set.default)({}, nameList, value) : value;
-        return transformKey(
-          obj,
-          omitNilParam !== void 0 ? omitNilParam : omitNil,
-          nameList
-        );
+        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);
       },
-      validateFieldsReturnFormatValue: (nameList, omitNilParam) => __async(this, null, function* () {
-        const formInstance2 = formRef.current;
-        if (!formInstance2) {
-          return {};
+      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);
         }
-        if (!Array.isArray(nameList) && nameList)
-          throw new Error("nameList must be array");
-        const values = yield formInstance2.validateFields(nameList);
-        const transformedKey = transformKey(
-          values,
-          omitNilParam !== void 0 ? omitNilParam : omitNil
-        );
-        return transformedKey ? transformedKey : {};
-      })
+        return validateFieldsReturnFormatValue;
+      }()
     });
   }, [omitNil, transformKey, formRef.current]);
-  (0, import_react.useEffect)(() => {
-    var _a2, _b2;
-    const finalValues = transformKey(
-      (_b2 = (_a2 = formRef.current) == null ? void 0 : _a2.getFieldsValue) == null ? void 0 : _b2.call(_a2, true),
-      omitNil
-    );
-    onInit == null ? void 0 : onInit(finalValues, __spreadValues(__spreadValues({}, formRef.current), formatValues));
+  (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));
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_utils.ProFormContext.Provider,
-    {
-      value: __spreadProps(__spreadValues({}, formatValues), {
-        formRef
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ProFormContext.Provider, {
+    value: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, formatValues), {}, {
+      formRef: 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
+        },
+        children: [rest.component !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          type: "text",
+          style: {
+            display: 'none'
+          }
+        }), content]
       })
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { componentSize: rest.size || componentSize }, /* @__PURE__ */ import_react.default.createElement(import_helpers.GridContext.Provider, { value: { grid, colProps } }, rest.component !== false && /* @__PURE__ */ import_react.default.createElement(
-      "input",
-      {
-        type: "text",
-        style: {
-          display: "none"
-        }
-      }
-    ), content))
-  );
+    })
+  });
 }
+
+/** 自动的formKey 防止重复 */
 var requestFormCacheId = 0;
 function BaseForm(props) {
-  const _a = props, {
-    extraUrlParams = {},
-    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
-  } = _a, propRest = __objRest(_a, [
-    "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"
-  ]);
-  const formRef = (0, import_react.useRef)({});
-  const [loading, setLoading] = (0, import_utils.useMountMergeState)(false, {
-    onChange: onLoadingChange,
-    value: propsLoading
-  });
-  const [urlSearch, setUrlSearch] = (0, import_use_params.useUrlSearchParams)(
-    {},
-    { disabled: !syncToUrl }
-  );
-  const curFormKey = (0, import_react.useRef)((0, import_utils.nanoid)());
-  (0, import_react.useEffect)(() => {
+  var _props$extraUrlParams2 = props.extraUrlParams,
+    extraUrlParams = _props$extraUrlParams2 === void 0 ? {} : _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 () {
     requestFormCacheId += 0;
   }, []);
-  const [initialData, initialDataLoading] = (0, import_utils.useFetchData)({
-    request,
-    params,
-    proFieldKey: formKey
-  });
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-form");
-  const { wrapSSR, hashId } = (0, import_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
-            }
+  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');
+  // 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
           }
         }
+      }));
+    }),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+
+  // 如果为 false，不需要触发设置进去
+  var _useState = (0, _react.useState)(function () {
+      if (!syncToUrl) {
+        return {};
       }
-    };
-  });
-  const [urlParamsMergeInitialValues, setUrlParamsMergeInitialValues] = (0, import_react.useState)(() => {
-    if (!syncToUrl) {
-      return {};
+      return genParams(syncToUrl, urlSearch, 'get');
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    urlParamsMergeInitialValues = _useState2[0],
+    setUrlParamsMergeInitialValues = _useState2[1];
+
+  /** 保存 transformKeyRef，用于对表单key transform */
+  var transformKeyRef = (0, _react.useRef)({});
+  var fieldsValueType = (0, _react.useRef)({});
+
+  /** 使用 callback 的类型 */
+  var transformKey = (0, _utils.useRefFunction)(function (values, paramsOmitNil, parentKey) {
+    if (!values || (0, _typeof2.default)(values) !== 'object') {
+      return values;
     }
-    return genParams(syncToUrl, urlSearch, "get");
+    return (0, _utils.transformKeySubmitValue)((0, _utils.conversionMomentValue)(values, dateFormatter, fieldsValueType.current, paramsOmitNil, parentKey), transformKeyRef.current);
   });
-  const transformKeyRef = (0, import_react.useRef)({});
-  const fieldsValueType = (0, import_react.useRef)({});
-  const transformKey = (0, import_utils.useRefFunction)(
-    (values, paramsOmitNil, parentKey) => {
-      if (!values || typeof values !== "object") {
-        return values;
-      }
-      return (0, import_utils.transformKeySubmitValue)(
-        (0, import_utils.conversionMomentValue)(
-          values,
-          dateFormatter,
-          fieldsValueType.current,
-          paramsOmitNil,
-          parentKey
-        ),
-        transformKeyRef.current
-      );
-    }
-  );
-  (0, import_react.useEffect)(() => {
-    if (syncToInitialValues)
-      return;
+  (0, _react.useEffect)(function () {
+    if (syncToInitialValues) return;
     setUrlParamsMergeInitialValues({});
   }, [syncToInitialValues]);
-  const getGenParams = (0, import_utils.useRefFunction)(() => {
-    return __spreadValues(__spreadValues({}, urlSearch), extraUrlParams);
+  var getGenParams = (0, _utils.useRefFunction)(function () {
+    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, urlSearch), extraUrlParams);
   });
-  (0, import_react.useEffect)(() => {
-    if (!syncToUrl)
-      return;
-    setUrlSearch(genParams(syncToUrl, getGenParams(), "set"));
+  (0, _react.useEffect)(function () {
+    if (!syncToUrl) return;
+    setUrlSearch(genParams(syncToUrl, getGenParams(), 'set'));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [extraUrlParams, getGenParams, syncToUrl]);
-  const getPopupContainer = (0, import_react.useMemo)(() => {
-    if (typeof window === "undefined")
-      return void 0;
-    if (formComponentType && ["DrawerForm"].includes(formComponentType)) {
-      return (e) => e.parentNode || document.body;
+  var getPopupContainer = (0, _react.useMemo)(function () {
+    if (typeof window === 'undefined') return undefined;
+    // 如果在 drawerForm 和  modalForm 里就渲染dom到父节点里
+    // modalForm 可能高度太小不适合
+    if (formComponentType && ['DrawerForm'].includes(formComponentType)) {
+      return function (e) {
+        return e.parentNode || document.body;
+      };
     }
-    return void 0;
+    return undefined;
   }, [formComponentType]);
-  const onFinish = (0, import_utils.useRefFunction)(() => __async(this, null, function* () {
-    var _a2, _b, _c, _d;
-    if (!propRest.onFinish)
-      return;
-    if (loading)
-      return;
-    try {
-      setLoading(true);
-      const finalValues = ((_b = (_a2 = formRef == null ? void 0 : formRef.current) == null ? void 0 : _a2.getFieldsFormatValue) == null ? void 0 : _b.call(_a2)) || {};
-      const response = propRest.onFinish(finalValues);
-      if (response && typeof response === "object" && typeof response.then === "function") {
-        try {
-          yield response;
-        } catch (error) {
+  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);
+          // 确保在 Promise 被拒绝时也重置 loading 状态
           setLoading(false);
-          throw error;
-        }
-        setLoading(false);
-      } else {
-        setLoading(false);
-      }
-      if (syncToUrl) {
-        const syncToUrlParams = Object.keys(
-          ((_d = (_c = formRef == null ? void 0 : formRef.current) == null ? void 0 : _c.getFieldsFormatValue) == null ? void 0 : _d.call(_c, true, false)) || {}
-        ).reduce((pre, next) => {
-          var _a3;
-          return __spreadProps(__spreadValues({}, pre), {
-            [next]: (_a3 = finalValues[next]) != null ? _a3 : void 0
-          });
-        }, extraUrlParams);
-        Object.keys(urlSearch).forEach((key) => {
-          if (syncToUrlParams[key] !== false && syncToUrlParams[key] !== 0 && !syncToUrlParams[key]) {
-            syncToUrlParams[key] = void 0;
+          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'));
           }
-        });
-        setUrlSearch(genParams(syncToUrl, syncToUrlParams, "set"));
+          _context3.next = 28;
+          break;
+        case 25:
+          _context3.prev = 25;
+          _context3.t1 = _context3["catch"](4);
+          setLoading(false);
+        case 28:
+        case "end":
+          return _context3.stop();
       }
-    } catch (error) {
-      setLoading(false);
-    }
-  }));
-  (0, import_react.useImperativeHandle)(propsFormRef, () => {
+    }, _callee3, null, [[4, 25], [9, 14]]);
+  })));
+
+  // 初始化给一个默认的 form
+  (0, _react.useImperativeHandle)(propsFormRef, function () {
     return formRef.current;
   }, [!initialData]);
   if (request && initialDataLoading) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingTop: 50, paddingBottom: 50, textAlign: "center" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, null));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        paddingTop: 50,
+        paddingBottom: 50,
+        textAlign: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, {})
+    });
   }
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_EditOrReadOnlyContext.EditOrReadOnlyContext.Provider,
-      {
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditOrReadOnlyContext.EditOrReadOnlyContext.Provider, {
+    value: {
+      mode: props.readonly ? 'read' : 'edit'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.ProConfigProvider, {
+      needDeps: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldContext.default.Provider, {
         value: {
-          mode: props.readonly ? "read" : "edit"
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_provider.ProConfigProvider, { needDeps: true }, /* @__PURE__ */ import_react.default.createElement(
-        import_FieldContext.default.Provider,
-        {
-          value: {
-            formRef,
-            fieldProps,
-            proFieldProps,
-            formItemProps,
-            groupProps,
-            formComponentType,
-            getPopupContainer,
-            formKey: curFormKey.current,
-            setFieldValueType: (name, { valueType = "text", dateFormat, transform }) => {
-              if (!Array.isArray(name))
-                return;
-              if (transform) {
-                transformKeyRef.current = (0, import_set.default)(
-                  transformKeyRef.current,
-                  name,
-                  transform
-                );
-              }
-              fieldsValueType.current = (0, import_set.default)(
-                fieldsValueType.current,
-                name,
-                {
-                  valueType,
-                  dateFormat
-                }
-              );
+          formRef: formRef,
+          fieldProps: fieldProps,
+          proFieldProps: proFieldProps,
+          formItemProps: formItemProps,
+          groupProps: groupProps,
+          formComponentType: formComponentType,
+          getPopupContainer: 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;
+            if (!Array.isArray(name)) return;
+
+            // Store transform function in the correct nested structure
+            if (transform) {
+              transformKeyRef.current = (0, _util.set)(transformKeyRef.current, name, transform);
             }
+            fieldsValueType.current = (0, _util.set)(fieldsValueType.current, name, {
+              valueType: valueType,
+              dateFormat: dateFormat
+            });
           }
         },
-        /* @__PURE__ */ import_react.default.createElement(import_List.FormListContext.Provider, { value: {} }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form,
-          __spreadProps(__spreadValues({
-            onKeyPress: (event) => {
-              var _a2;
-              if (!isKeyPressSubmit)
-                return;
-              if (event.key === "Enter") {
-                (_a2 = formRef.current) == null ? void 0 : _a2.submit();
+        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) {
+              if (!isKeyPressSubmit) return;
+              if (event.key === 'Enter') {
+                var _formRef$current6;
+                (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 || _formRef$current6.submit();
               }
             },
             autoComplete: "off",
-            form
-          }, (0, import_omit.default)(propRest, [
-            "ref",
-            "labelWidth",
-            "autoFocusFirstInput"
-          ])), {
-            ref: (instance) => {
-              if (!formRef.current)
-                return;
-              formRef.current.nativeElement = instance == null ? void 0 : instance.nativeElement;
-            },
-            initialValues: syncToUrlAsImportant ? __spreadValues(__spreadValues(__spreadValues({}, initialValues), initialData), urlParamsMergeInitialValues) : __spreadValues(__spreadValues(__spreadValues({}, urlParamsMergeInitialValues), initialValues), initialData),
-            onValuesChange: (changedValues, values) => {
-              var _a2;
-              (_a2 = propRest == null ? void 0 : propRest.onValuesChange) == null ? void 0 : _a2.call(
-                propRest,
-                transformKey(changedValues, !!omitNil),
-                transformKey(values, !!omitNil)
-              );
+            form: form
+          }, (0, _util.omit)(propRest, ['ref', 'labelWidth', 'autoFocusFirstInput'])), {}, {
+            ref: function ref(instance) {
+              if (!formRef.current) return;
+              formRef.current.nativeElement = instance === null || instance === void 0 ? void 0 : instance.nativeElement;
+            }
+            // 组合 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));
             },
-            className: (0, import_classnames.default)(props.className, prefixCls, hashId),
-            onFinish
-          }),
-          /* @__PURE__ */ import_react.default.createElement(
-            BaseFormComponents,
-            __spreadProps(__spreadValues({
-              transformKey,
+            className: (0, _classnames.default)(props.className, prefixCls, hashId),
+            onFinish: onFinish,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormComponents, (0, _objectSpread4.default)((0, _objectSpread4.default)({
+              transformKey: transformKey,
               autoComplete: "off",
               loading: loading || !!(request && !initialData && initialDataLoading),
               onUrlSearchChange: setUrlSearch
-            }, props), {
-              formRef,
-              initialValues: __spreadValues(__spreadValues({}, initialValues), initialData)
-            })
-          )
-        ))
-      ))
-    )
-  );
-}
+            }, props), {}, {
+              formRef: formRef,
+              initialValues: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, initialValues), initialData)
+            }))
+          }))
+        })
+      })
+    })
+  }));
+}