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

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

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "request", "params", "proFieldProps"];
+import React from 'react';
+import { FieldTreeSelect } from "../../../field";
+import { ProConfigProvider } from "../../../provider";
+import ProFormField from "../Field";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 树选择器
+ *
+ * @param
+ */
+var ProFormTreeSelect = function ProFormTreeSelect(_ref, ref) {
+  var fieldProps = _ref.fieldProps,
+    request = _ref.request,
+    params = _ref.params,
+    proFieldProps = _ref.proFieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    valueTypeMap: {
+      treeSelect: {
+        render: function render(text, props) {
+          return /*#__PURE__*/_jsx(FieldTreeSelect, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
+        },
+        formItemRender: function formItemRender(text, props) {
+          return /*#__PURE__*/_jsx(FieldTreeSelect, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
+        }
+      }
+    },
+    children: /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+      valueType: "treeSelect",
+      fieldProps: fieldProps,
+      ref: ref,
+      request: request,
+      params: params,
+      filedConfig: {
+        customLightMode: true
+      },
+      proFieldProps: proFieldProps
+    }, rest))
+  });
+};
+var WarpProFormTreeSelect = /*#__PURE__*/React.forwardRef(ProFormTreeSelect);
+export default WarpProFormTreeSelect;

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

@@ -0,0 +1,52 @@
+import type { ButtonProps, ImageProps, UploadProps } from 'antd';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+type PickUploadProps = Pick<UploadProps<any>, 'listType' | 'action' | 'accept' | 'fileList' | 'onChange'>;
+export type ProFormUploadButtonProps = ProFormFieldItemProps<UploadProps<any>, HTMLElement> & {
+    /**
+     * @name  上传文件的图标
+     * @default UploadOutlined
+     *
+     * @example 改成笑脸图标  icon={<SmileOutlined/>}
+     */
+    icon?: React.ReactNode;
+    /**
+     * @name 按钮文字
+     * @default 单击上传
+     *
+     * @example  title="上传"
+     * @example  title={<div>上传</div>}
+     */
+    title?: React.ReactNode;
+    /**
+     * @name 最大的文件数量，到达数量之后上传按钮会失效
+     *
+     * @example max=2
+     */
+    max?: number;
+    /**
+     * @name 上传组件的 fileList，为了配合form，改成了这个名字
+     * @default []
+     *
+     * example:value={ [{uid: '-1', name: 'xxx.png', status: 'done', url: 'http://www.baidu.com/xxx.png'}] }
+     */
+    value?: UploadProps['fileList'];
+    /**
+     * @name 上传按钮的配置
+     *
+     * @example 按钮修改为主色 buttonProps={{ type:"primary" }}
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * @name 是否禁用按钮
+     * @example  disabled={true}
+     */
+    disabled?: ButtonProps['disabled'];
+    /**
+     * @name 图片预览组件的配置
+     * @example imageProps={{ preview: { toolbarRender: () => null } }}
+     */
+    imageProps?: Omit<ImageProps, 'src'>;
+} & PickUploadProps;
+declare const ProFormUploadButton: React.ForwardRefRenderFunction<any, ProFormUploadButtonProps>;
+export default ProFormUploadButton;

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

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

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

@@ -0,0 +1,46 @@
+import type { DraggerProps, UploadProps } from 'antd/lib/upload';
+import React from 'react';
+import type { ProFormFieldItemProps } from '../../typing';
+export type ProFormUploadDraggerProps = ProFormFieldItemProps<DraggerProps> & {
+    /**
+     * @name  上传文件块的图标
+     * @default UploadOutlined
+     *
+     * @example 改成笑脸图标  icon={<SmileOutlined/>}
+     */
+    icon?: React.ReactNode;
+    /**
+     * @name 上传文件块的标题
+     * @default 单击或拖动文件到此区域进行上传
+     *
+     * @example  title="上传"
+     * @example  title={<div>上传</div>}
+     */
+    title?: React.ReactNode;
+    /**
+     * @name 上传文件块的说明，比标题小一点，但是字数可以更多
+     * @default 支持单次或批量上传
+     *
+     * @example  description="支持xxx文件"
+     * @example  description={<div>支持xxx文件</div>}
+     */
+    description?: React.ReactNode;
+    /**
+     * @name 最大的文件数量，到达数量之后上传按钮会失效
+     *
+     * @example max=2
+     */
+    max?: number;
+    /**
+     * @name 上传组件的 fileList，为了配合form，改成了这个名字
+     * @default []
+     *
+     * example:value={ [{uid: '-1', name: 'xxx.png', status: 'done', url: 'http://www.baidu.com/xxx.png'}] }
+     */
+    value?: UploadProps['fileList'];
+    onChange?: UploadProps['onChange'];
+    action?: UploadProps['action'];
+    accept?: UploadProps['accept'];
+};
+declare const ProFormUploadDragger: React.FC<ProFormUploadDraggerProps>;
+export default ProFormUploadDragger;

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

