@ant-design/pro-components 2.8.10 → 3.0.0-beta.2

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

@@ -0,0 +1,81 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _ref3;
+var _excluded = ["options", "fieldProps", "proFieldProps", "valueEnum"];
+import { Checkbox } from 'antd';
+import React from 'react';
+import { FieldCheckbox } from "../../../field";
+import { ProConfigProvider } from "../../../provider";
+import { runFunction } from "../../../utils";
+import ProFormField from "../Field";
+import warpField from "../FormItem/warpField";
+import { jsx as _jsx } from "react/jsx-runtime";
+var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var options = _ref.options,
+    fieldProps = _ref.fieldProps,
+    proFieldProps = _ref.proFieldProps,
+    valueEnum = _ref.valueEnum,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    valueTypeMap: {
+      checkbox: {
+        render: function render(text, props) {
+          return /*#__PURE__*/_jsx(FieldCheckbox, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
+        },
+        formItemRender: function formItemRender(text, props) {
+          return /*#__PURE__*/_jsx(FieldCheckbox, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
+        }
+      }
+    },
+    children: /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+      ref: ref,
+      valueType: "checkbox",
+      valueEnum: runFunction(valueEnum, undefined),
+      fieldProps: _objectSpread({
+        options: options
+      }, fieldProps),
+      lightProps: _objectSpread({
+        labelFormatter: function labelFormatter() {
+          return /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+            ref: ref,
+            valueType: "checkbox",
+            mode: "read",
+            valueEnum: runFunction(valueEnum, undefined),
+            filedConfig: {
+              customLightMode: true
+            },
+            fieldProps: _objectSpread({
+              options: options
+            }, fieldProps),
+            proFieldProps: proFieldProps
+          }, rest));
+        }
+      }, rest.lightProps),
+      proFieldProps: proFieldProps
+    }, rest))
+  });
+});
+/**
+ * 多选框的
+ *
+ * @param
+ */
+var ProFormCheckboxComponents = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var fieldProps = _ref2.fieldProps,
+    children = _ref2.children;
+  return /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({
+    ref: ref
+  }, fieldProps), {}, {
+    children: children
+  }));
+});
+var ProFormCheckbox = (_ref3 = warpField) === null || _ref3 === void 0 ? void 0 : _ref3(ProFormCheckboxComponents, {
+  valuePropName: 'checked'
+});
+var WrappedProFormCheckbox = ProFormCheckbox;
+WrappedProFormCheckbox.Group = CheckboxGroup;
+export default WrappedProFormCheckbox;

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

@@ -0,0 +1,27 @@
+import type { PopoverProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+type ColorPickerProps = {
+    value?: string;
+    onChange?: (color: string) => void;
+};
+export type ProFormColorPickerProps = ProFormFieldItemProps<ColorPickerProps> & {
+    popoverProps?: PopoverProps;
+    colors?: string[];
+};
+declare const _default: React.ForwardRefExoticComponent<{
+    fieldProps?: Partial<import("../../typing").FieldProps<any> & ColorPickerProps> | undefined;
+    placeholder?: string | string[] | undefined;
+    secondary?: boolean | undefined;
+    emptyText?: React.ReactNode;
+    cacheForSwr?: boolean | undefined;
+    disabled?: boolean | undefined;
+    width?: number | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
+    proFieldProps?: import("src/utils").ProFieldProps | undefined;
+    footerRender?: import("../../typing").LightFilterFooterRender | undefined;
+    children?: any;
+} & Omit<import("src/form/components").ProFormItemProps, "valueType"> & Pick<import("../../typing").ProFormGridConfig, "colProps"> & import("../../typing").ExtendsProps & {
+    popoverProps?: PopoverProps | undefined;
+    colors?: string[] | undefined;
+} & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,51 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "popoverProps", "proFieldProps", "colors"];
+import React from 'react';
+import { FieldColorPicker } from "../../../field";
+import { ProConfigProvider } from "../../../provider";
+import ProFromField from "../Field";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 颜色选择组件
+ *
+ * @param
+ */
+var ProFormColorPicker = function ProFormColorPicker(_ref, ref) {
+  var fieldProps = _ref.fieldProps,
+    popoverProps = _ref.popoverProps,
+    proFieldProps = _ref.proFieldProps,
+    colors = _ref.colors,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    valueTypeMap: {
+      color: {
+        render: function render(text, props) {
+          return /*#__PURE__*/_jsx(FieldColorPicker, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
+        },
+        formItemRender: function formItemRender(text, props) {
+          return /*#__PURE__*/_jsx(FieldColorPicker, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
+        }
+      }
+    },
+    children: /*#__PURE__*/_jsx(ProFromField, _objectSpread({
+      valueType: "color",
+      fieldProps: _objectSpread({
+        popoverProps: popoverProps,
+        colors: colors
+      }, fieldProps),
+      ref: ref,
+      proFieldProps: proFieldProps,
+      filedConfig: {
+        defaultProps: {
+          width: '100%'
+        }
+      }
+    }, rest))
+  });
+};
+export default /*#__PURE__*/React.forwardRef(ProFormColorPicker);

