@pisell/materials 6.11.1 → 6.11.3

package/lib/components/PisellProcedure/components/ProcedureBody.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import type { ProcedureBodyProps as BodyProps, ProcedureFooterProps, FooterPositionMode, ProcedureMode } from '../types';
-/**
- * ProcedureBody 子组件 Props
- */
-export interface ProcedureBodyProps {
-    /** 主体配置 */
-    bodyProps?: BodyProps;
-    /** 底部配置 */
-    footerProps?: ProcedureFooterProps;
-    /** 底部位置模式 */
-    footerPosition: FooterPositionMode;
-    /** 是否显示底部 */
-    showFooter?: boolean;
-    /** 是否显示信息区 */
-    showSidebar?: boolean;
-    /** 自定义类名 */
-    className?: string;
-    /** 移动端弹窗是否打开 */
-    summaryModalOpen?: boolean;
-    /** 打开移动端弹窗 */
-    onOpenSummaryModal?: () => void;
-    /** 关闭移动端弹窗 */
-    onCloseSummaryModal?: () => void;
-    /** 上一步回调 */
-    goPrev?: () => void;
-    /** 下一步回调 */
-    goNext?: () => void;
-    /** 组件使用模式 */
-    mode?: ProcedureMode;
-    containerSize?: any;
-    responsiveClsComputed?: string;
-}
-/**
- * ProcedureBody 主体区域组件
- *
- * @description 包含内容区和信息区的布局容器，支持固定宽度和比例两种布局模式
- * @author Pisell Team
- */
-declare const ProcedureBody: React.FC<ProcedureBodyProps>;
-export default ProcedureBody;

package/lib/components/PisellProcedure/components/ProcedureContent.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * ProcedureContent 子组件 Props
- */
-export interface ProcedureContentProps {
-    /** 内容区类名 */
-    className?: string;
-    /** 内容区样式 */
-    style?: CSSProperties;
-    /** 内容区插槽 */
-    children?: ReactNode;
-    /** 额外内容（如底部操作区） */
-    extra?: ReactNode;
-}
-/**
- * ProcedureContent 内容区组件
- *
- * @description 流程容器的主要内容展示区域
- * @author Pisell Team
- */
-declare const ProcedureContent: React.FC<ProcedureContentProps>;
-export default ProcedureContent;

package/lib/components/PisellProcedure/components/ProcedureFooter.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import type { ProcedureFooterProps as FooterProps, FooterPositionMode, ProcedureMode } from '../types';
-import type { ReactNode } from 'react';
-/**
- * ProcedureFooter 子组件 Props
- */
-export interface ProcedureFooterProps {
-    /** 底部配置 */
-    footerProps?: FooterProps;
-    /** 底部位置模式 */
-    position: FooterPositionMode;
-    /** 自定义类名 */
-    className?: string;
-    /** 是否作为全局底部（使用 PisellFooter 包裹） */
-    isGlobal?: boolean;
-    /** 信息区内容（用于移动端弹窗展示） */
-    sidebarContent?: ReactNode;
-    /** 移动端弹窗是否打开（受控） */
-    summaryModalOpen?: boolean;
-    /** 打开移动端弹窗 */
-    onOpenSummaryModal?: () => void;
-    /** 关闭移动端弹窗 */
-    onCloseSummaryModal?: () => void;
-    /** 上一步回调 */
-    goPrev?: () => void;
-    /** 下一步回调 */
-    goNext?: () => void;
-    /** 组件使用模式 */
-    mode?: ProcedureMode;
-}
-/**
- * ProcedureFooter 底部操作区组件
- *
- * @description 包含左侧自定义内容和右侧操作按钮（支持溢出收纳功能）
- * @author Pisell Team
- */
-declare const ProcedureFooter: React.FC<ProcedureFooterProps>;
-export default ProcedureFooter;

package/lib/components/PisellProcedure/components/ProcedureHeader.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import type { ProcedureHeaderProps as HeaderProps } from '../types';
-export declare type ActionType = 'cancel' | 'ok' | 'confirm';
-/**
- * ProcedureHeader 子组件 Props
- */
-export interface ProcedureHeaderProps {
-    /** 头部配置 */
-    headerProps?: HeaderProps;
-    /** 当前步骤索引 */
-    currentStep: number;
-    /** 自定义类名 */
-    className?: string;
-    /** 上一步回调 */
-    goPrev?: () => void;
-    /** 跳转到指定步骤 */
-    goToStep?: (step: number) => void;
-    /** 关闭回调 */
-    onClose?: () => void;
-    /** 首步返回回调 */
-    onFirstStepBack?: () => void;
-    /** 返回确认回调 */
-    onBackConfirm?: (action: ActionType) => void;
-    /** 关闭确认回调 */
-    onCloseConfirm?: (action: ActionType) => void;
-}
-/**
- * ProcedureHeader 头部区域组件
- *
- * @description 包含左侧返回按钮、中间步骤条、右侧关闭按钮
- * @author Pisell Team
- */
-declare const ProcedureHeader: React.FC<ProcedureHeaderProps>;
-export default ProcedureHeader;

