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

package/es/card/components/Statistic/style.js

@@ -33,13 +33,9 @@ var genProStyle = function genProStyle(token) {
         transform: 'rotate(180deg)'
       }
     },
-    '&-content': _defineProperty({
+    '&-content': {
       width: '100%'
-    }, "".concat(token.antCls, "-statistic-content"), {
-      '&-value-int': {
-        fontSize: token.fontSizeHeading3
-      }
-    }),
+    },
     '&-description': {
       width: '100%'
     }

package/es/descriptions/index.js

@@ -171,7 +171,8 @@ export var FieldRender = function FieldRender(props) {
       marginTop: -5,
       marginBottom: -5,
       marginLeft: 0,
-      marginRight: 0
+      marginRight: 0,
+      width: '100%'
     },
     children: renderDom()
   });

package/es/field/ValueTypeToComponent.js

@@ -754,22 +754,22 @@ var ValueTypeToComponentMap = {
     render: function render(text, props) {
       var fieldProps = pickProProps(props.fieldProps);
       var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldCascader, {
+      return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
         mode: props.mode,
         text: text,
         placeholder: placeholder,
         fieldProps: fieldProps
-      });
+      }));
     },
     formItemRender: function formItemRender(text, props) {
       var fieldProps = pickProProps(props.fieldProps);
       var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldCascader, {
+      return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
         mode: props.mode,
         text: text,
         placeholder: placeholder,
         fieldProps: fieldProps
-      });
+      }));
     }
   },
   treeSelect: {

package/es/field/components/Cascader/index.d.ts

@@ -11,7 +11,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     options?: (string | number | import("antd").CheckboxOptionType<any>)[] | undefined;
     radioType?: "button" | "radio" | undefined;
     placeholder?: string | undefined;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
 } & {
     text: string;
     valueEnum?: import("src/utils/typing").ProFieldValueEnumType | undefined;
@@ -19,7 +19,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
     id?: string | undefined;
     children?: React.ReactNode;
     defaultKeyWords?: string | undefined;

package/es/field/components/Checkbox/index.d.ts

@@ -15,7 +15,7 @@ declare const _default: React.ForwardRefExoticComponent<import("src/provider").B
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
     id?: string | undefined;
     children?: React.ReactNode;
     defaultKeyWords?: string | undefined;

package/es/field/components/ColorPicker/index.d.ts

@@ -2,6 +2,6 @@ import type { ColorPickerProps } from 'antd';
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
     text: string;
-    mode?: "read" | "edit" | "update" | undefined;
+    mode?: "update" | "read" | "edit" | undefined;
 } & Partial<Omit<ColorPickerProps, "value" | "mode">> & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/DatePicker/index.d.ts

@@ -4,7 +4,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     text: string | number;
     format?: string | undefined;
     showTime?: boolean | undefined;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
-    picker?: "date" | "time" | "month" | "week" | "quarter" | "year" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
+    picker?: "time" | "date" | "month" | "week" | "year" | "quarter" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/Percent/util.d.ts

@@ -1,7 +1,7 @@
 /** 获取展示符号 */
 export declare function getSymbolByRealValue(realValue: number): "-" | "+" | null;
 /** 获取颜色 */