@@ -0,0 +1,80 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _ref2;
+import { InboxOutlined } from '@ant-design/icons';
+import { ConfigProvider, Upload } from 'antd';
+import React, { useContext } from 'react';
+import { EditOrReadOnlyContext } from "../../BaseForm/EditOrReadOnlyContext";
+import warpField from "../FormItem/warpField";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 拖动上传组件
+ *
+ * @param
+ */
+var BaseProFormUploadDragger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _fieldProps$style;
+  var fieldProps = _ref.fieldProps,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '单击或拖动文件到此区域进行上传' : _ref$title,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? /*#__PURE__*/_jsx(InboxOutlined, {}) : _ref$icon,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? '支持单次或批量上传' : _ref$description,
+    action = _ref.action,
+    accept = _ref.accept,
+    _onChange = _ref.onChange,
+    value = _ref.value,
+    children = _ref.children,
+    max = _ref.max,
+    proFieldProps = _ref.proFieldProps;
+  var context = useContext(ConfigProvider.ConfigContext);
+  var modeContext = useContext(EditOrReadOnlyContext);
+  var mode = (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.mode) || modeContext.mode || 'edit';
+  var baseClassName = context.getPrefixCls('upload');
+  // 如果配置了 max ，并且 超过了文件列表的大小，就不展示按钮
+  var showUploadButton = (max === undefined || !value || (value === null || value === void 0 ? void 0 : value.length) < max) && mode !== 'read' && (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.readonly) !== true;
+  return /*#__PURE__*/_jsxs(Upload.Dragger, _objectSpread(_objectSpread({
+    // @ts-ignore
+    ref: ref,
+    name: "files",
+    action: action,
+    accept: accept,
+    fileList: value
+  }, fieldProps), {}, {
+    onChange: function onChange(info) {
+      _onChange === null || _onChange === void 0 || _onChange(info);
+      if (fieldProps !== null && fieldProps !== void 0 && fieldProps.onChange) {
+        fieldProps === null || fieldProps === void 0 || fieldProps.onChange(info);
+      }
+    },
+    style: _objectSpread(_objectSpread({
+      flexDirection: 'column',
+      alignItems: 'center'
+    }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {}, {
+      display: !showUploadButton ? 'none' : (fieldProps === null || fieldProps === void 0 || (_fieldProps$style = fieldProps.style) === null || _fieldProps$style === void 0 ? void 0 : _fieldProps$style.display) || 'flex'
+    }),
+    children: [/*#__PURE__*/_jsx("p", {
+      className: "".concat(baseClassName, "-drag-icon"),
+      children: icon
+    }), /*#__PURE__*/_jsx("p", {
+      className: "".concat(baseClassName, "-text"),
+      children: title
+    }), /*#__PURE__*/_jsx("p", {
+      className: "".concat(baseClassName, "-hint"),
+      children: description
+    }), children ? /*#__PURE__*/_jsx("div", {
+      className: "".concat(baseClassName, "-extra"),
+      style: {
+        padding: 16
+      },
+      children: children
+    }) : null]
+  }));
+});
+var ProFormUploadDragger = (_ref2 = warpField) === null || _ref2 === void 0 ? void 0 : _ref2(BaseProFormUploadDragger, {
+  getValueFromEvent: function getValueFromEvent(value) {
+    return value.fileList;
+  }
+});
+export default ProFormUploadDragger;

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

