import Alert from "../../../src/core/Alert"; import type { StoryObj } from "@storybook/react"; /** * 提示框组件,基于 antd Alert 封装。 * * * 支持 info / error / warning / success / normal 五种类型 * * 支持 action、closable、expandConfig 等功能 * * 更多 props 请参考:https://ant.design/components/alert-cn#api */ declare const meta: { component: import("../../../src/core/Alert").AlertComponentType; title: "Core/Alert | 提示框"; argTypes: { type: { control: string; options: string[]; description: string; table: { defaultValue: { summary: string; }; }; }; message: { control: string; description: string; }; description: { control: string; description: string; }; showIcon: { control: string; description: string; table: { defaultValue: { summary: string; }; }; }; closable: { control: string; description: string; table: { defaultValue: { summary: string; }; }; }; expandConfig: { control: boolean; description: string; }; action: { control: boolean; description: string; }; "data-testid": { control: string; description: string; }; }; args: { type: "info"; message: string; showIcon: true; closable: false; }; parameters: { design: { type: string; url: string; }; }; }; export default meta; type Story = StoryObj; /** * 通过下方 Controls 面板调整各 Props 查看效果。 */ export declare const Playground: Story; /** * 五种类型:info、error、warning、success、normal。 */ export declare const Basic: Story; /** * 通过 `action` 属性在右侧添加操作区域。 */ export declare const WithAction: Story; /** * 通过 `closable` 或 `onClose` 启用关闭按钮。 */ export declare const Closable: Story; /** * 同时使用 `closable` 和 `action`。 */ export declare const ClosableWithAction: Story; /** * `message` 支持传入 ReactNode,可自定义复杂内容。 */ export declare const CustomMessage: Story; /** * 通过 `expandConfig` 启用展开/收起功能,`description` 内容会被折叠。 * * * `expandConfig={{}}` — 非受控模式,默认收起 * * `expandConfig={{ defaultExpanded: true }}` — 非受控模式,默认展开 * * `expandConfig={{ expanded, onExpandChange }}` — 受控模式 */ export declare const Expandable: Story; /** * 设置 `defaultExpanded: true` 使组件初始即为展开状态。 */ export declare const ExpandableDefaultExpanded: Story; /** * 通过 `expanded` 和 `onExpandChange` 实现受控模式。 */ export declare const ExpandableControlled: Story; /** * `expandConfig` 与 `action` 可同时使用。 */ export declare const ExpandableWithAction: Story;