-export declare function getColorByRealValue(realValue: number /** ,color: string */): "#52c41a" | "#595959" | "#ff4d4f";
+export declare function getColorByRealValue(realValue: number /** ,color: string */): "#595959" | "#52c41a" | "#ff4d4f";
 /** 获取到最后展示的数字 */
 export declare function getRealTextWithPrecision(realValue: number, precision?: number): string | number;
 /**

package/es/field/components/Radio/index.d.ts

@@ -15,7 +15,7 @@ declare const _default: React.ForwardRefExoticComponent<import("src/provider").B
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
     id?: string | undefined;
     children?: React.ReactNode;
     defaultKeyWords?: string | undefined;

package/es/field/components/RangePicker/index.d.ts

@@ -3,8 +3,8 @@ import type { ProFieldLightProps } from '../../PureProField';
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: string[];
     format?: string | undefined;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
     showTime?: boolean | undefined;
-    picker?: "date" | "time" | "month" | "week" | "quarter" | "year" | undefined;
+    picker?: "time" | "date" | "month" | "week" | "year" | "quarter" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/Segmented/index.d.ts

@@ -9,7 +9,7 @@ declare const _default: React.ForwardRefExoticComponent<import("src/provider").B
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
     id?: string | undefined;
     children?: React.ReactNode;
     defaultKeyWords?: string | undefined;

package/es/field/components/Select/LightSelect/index.d.ts

@@ -30,6 +30,6 @@ declare const _default: React.ForwardRefExoticComponent<SelectProps<any, import(
      */
     fetchDataOnSearch?: boolean | undefined;
     /** 变体类型 */
-    variant?: "outlined" | "borderless" | "filled" | "underlined" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
 } & ProFieldLightProps & SelectProps<any, import("antd/es/select").DefaultOptionType> & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/Select/index.d.ts

@@ -45,7 +45,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     params?: any;
     /** 组件的全局设置 */
     fieldProps?: any;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
     id?: string | undefined;
     children?: ReactNode;
     /** 默认搜素条件 */

package/es/field/components/Switch/index.d.ts

@@ -3,6 +3,6 @@ import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: boolean;
     fieldProps?: SwitchProps | undefined;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
 } & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/TreeSelect/index.d.ts

