antd/es/splitter/interface.d.ts

An enterprise-class UI design language and React components implementation

import type { Orientation, SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from '../_util/hooks';
import type { ShowCollapsibleIconMode } from './SplitBar';
export type DraggerSemantic = 'default' | 'active';
export type SplitterSemanticName = 'root' | 'panel';
export interface SplitterSemanticDraggerClassNames {
    default?: string;
    active?: string;
}
export type SplitterClassNamesType = SemanticClassNamesType<SplitterProps, SplitterSemanticName, {
    dragger?: string | SemanticClassNames<DraggerSemantic>;
}>;
export type SplitterStylesType = SemanticStylesType<SplitterProps, SplitterSemanticName, {
    dragger?: React.CSSProperties | SemanticStyles<DraggerSemantic>;
}>;
export interface SplitterProps {
    prefixCls?: string;
    className?: string;
    classNames?: SplitterClassNamesType;
    style?: React.CSSProperties;
    styles?: SplitterStylesType;
    rootClassName?: string;
    /**
     * @deprecated please use `orientation`
     * @default horizontal
     */
    layout?: Orientation;
    orientation?: Orientation;
    vertical?: boolean;
    draggerIcon?: React.ReactNode;
    collapsibleIcon?: {
        start?: React.ReactNode;
        end?: React.ReactNode;
    };
    onResizeStart?: (sizes: number[]) => void;
    onResize?: (sizes: number[]) => void;
    onResizeEnd?: (sizes: number[]) => void;
    onCollapse?: (collapsed: boolean[], sizes: number[]) => void;
    lazy?: boolean;
}
export interface PanelProps {
    className?: string;
    style?: React.CSSProperties;
    min?: number | string;
    max?: number | string;
    size?: number | string;
    collapsible?: boolean | {
        start?: boolean;
        end?: boolean;
        showCollapsibleIcon?: ShowCollapsibleIconMode;
    };
    resizable?: boolean;
    defaultSize?: number | string;
}
export interface InternalPanelProps extends PanelProps {
    className?: string;
    prefixCls?: string;
}
export interface UseResizeProps extends Pick<SplitterProps, 'onResize'> {
    basicsState: number[];
    items: PanelProps[];
    panelsRef: React.RefObject<(HTMLDivElement | null)[]>;
    reverse: boolean;
    setBasicsState: React.Dispatch<React.SetStateAction<number[]>>;
}
export interface UseResize {
    setSize: (data: {
        size: number;
        index: number;
    }[]) => void;
    setOffset: (offset: number, containerSize: number, index: number) => void;
}
export interface UseHandleProps extends Pick<SplitterProps, 'layout' | 'onResizeStart' | 'onResizeEnd'> {
    basicsState: number[];
    containerRef?: React.RefObject<HTMLDivElement | null>;
    setOffset: UseResize['setOffset'];
    setResizing: React.Dispatch<React.SetStateAction<boolean>>;
}
export interface UseHandle {
    onStart: (x: number, y: number, index: number) => void;
}
export interface UseCollapsibleProps {
    basicsState: number[];
    collapsible?: PanelProps['collapsible'];
    index: number;
    reverse: boolean;
    setSize?: UseResize['setSize'];
}
export interface UseCollapsible {
    nextIcon: boolean;
    overlap: boolean;
    previousIcon: boolean;
    onFold: (type: 'previous' | 'next') => void;
    setOldBasics: () => void;
}