@@ -0,0 +1,56 @@
+export { default as ProFormCaptcha } from './Captcha';
+export type { CaptFieldRef, ProFormCaptchaProps } from './Captcha';
+export { default as ProFormCascader } from './Cascader';
+export { default as ProFormCheckbox } from './Checkbox';
+export type { ProFormCheckboxGroupProps, ProFormCheckboxProps, } from './Checkbox';
+export { default as ProFormColorPicker } from './ColorPicker';
+export type { ProFormColorPickerProps } from './ColorPicker';
+export { default as ProFormDatePicker } from './DatePicker';
+export { default as ProFormDateTimePicker } from './DatePicker/DateTimePicker';
+export { default as ProFormTimePicker } from './DatePicker/TimePicker';
+export { default as ProFormDateRangePicker } from './DateRangePicker';
+export { ProFormDateMonthRangePicker } from './DateRangePicker/DateMonthRangePicker';
+export { ProFormDateQuarterRangePicker } from './DateRangePicker/DateQuarterRangePicker';
+export { ProFormDateTimeRangePicker } from './DateRangePicker/DateTimeRangePicker';
+export { ProFormDateWeekRangePicker } from './DateRangePicker/DateWeekRangePicker';
+export { ProFormDateYearRangePicker } from './DateRangePicker/DateYearRangePicker';
+export { ProFormTimeRangePicker } from './DateRangePicker/TimeRangePicker';
+export { default as ProFormDependency } from './Dependency';
+export type { ProFormDependencyProps } from './Dependency';
+export { default as ProFormDigit } from './Digit';
+export type { ProFormDigitProps } from './Digit';
+export { default as ProFormDigitRange } from './Digit/DigitRange';
+export type { ProFormDigitRangeProps } from './Digit/DigitRange';
+export { default as ProFormField } from './Field';
+export type { ProFormFieldProps } from './Field';
+export { default as ProFormFieldSet } from './FieldSet';
+export type { ProFormFieldSetProps } from './FieldSet';
+export { FormItemProvide, default as ProFormItem } from './FormItem';
+export type { ProFormItemProps } from './FormItem';
+export { FormControlRender, FormItemRender, ProFormItemRender, pickControlProps, pickControlPropsWithId, useControlModel, } from './FormItem/FormItemRender';
+export type { FormControlFC, WithControlPropsType, } from './FormItem/FormItemRender';
+export { default as Group } from './FormItem/Group';
+export { ProFormList } from './List';
+export type { FormListActionType, ProFormListProps } from './List';
+export { default as ProFormMoney } from './Money';
+export type { ProFormMoneyProps } from './Money';
+export { default as ProFormRadio } from './Radio';
+export type { ProFormRadioGroupProps } from './Radio';
+export { default as ProFormRate } from './Rate';
+export { default as BetaSchemaForm } from './SchemaForm';
+export type { ProFormColumnsType, ProFormLayoutType } from './SchemaForm';
+export { default as ProFormSegmented } from './Segmented';
+export { default as ProFormSelect } from './Select';
+export type { ProFormSelectProps } from './Select';
+export { default as ProFormSlider } from './Slider';
+export type { ProFormSliderProps } from './Slider';
+export { default as ProFormSwitch } from './Switch';
+export type { ProFormSwitchProps } from './Switch';
+export { default as ProFormText } from './Text';
+export { default as ProFormTextArea } from './TextArea';
+export { default as ProFormTreeSelect } from './TreeSelect';
+export type { ProFormTreeSelectProps } from './TreeSelect';
+export { default as ProFormUploadButton } from './UploadButton';
+export type { ProFormUploadButtonProps } from './UploadButton';
+export { default as ProFormUploadDragger } from './UploadDragger';
+export type { ProFormUploadDraggerProps } from './UploadDragger';

package/es/form/components/index.js

@@ -0,0 +1,36 @@
+export { default as ProFormCaptcha } from "./Captcha";
+export { default as ProFormCascader } from "./Cascader";
+export { default as ProFormCheckbox } from "./Checkbox";
+export { default as ProFormColorPicker } from "./ColorPicker";
+export { default as ProFormDatePicker } from "./DatePicker";
+export { default as ProFormDateTimePicker } from "./DatePicker/DateTimePicker";
+export { default as ProFormTimePicker } from "./DatePicker/TimePicker";
+export { default as ProFormDateRangePicker } from "./DateRangePicker";
+export { ProFormDateMonthRangePicker } from "./DateRangePicker/DateMonthRangePicker";
+export { ProFormDateQuarterRangePicker } from "./DateRangePicker/DateQuarterRangePicker";
+export { ProFormDateTimeRangePicker } from "./DateRangePicker/DateTimeRangePicker";
+export { ProFormDateWeekRangePicker } from "./DateRangePicker/DateWeekRangePicker";
+export { ProFormDateYearRangePicker } from "./DateRangePicker/DateYearRangePicker";
+export { ProFormTimeRangePicker } from "./DateRangePicker/TimeRangePicker";
+export { default as ProFormDependency } from "./Dependency";
+export { default as ProFormDigit } from "./Digit";
+export { default as ProFormDigitRange } from "./Digit/DigitRange";
+export { default as ProFormField } from "./Field";
+export { default as ProFormFieldSet } from "./FieldSet";
+export { FormItemProvide, default as ProFormItem } from "./FormItem";
+export { FormControlRender, FormItemRender, ProFormItemRender, pickControlProps, pickControlPropsWithId, useControlModel } from "./FormItem/FormItemRender";
+export { default as Group } from "./FormItem/Group";
+export { ProFormList } from "./List";
+export { default as ProFormMoney } from "./Money";
+export { default as ProFormRadio } from "./Radio";
+export { default as ProFormRate } from "./Rate";
+export { default as BetaSchemaForm } from "./SchemaForm";
+export { default as ProFormSegmented } from "./Segmented";
+export { default as ProFormSelect } from "./Select";
+export { default as ProFormSlider } from "./Slider";
+export { default as ProFormSwitch } from "./Switch";
+export { default as ProFormText } from "./Text";
+export { default as ProFormTextArea } from "./TextArea";
+export { default as ProFormTreeSelect } from "./TreeSelect";
+export { default as ProFormUploadButton } from "./UploadButton";
+export { default as ProFormUploadDragger } from "./UploadDragger";