@@ -17,7 +17,7 @@ export type TreeSelectFieldProps = TreeSelectProps<any> & {
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     options?: (string | number | import("antd").CheckboxOptionType<any>)[] | undefined;
     radioType?: "button" | "radio" | undefined;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
 } & {
     text: string;
     valueEnum?: import("src/utils/typing").ProFieldValueEnumType | undefined;
@@ -25,7 +25,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "outlined" | "borderless" | "filled" | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
     id?: string | undefined;
     children?: React.ReactNode;
     defaultKeyWords?: string | undefined;

package/es/form/BaseForm/BaseForm.js

@@ -46,6 +46,7 @@ var covertFormName = function covertFormName(name) {
   if (Array.isArray(name)) return name;
   return [name];
 };
+var defaultExtraUrlParams = {};
 function BaseFormComponents(props) {
   var _ConfigProvider$useCo;
   var children = props.children,
@@ -61,7 +62,7 @@ function BaseFormComponents(props) {
     loading = props.loading,
     formComponentType = props.formComponentType,
     _props$extraUrlParams = props.extraUrlParams,
-    extraUrlParams = _props$extraUrlParams === void 0 ? {} : _props$extraUrlParams,
+    extraUrlParams = _props$extraUrlParams === void 0 ? defaultExtraUrlParams : _props$extraUrlParams,
     syncToUrl = props.syncToUrl,
     onUrlSearchChange = props.onUrlSearchChange,
     _onReset = props.onReset,
@@ -397,7 +398,7 @@ function BaseFormComponents(props) {
 var requestFormCacheId = 0;
 export function BaseForm(props) {
   var _props$extraUrlParams2 = props.extraUrlParams,
-    extraUrlParams = _props$extraUrlParams2 === void 0 ? {} : _props$extraUrlParams2,
+    extraUrlParams = _props$extraUrlParams2 === void 0 ? defaultExtraUrlParams : _props$extraUrlParams2,
     syncToUrl = props.syncToUrl,
     isKeyPressSubmit = props.isKeyPressSubmit,
     _props$syncToUrlAsImp = props.syncToUrlAsImportant,

package/es/form/components/Cascader/index.js

@@ -44,7 +44,7 @@ var ProFormCascader = function ProFormCascader(_ref, ref) {
       ref: ref,
       request: request,
       params: params,
-      filedConfig: {
+      fieldConfig: {
         customLightMode: true
       },
       proFieldProps: proFieldProps

package/es/form/components/Checkbox/index.js

@@ -45,7 +45,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
             valueType: "checkbox",
             mode: "read",
             valueEnum: runFunction(valueEnum, undefined),
-            filedConfig: {
+            fieldConfig: {
               customLightMode: true
             },
             fieldProps: _objectSpread({

package/es/form/components/ColorPicker/index.js

@@ -40,7 +40,7 @@ var ProFormColorPicker = function ProFormColorPicker(_ref, ref) {
       }, fieldProps),
       ref: ref,
       proFieldProps: proFieldProps,
-      filedConfig: {
+      fieldConfig: {
         defaultProps: {
           width: '100%'
         }

package/es/form/components/DatePicker/BaseDatePicker.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["proFieldProps", "fieldProps", "valueType"];
-import React, { useContext } from 'react';
+import React, { useCallback, useMemo, useContext } from 'react';
 import { FieldDatePicker } from "../../../field";
 import { ProConfigProvider } from "../../../provider";
 import FieldContext from "../../FieldContext";
@@ -20,26 +20,34 @@ export var BaseDatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     valueType = _ref.valueType,
     rest = _objectWithoutProperties(_ref, _excluded);
   var context = useContext(FieldContext);
+  var mergedFieldProps = useMemo(function () {
+    var nextFieldProps = fieldProps ? _objectSpread({}, fieldProps) : {};
+    if (valueType === 'dateTime' && nextFieldProps.showTime === undefined) {
+      nextFieldProps.showTime = true;
+    }
+    return nextFieldProps;
+  }, [fieldProps, valueType]);
+  var renderFieldDatePicker = useCallback(function (text, props) {
+    var _ref2, _fieldPropsFromContex;
+    var fieldPropsFromContext = (_ref2 = props.fieldProps) !== null && _ref2 !== void 0 ? _ref2 : mergedFieldProps;
+    var format = valueType === 'dateTime' ? (_fieldPropsFromContex = fieldPropsFromContext === null || fieldPropsFromContext === void 0 ? void 0 : fieldPropsFromContext.format) !== null && _fieldPropsFromContex !== void 0 ? _fieldPropsFromContex : 'YYYY-MM-DD HH:mm:ss' : fieldPropsFromContext === null || fieldPropsFromContext === void 0 ? void 0 : fieldPropsFromContext.format;
+    return /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({}, props), {}, {
+      format: format,
+      text: text
+    }));
+  }, [mergedFieldProps, valueType]);
   return /*#__PURE__*/_jsx(ProConfigProvider, {
     valueTypeMap: _defineProperty({}, valueType, {
-      render: function render(text, props) {
-        return /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }));
-      },
-      formItemRender: function formItemRender(text, props) {
-        return /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }));
-      }
+      render: renderFieldDatePicker,
+      formItemRender: renderFieldDatePicker
     }),
     children: /*#__PURE__*/_jsx(ProFormField, _objectSpread(_objectSpread({
       valueType: valueType,
       fieldProps: _objectSpread({
         getPopupContainer: context.getPopupContainer
-      }, fieldProps),
+      }, mergedFieldProps),
       proFieldProps: proFieldProps,
-      filedConfig: {
+      fieldConfig: {
         valueType: valueType,
         customLightMode: true
       }

package/es/form/components/DatePicker/DatePicker.js

@@ -19,7 +19,7 @@ var ProFormDatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     fieldProps: _objectSpread({}, fieldProps),
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true
     }

package/es/form/components/DatePicker/DateTimePicker.js

@@ -19,7 +19,7 @@ var ProFormDateTimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     valueType: valueType,
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true
     }

package/es/form/components/DatePicker/MonthPicker.js

@@ -19,7 +19,7 @@ var ProFormDatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     fieldProps: _objectSpread({}, fieldProps),
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true
     }

package/es/form/components/DatePicker/QuarterPicker.js

@@ -19,7 +19,7 @@ var ProFormDatePickerQuarter = /*#__PURE__*/React.forwardRef(function (_ref, ref
     ref: ref,
     fieldProps: _objectSpread({}, fieldProps),
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true
     }

package/es/form/components/DatePicker/TimePicker.js

@@ -40,7 +40,7 @@ var ProFormTimePicker = function ProFormTimePicker(_ref) {
       }, fieldProps),
       valueType: valueType,
       proFieldProps: proFieldProps,
-      filedConfig: {
+      fieldConfig: {
         customLightMode: true,
         valueType: valueType
       }

package/es/form/components/DatePicker/WeekPicker.js

@@ -19,7 +19,7 @@ var ProFormDatePickerWeek = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     fieldProps: _objectSpread({}, fieldProps),
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true
     }

package/es/form/components/DatePicker/YearPicker.js

@@ -19,7 +19,7 @@ var ProFormDatePickerYear = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     fieldProps: _objectSpread({}, fieldProps),
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true
     }

package/es/form/components/DateRangePicker/BaseDateRanger.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["fieldProps", "proFieldProps", "valueType"];
-import React, { useContext } from 'react';
+import React, { useCallback, useMemo, useContext } from 'react';
 import { FieldRangePicker } from "../../../field";
 import { ProConfigProvider } from "../../../provider";
 import { dateArrayFormatter } from "../../../utils";
@@ -15,30 +15,55 @@ export var BaseDateRanger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     valueType = _ref.valueType,
     rest = _objectWithoutProperties(_ref, _excluded);
   var context = useContext(FieldContext);
+  var mergedFieldProps = useMemo(function () {
+    var nextFieldProps = fieldProps ? _objectSpread({}, fieldProps) : {};
+    if (valueType === 'dateTimeRange' && nextFieldProps.showTime === undefined) {
+      nextFieldProps.showTime = true;
+    }
+    return nextFieldProps;
+  }, [fieldProps, valueType]);
+  var lightFilterFormat = useMemo(function () {
+    if (mergedFieldProps.format) return mergedFieldProps.format;
+    switch (valueType) {
+      case 'dateTimeRange':
+        return 'YYYY-MM-DD HH:mm:ss';
+      case 'dateWeekRange':
+        return 'YYYY-wo';
+      case 'dateMonthRange':
+        return 'YYYY-MM';
+      case 'dateQuarterRange':
+        return 'YYYY-[Q]Q';
+      case 'dateYearRange':
+        return 'YYYY';
+      default:
+        return 'YYYY-MM-DD';
+    }
+  }, [mergedFieldProps.format, valueType]);
+  var renderFieldRangePicker = useCallback(function (text, props) {
+    var _ref2, _fieldPropsFromContex;
+    var fieldPropsFromContext = (_ref2 = props.fieldProps) !== null && _ref2 !== void 0 ? _ref2 : mergedFieldProps;
+    var format = valueType === 'dateTimeRange' ? (_fieldPropsFromContex = fieldPropsFromContext === null || fieldPropsFromContext === void 0 ? void 0 : fieldPropsFromContext.format) !== null && _fieldPropsFromContex !== void 0 ? _fieldPropsFromContex : 'YYYY-MM-DD HH:mm:ss' : fieldPropsFromContext === null || fieldPropsFromContext === void 0 ? void 0 : fieldPropsFromContext.format;
+    return /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({}, props), {}, {
+      format: format,
+      text: text
+    }));
+  }, [mergedFieldProps, valueType]);
   return /*#__PURE__*/_jsx(ProConfigProvider, {
     valueTypeMap: _defineProperty({}, valueType, {
-      render: function render(text, props) {
-        return /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }));
-      },
-      formItemRender: function formItemRender(text, props) {
-        return /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }));
-      }
+      render: renderFieldRangePicker,
+      formItemRender: renderFieldRangePicker
     }),
     children: /*#__PURE__*/_jsx(ProField, _objectSpread(_objectSpread({
       fieldProps: _objectSpread({
         getPopupContainer: context.getPopupContainer
-      }, fieldProps),
+      }, mergedFieldProps),
       valueType: valueType,
       proFieldProps: proFieldProps,
-      filedConfig: {
+      fieldConfig: {
         valueType: valueType,
         customLightMode: true,
         lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {
-          return dateArrayFormatter(value, (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.format) || 'YYYY-MM');
+          return dateArrayFormatter(value, lightFilterFormat);
         }
       }
     }, rest), {}, {

package/es/form/components/DateRangePicker/DateMonthRangePicker.js

@@ -21,7 +21,7 @@ export var ProFormDateMonthRangePicker = /*#__PURE__*/React.forwardRef(function
     fieldProps: _objectSpread({}, fieldProps),
     valueType: valueType,
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true,
       lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {

package/es/form/components/DateRangePicker/DateQuarterRangePicker.js

@@ -21,7 +21,7 @@ export var ProFormDateQuarterRangePicker = /*#__PURE__*/React.forwardRef(functio
     fieldProps: _objectSpread({}, fieldProps),
     valueType: valueType,
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true,
       lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {

package/es/form/components/DateRangePicker/DateTimeRangePicker.js

@@ -21,7 +21,7 @@ export var ProFormDateTimeRangePicker = /*#__PURE__*/React.forwardRef(function (
     fieldProps: _objectSpread({}, fieldProps),
     valueType: valueType,
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true,
       lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {

package/es/form/components/DateRangePicker/DateWeekRangePicker.js

@@ -21,7 +21,7 @@ export var ProFormDateWeekRangePicker = /*#__PURE__*/React.forwardRef(function (
     fieldProps: _objectSpread({}, fieldProps),
     valueType: valueType,
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true,
       lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {

package/es/form/components/DateRangePicker/DateYearRangePicker.js

@@ -21,7 +21,7 @@ export var ProFormDateYearRangePicker = /*#__PURE__*/React.forwardRef(function (
     fieldProps: _objectSpread({}, fieldProps),
     valueType: valueType,
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true,
       lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {

package/es/form/components/DateRangePicker/TimeRangePicker.js

@@ -37,7 +37,7 @@ export var ProFormTimeRangePicker = /*#__PURE__*/React.forwardRef(function (_ref
       }, fieldProps),
       valueType: valueType,
       proFieldProps: proFieldProps,
-      filedConfig: {
+      fieldConfig: {
         valueType: valueType,
         customLightMode: true,
         lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {

package/es/form/components/DateRangePicker/index.js

@@ -21,7 +21,7 @@ var ProFormDateRangePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     fieldProps: _objectSpread({}, fieldProps),
     valueType: valueType,
     proFieldProps: proFieldProps,
-    filedConfig: {
+    fieldConfig: {
       valueType: valueType,
       customLightMode: true,
       lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {

package/es/form/components/Digit/DigitRange.d.ts

@@ -13,7 +13,7 @@ export type ProFormDigitRangeProps = ProFormFieldItemProps<RangeInputNumberProps
     separatorWidth?: number;
 };
 declare const ForwardRefProFormDigit: React.ForwardRefExoticComponent<{
-    fieldProps?: Partial<import("../../typing").FieldProps<any> & Omit<InputNumberProps<number>, "value" | "onChange" | "placeholder" | "defaultValue"> & {
+    fieldProps?: Partial<import("../../typing").FieldProps<any> & Omit<InputNumberProps<number>, "value" | "defaultValue" | "onChange" | "placeholder"> & {
         value?: ValuePair | undefined;
         defaultValue?: ValuePair | undefined;
         onChange?: ((value?: ValuePair) => void) | undefined;

package/es/form/components/Digit/DigitRange.js

@@ -36,7 +36,7 @@ var ProFormDigit = function ProFormDigit(_ref, ref) {
       valueType: "digitRange",
       fieldProps: _objectSpread({}, fieldProps),
       ref: ref,
-      filedConfig: {
+      fieldConfig: {
         defaultProps: {
           width: '100%'
         }

package/es/form/components/Digit/index.js

@@ -41,7 +41,7 @@ var ProFormDigit = function ProFormDigit(_ref, ref) {
         max: max
       }, fieldProps),
       ref: ref,
-      filedConfig: {
+      fieldConfig: {
         defaultProps: {
           width: '100%'
         }

package/es/form/components/FormItem/warpField.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["valueType", "customLightMode", "lightFilterLabelFormatter", "valuePropName", "ignoreWidth", "defaultProps"],
-  _excluded2 = ["label", "tooltip", "placeholder", "width", "bordered", "messageVariables", "ignoreFormItem", "transform", "convertValue", "readonly", "allowClear", "colSize", "getFormItemProps", "getFieldProps", "filedConfig", "cacheForSwr", "proFieldProps"];
+  _excluded2 = ["label", "tooltip", "placeholder", "width", "bordered", "messageVariables", "ignoreFormItem", "transform", "convertValue", "readonly", "allowClear", "colSize", "getFormItemProps", "getFieldProps", "fieldConfig", "cacheForSwr", "proFieldProps"];
 import classnames from 'classnames';
 import { FieldContext as RcFieldContext } from 'rc-field-form';
 import React, { useContext, useMemo, useState } from 'react';
@@ -48,15 +48,15 @@ export function warpField(Field, config) {
   // eslint-disable-next-line no-param-reassign
   Field.displayName = 'ProFormComponent';
   var FieldWithContext = function FieldWithContext(props) {
-    var _props$filedConfig$co = _objectSpread(_objectSpread({}, props === null || props === void 0 ? void 0 : props.filedConfig), config),
-      tmpValueType = _props$filedConfig$co.valueType,
-      customLightMode = _props$filedConfig$co.customLightMode,
-      lightFilterLabelFormatter = _props$filedConfig$co.lightFilterLabelFormatter,
-      _props$filedConfig$co2 = _props$filedConfig$co.valuePropName,
-      valuePropName = _props$filedConfig$co2 === void 0 ? 'value' : _props$filedConfig$co2,
-      ignoreWidth = _props$filedConfig$co.ignoreWidth,
-      defaultProps = _props$filedConfig$co.defaultProps,
-      defaultFormItemProps = _objectWithoutProperties(_props$filedConfig$co, _excluded);
+    var _props$fieldConfig$co = _objectSpread(_objectSpread({}, props === null || props === void 0 ? void 0 : props.fieldConfig), config),
+      tmpValueType = _props$fieldConfig$co.valueType,
+      customLightMode = _props$fieldConfig$co.customLightMode,
+      lightFilterLabelFormatter = _props$fieldConfig$co.lightFilterLabelFormatter,
+      _props$fieldConfig$co2 = _props$fieldConfig$co.valuePropName,
+      valuePropName = _props$fieldConfig$co2 === void 0 ? 'value' : _props$fieldConfig$co2,
+      ignoreWidth = _props$fieldConfig$co.ignoreWidth,
+      defaultProps = _props$fieldConfig$co.defaultProps,
+      defaultFormItemProps = _objectWithoutProperties(_props$fieldConfig$co, _excluded);
     var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       label = _defaultProps$props.label,
       tooltip = _defaultProps$props.tooltip,
@@ -72,7 +72,7 @@ export function warpField(Field, config) {
       colSize = _defaultProps$props.colSize,
       getFormItemProps = _defaultProps$props.getFormItemProps,
       getFieldProps = _defaultProps$props.getFieldProps,
-      filedConfig = _defaultProps$props.filedConfig,
+      fieldConfig = _defaultProps$props.fieldConfig,
       cacheForSwr = _defaultProps$props.cacheForSwr,
       proFieldProps = _defaultProps$props.proFieldProps,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded2);

package/es/form/components/Money/index.js

@@ -45,7 +45,7 @@ var ProFormMoney = function ProFormMoney(_ref, ref) {
         max: max
       }, fieldProps),
       ref: ref,
-      filedConfig: {
+      fieldConfig: {
         defaultProps: {
           width: '100%'
         }