package/lib/components/PisellProcedure/components/ProcedureSidebar.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import type { CSSProperties, ReactNode } from 'react';
-import type { ProcedureMode, BodyDirection } from '../types';
-/**
- * ProcedureSidebar 子组件 Props
- */
-export interface ProcedureSidebarProps {
-    /** 信息区类名 */
-    className?: string;
-    /** 信息区样式 */
-    style?: CSSProperties;
-    /** 信息区插槽 */
-    children?: ReactNode;
-    /** 额外内容（如底部操作区） */
-    extra?: ReactNode;
-    /** 是否为比例布局模式 */
-    isRatioMode?: boolean;
-    /**
-     * 容器元素选择器（类名或 ID）
-     * @description 用于计算高度的容器元素，支持类名（如 '.modal-container'）或 ID（如 '#dialog-container'）
-     * @description 如果不提供，则使用 window.innerHeight 作为基准
-     */
-    containerSelector?: string;
-    /** 组件使用模式 */
-    mode?: ProcedureMode;
-    /** 排列方向 */
-    direction?: BodyDirection;
-    containerSize?: any;
-    responsiveClsComputed?: string;
-}
-/**
- * ProcedureSidebar 信息区组件
- *
- * @description 流程容器的信息区（侧边栏），用于展示摘要信息
- * @author Pisell Team
- */
-declare const ProcedureSidebar: React.FC<ProcedureSidebarProps>;
-export default ProcedureSidebar;

package/lib/components/PisellProcedure/components/index.d.ts

@@ -1,12 +0,0 @@
-export { default as FooterActions } from './FooterActions';
-export type { FooterActionsProps } from './FooterActions';
-export { default as ProcedureHeader } from './ProcedureHeader';
-export type { ProcedureHeaderProps } from './ProcedureHeader';
-export { default as ProcedureBody } from './ProcedureBody';
-export type { ProcedureBodyProps } from './ProcedureBody';
-export { default as ProcedureContent } from './ProcedureContent';
-export type { ProcedureContentProps } from './ProcedureContent';
-export { default as ProcedureSidebar } from './ProcedureSidebar';
-export type { ProcedureSidebarProps } from './ProcedureSidebar';
-export { default as ProcedureFooter } from './ProcedureFooter';
-export type { ProcedureFooterProps } from './ProcedureFooter';

package/lib/components/PisellProcedure/hooks/index.d.ts

@@ -1,8 +0,0 @@
-export { useStepManager } from './useStepManager';
-export type { UseStepManagerOptions, UseStepManagerReturn, } from './useStepManager';
-export { useElementSize } from './useElementSize';
-export type { UseElementSizeOptions, ElementSize, } from './useElementSize';
-export { useOverflowActions } from './useOverflowActions';
-export type { UseOverflowActionsOptions, UseOverflowActionsReturn, } from './useOverflowActions';
-export { useSidebarHeight } from './useSidebarHeight';
-export { useResponsiveClass } from './useResponsiveClass';

package/lib/components/PisellProcedure/hooks/useElementSize.d.ts

@@ -1,38 +0,0 @@
-/**
- * useElementSize Hook 配置
- */
-export interface UseElementSizeOptions {
-    /** 元素选择器（类名、ID 或其他 CSS 选择器） */
-    selector: string;
-    /** 是否启用监听（默认 true） */
-    enabled?: boolean;
-    /** 默认宽度（元素不存在时使用） */
-    defaultWidth?: number;
-    /** 默认高度（元素不存在时使用） */
-    defaultHeight?: number;
-    /** 尺寸变化阈值（像素），只有变化超过此值才更新（默认 1px） */
-    threshold?: number;
-    /** 防抖延迟时间（毫秒），默认 100ms */
-    debounceMs?: number;
-}
-/**
- * 元素尺寸信息
- */
-export interface ElementSize {
-    width: number;
-    height: number;
-}
-/**
- * 元素尺寸计算 Hook（宽度和高度）
- *
- * @description 计算指定元素的宽度和高度，并监听尺寸变化自动更新
- * 使用 ResizeObserver 和防抖机制优化性能，减少不必要的更新
- *
- * @example
- * const { width, height } = useElementSize({
- *   selector: '.modal-container',
- *   defaultWidth: 0,
- *   defaultHeight: 0
- * });
- */
-export declare const useElementSize: ({ selector, enabled, defaultWidth, defaultHeight, debounceMs, }: UseElementSizeOptions) => ElementSize;

