import type { Meta, StoryObj } from '@storybook/react';
import PisellProcedure from './PisellProcedure';
/**
 * PisellProcedure 流程容器组件
 *
 * 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
 * 包含头部区域（步骤条）、主体区域（内容区+信息区）、底部区域（操作按钮）
 */
declare const meta: Meta<typeof PisellProcedure>;
export default meta;
declare type Story = StoryObj<typeof PisellProcedure>;
/**
 * 基础用法
 * @description 默认流程容器，包含头部、主体、底部三个区域
 */
export declare const Default: Story;
/**
 * 页面模式
 * @description 默认模式，支持响应式和移动端适配
 */
export declare const PageMode: Story;
/**
 * 弹窗模式
 * @description 用于弹窗场景，不应用移动端适配
 */
export declare const ModalMode: Story;
/**
 * 步骤控制
 * @description 使用 onStepsChange 监听步骤变化
 */
export declare const StepControl: Story;
/**
 * 步骤拦截
 * @description 通过 onNext/onPrev 返回 false 阻止步骤切换
 */
export declare const StepIntercept: Story;
/**
 * 无侧边栏
 */
export declare const WithoutSidebar: Story;
/**
 * 无头部
 */
export declare const WithoutHeader: Story;
/**
 * 无底部
 */
export declare const WithoutFooter: Story;
/**
 * 最小配置
 * @description 仅显示主体内容
 */
export declare const MinimalConfig: Story;
/**
 * 头部插槽顺序 - 默认
 * @description left 在左，right 在右
 */
export declare const HeaderSlotDefault: Story;
/**
 * 头部插槽顺序 - 反转
 * @description left 在右，right 在左
 */
export declare const HeaderSlotReverse: Story;
/**
 * 隐藏步骤条
 * @description 仅显示头部插槽，不显示步骤条
 */
export declare const HideSteps: Story;
/**
 * 第一步显示返回按钮
 * @description 通过 showBackOnFirstStep 控制
 */
export declare const ShowBackOnFirstStep: Story;
/**
 * 返回确认弹窗
 * @description 点击返回时弹出确认弹窗
 */
export declare const BackConfirmModal: Story;
/**
 * 关闭确认弹窗
 * @description 点击关闭时弹出确认弹窗
 */
export declare const CloseConfirmModal: Story;
/**
 * 主体布局 - 比例布局
 * @description 使用比例分配内容区和侧边栏宽度
 */
export declare const BodyRatioLayout: Story;
/**
 * 主体布局 - 固定宽度
 * @description 侧边栏使用固定宽度
 */
export declare const BodyFixedLayout: Story;
/**
 * 主体布局 - 垂直布局
 * @description 内容区和侧边栏上下排列
 */
export declare const BodyVerticalLayout: Story;
/**
 * 主体布局 - 内容顺序反转
 * @description 侧边栏在左/上，内容区在右/下
 */
export declare const BodyContentOrderReverse: Story;
/**
 * 底部位置 - 悬浮在侧边栏
 * @description 默认位置，底部悬浮在侧边栏区域
 */
export declare const FooterFloatSidebar: Story;
/**
 * 底部位置 - 固定在整体底部
 */
export declare const FooterFixedBottom: Story;
/**
 * 底部位置 - 悬浮在整体区域
 * @description 移动端默认使用此模式
 */
export declare const FooterFloatAll: Story;
/**
 * 底部位置 - 悬浮在内容区
 */
export declare const FooterFloatContent: Story;
/**
 * 底部位置 - 内嵌在内容区底部
 */
export declare const FooterFixedContentBottom: Story;
/**
 * 底部位置 - 内嵌在侧边栏底部
 */
export declare const FooterFixedSidebarBottom: Story;
/**
 * 移动端总结按钮
 * @description 移动端显示总结按钮，点击可查看侧边栏内容
 */
export declare const MobileSummaryButton: Story;
/**
 * 溢出收纳功能
 * @description 当宽度不足时，按钮会被收纳到 More 菜单中
 */
export declare const OverflowActions: Story;
/**
 * 禁用溢出收纳
 * @description 不启用溢出收纳，按钮会换行显示
 */
export declare const DisableOverflow: Story;
/**
 * 完整示例 - 购物流程
 * @description 模拟真实的购物流程
 */
export declare const ShoppingFlow: Story;
/**
 * 完整示例 - 注册流程
 * @description 模拟用户注册流程
 */
export declare const RegistrationFlow: Story;
/**
 * 完整示例 - 表单向导
 * @description 多步表单向导
 */
export declare const FormWizard: Story;
/**
 * 交互测试 - 组件渲染
 */
export declare const InteractionTest: Story;