package/es/form/components/DatePicker/BaseDatePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 日期选择组件
+ *
+ * @param
+ */
+export declare const BaseDatePicker: React.FC<ProFormFieldItemProps<any> & {
+    ref: any;
+    valueType: 'date' | 'dateTime' | 'dateRange' | 'dateTimeRange' | 'dateWeek' | 'dateMonth' | 'dateQuarter' | 'dateYear';
+}>;

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

@@ -0,0 +1,50 @@
+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 { FieldDatePicker } from "../../../field";
+import { ProConfigProvider } from "../../../provider";
+import FieldContext from "../../FieldContext";
+import ProFormField from "../Field";
+
+/**
+ * 日期选择组件
+ *
+ * @param
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var BaseDatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var proFieldProps = _ref.proFieldProps,
+    fieldProps = _ref.fieldProps,
+    valueType = _ref.valueType,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FieldContext);
+  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
+        }));
+      }
+    }),
+    children: /*#__PURE__*/_jsx(ProFormField, _objectSpread(_objectSpread({
+      valueType: valueType,
+      fieldProps: _objectSpread({
+        getPopupContainer: context.getPopupContainer
+      }, fieldProps),
+      proFieldProps: proFieldProps,
+      filedConfig: {
+        valueType: valueType,
+        customLightMode: true
+      }
+    }, rest), {}, {
+      ref: ref
+    }))
+  });
+});

package/es/form/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,10 @@
+import type { DatePickerProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 日期选择组件
+ *
+ * @param
+ */
+declare const ProFormDatePicker: React.FC<ProFormFieldItemProps<DatePickerProps>>;
+export default ProFormDatePicker;

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

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["proFieldProps", "fieldProps"];
+import React from 'react';
+import { BaseDatePicker } from "./BaseDatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+var valueType = 'date';
+/**
+ * 日期选择组件
+ *
+ * @param
+ */
+var ProFormDatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var proFieldProps = _ref.proFieldProps,
+    fieldProps = _ref.fieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread({
+    valueType: valueType,
+    ref: ref,
+    fieldProps: _objectSpread({}, fieldProps),
+    proFieldProps: proFieldProps,
+    filedConfig: {
+      valueType: valueType,
+      customLightMode: true
+    }
+  }, rest));
+});
+export default ProFormDatePicker;

package/es/form/components/DatePicker/DateTimePicker.d.ts

@@ -0,0 +1,10 @@
+import type { DatePickerProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 时间日期选择组件
+ *
+ * @param
+ */
+declare const ProFormDateTimePicker: React.FC<ProFormFieldItemProps<DatePickerProps>>;
+export default ProFormDateTimePicker;

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

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "proFieldProps"];
+import React from 'react';
+import { BaseDatePicker } from "./BaseDatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+var valueType = 'dateTime';
+
+/**
+ * 时间日期选择组件
+ *
+ * @param
+ */
+var ProFormDateTimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var fieldProps = _ref.fieldProps,
+    proFieldProps = _ref.proFieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread({
+    ref: ref,
+    valueType: valueType,
+    proFieldProps: proFieldProps,
+    filedConfig: {
+      valueType: valueType,
+      customLightMode: true
+    }
+  }, rest));
+});
+export default ProFormDateTimePicker;

package/es/form/components/DatePicker/MonthPicker.d.ts

@@ -0,0 +1,10 @@
+import type { DatePickerProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 日期选择组件
+ *
+ * @param
+ */
+declare const ProFormDatePicker: React.FC<ProFormFieldItemProps<DatePickerProps>>;
+export default ProFormDatePicker;

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

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["proFieldProps", "fieldProps"];
+import React from 'react';
+import { BaseDatePicker } from "./BaseDatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+var valueType = 'dateMonth';
+/**
+ * 日期选择组件
+ *
+ * @param
+ */
+var ProFormDatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var proFieldProps = _ref.proFieldProps,
+    fieldProps = _ref.fieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread({
+    valueType: valueType,
+    ref: ref,
+    fieldProps: _objectSpread({}, fieldProps),
+    proFieldProps: proFieldProps,
+    filedConfig: {
+      valueType: valueType,
+      customLightMode: true
+    }
+  }, rest));
+});
+export default ProFormDatePicker;