package/lib/components/PisellProcedure/hooks/useOverflowActions.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import type { MenuProps } from 'antd';
-/**
- * useOverflowActions Hook 配置
- */
-export interface UseOverflowActionsOptions {
-    /** 操作按钮子元素 */
-    children?: React.ReactNode;
-    /** 按钮间距 */
-    gap?: number;
-    /** More 按钮文案 */
-    moreText?: string;
-}
-/**
- * useOverflowActions Hook 返回值
- */
-export interface UseOverflowActionsReturn {
-    /** 容器 ref */
-    containerRef: React.RefObject<HTMLDivElement>;
-    /** 测量容器 ref */
-    measureRef: React.RefObject<HTMLDivElement>;
-    /** More 按钮测量 ref */
-    moreButtonRef: React.RefObject<HTMLDivElement>;
-    /** 左侧插槽 ref（用于测量宽度） */
-    leftSlotRef: React.RefObject<HTMLDivElement>;
-    /** 所有操作项 */
-    actionItems: React.ReactNode[];
-    /** 可见的操作项 */
-    visibleActions: React.ReactNode[];
-    /** 溢出的操作项 */
-    overflowActions: React.ReactNode[];
-    /** 是否有溢出 */
-    hasOverflow: boolean;
-    /** More 菜单项 */
-    moreMenuItems: MenuProps['items'];
-    /** 可用宽度（用于调试） */
-    availableWidth: number;
-}
-/**
- * 溢出收纳 Hook
- * @description 处理操作按钮的溢出收纳逻辑，支持左侧自定义内容
- */
-export declare const useOverflowActions: (options: UseOverflowActionsOptions) => UseOverflowActionsReturn;

package/lib/components/PisellProcedure/hooks/useResponsiveClass.d.ts

@@ -1,6 +0,0 @@
-/**
- * 使用响应式类名的 Hook
- *
- * @description 根据容器宽度计算响应式类名，延迟应用以避免宽度抖动
- */
-export declare const useResponsiveClass: (containerWidth: number) => string;

package/lib/components/PisellProcedure/hooks/useSidebarHeight.d.ts

@@ -1,16 +0,0 @@
-/**
- * 尺寸值接口
- */
-interface SizeValues {
-    containerSelector?: string;
-    containerHeight?: number;
-    headerHeight?: number;
-    footerHeight: number;
-}
-/**
- * 使用 Sidebar 高度的 Hook
- *
- * @description 计算并管理 Sidebar 的高度，确保在尺寸稳定后才应用
- */
-export declare const useSidebarHeight: (isSizeStable: boolean, sizeValues: SizeValues) => number | undefined;
-export {};

package/lib/components/PisellProcedure/hooks/useStepManager.d.ts

@@ -1,50 +0,0 @@
-import type { StepChangeResult } from '../types';
-import type { PisellStepsProps } from '../../PisellSteps/types';
-/**
- * useStepManager Hook 配置
- */
-export interface UseStepManagerOptions {
-    /** 步骤条配置 */
-    stepsProps?: PisellStepsProps;
-    /** 初始步骤索引 */
-    defaultCurrent?: number;
-    /** 上一步事件回调 */
-    onPrev?: (current: number) => boolean | void;
-    /** 下一步事件回调 */
-    onNext?: (current: number) => boolean | void;
-    /** 步骤变化回调 */
-    onStepsChange?: (result: StepChangeResult) => void;
-    /** 跳转到指定步骤 */
-    goToStep?: (step: number) => void;
-}
-/**
- * useStepManager Hook 返回值
- */
-export interface UseStepManagerReturn {
-    /** 当前步骤索引 */
-    currentStep: number;
-    /** 步骤列表 */
-    items: any[];
-    /** 步骤总数 */
-    totalSteps: number;
-    /** 上一步 */
-    goPrev: () => StepChangeResult | null;
-    /** 下一步 */
-    goNext: () => StepChangeResult | null;
-    /** 跳转到指定步骤 */
-    goToStep: (step: number) => StepChangeResult | null;
-}
-/**
- * 步骤管理 Hook
- *
- * @description 管理多步骤流程的状态和操作
- * @example
- * const { currentStep, goPrev, goNext } = useStepManager({
- *   stepsProps: { items: [...] },
- *   defaultCurrent: 0,
- *   onPrev: (current) => { ... },
- *   onNext: (current) => { ... },
- *   onStepsChange: (result) => { ... },
- * });
- */
-export declare const useStepManager: ({ stepsProps, defaultCurrent, onPrev, onNext, onStepsChange, }: UseStepManagerOptions) => UseStepManagerReturn;

package/lib/components/PisellProcedure/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * PisellProcedure 组件导出
- */
-export { default } from './PisellProcedure';
-export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, FooterPositionMode, BackConfirmModalConfig, BodyLayoutMode, BodyLayoutRatio, BodyDirection, StepItem, StepChangeResult, } from './types';