import { SmallDialog } from "../../../src/core"; import { CoreMeta } from "../../types"; import React from "react"; /** * SmallDialog 组件 * * 一个轻量级的小尺寸对话框组件,适用于简单的确认、提示等场景。 * * ### 特性 * - 固定宽度 492px,适合移动端和桌面端使用 * - 支持自定义标题、按钮文案和样式 * - 支持在底部显示错误信息 * - 可配置是否显示确认按钮、关闭按钮等 * - 支持点击遮罩层关闭 */ declare const meta: CoreMeta; export default meta; /** * 基础用法 * * 演示最基本的 SmallDialog 用法:通过 `usePushModal` 打开弹窗, * 在 `onOk`/`onCancel` 回调中调用 `popModal()` 关闭弹窗。 */ export declare const Basic: { (): React.JSX.Element; storyName: string; }; /** * 确认删除对话框 * * 演示危险操作确认场景:通过 `okButtonProps={{ danger: true }}` 将确认按钮标红, * 自定义 `okText` 和 `cancelText` 按钮文案。 */ /** * 确认删除 * * 演示用 SmallDialog 原始 API 实现删除确认弹窗。 * 生产环境中推荐直接使用 DeleteDialog,它已内置 danger 按钮和删除语义。 */ export declare const DeleteConfirmation: { (): React.JSX.Element; storyName: string; }; /** * 只有取消按钮 * * 通过 `showOk={false}` 隐藏确认按钮,仅展示关闭按钮。 * 适用于纯信息提示场景。取消按钮样式自动从 `quiet` 变为 `ordinary`。 */ export declare const CancelOnly: { (): React.JSX.Element; storyName: string; }; /** * 带错误信息的对话框 * * 演示 `error` 属性:在 footer 区域显示错误文案(最多 3 行,超出后 tooltip 展示)。 * 首次点击"提交"模拟验证失败并显示错误,再次点击成功关闭。 */ export declare const WithError: { (): React.JSX.Element; storyName: string; }; /** * 长内容对话框 * * 演示内容溢出时的滚动行为。包含长标题截断和长内容滚动两种场景。 */ export declare const LongContent: { (): React.JSX.Element; storyName: string; }; /** * 初始化状态 * * 演示 `initializing`、`initializingError` 属性的三种场景: * 持续加载(骨架屏)、加载成功、加载失败后重试。 */ export declare const Initializing: { (): React.JSX.Element; storyName: string; }; /** 对比默认的一次初始化与 initializeOnce=false 的完全受控行为。 */ export declare const InitializeOnce: { (): React.JSX.Element; storyName: string; }; /** * 不展示 footer * * 通过 `hideFooter` 隐藏底部按钮区域,适用于纯展示内容的场景。 * 用户仍可通过右上角关闭按钮或遮罩层关闭弹窗。 */ export declare const NoFooter: { (): React.JSX.Element; storyName: string; }; /** * 自定义标题渲染 * * 通过 `TitleRender` 属性完全接管标题区域的渲染逻辑。 * 默认标题使用 `Typo.Display.d2_bold_title` 样式, * 自定义时可添加图标、状态标签等额外元素。 */ export declare const CustomTitle: { (): React.JSX.Element; storyName: string; }; /** * 异步提交 * * 演示 `confirmLoading` + `onOk` 异步提交的完整流程, * 这是最常见的业务模式:点击确认后显示 loading 状态, * 异步操作完成后关闭弹窗,失败时展示错误信息并保持弹窗打开。 */ export declare const AsyncSubmit: { (): React.JSX.Element; storyName: string; }; /** * 自定义按钮样式 * * 通过 `okButtonProps` 和 `cancelButtonProps` 自定义确认和取消按钮的样式, * 包括 `danger`、`disabled`、`type` 等属性。属性会透传给 Button 组件。 */ export declare const ButtonCustomization: { (): React.JSX.Element; storyName: string; }; /** * Error 字段类型注入 * * 演示 `error` 属性接受不同类型的 `SafeReactNode`: * - `string`:纯文本错误信息 * - `ReactElement`:自定义元素(如带图标的多行提示) * - `array`:由多个 SafeReactNode 组成的数组 * - `boolean`:布尔值(true/false 均不会渲染可见内容) * - `null`:空值,不显示错误 * - `undefined`:未定义,不显示错误 */ export declare const ErrorTypes: { (): React.JSX.Element; storyName: string; };