package/es/form/components/DatePicker/QuarterPicker.d.ts

@@ -0,0 +1,10 @@
+import type { DatePickerProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 周选择组件
+ *
+ * @param
+ */
+declare const ProFormDatePickerQuarter: React.FC<ProFormFieldItemProps<DatePickerProps>>;
+export default ProFormDatePickerQuarter;

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

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["proFieldProps", "fieldProps"];
+import React from 'react';
+import { BaseDatePicker } from "./BaseDatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+var valueType = 'dateQuarter';
+/**
+ * 周选择组件
+ *
+ * @param
+ */
+var ProFormDatePickerQuarter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var proFieldProps = _ref.proFieldProps,
+    fieldProps = _ref.fieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread({
+    valueType: valueType,
+    ref: ref,
+    fieldProps: _objectSpread({}, fieldProps),
+    proFieldProps: proFieldProps,
+    filedConfig: {
+      valueType: valueType,
+      customLightMode: true
+    }
+  }, rest));
+});
+export default ProFormDatePickerQuarter;

package/es/form/components/DatePicker/TimePicker.d.ts

@@ -0,0 +1,14 @@
+import type { DatePickerProps } from 'antd/lib/date-picker';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+import { ProFormTimeRangePicker } from '../DateRangePicker/TimeRangePicker';
+/**
+ * 时间选择组件
+ *
+ * @param
+ */
+declare const ProFormTimePicker: React.FC<ProFormFieldItemProps<DatePickerProps>>;
+declare const WrappedProFormTimePicker: typeof ProFormTimePicker & {
+    RangePicker: typeof ProFormTimeRangePicker;
+};
+export default WrappedProFormTimePicker;

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

@@ -0,0 +1,52 @@
+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"];
+import React, { useContext } from 'react';
+import { FieldTimePicker } from "../../../field";
+import { ProConfigProvider } from "../../../provider";
+import FieldContext from "../../FieldContext";
+import { ProFormTimeRangePicker } from "../DateRangePicker/TimeRangePicker";
+import ProField from "../Field";
+import { jsx as _jsx } from "react/jsx-runtime";
+var valueType = 'time';
+
+/**
+ * 时间选择组件
+ *
+ * @param
+ */
+var ProFormTimePicker = function ProFormTimePicker(_ref) {
+  var fieldProps = _ref.fieldProps,
+    proFieldProps = _ref.proFieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FieldContext);
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    valueTypeMap: _defineProperty({}, valueType, {
+      render: function render(text, props) {
+        return /*#__PURE__*/_jsx(FieldTimePicker, _objectSpread(_objectSpread({}, props), {}, {
+          text: text
+        }));
+      },
+      formItemRender: function formItemRender(text, props) {
+        return /*#__PURE__*/_jsx(FieldTimePicker, _objectSpread(_objectSpread({}, props), {}, {
+          text: text
+        }));
+      }
+    }),
+    children: /*#__PURE__*/_jsx(ProField, _objectSpread({
+      fieldProps: _objectSpread({
+        getPopupContainer: context.getPopupContainer
+      }, fieldProps),
+      valueType: valueType,
+      proFieldProps: proFieldProps,
+      filedConfig: {
+        customLightMode: true,
+        valueType: valueType
+      }
+    }, rest))
+  });
+};
+var WrappedProFormTimePicker = ProFormTimePicker;
+WrappedProFormTimePicker.RangePicker = ProFormTimeRangePicker;
+export default WrappedProFormTimePicker;

package/es/form/components/DatePicker/WeekPicker.d.ts

@@ -0,0 +1,10 @@
+import type { WeekPickerProps } from 'antd/lib/date-picker';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 周选择组件
+ *
+ * @param
+ */
+declare const ProFormDatePickerWeek: React.FC<ProFormFieldItemProps<WeekPickerProps>>;
+export default ProFormDatePickerWeek;

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

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["proFieldProps", "fieldProps"];
+import React from 'react';
+import { BaseDatePicker } from "./BaseDatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+var valueType = 'dateWeek';
+/**
+ * 周选择组件
+ *
+ * @param
+ */
+var ProFormDatePickerWeek = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var proFieldProps = _ref.proFieldProps,
+    fieldProps = _ref.fieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread({
+    valueType: valueType,
+    ref: ref,
+    fieldProps: _objectSpread({}, fieldProps),
+    proFieldProps: proFieldProps,
+    filedConfig: {
+      valueType: valueType,
+      customLightMode: true
+    }
+  }, rest));
+});
+export default ProFormDatePickerWeek;