package/es/form/helpers/grid.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ColProps, RowProps } from 'antd';
+import type { ProFormGridConfig } from '../typing';
+export declare const GridContext: import("react").Context<ProFormGridConfig>;
+interface CommonProps {
+    Wrapper?: React.FC<any>;
+}
+export interface GridHelpers {
+    RowWrapper: React.FC<RowProps & CommonProps>;
+    ColWrapper: React.FC<ColProps & CommonProps>;
+    grid: boolean;
+}
+export declare const gridHelpers: (config: ProFormGridConfig & CommonProps) => GridHelpers;
+export declare const useGridHelpers: (props?: (ProFormGridConfig & CommonProps) | boolean) => GridHelpers;
+export {};

package/es/form/helpers/grid.js

@@ -0,0 +1,90 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "Wrapper"],
+  _excluded2 = ["children", "Wrapper"];
+import { Col, Row } from 'antd';
+import { createContext, useContext, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var GridContext = /*#__PURE__*/createContext({
+  grid: false,
+  colProps: undefined,
+  rowProps: undefined
+});
+export var gridHelpers = function gridHelpers(_ref) {
+  var grid = _ref.grid,
+    rowProps = _ref.rowProps,
+    colProps = _ref.colProps;
+  return {
+    grid: !!grid,
+    RowWrapper: function RowWrapper() {
+      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        children = _ref2.children,
+        Wrapper = _ref2.Wrapper,
+        props = _objectWithoutProperties(_ref2, _excluded);
+      if (!grid) {
+        return Wrapper ? /*#__PURE__*/_jsx(Wrapper, {
+          children: children
+        }) : children;
+      }
+      return /*#__PURE__*/_jsx(Row, _objectSpread(_objectSpread(_objectSpread({
+        gutter: 8
+      }, rowProps), props), {}, {
+        children: children
+      }));
+    },
+    ColWrapper: function ColWrapper() {
+      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        children = _ref3.children,
+        Wrapper = _ref3.Wrapper,
+        rest = _objectWithoutProperties(_ref3, _excluded2);
+      var props = useMemo(function () {
+        var originProps = _objectSpread(_objectSpread({}, colProps), rest);
+
+        /**
+         * `xs` takes precedence over `span`
+         * avoid `span` doesn't work
+         */
+        if (typeof originProps.span === 'undefined' && typeof originProps.xs === 'undefined') {
+          originProps.xs = 24;
+        }
+        return originProps;
+      }, [rest]);
+      if (!grid) {
+        return Wrapper ? /*#__PURE__*/_jsx(Wrapper, {
+          children: children
+        }) : children;
+      }
+      return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, props), {}, {
+        children: children
+      }));
+    }
+  };
+};
+export var useGridHelpers = function useGridHelpers(props) {
+  var config = useMemo(function () {
+    {
+      if (_typeof(props) === 'object') {
+        return props;
+      }
+      return {
+        grid: props
+      };
+    }
+  }, [props]);
+  var _useContext = useContext(GridContext),
+    grid = _useContext.grid,
+    colProps = _useContext.colProps;
+  return useMemo(function () {
+    return gridHelpers({
+      grid: !!(grid || config.grid),
+      rowProps: config === null || config === void 0 ? void 0 : config.rowProps,
+      colProps: (config === null || config === void 0 ? void 0 : config.colProps) || colProps,
+      Wrapper: config === null || config === void 0 ? void 0 : config.Wrapper
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [config === null || config === void 0 ? void 0 : config.Wrapper, config.grid, grid,
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  JSON.stringify([colProps, config === null || config === void 0 ? void 0 : config.colProps, config === null || config === void 0 ? void 0 : config.rowProps])]);
+};

package/es/form/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './grid';

package/es/form/helpers/index.js

@@ -0,0 +1 @@
+export * from "./grid";

package/es/form/index.d.ts

@@ -0,0 +1,15 @@
+import { GridContext } from './helpers';
+import { ProForm } from './layouts';
+import type { ProFormGroupProps } from './typing';
+export { ProFormContext } from '../utils';
+export { LightWrapper } from './BaseForm';
+export type { LightWrapperProps, ProFormInstance } from './BaseForm';
+export * from './components';
+export type { FormListActionType, ProFormCaptchaProps, ProFormCheckboxGroupProps, ProFormCheckboxProps, ProFormColorPickerProps, ProFormColumnsType, ProFormDependencyProps, ProFormDigitProps, ProFormDigitRangeProps, ProFormFieldProps, ProFormFieldSetProps, ProFormLayoutType, ProFormListProps, ProFormMoneyProps, ProFormRadioGroupProps, ProFormSelectProps, ProFormSliderProps, ProFormSwitchProps, ProFormTreeSelectProps, ProFormUploadButtonProps, ProFormUploadDraggerProps, } from './components';
+export { FormListContext } from './components/List';
+export { FieldContext } from './FieldContext';
+export * from './layouts';
+export type { LightFilterFooterRender, ProFormFieldItemProps as ProFormItemProps, } from './typing';
+export { GridContext, ProForm };
+export type { ProFormGroupProps as GroupProps };
+export default ProForm;

package/es/form/index.js

@@ -0,0 +1,10 @@
+import { GridContext } from "./helpers";
+import { ProForm } from "./layouts";
+export { ProFormContext } from "../utils";
+export { LightWrapper } from "./BaseForm";
+export * from "./components";
+export { FormListContext } from "./components/List";
+export { FieldContext } from "./FieldContext";
+export * from "./layouts";
+export { GridContext, ProForm };
+export default ProForm;

package/es/form/layouts/DrawerForm/index.d.ts

@@ -0,0 +1,43 @@
+import type { DrawerProps, FormProps } from 'antd';
+import React from 'react';
+import type { CommonFormProps } from '../../BaseForm';
+export type CustomizeResizeType = {
+    onResize?: () => void;
+    maxWidth?: DrawerProps['width'];
+    minWidth?: DrawerProps['width'];
+};
+export type DrawerFormProps<T = Record<string, any>, U = Record<string, any>> = Omit<FormProps, 'onFinish' | 'title'> & CommonFormProps<T, U> & {
+    /**
+     * 接收任意值，返回 真值 会关掉这个抽屉
+     *
+     * @name 表单结束后调用
+     *
+     * @example 结束后关闭抽屉
+     * onFinish: async ()=> {await save(); return true}
+     *
+     * @example 结束后不关闭抽屉
+     * onFinish: async ()=> {await save(); return false}
+     */
+    onFinish?: (formData: T) => Promise<any>;
+    /** @name 提交数据时，禁用取消按钮的超时时间（毫秒）。 */
+    submitTimeout?: number;
+    /** @name 用于触发抽屉打开的 dom ，只能设置一个*/
+    trigger?: JSX.Element;
+    /** @name 受控的打开关闭 */
+    open?: DrawerProps['open'];
+    /** @name 打开关闭的事件 */
+    onOpenChange?: (open: boolean) => void;
+    /** @name 抽屉的配置 */
+    drawerProps?: Omit<DrawerProps, 'open'>;
+    /** @name 抽屉的标题 */
+    title?: DrawerProps['title'];
+    /** @name 抽屉的宽度 */
+    width?: DrawerProps['width'];
+    /**
+     *
+     * @name draggableDrawer
+     */
+    resize?: CustomizeResizeType | boolean;
+};
+declare function DrawerForm<T = Record<string, any>, U = Record<string, any>>({ children, trigger, drawerProps, onFinish, submitTimeout, title, width, resize, onOpenChange, open: propsOpen, ...rest }: DrawerFormProps<T, U>): React.JSX.Element;
+export { DrawerForm };