@ant-design/pro-components 3.1.12-0 → 3.1.13-0

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

@@ -5,6 +5,27 @@ import type { ProFormInstance } from '../../BaseForm';
 import type { SubmitterProps } from '../../BaseForm/Submitter';
 import type { ProFormProps } from '../ProForm';
 import type { StepFormProps } from './StepForm';
+/**
+ * 分步表单容器 ref：合并各步取值与跨步控制（`formRef` 仍仅指向当前步）
+ */
+export type StepsFormRef = {
+    /**
+     * 合并所有分步表单的 `getFieldsValue`（后者覆盖同名字段，与最终 `onFinish` 合并规则一致）
+     * @description 各步表单在 DOM 中均会挂载（非当前步仅隐藏），故包含尚未展示步骤里已有初值/已填值
+     */
+    getAllFieldsValue: () => Record<string, any>;
+    /**
+     * 合并所有分步表单的 `getFieldsFormatValue`（含 transform）
+     * @description 与各步挂载方式同 `getAllFieldsValue`
+     */
+    getAllFieldsFormatValue: (omitNil?: boolean) => Record<string, any>;
+    getCurrentStep: () => number;
+    /** 跳转到指定步，不触发表单校验；越界则忽略 */
+    setCurrentStep: (stepIndex: number) => void;
+    getStepFormInstance: (stepIndex: number) => ProFormInstance | undefined;
+    /** 清空分步缓存、重置各步表单并回到第一步 */
+    resetSteps: () => void;
+};
 type StepsFormProps<T = Record<string, any>> = {
     /**
      * 返回 true 会重置步数，并且清空表单
@@ -23,8 +44,18 @@ type StepsFormProps<T = Record<string, any>> = {
     }[], defaultDom: React.ReactNode) => React.ReactNode;
     /** @name 当前展示表单的 formRef */
     formRef?: React.MutableRefObject<ProFormInstance<any> | undefined | null>;
+    /**
+     * 分步容器 ref：合并取值、指定步表单实例、无校验跳转等
+     * @name 分步容器 ref
+     */
+    stepsFormRef?: React.MutableRefObject<StepsFormRef | null | undefined>;
     /** @name 所有表单的 formMapRef */
     formMapRef?: React.MutableRefObject<React.MutableRefObject<FormInstance<any> | undefined>[]>;
+    /**
+     * 是否允许点击步骤条切换步骤（不触发表单校验；若多步存在同名字段，合并规则与提交一致）
+     * @default false
+     */
+    allowStepSelect?: boolean;
     /**
      * 自定义单个表单
      *
@@ -66,17 +97,45 @@ export declare const StepsFormProvide: React.Context<{
     lastStep: boolean;
     formMapRef: React.MutableRefObject<Map<string, StepFormProps>>;
     next: () => void;
+    /** 当前步骤下标，从 0 开始 */
+    current: number;
+    /** 已注册的分步数量 */
+    stepCount: number;
+    /** 跳转到指定步，不触发表单校验；越界则忽略 */
+    setCurrent: (index: number) => void;
 } | undefined>;