package/es/form/components/DatePicker/YearPicker.d.ts

@@ -0,0 +1,10 @@
+import type { DatePickerProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 周选择组件
+ *
+ * @param
+ */
+declare const ProFormDatePickerYear: React.FC<ProFormFieldItemProps<DatePickerProps>>;
+export default ProFormDatePickerYear;

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

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["proFieldProps", "fieldProps"];
+import React from 'react';
+import { BaseDatePicker } from "./BaseDatePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+var valueType = 'dateYear';
+/**
+ * 周选择组件
+ *
+ * @param
+ */
+var ProFormDatePickerYear = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var proFieldProps = _ref.proFieldProps,
+    fieldProps = _ref.fieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread({
+    valueType: valueType,
+    ref: ref,
+    fieldProps: _objectSpread({}, fieldProps),
+    proFieldProps: proFieldProps,
+    filedConfig: {
+      valueType: valueType,
+      customLightMode: true
+    }
+  }, rest));
+});
+export default ProFormDatePickerYear;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import ProFormDatePickerMonth from './MonthPicker';
+import ProFormDatePickerQuarter from './QuarterPicker';
+import ProFormDatePickerWeek from './WeekPicker';
+import ProFormDatePickerYear from './YearPicker';
+declare const ExportComponent: import("react").FC<import("src/form").ProFormItemProps<import("antd").DatePickerProps>> & {
+    Week: typeof ProFormDatePickerWeek;
+    Month: typeof ProFormDatePickerMonth;
+    Quarter: typeof ProFormDatePickerQuarter;
+    Year: typeof ProFormDatePickerYear;
+};
+export default ExportComponent;

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

@@ -0,0 +1,14 @@
+import ProFormDatePicker from "./DatePicker";
+import ProFormDatePickerMonth from "./MonthPicker";
+import ProFormDatePickerQuarter from "./QuarterPicker";
+import ProFormDatePickerWeek from "./WeekPicker";
+import ProFormDatePickerYear from "./YearPicker";
+var ExportComponent = ProFormDatePicker;
+ExportComponent.Week = ProFormDatePickerWeek;
+ExportComponent.Month = ProFormDatePickerMonth;
+ExportComponent.Quarter = ProFormDatePickerQuarter;
+ExportComponent.Year = ProFormDatePickerYear;
+// @ts-ignore
+// eslint-disable-next-line no-param-reassign
+ExportComponent.displayName = 'ProFormComponent';
+export default ExportComponent;

package/es/form/components/DateRangePicker/BaseDateRanger.d.ts

@@ -0,0 +1,7 @@
+import type { RangePickerProps } from 'antd/lib/date-picker';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+export declare const BaseDateRanger: React.FC<ProFormFieldItemProps<RangePickerProps> & {
+    ref: any;
+    valueType: 'dateQuarterRange' | 'dateMonthRange' | 'dateYearRange' | 'dateRange' | 'dateWeekRange' | 'dateTimeRange';
+}>;

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

@@ -0,0 +1,48 @@
+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 { FieldRangePicker } from "../../../field";
+import { ProConfigProvider } from "../../../provider";
+import { dateArrayFormatter } from "../../../utils";
+import FieldContext from "../../FieldContext";
+import ProField from "../Field";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var BaseDateRanger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var fieldProps = _ref.fieldProps,
+    proFieldProps = _ref.proFieldProps,
+    valueType = _ref.valueType,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FieldContext);
+  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
+        }));
+      }
+    }),
+    children: /*#__PURE__*/_jsx(ProField, _objectSpread(_objectSpread({
+      fieldProps: _objectSpread({
+        getPopupContainer: context.getPopupContainer
+      }, fieldProps),
+      valueType: valueType,
+      proFieldProps: proFieldProps,
+      filedConfig: {
+        valueType: valueType,
+        customLightMode: true,
+        lightFilterLabelFormatter: function lightFilterLabelFormatter(value) {
+          return dateArrayFormatter(value, (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.format) || 'YYYY-MM');
+        }
+      }
+    }, rest), {}, {
+      ref: ref
+    }))
+  });
+});

package/es/form/components/DateRangePicker/DateMonthRangePicker.d.ts

@@ -0,0 +1,9 @@
+import type { RangePickerProps } from 'antd/lib/date-picker';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+/**
+ * 月份区间选择组件
+ *
+ * @param
+ */
+export declare const ProFormDateMonthRangePicker: React.FC<ProFormFieldItemProps<RangePickerProps>>;