import { ImmersiveDialog } from "../../../src/core/ImmersiveDialog"; import React from "react"; /** * 居中内容 */ export declare const CenterImmersiveDialog: { (): React.JSX.Element; storyName: string; }; /** * 全宽内容 */ export declare const FullContentImmersiveDialog: { (): React.JSX.Element; storyName: string; }; /** * 可滚动内容 */ export declare const ScrollableImmersiveDialog: { (): React.JSX.Element; storyName: string; }; /** 演示异步任务期间保留关闭图标,并单独控制 footer 操作。 */ export declare const CloseDisabledImmersiveDialog: { (): React.JSX.Element; storyName: string; }; /** * ImmersiveDialog 组件 * * 全屏沉浸式对话框,适用于需要大面积操作空间的复杂表单和详情编辑。多步骤向导请使用 WizardDialog。 * * ### 特性 * - 全屏展示,占满视口(留 10px 边距) * - 支持三栏布局:左侧导航(192px)+ 中间内容(648px)+ 右侧辅助信息(192px) * - `isContentFull` 模式隐藏左右面板,内容区占满宽度 * - 底部操作栏支持 `footerLeftAction` 自定义左侧区域 * - 内置初始化加载和错误重试状态 */ declare const meta: { title: "Core/ImmersiveDialog | 全屏弹窗"; component: typeof ImmersiveDialog; 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; }>) => React.JSX.Element)[]; parameters: { docs: { description: { component: string; }; }; }; }; export default meta; /** * 带错误信息的对话框 */ export declare const WithError: { (): React.JSX.Element; storyName: string; }; /** * 初始化状态 */ export declare const Initializing: { (): React.JSX.Element; storyName: string; }; /** 对比默认的一次初始化与 initializeOnce=false 的完全受控行为。 */ export declare const InitializeOnce: { (): React.JSX.Element; storyName: string; }; /** * 不展示 footer */ export declare const NoFooter: { (): React.JSX.Element; storyName: string; }; /** * 三栏布局 * * 演示 ImmersiveDialog 的核心三栏布局特性:左侧导航菜单 + 中间详情内容 + 右侧属性面板。 * 适合资源详情查看、配置编辑等非向导场景。 * 如需多步骤向导流程,请使用 WizardDialog。 */ export declare const TwoPanelLayout: { (): React.JSX.Element; storyName: string; }; /** * 底部左侧操作区域 * * 演示通过 `footerLeftAction` 在底部左侧放置辅助操作按钮。 * 此处展示"重置为默认值"按钮的典型用法。 * 如需"上一步"按钮等向导场景,请使用 WizardDialog。 */ export declare const FooterLeftAction: { (): React.JSX.Element; storyName: string; };