+/**
+ * 获取 StepsForm 上下文（current / setCurrent / stepCount / loading 等），须在 StepsForm 内使用
+ */
+export declare function useStepsFormContext(): {
+    regForm: (name: string, props: StepsFormProps<any>) => void;
+    unRegForm: (name: string) => void;
+    onFormFinish: (name: string, formData: any) => void;
+    keyArray: string[];
+    formArrayRef: React.MutableRefObject<React.MutableRefObject<FormInstance<any> | undefined>[]>;
+    loading: boolean;
+    setLoading: (loading: boolean) => void;
+    lastStep: boolean;
+    formMapRef: React.MutableRefObject<Map<string, StepFormProps>>;
+    next: () => void;
+    /** 当前步骤下标，从 0 开始 */
+    current: number;
+    /** 已注册的分步数量 */
+    stepCount: number;
+    /** 跳转到指定步，不触发表单校验；越界则忽略 */
+    setCurrent: (index: number) => void;
+};
 /**
  * 给  StepForm 传递信息
  */
 export declare const StepFormProvide: React.Context<StepFormProps<any> | null>;
 declare function StepsFormWarp<T = Record<string, any>>(props: StepsFormProps<T> & {
     children: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace StepsFormWarp {
     var StepForm: typeof import("./StepForm").default;
     var useForm: typeof import("antd/es/form/Form").useForm;
+    var useStepsFormContext: typeof import("src/form").useStepsFormContext;
 }
 export { StepsFormWarp as StepsForm };
 export type { StepFormProps, StepsFormProps };

package/es/form/layouts/StepsForm/index.js

@@ -6,10 +6,25 @@ import { ProConfigProvider, useIntl } from "../../../provider";
 import { merge, useRefFunction } from "../../../utils";
 import StepForm from "./StepForm";
 import { useStyle } from "./style";
+
+/**
+ * 分步表单容器 ref：合并各步取值与跨步控制（`formRef` 仍仅指向当前步）
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const StepsFormProvide = /*#__PURE__*/React.createContext(undefined);
+
+/**
+ * 获取 StepsForm 上下文（current / setCurrent / stepCount / loading 等），须在 StepsForm 内使用
+ */
+export function useStepsFormContext() {
+  const ctx = useContext(StepsFormProvide);
+  if (!ctx) {
+    throw new Error('[@ant-design/pro-components] useStepsFormContext must be used within StepsForm');
+  }
+  return ctx;
+}
 const StepsLayoutStrategy = {
   horizontal({
     stepsDom,
@@ -92,8 +107,8 @@ function StepsForm(props) {
     hashId
   } = useStyle(prefixCls);
   const {
-    current,
-    onCurrentChange,
+    current: _propsCurrent,
+    onCurrentChange: _propsOnCurrentChange,
     submitter,
     stepsFormRender,
     stepsRender,
@@ -103,7 +118,9 @@ function StepsForm(props) {
     formProps,
     containerStyle,
     formRef,
+    stepsFormRef: propsStepsFormRef,
     formMapRef: propsFormMapRef,
+    allowStepSelect = false,
     layoutRender: propsLayoutRender,
     ...rest
   } = props;
@@ -162,10 +179,52 @@ function StepsForm(props) {
     formMapRef.current.delete(name);
     formDataRef.current.delete(name);
   }, []);
-  useImperativeHandle(propsFormMapRef, () => formArrayRef.current, [formArrayRef.current]);
+  const setCurrentStepSafe = useRefFunction(index => {
+    if (index < 0 || index >= formArrayRef.current.length) {
+      return;
+    }
+    setStep(index);
+  });
+  useImperativeHandle(propsFormMapRef, () => formArrayRef.current, [formArray]);
   useImperativeHandle(formRef, () => {
     return formArrayRef.current[step || 0]?.current;
-  }, [step, formArrayRef.current]);
+  }, [step, formArray.length]);
+  useImperativeHandle(propsStepsFormRef, () => ({
+    getAllFieldsValue: () => {
+      const parts = [];
+      formArrayRef.current.forEach(ref => {
+        const inst = ref.current;
+        if (inst?.getFieldsValue) {
+          parts.push(inst.getFieldsValue(true));
+        }
+      });
+      return merge({}, ...parts);
+    },
+    getAllFieldsFormatValue: omitNil => {
+      const parts = [];
+      formArrayRef.current.forEach(ref => {
+        const inst = ref.current;
+        if (inst?.getFieldsFormatValue) {
+          parts.push(inst.getFieldsFormatValue(true, omitNil));
+        }
+      });
+      return merge({}, ...parts);
+    },
+    getCurrentStep: () => step,
+    setCurrentStep: index => {
+      setCurrentStepSafe(index);
+    },
+    getStepFormInstance: index => {
+      return formArrayRef.current[index]?.current;
+    },
+    resetSteps: () => {
+      formDataRef.current.clear();
+      setStep(0);
+      formArrayRef.current.forEach(r => {
+        r.current?.resetFields?.();
+      });
+    }
+  }), [step, setCurrentStepSafe, setStep]);
 
   /**
    * ProForm处理了一下 from 的数据，在其中做了一些操作 如果使用 Provider 自带的，自带的数据处理就无法生效了
@@ -185,7 +244,7 @@ function StepsForm(props) {
         formArrayRef.current.forEach(form => form.current?.resetFields());
       }
     } catch (error) {
-      console.log(error);
+      console.error('[StepsForm] onFinish error:', error);
     } finally {
       setLoading(false);
     }
@@ -216,10 +275,13 @@ function StepsForm(props) {
         ...stepsProps,
         ...itemsProps,
         current: step,
-        onChange: undefined
+        onChange: allowStepSelect ? nextStep => {
+          setCurrentStepSafe(nextStep);
+          stepsProps?.onChange?.(nextStep);
+        } : stepsProps?.onChange
       })
     });
-  }, [formArray, hashId, prefixCls, step, stepsProps]);
+  }, [allowStepSelect, formArray, hashId, prefixCls, setCurrentStepSafe, step, stepsProps]);
   const onSubmit = useRefFunction(() => {
     const from = formArrayRef.current[step];
     from.current?.submit();
@@ -230,8 +292,19 @@ function StepsForm(props) {
     if (step < 1) return;
     setStep(step - 1);
   });
-  const next = useMemo(() => {
-    return submitter !== false && /*#__PURE__*/_jsx(Button, {
+  const nextPage = useRefFunction(() => {
+    if (formArray.length === 0) return;
+    if (step > formArray.length - 2) return;
+    setStep(step + 1);
+  });
+
+  /**
+   * 合并 next/pre/submit 三个按钮的生成逻辑和 submitterDom 的组合逻辑，
+   * 避免四个 useMemo 互相引用、deps 难以维护的问题。
+   */
+  const submitterDom = useMemo(() => {
+    if (submitter === false) return null;
+    const nextButton = /*#__PURE__*/_jsx(Button, {
       type: "primary",
       loading: loading,
       ...submitter?.submitButtonProps,
@@ -241,9 +314,7 @@ function StepsForm(props) {
       },
       children: intl.getMessage('stepsForm.next', '下一步')
     }, "next");
-  }, [intl, loading, onSubmit, submitter]);
-  const pre = useMemo(() => {
-    return submitter !== false && /*#__PURE__*/_jsx(Button, {
+    const preButton = /*#__PURE__*/_jsx(Button, {
       ...submitter?.resetButtonProps,
       onClick: () => {
         prePage();
@@ -251,9 +322,7 @@ function StepsForm(props) {
       },
       children: intl.getMessage('stepsForm.prev', '上一步')
     }, "pre");
-  }, [intl, prePage, submitter]);
-  const submit = useMemo(() => {
-    return submitter !== false && /*#__PURE__*/_jsx(Button, {
+    const submitButton = /*#__PURE__*/_jsx(Button, {
       type: "primary",
       loading: loading,
       ...submitter?.submitButtonProps,
@@ -263,30 +332,17 @@ function StepsForm(props) {
       },
       children: intl.getMessage('stepsForm.submit', '提交')
     }, "submit");
-  }, [intl, loading, onSubmit, submitter]);
-  const nextPage = useRefFunction(() => {
-    // Ensure we have forms registered before checking step bounds
-    if (formArray.length === 0) return;
-    if (step > formArray.length - 2) return;
-    setStep(step + 1);
-  });
-  const submitterDom = useMemo(() => {
-    let buttons = [];
     const index = step || 0;
+    let buttons;
     if (index < 1) {
-      // 如果有且只有一个 StepForm 第一步就应该是提交按钮
-      if (formArray.length === 1) {
-        buttons.push(submit);
-      } else {
-        buttons.push(next);
-      }
+      // 只有一步时第一步直接显示提交按钮
+      buttons = formArray.length === 1 ? [submitButton] : [nextButton];
     } else if (index + 1 === formArray.length) {
-      buttons.push(pre, submit);
+      buttons = [preButton, submitButton];
     } else {
-      buttons.push(pre, next);
+      buttons = [preButton, nextButton];
     }
-    buttons = buttons.filter(React.isValidElement);
-    if (submitter && submitter.render) {
+    if (submitter?.render) {
       const submitterProps = {
         form: formArrayRef.current[step]?.current,
         onSubmit,
@@ -295,11 +351,11 @@ function StepsForm(props) {
       };
       return submitter.render(submitterProps, buttons);
     }
-    if (submitter && submitter?.render === false) {
+    if (submitter?.render === false) {
       return null;
     }
     return buttons;
-  }, [formArray.length, next, onSubmit, pre, prePage, step, submit, submitter]);
+  }, [formArray.length, intl, loading, onSubmit, prePage, step, submitter]);
   const formDom = useMemo(() => {
     return toArray(props.children).map((item, index) => {
       const itemProps = item.props;
@@ -375,7 +431,10 @@ function StepsForm(props) {
           formMapRef,
           lastStep,
           unRegForm,
-          onFormFinish
+          onFormFinish,
+          current: step,
+          stepCount: formArray.length,
+          setCurrent: setCurrentStepSafe
         },
         children: stepsFormDom
       })
@@ -392,4 +451,5 @@ function StepsFormWarp(props) {
 }
 StepsFormWarp.StepForm = StepForm;
 StepsFormWarp.useForm = Form.useForm;
+StepsFormWarp.useStepsFormContext = useStepsFormContext;
 export { StepsFormWarp as StepsForm };

package/es/form/layouts/_shared/LoginFormHeader.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type LoginFormHeaderProps = {
+    logo?: React.ReactNode;
+    title?: React.ReactNode | false;
+    subTitle?: React.ReactNode | false;
+    /** CSS 前缀（来自 context.getPrefixCls，由调用方传入） */
+    prefixCls: string;
+    hashId?: string;
+};
+/**
+ * LoginForm / LoginFormPage 共用的顶部 header：
+ * - logo（string → <img>，ReactNode → 原样）
+ * - title
+ * - subTitle（desc 区）
+ */
+export declare const LoginFormHeader: React.FC<LoginFormHeaderProps>;

package/es/form/layouts/_shared/LoginFormHeader.js

@@ -0,0 +1,45 @@
+import { clsx } from 'clsx';
+import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * LoginForm / LoginFormPage 共用的顶部 header：
+ * - logo（string → <img>，ReactNode → 原样）
+ * - title
+ * - subTitle（desc 区）
+ */
+export const LoginFormHeader = ({
+  logo,
+  title,
+  subTitle,
+  prefixCls,
+  hashId
+}) => {
+  const getCls = className => `${prefixCls}-${className}`;
+  const logoDom = useMemo(() => {
+    if (!logo) return null;
+    if (typeof logo === 'string') {
+      return /*#__PURE__*/_jsx("img", {
+        src: logo,
+        alt: ""
+      });
+    }
+    return logo;
+  }, [logo]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: clsx(getCls('top'), hashId),
+    children: [title || logoDom ? /*#__PURE__*/_jsxs("div", {
+      className: clsx(getCls('header'), hashId),
+      children: [logoDom ? /*#__PURE__*/_jsx("span", {
+        className: clsx(getCls('logo'), hashId),
+        children: logoDom
+      }) : null, title ? /*#__PURE__*/_jsx("span", {
+        className: clsx(getCls('title'), hashId),
+        children: title
+      }) : null]
+    }) : null, subTitle ? /*#__PURE__*/_jsx("div", {
+      className: clsx(getCls('desc'), hashId),
+      children: subTitle
+    }) : null]
+  });
+};

package/es/form/layouts/_shared/useOverlayForm.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import type { CommonFormProps, ProFormInstance } from '../../BaseForm';
+export type OverlayFormSearchConfig = {
+    submitText: string;
+    resetText: string;
+};
+export type UseOverlayFormOptions<T> = {
+    /** 受控 open 值（来自 props） */
+    propsOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** 内部 formRef（由 hook 创建并管理） */
+    formRef: React.MutableRefObject<ProFormInstance | undefined>;
+    /** 用户从外部传入的 formRef（用于 useImperativeHandle 暴露） */
+    propsFormRef?: React.MutableRefObject<any> | React.RefObject<any>;
+    /** 是否在关闭时销毁并重置表单 */
+    destroyOnHidden?: boolean;
+    /** 提交超时（毫秒），超时期间禁用取消按钮 */
+    submitTimeout?: number;
+    /** 表单提交回调，返回 truthy 时自动关闭弹层 */
+    onFinish?: (values: T) => Promise<any>;
+    /** 弹层自身的关闭回调（onCancel / onClose），在取消按钮点击时额外触发 */
+    onCloseExtra?: (e: any) => void;
+    /** submitter prop，false 表示不渲染 */
+    submitter: CommonFormProps['submitter'];
+    /** 按钮文案配置 */
+    searchConfig: OverlayFormSearchConfig;
+    /** 触发打开弹层的 trigger 元素 */
+    trigger?: React.JSX.Element;
+};
+export type UseOverlayFormResult<T> = {
+    open: boolean;
+    setOpen: (updater: boolean | ((prev: boolean) => boolean)) => void;
+    loading: boolean;
+    /** ref callback，绑定到弹层 footer 容器的 div 上 */
+    footerDomRef: React.RefCallback<HTMLDivElement>;
+    /** 实际指向 footer DOM 节点的 ref */
+    footerRef: React.MutableRefObject<HTMLDivElement | null>;
+    /** clone 后的 trigger，内部已注入 onClick */
+    triggerDom: React.ReactElement | null;
+    /** 计算好的 submitter 配置，直接传给 BaseForm */
+    submitterConfig: CommonFormProps['submitter'];
+    /** 传给 BaseForm 的 contentRender */
+    contentRender: (formDom: any, submitter: any) => React.ReactElement;
+    /** 传给 BaseForm 的 onFinish */
+    onFinishHandle: (values: T) => Promise<any>;
+    /** 关闭时重置表单，仅在 destroyOnHidden=true 时有效 */
+    resetFields: () => void;
+};
+/**
+ * 提取 ModalForm / DrawerForm 共同的弹层表单逻辑：
+ * - open 受控状态 + queueMicrotask 通知
+ * - footer portal 挂载点管理（footerRef + forceUpdate）
+ * - destroyOnHidden 时的 resetFields
+ * - submitterConfig 合并（searchConfig + resetButtonProps）
+ * - contentRender（formDom + portal 到 footer）
+ * - onFinishHandle（submitTimeout 超时保护）
+ * - trigger cloneElement
+ * - useImperativeHandle 同步 propsFormRef
+ */
+export declare function useOverlayForm<T = Record<string, any>>({ propsOpen, onOpenChange, formRef, propsFormRef, destroyOnHidden, submitTimeout, onFinish, onCloseExtra, submitter, searchConfig, trigger, }: UseOverlayFormOptions<T>): UseOverlayFormResult<T>;

package/es/form/layouts/_shared/useOverlayForm.js

@@ -0,0 +1,155 @@
+import { merge, useControlledState } from '@rc-component/util';
+import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useRefFunction } from "../../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 提取 ModalForm / DrawerForm 共同的弹层表单逻辑：
+ * - open 受控状态 + queueMicrotask 通知
+ * - footer portal 挂载点管理（footerRef + forceUpdate）
+ * - destroyOnHidden 时的 resetFields
+ * - submitterConfig 合并（searchConfig + resetButtonProps）
+ * - contentRender（formDom + portal 到 footer）
+ * - onFinishHandle（submitTimeout 超时保护）
+ * - trigger cloneElement
+ * - useImperativeHandle 同步 propsFormRef
+ */
+export function useOverlayForm({
+  propsOpen,
+  onOpenChange,
+  formRef,
+  propsFormRef,
+  destroyOnHidden,
+  submitTimeout,
+  onFinish,
+  onCloseExtra,
+  submitter,
+  searchConfig,
+  trigger
+}) {
+  const [, forceUpdate] = useState({});
+  const [loading, setLoading] = useState(false);
+  const [open, setOpenInner] = useControlledState(false, propsOpen);
+  const onOpenChangeCallback = useRefFunction(nextOpen => {
+    onOpenChange?.(nextOpen);
+  });
+
+  /**
+   * 包一层 queueMicrotask，防止在渲染阶段同步触发外部 setState，
+   * 避免 React "Cannot update a component while rendering a different component" 警告
+   */
+  const setOpen = useRefFunction(updater => {
+    setOpenInner(prev => {
+      const next = typeof updater === 'function' ? updater(prev) : updater;
+      queueMicrotask(() => {
+        onOpenChangeCallback(next);
+      });
+      return next;
+    });
+  });
+
+  // footer 挂载点
+  const footerRef = useRef(null);
+  const footerDomRef = useRefFunction(element => {
+    // 第一次拿到 DOM 节点时，触发一次 forceUpdate 让 portal 有机会挂载
+    if (footerRef.current === null && element) {
+      forceUpdate({});
+    }
+    footerRef.current = element;
+  });
+
+  // 重置表单（仅在 destroyOnHidden 时调用）
+  const resetFields = useRefFunction(() => {
+    const form = formRef.current;
+    if (form && destroyOnHidden && typeof form.resetFields === 'function') {
+      form.resetFields();
+    }
+  });
+
+  /**
+   * 将内部 formRef 暴露给调用方传入的 propsFormRef。
+   * deps 必须是 []：formRef.current 是 mutable value，变化不会触发更新，
+   * 用它做依赖项毫无意义。
+   */
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useImperativeHandle(propsFormRef, () => formRef.current, []);
+
+  // 受控 propsOpen=true 时，立即通知外部感知初始打开状态
+  useEffect(() => {
+    if (propsOpen) {
+      onOpenChange?.(true);
+    }
+    // 只关心 propsOpen 的初始值，不追踪 onOpenChange（引用可能每次变化）
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [propsOpen]);
+
+  // trigger 克隆：注入 onClick 以切换 open
+  const triggerDom = trigger ? /*#__PURE__*/React.cloneElement(trigger, {
+    key: 'trigger',
+    ...trigger.props,
+    onClick: async e => {
+      setOpen(!open);
+      trigger.props?.onClick?.(e);
+    }
+  }) : null;
+  const submitterConfig = submitter === false ? false : merge({
+    searchConfig: {
+      submitText: searchConfig.submitText,
+      resetText: searchConfig.resetText
+    },
+    resetButtonProps: {
+      preventDefault: true,
+      disabled: submitTimeout ? loading : false,
+      onClick: e => {
+        setOpen(false);
+        onCloseExtra?.(e);
+      }
+    }
+  }, submitter ?? {});
+
+  // formDom + portal submitter 到 footer
+  const contentRender = useRefFunction((formDom, submitterDom) => {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [formDom, footerRef.current && submitterDom ? /*#__PURE__*/_jsx(React.Fragment, {
+        children: /*#__PURE__*/createPortal(submitterDom, footerRef.current)
+      }, "submitter") : submitterDom]
+    });
+  });
+
+  // submitTimeout 超时保护：超时内禁用取消按钮，结果 truthy 时自动关闭
+  const onFinishHandle = useRefFunction(async values => {
+    const responsePromise = onFinish?.(values);
+    if (submitTimeout) {
+      setLoading(true);
+      const timer = setTimeout(() => setLoading(false), submitTimeout);
+      try {
+        const result = await responsePromise;
+        clearTimeout(timer);
+        setLoading(false);
+        if (result) setOpen(false);
+        return result;
+      } catch (error) {
+        clearTimeout(timer);
+        setLoading(false);
+        throw error;
+      }
+    }
+    const result = await responsePromise;
+    if (result) setOpen(false);
+    return result;
+  });
+  return {
+    open,
+    setOpen,
+    loading,
+    footerDomRef,
+    footerRef,
+    triggerDom,
+    submitterConfig,
+    contentRender,
+    onFinishHandle,
+    resetFields
+  };
+}

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

@@ -2,7 +2,7 @@
 import { ProForm } from './ProForm';
 export { DrawerForm } from './DrawerForm';
 export type { DrawerFormProps } from './DrawerForm';
-export { LightFilter } from './LightFilter';
+export { default as LightFilter } from './LightFilter';
 export type { LightFilterProps } from './LightFilter';
 export { LoginForm } from './LoginForm';
 export type { LoginFormProps } from './LoginForm';
@@ -13,6 +13,7 @@ export type { ProFormProps } from './ProForm';
 export { QueryFilter } from './QueryFilter';
 export type { BaseQueryFilterProps, QueryFilterProps } from './QueryFilter';
 export { StepsForm } from './StepsForm';
-export type { StepFormProps, StepsFormProps } from './StepsForm';
+export type { StepFormProps, StepsFormProps, StepsFormRef, } from './StepsForm';
+export { useStepsFormContext } from './StepsForm';
 export { ProForm };
 export declare const ProFormGroup: import("react").FC<import("src/form").GroupProps>;

package/es/form/layouts/index.js

@@ -1,10 +1,11 @@
 import { ProForm } from "./ProForm";
 export { DrawerForm } from "./DrawerForm";
-export { LightFilter } from "./LightFilter";
+export { default as LightFilter } from "./LightFilter";
 export { LoginForm } from "./LoginForm";
 export { LoginFormPage } from "./LoginFormPage";
 export { ModalForm } from "./ModalForm";
 export { QueryFilter } from "./QueryFilter";
 export { StepsForm } from "./StepsForm";
+export { useStepsFormContext } from "./StepsForm";
 export { ProForm };
 export const ProFormGroup = ProForm.Group;

package/es/form/typing.d.ts

@@ -1,6 +1,7 @@
 import type { ColProps, FormItemProps, RowProps } from 'antd';
 import type React from 'react';
-import type { ProFieldProps, ProFieldValueType, ProFormBaseGroupProps, ProSchema, SearchConvertKeyFn } from '../utils';
+import type { ProFieldProps, ProFormBaseGroupProps, ProSchema, SearchConvertKeyFn } from '../utils';
+import type { ProFieldValueType } from '../utils/typing';
 import type { ProFormInstance } from './BaseForm';
 import type { ProFormItemProps } from './components';
 import type { CaptFieldRef } from './components/Captcha';
@@ -143,3 +144,5 @@ export type ProFormFieldItemProps<T = Record<string, any>, K = any> = {
  * load remote data props
  */
 export type ProFormFieldRemoteProps = Pick<ProSchema, 'debounceTime' | 'request' | 'valueEnum' | 'params'>;
+export type { ProFieldBuiltinValueType, ProFieldSchemaLayoutValueType, ProFieldValueObjectType, ProFieldValueType, ProFieldValueTypeInput, } from '../utils/typing';
+export { PRO_FIELD_SCHEMA_LAYOUT_VALUE_TYPES } from '../utils/typing';

package/es/form/typing.js

@@ -1 +1,7 @@
-export {};
+// 给控件扩展的通用的属性
+
+/**
+ * load remote data props
+ */
+
+export { PRO_FIELD_SCHEMA_LAYOUT_VALUE_TYPES } from "../utils/typing";

package/es/layout/assert/Logo.d.ts

@@ -1 +1,2 @@
-export declare const Logo: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const Logo: () => import("react").JSX.Element;

package/es/layout/components/AppsLogoComponents/AppsLogo.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 /**
  * 默认的应用列表的图标
  *
  */
-export declare const AppsLogo: () => import("react/jsx-runtime").JSX.Element;
+export declare const AppsLogo: () => import("react").JSX.Element;