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

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

@@ -0,0 +1,157 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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());
+  });
+};
+
+// src/form/components/UploadButton/index.tsx
+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";
+var getBase64 = (file) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = (error) => reject(error);
+});
+var BaseProFormUploadButton = (_a2, ref) => {
+  var _b = _a2, {
+    fieldProps,
+    action,
+    accept,
+    listType,
+    title = "单击上传",
+    max,
+    icon = /* @__PURE__ */ React.createElement(UploadOutlined, null),
+    buttonProps,
+    disabled,
+    proFieldProps,
+    imageProps
+  } = _b, restProps = __objRest(_b, [
+    "fieldProps",
+    "action",
+    "accept",
+    "listType",
+    "title",
+    "max",
+    "icon",
+    "buttonProps",
+    "disabled",
+    "proFieldProps",
+    "imageProps"
+  ]);
+  var _a3;
+  const [previewOpen, setPreviewOpen] = useState(false);
+  const [previewImage, setPreviewImage] = useState("");
+  const value = useMemo(() => {
+    var _a4;
+    return (_a4 = restProps.fileList) != null ? _a4 : restProps.value;
+  }, [restProps.fileList, restProps.value]);
+  const handlePreview = (file) => __async(void 0, null, function* () {
+    if (!file.url && !file.preview) {
+      file.preview = yield getBase64(file.originFileObj);
+    }
+    setPreviewImage(file.url || file.preview);
+    setPreviewOpen(true);
+  });
+  const modeContext = useContext(EditOrReadOnlyContext);
+  const mode = (proFieldProps == null ? void 0 : proFieldProps.mode) || modeContext.mode || "edit";
+  const showUploadButton = (max === void 0 || !value || (value == null ? void 0 : value.length) < max) && mode !== "read";
+  const isPictureCard = (listType != null ? listType : fieldProps == null ? void 0 : fieldProps.listType) === "picture-card";
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Upload,
+    __spreadProps(__spreadValues({
+      action,
+      accept,
+      ref,
+      listType: listType || "picture",
+      fileList: value,
+      onPreview: handlePreview
+    }, fieldProps), {
+      name: (_a3 = fieldProps == null ? void 0 : fieldProps.name) != null ? _a3 : "file",
+      onChange: (info) => {
+        var _a4;
+        (_a4 = fieldProps == null ? void 0 : fieldProps.onChange) == null ? void 0 : _a4.call(fieldProps, info);
+      }
+    }),
+    showUploadButton && (isPictureCard ? /* @__PURE__ */ React.createElement("span", null, icon, " ", title) : /* @__PURE__ */ React.createElement(
+      Button,
+      __spreadValues({
+        disabled: disabled || (fieldProps == null ? void 0 : fieldProps.disabled)
+      }, buttonProps),
+      icon,
+      title
+    ))
+  ), previewImage && /* @__PURE__ */ React.createElement(
+    Image,
+    __spreadProps(__spreadValues({
+      wrapperStyle: { display: "none" }
+    }, imageProps), {
+      preview: __spreadValues({
+        open: previewOpen,
+        onOpenChange: (open) => setPreviewOpen(open),
+        afterOpenChange: (open) => !open && setPreviewImage("")
+      }, (imageProps == null ? void 0 : imageProps.preview) || {}),
+      src: previewImage
+    })
+  ));
+};
+var _a;
+var ProFormUploadButton = (_a = warpField) == null ? void 0 : _a(
+  React.forwardRef(BaseProFormUploadButton),
+  {
+    getValueFromEvent: (value) => value.fileList
+  }
+);
+var UploadButton_default = ProFormUploadButton;
+export {
+  UploadButton_default as default
+};

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,95 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
+
+// src/form/components/UploadDragger/index.tsx
+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";
+var BaseProFormUploadDragger = React.forwardRef(
+  ({
+    fieldProps,
+    title = "单击或拖动文件到此区域进行上传",
+    icon = /* @__PURE__ */ React.createElement(InboxOutlined, null),
+    description = "支持单次或批量上传",
+    action,
+    accept,
+    onChange,
+    value,
+    children,
+    max,
+    proFieldProps
+  }, ref) => {
+    var _a2;
+    const context = useContext(ConfigProvider.ConfigContext);
+    const modeContext = useContext(EditOrReadOnlyContext);
+    const mode = (proFieldProps == null ? void 0 : proFieldProps.mode) || modeContext.mode || "edit";
+    const baseClassName = context.getPrefixCls("upload");
+    const showUploadButton = (max === void 0 || !value || (value == null ? void 0 : value.length) < max) && mode !== "read" && (proFieldProps == null ? void 0 : proFieldProps.readonly) !== true;
+    return /* @__PURE__ */ React.createElement(
+      Upload.Dragger,
+      __spreadProps(__spreadValues({
+        ref,
+        name: "files",
+        action,
+        accept,
+        fileList: value
+      }, fieldProps), {
+        onChange: (info) => {
+          onChange == null ? void 0 : onChange(info);
+          if (fieldProps == null ? void 0 : fieldProps.onChange) {
+            fieldProps == null ? void 0 : fieldProps.onChange(info);
+          }
+        },
+        style: __spreadProps(__spreadValues({
+          flexDirection: "column",
+          alignItems: "center"
+        }, fieldProps == null ? void 0 : fieldProps.style), {
+          display: !showUploadButton ? "none" : ((_a2 = fieldProps == null ? void 0 : fieldProps.style) == null ? void 0 : _a2.display) || "flex"
+        })
+      }),
+      /* @__PURE__ */ React.createElement("p", { className: `${baseClassName}-drag-icon` }, icon),
+      /* @__PURE__ */ React.createElement("p", { className: `${baseClassName}-text` }, title),
+      /* @__PURE__ */ React.createElement("p", { className: `${baseClassName}-hint` }, description),
+      children ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-extra`,
+          style: {
+            padding: 16
+          }
+        },
+        children
+      ) : null
+    );
+  }
+);
+var _a;
+var ProFormUploadDragger = (_a = warpField) == null ? void 0 : _a(
+  BaseProFormUploadDragger,
+  {
+    getValueFromEvent: (value) => value.fileList
+  }
+);
+var UploadDragger_default = ProFormUploadDragger;
+export {
+  UploadDragger_default as default
+};

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,88 @@
+// src/form/components/index.ts
+import { default as default2 } from "./Captcha";
+import { default as default3 } from "./Cascader";
+import { default as default4 } from "./Checkbox";
+import { default as default5 } from "./ColorPicker";
+import { default as default6 } from "./DatePicker";
+import { default as default7 } from "./DatePicker/DateTimePicker";
+import { default as default8 } from "./DatePicker/TimePicker";
+import { default as default9 } from "./DateRangePicker";
+import { ProFormDateMonthRangePicker } from "./DateRangePicker/DateMonthRangePicker";
+import { ProFormDateQuarterRangePicker } from "./DateRangePicker/DateQuarterRangePicker";
+import { ProFormDateTimeRangePicker } from "./DateRangePicker/DateTimeRangePicker";
+import { ProFormDateWeekRangePicker } from "./DateRangePicker/DateWeekRangePicker";
+import { ProFormDateYearRangePicker } from "./DateRangePicker/DateYearRangePicker";
+import { ProFormTimeRangePicker } from "./DateRangePicker/TimeRangePicker";
+import { default as default10 } from "./Dependency";
+import { default as default11 } from "./Digit";
+import { default as default12 } from "./Digit/DigitRange";
+import { default as default13 } from "./Field";
+import { default as default14 } from "./FieldSet";
+import { FormItemProvide, default as default15 } from "./FormItem";
+import {
+  FormControlRender,
+  FormItemRender,
+  ProFormItemRender,
+  pickControlProps,
+  pickControlPropsWithId,
+  useControlModel
+} from "./FormItem/FormItemRender";
+import { default as default16 } from "./FormItem/Group";
+import { ProFormList } from "./List";
+import { default as default17 } from "./Money";
+import { default as default18 } from "./Radio";
+import { default as default19 } from "./Rate";
+import { default as default20 } from "./SchemaForm";
+import { default as default21 } from "./Segmented";
+import { default as default22 } from "./Select";
+import { default as default23 } from "./Slider";
+import { default as default24 } from "./Switch";
+import { default as default25 } from "./Text";
+import { default as default26 } from "./TextArea";
+import { default as default27 } from "./TreeSelect";
+import { default as default28 } from "./UploadButton";
+import { default as default29 } from "./UploadDragger";
+export {
+  default20 as BetaSchemaForm,
+  FormControlRender,
+  FormItemProvide,
+  FormItemRender,
+  default16 as Group,
+  default2 as ProFormCaptcha,
+  default3 as ProFormCascader,
+  default4 as ProFormCheckbox,
+  default5 as ProFormColorPicker,
+  ProFormDateMonthRangePicker,
+  default6 as ProFormDatePicker,
+  ProFormDateQuarterRangePicker,
+  default9 as ProFormDateRangePicker,
+  default7 as ProFormDateTimePicker,
+  ProFormDateTimeRangePicker,
+  ProFormDateWeekRangePicker,
+  ProFormDateYearRangePicker,
+  default10 as ProFormDependency,
+  default11 as ProFormDigit,
+  default12 as ProFormDigitRange,
+  default13 as ProFormField,
+  default14 as ProFormFieldSet,
+  default15 as ProFormItem,
+  ProFormItemRender,
+  ProFormList,
+  default17 as ProFormMoney,
+  default18 as ProFormRadio,
+  default19 as ProFormRate,
+  default21 as ProFormSegmented,
+  default22 as ProFormSelect,
+  default23 as ProFormSlider,
+  default24 as ProFormSwitch,
+  default25 as ProFormText,
+  default26 as ProFormTextArea,
+  default8 as ProFormTimePicker,
+  ProFormTimeRangePicker,
+  default27 as ProFormTreeSelect,
+  default28 as ProFormUploadButton,
+  default29 as ProFormUploadDragger,
+  pickControlProps,
+  pickControlPropsWithId,
+  useControlModel
+};

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,95 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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;
+};
+
+// src/form/helpers/grid.tsx
+import { Col, Row } from "antd";
+import { createContext, useContext, useMemo } from "react";
+var GridContext = createContext({
+  grid: false,
+  colProps: void 0,
+  rowProps: void 0
+});
+var gridHelpers = ({ grid, rowProps, colProps }) => ({
+  grid: !!grid,
+  RowWrapper(_a = {}) {
+    var _b = _a, { children, Wrapper } = _b, props = __objRest(_b, ["children", "Wrapper"]);
+    if (!grid) {
+      return Wrapper ? /* @__PURE__ */ React.createElement(Wrapper, null, children) : children;
+    }
+    return /* @__PURE__ */ React.createElement(Row, __spreadValues(__spreadValues({ gutter: 8 }, rowProps), props), children);
+  },
+  ColWrapper(_c = {}) {
+    var _d = _c, { children, Wrapper } = _d, rest = __objRest(_d, ["children", "Wrapper"]);
+    const props = useMemo(() => {
+      const originProps = __spreadValues(__spreadValues({}, colProps), rest);
+      if (typeof originProps.span === "undefined" && typeof originProps.xs === "undefined") {
+        originProps.xs = 24;
+      }
+      return originProps;
+    }, [rest]);
+    if (!grid) {
+      return Wrapper ? /* @__PURE__ */ React.createElement(Wrapper, null, children) : children;
+    }
+    return /* @__PURE__ */ React.createElement(Col, __spreadValues({}, props), children);
+  }
+});
+var useGridHelpers = (props) => {
+  const config = useMemo(() => {
+    {
+      if (typeof props === "object") {
+        return props;
+      }
+      return {
+        grid: props
+      };
+    }
+  }, [props]);
+  const { grid, colProps } = useContext(GridContext);
+  return useMemo(
+    () => gridHelpers({
+      grid: !!(grid || config.grid),
+      rowProps: config == null ? void 0 : config.rowProps,
+      colProps: (config == null ? void 0 : config.colProps) || colProps,
+      Wrapper: config == null ? void 0 : config.Wrapper
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      config == null ? void 0 : config.Wrapper,
+      config.grid,
+      grid,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify([colProps, config == null ? void 0 : config.colProps, config == null ? void 0 : config.rowProps])
+    ]
+  );
+};
+export {
+  GridContext,
+  gridHelpers,
+  useGridHelpers
+};

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

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

package/es/form/helpers/index.js

@@ -0,0 +1,2 @@
+// src/form/helpers/index.ts
+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,19 @@
+// src/form/index.tsx
+import { GridContext } from "./helpers";
+import { ProForm } from "./layouts";
+import { ProFormContext } from "../utils";
+import { LightWrapper } from "./BaseForm";
+export * from "./components";
+import { FormListContext } from "./components/List";
+import { FieldContext } from "./FieldContext";
+export * from "./layouts";
+var form_default = ProForm;
+export {
+  FieldContext,
+  FormListContext,
+  GridContext,
+  LightWrapper,
+  ProForm,
+  ProFormContext,
+  form_default as default
+};

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 };