import { WizardDialog } from "../../../src/core/WizardDialog"; import React from "react"; /** * 基础用法 */ export declare const StepWizardDialog: { (): React.JSX.Element; storyName: string; }; /** * 仅左侧面板 */ export declare const OnlyLeftWizardDialog: { (): React.JSX.Element; storyName: string; }; /** * 自定义步骤组件 */ export declare const CustomStepsWizardDialog: { (): React.JSX.Element; storyName: string; }; /** * 可滚动的多步骤向导 */ export declare const ScrollableWizardDialog: { (): React.JSX.Element; storyName: string; }; /** * 初始化状态 */ export declare const InitializingWizardDialog: { (): React.JSX.Element; storyName: string; }; /** * 隐藏底部操作栏 */ export declare const NoFooterWizardDialog: { (): React.JSX.Element; storyName: string; }; /** * 步骤校验(onNextStep 阻止导航) * * 演示 onNextStep 返回 false 阻止步骤跳转的模式。 * 第一步包含必填项,未填写时点击"下一步"会被阻止并显示校验提示。 */ export declare const StepValidation: { (): React.JSX.Element; storyName: string; }; /** 演示异步任务期间保留关闭图标,并单独控制 footer 操作。 */ export declare const CloseDisabledWizardDialog: { (): React.JSX.Element; storyName: string; }; /** * WizardDialog 组件 * * 基于 ImmersiveDialog 扩展的多步骤向导对话框,适用于需要分步引导用户完成复杂操作的场景。 * * ### 特性 * - 支持通过 steps 配置多个步骤,每个步骤包含标题和内容 * - 左侧面板自动渲染步骤指示器,支持点击步骤切换 * - 自动管理上一步/下一步按钮,最后一步显示确认按钮 * - 支持 onNextStep 返回 false 阻止步骤跳转(表单校验场景) * - 支持自定义左侧、右侧面板内容 * - 支持隐藏步骤指示器(hideSteps)以使用自定义步骤组件 */ declare const story: { title: "Core/WizardDialog | 向导弹窗"; component: typeof WizardDialog; decorators: ((Story: import("@storybook/types").PartialStoryFn) => void) & ((e: React.MouseEvent) => void)) | undefined; onCancel?: ((e: React.MouseEvent) => void) | undefined; afterClose?: (() => void) | undefined; centered?: boolean | undefined; width?: string | number | undefined; footer?: React.ReactNode; okText?: ((boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null) & string) | undefined; okType?: import("antd/lib/button/button").LegacyButtonType | undefined; cancelText?: ((boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null) & string) | undefined; maskClosable?: boolean | undefined; forceRender?: boolean | undefined; okButtonProps?: (Partial<{ href: string; target?: string | undefined; onClick?: React.MouseEventHandler | undefined; } & import("antd/lib/button/button").BaseButtonProps & import("antd/lib/_util/type").Omit, "onClick" | "type"> & { htmlType?: "button" | "reset" | "submit" | undefined; onClick?: React.MouseEventHandler | undefined; } & import("antd/lib/_util/type").Omit, "onClick" | "type">> & { prefixIcon?: JSX.Element | undefined; hoverPrefixIcon?: JSX.Element | undefined; suffixIcon?: JSX.Element | undefined; hoverSuffixIcon?: JSX.Element | undefined; type?: "link" | "text" | "dashed" | "default" | "primary" | "ghost" | "secondary" | "tertiary" | "ordinary" | "ordinary-onTint" | "quiet" | undefined; } & Omit | undefined; } & import("antd/lib/button/button").BaseButtonProps & import("antd/lib/_util/type").Omit, "onClick" | "type"> & { htmlType?: "button" | "reset" | "submit" | undefined; onClick?: React.MouseEventHandler | undefined; } & import("antd/lib/_util/type").Omit, "onClick" | "type">>, "icon" | "type">) | undefined; cancelButtonProps?: (Partial<{ href: string; target?: string | undefined; onClick?: React.MouseEventHandler | undefined; } & import("antd/lib/button/button").BaseButtonProps & import("antd/lib/_util/type").Omit, "onClick" | "type"> & { htmlType?: "button" | "reset" | "submit" | undefined; onClick?: React.MouseEventHandler | undefined; } & import("antd/lib/_util/type").Omit, "onClick" | "type">> & { prefixIcon?: JSX.Element | undefined; hoverPrefixIcon?: JSX.Element | undefined; suffixIcon?: JSX.Element | undefined; hoverSuffixIcon?: JSX.Element | undefined; type?: "link" | "text" | "dashed" | "default" | "primary" | "ghost" | "secondary" | "tertiary" | "ordinary" | "ordinary-onTint" | "quiet" | undefined; } & Omit | undefined; } & import("antd/lib/button/button").BaseButtonProps & import("antd/lib/_util/type").Omit, "onClick" | "type"> & { htmlType?: "button" | "reset" | "submit" | undefined; onClick?: React.MouseEventHandler | undefined; } & import("antd/lib/_util/type").Omit, "onClick" | "type">>, "icon" | "type">) | undefined; destroyOnClose?: boolean | undefined; style?: React.CSSProperties | undefined; wrapClassName?: string | undefined; maskTransitionName?: string | undefined; transitionName?: string | undefined; className?: string | undefined; getContainer?: string | false | HTMLElement | (() => HTMLElement) | null | undefined; zIndex?: number | undefined; bodyStyle?: React.CSSProperties | undefined; maskStyle?: React.CSSProperties | undefined; mask?: boolean | undefined; keyboard?: boolean | undefined; wrapProps?: any; prefixCls?: string | undefined; closeIcon?: React.ReactNode; focusTriggerAfterClose?: boolean | undefined; closeDisabled?: boolean | undefined; showCancel?: boolean | undefined; showOk?: boolean | undefined; error?: React.ReactNode; hideFooter?: boolean | undefined; showFooterErrorIcon?: boolean | undefined; isContentFull?: boolean | undefined; left?: React.ReactNode; leftClassName?: string | undefined; right?: React.ReactNode; rightClassName?: string | undefined; footerLeftAction?: React.ReactNode; initializeOnce?: boolean | undefined; initializing?: boolean | undefined; initializingError?: import("../../../src").SafeReactNode; "data-testid"?: string | undefined; children?: React.ReactNode; step?: number | undefined; steps?: { title: string; children: React.ReactNode; "data-testid"?: string | undefined; }[] | undefined; hideSteps?: boolean | undefined; destroyOtherStep?: boolean | undefined; prevText?: string | undefined; onPrevStep?: ((step: number) => void) | undefined; nextText?: string | undefined; onNextStep?: ((step: number) => boolean | void) | undefined; onStepChange?: ((step: number) => void) | undefined; }>) => React.JSX.Element)[]; }; export default story;