import { MediumDialog } from "../../../src/core"; import { CoreMeta } from "../../types"; import React from "react"; /** * MediumDialog 组件 * * 一个中等尺寸的对话框组件,适用于需要更多内容展示空间的场景。 * * ### 特性 * - 固定宽度 720px,提供更多内容展示空间 * - 最小高度 200px,适合展示更丰富的内容 * - 继承 SmallDialog 的所有功能特性 * - 支持自定义标题、按钮文案和样式 * - 支持在底部显示错误信息 * - 可配置是否显示确认按钮、关闭按钮等 * - 支持点击遮罩层关闭 */ declare const meta: CoreMeta; export default meta; /** * 基础用法 */ export declare const Basic: { (): React.JSX.Element; storyName: string; }; /** * 表单配置对话框 */ export declare const FormConfiguration: { (): React.JSX.Element; storyName: string; }; /** * 数据展示对话框 */ export declare const DataDisplay: { (): React.JSX.Element; storyName: string; }; /** * 带错误信息的对话框 */ export declare const WithError: { (): React.JSX.Element; storyName: string; }; /** * 长内容对话框 */ export declare const LongContent: { (): React.JSX.Element; storyName: string; }; /** * 初始化状态 */ export declare const Initializing: { (): React.JSX.Element; storyName: string; }; /** * 内容占满视窗 */ export declare const ContentFull: { (): React.JSX.Element; storyName: string; }; /** * 不展示 footer */ export declare const NoFooter: { (): React.JSX.Element; storyName: string; }; /** * SmallDialog 与 MediumDialog 的选型对比,帮助开发者在两者间做出正确选择。 * * - **SmallDialog (492px)**:适合简单确认、删除提示、信息提示等简短交互 * - **MediumDialog (720px)**:适合表单填写、数据展示、多字段配置等需要更多空间的场景 */ export declare const SizeComparison: { (): React.JSX.Element; storyName: string; };