@dtjoy/dt-design 1.0.7 → 1.0.9

package/lib/blockHeader/index.d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import './style';
+import type { SizeType } from 'antd/lib/config-provider/SizeContext';
+import type { LabelTooltipType } from '../_util';
+export interface IBlockHeaderProps {
+    /** id */
+    id?: string;
+    /** 标题 */
+    title: ReactNode;
+    /** 标题前的图标，默认是一个色块 */
+    addonBefore?: ReactNode;
+    /** 标题后的提示说明文字 */
+    description?: ReactNode;
+    /** 默认展示为问号的tooltip */
+    tooltip?: LabelTooltipType;
+    /** 后缀自定义内容块 */
+    addonAfter?: ReactNode;
+    /**
+     * 小标题 font-size: 12px; line-height: 32px
+     * 中标题 font-size: 14px; line-height: 40px
+     * 大标题 font-size: 16px; line-height: 40px
+     * 默认 中标题
+     */
+    size?: SizeType;
+    /** 自定义 Bottom 值 */
+    spaceBottom?: number;
+    /** 标题一行的样式类名 */
+    className?: string;
+    /** 标题的样式类名 */
+    style?: React.CSSProperties;
+    /** 展示内容(children)的样式类名 */
+    contentClassName?: string;
+    /** 展示内容(children)的样式 */
+    contentStyle?: React.CSSProperties;
+    /** 是否显示背景, 默认 true */
+    background?: boolean;
+    /** 当前展开状态 */
+    expand?: boolean;
+    /** 是否默认展开内容, 默认为 undefined */
+    defaultExpand?: boolean;
+    /** 展开/收起的内容 */
+    children?: ReactNode;
+    /** 展开/收起时的回调 */
+    onExpand?: (expand: boolean) => void;
+    /** 标题的样式 */
+    titleStyle?: React.CSSProperties;
+    /** 是否保留 DOM 结构, 默认 false */
+    keepDOM?: boolean;
+    /** 是否懒加载, 默认 false */
+    lazy?: boolean;
+}
+declare const BlockHeader: React.FC<IBlockHeaderProps>;
+export default BlockHeader;

package/lib/blockHeader/index.js

@@ -42,7 +42,9 @@ const BlockHeader = props => {
       className: "addon-before--default"
     }),
     onExpand,
-    titleStyle
+    titleStyle,
+    keepDOM,
+    lazy
   } = props;
   const [internalExpand, setInternalExpand] = (0, _react.useState)(defaultExpand);
   const currentExpand = isControlled(props) ? expand : internalExpand;
@@ -99,7 +101,9 @@ const BlockHeader = props => {
       'collapse__icon--down': !currentExpand
     })
   }))), /*#__PURE__*/_react.default.createElement(_collapsible.default, {
-    isOpen: !currentExpand
+    isOpen: !currentExpand,
+    keepDOM: keepDOM,
+    lazyRender: lazy
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _clsx.default)(`${prefixCls}__content`, contentClassName, {
       [`${prefixCls}__content--active`]: currentExpand || !showCollapse

package/lib/blockHeader/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/button/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ButtonProps as AntdButtonProps } from 'antd';
+import type { ButtonType as AntdButtonType } from 'antd/es/button';
+import './style';
+type ButtonType = AntdButtonType | 'secondary' | 'tertiary';
+export interface ButtonProps extends Omit<AntdButtonProps, 'type'> {
+    type?: ButtonType;
+}
+declare const _default: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+export default _default;

package/lib/button/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/collapsible/index.d.ts

@@ -0,0 +1,102 @@
+import React from 'react';
+import './style';
+import type { ConfigConsumerProps } from 'antd/lib/config-provider';
+interface BaseComponentProps {
+    /**
+     *  类名
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * id
+     */
+    id?: string;
+    'data-*'?: string;
+}
+export interface CollapsibleProps extends BaseComponentProps {
+    /**
+     * 是否开启动画
+     */
+    motion?: boolean;
+    /**
+     * 子元素
+     */
+    children?: React.ReactNode;
+    /**
+     * 是否展开内容区域
+     */
+    isOpen?: boolean;
+    /**
+     * 动画执行的时间
+     */
+    duration?: number;
+    /**
+     * 是否保留隐藏的面板 DOM 树，默认销毁
+     */
+    keepDOM?: boolean;
+    /**
+     * 配合 keepDOM 使用，为 true 时挂载时不会渲染组件
+     */
+    lazyRender?: boolean;
+    /**
+     * 折叠高度
+     */
+    collapseHeight?: number;
+    /**
+     * 当 reCalcKey 改变时，将重新计算子节点的高度，用于优化动态渲染时的计算
+     */
+    reCalcKey?: number | string;
+    /**
+     * 动画结束的回调
+     */
+    onMotionEnd?: () => void;
+    /**
+     * 是否开启淡入淡出
+     */
+    fade?: boolean;
+    /**
+     * 样式前缀
+     */
+    prefixCls?: string;
+}
+interface CollapsibleState {
+    domInRenderTree: boolean;
+    domHeight: number;
+    visible: boolean;
+    isTransitioning: boolean;
+    cacheIsOpen: boolean;
+}
+declare class Collapsible extends React.Component<CollapsibleProps, CollapsibleState> {
+    static defaultProps: {
+        isOpen: boolean;
+        duration: number;
+        motion: boolean;
+        keepDOM: boolean;
+        lazyRender: boolean;
+        collapseHeight: number;
+        fade: boolean;
+    };
+    static displayName: string;
+    foundation: any;
+    private domRef;
+    private resizeObserver;
+    private hasBeenRendered;
+    constructor(props: CollapsibleProps);
+    static getEntryInfo: (entry: ResizeObserverEntry) => {
+        isShown: boolean;
+        height: number;
+    };
+    static getDerivedStateFromProps(props: CollapsibleProps, prevState: CollapsibleState): Partial<CollapsibleState>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<CollapsibleProps>, prevState: Readonly<CollapsibleState>): void;
+    componentWillUnmount(): void;
+    renderCollapsible: ({ getPrefixCls }: ConfigConsumerProps) => React.JSX.Element;
+    render(): React.JSX.Element;
+    private handleResize;
+    private isChildrenInRenderTree;
+    private getDataAttr;
+}
+export default Collapsible;

package/lib/collapsible/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/collapsibleActionItems/index.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ButtonProps } from "..";
+import type { DropDownProps } from 'antd';
+import './style';
+export type ActionItem = {
+    key: React.Key;
+    name: ReactNode;
+    disabled?: boolean;
+    render?: () => ReactNode;
+};
+interface ICollapsibleActionItems {
+    maxCount?: number;
+    actionItems: ActionItem[];
+    className?: string;
+    divider?: ReactNode;
+    collapseIcon?: ReactNode;
+    dropdownProps?: Partial<DropDownProps>;
+    buttonProps?: Partial<ButtonProps>;
+    style?: React.CSSProperties;
+    onItemClick?: (key: React.Key) => void;
+}
+declare const CollapsibleActionItems: React.FC<ICollapsibleActionItems>;
+export default CollapsibleActionItems;

package/lib/collapsibleActionItems/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/flex/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './style';
+import type { FlexProps } from './interface';
+declare const Flex: React.ForwardRefExoticComponent<FlexProps<import("../_util/type").AnyObject> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export default Flex;

package/lib/flex/interface.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+import type { SizeType } from 'antd/lib/config-provider/SizeContext';
+import type { Orientation } from '../_util/hooks';
+import type { AnyObject, CustomComponent, LiteralUnion } from '../_util/type';
+export interface FlexProps<P = AnyObject> extends React.HTMLAttributes<HTMLElement> {
+    prefixCls?: string;
+    rootClassName?: string;
+    vertical?: boolean;
+    orientation?: Orientation;
+    wrap?: boolean | React.CSSProperties['flexWrap'];
+    justify?: React.CSSProperties['justifyContent'];
+    align?: React.CSSProperties['alignItems'];
+    flex?: React.CSSProperties['flex'];
+    gap?: LiteralUnion<SizeType, React.CSSProperties['gap']>;
+    component?: CustomComponent<P>;
+}

package/lib/flex/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/flex/utils.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import type { FlexProps } from './interface';
+export declare const flexWrapValues: React.CSSProperties['flexWrap'][];
+export declare const justifyContentValues: React.CSSProperties['justifyContent'][];
+export declare const alignItemsValues: React.CSSProperties['alignItems'][];
+declare const createFlexClassNames: (prefixCls: string, props: FlexProps) => string;
+export default createFlexClassNames;

package/lib/formList/index.d.ts

@@ -0,0 +1,78 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { FormListFieldData, TableProps } from 'antd';
+import type { FormItemProps, FormListProps, RuleObject, RuleRender } from 'antd/lib/form';
+import type { ColumnType as TableColumnType } from 'antd/lib/table';
+import './style';
+type NotNullRowSelection = NonNullable<TableProps<any>['rowSelection']>;
+/**
+ * Override NamePath parameters type
+ */
+type OverrideParameters = (string | number)[];
+type RcFormInstance = Parameters<RuleRender>[0];
+type RawPanelRender = NonNullable<TableProps<any>['footer']>;
+/**
+ * Override PanelRender type
+ */
+type PanelRenderFunc = (...args: Parameters<FormListProps['children']>) => ReturnType<RawPanelRender>;
+/**
+ * Form.Table 组件类型
+ */
+export interface IFormTableProps
+/**
+ * Support all FormListProps except children for which is re-defined in this component
+ * and prefixCls for which is not expected to be supported
+ */
+ extends Pick<FormListProps, 'name' | 'rules' | 'initialValue'>, 
+/**
+ * Support all TableProps except
+ * - re-define columns and re-defined rowSelection
+ * - and pagination which is expect to be not supported in Form.Table
+ * - and className which is renamed to tableClassName
+ * - and rowKey, dataSource for which are defined and not allowed to be modified
+ * - and footer, title, summary for which are re-defined to pass form's operation
+ */
+Omit<TableProps<any>, 'columns' | 'rowSelection' | 'pagination' | 'className' | 'rowKey' | 'dataSource' | 'footer' | 'title' | 'summary'> {
+    /**
+     * 表格列的配置描述
+     */
+    columns?: ColumnType[] | ((...args: Parameters<FormListProps['children']>) => ColumnType[]);
+    /**
+     * Table 的 className
+     */
+    tableClassName?: TableProps<any>['className'];
+    /**
+     * 表格行是否可选择
+     */
+    rowSelection?: Omit<NotNullRowSelection, 'getCheckboxProps'> & {
+        getCheckboxProps?: (field: FormListFieldData) => ReturnType<NonNullable<NotNullRowSelection['getCheckboxProps']>>;
+    };
+    title?: PanelRenderFunc;
+    footer?: PanelRenderFunc;
+    summary?: PanelRenderFunc;
+}
+export interface ColumnType
+/**
+ * Support all FormItemProps, and re-defined `rules` and `dependencies`
+ */
+ extends Omit<FormItemProps, 'rules' | 'dependencies' | 'prefixCls' | 'children'>, 
+/**
+ * Support all TableColumnType, and re-defined `render`
+ */
+Omit<TableColumnType<FormListFieldData>, 'render'> {
+    /**
+     * 设置依赖字段, 支持通过回调函数获取当前字段名
+     */
+    dependencies?: ((namePath: OverrideParameters) => FormItemProps['dependencies']) | FormItemProps['dependencies'];
+    /**
+     * 校验规则，设置字段的校验逻辑，支持通过回调函数获取当前字段名
+     */
+    rules?: (RuleObject | ((form: RcFormInstance, namePath: OverrideParameters) => RuleObject))[];
+    /**
+     * 渲染函数
+     * @param formInstance 只有在设置了 `dependencies` 的情况下才有该参数
+     */
+    render?: (fieldData: FormListFieldData, namePath: OverrideParameters, formInstance?: RcFormInstance) => ReactNode;
+}
+export default function InternalTable({ name, rules, initialValue, ...tableProps }: IFormTableProps): React.JSX.Element;
+export {};

package/lib/formList/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/index.d.ts

@@ -0,0 +1,17 @@
+export { default as BlockHeader } from './blockHeader';
+export type { ButtonProps } from './button';
+export { default as Button } from './button';
+export { default as Collapsible } from './collapsible';
+export { default as CollapsibleActionItems } from './collapsibleActionItems';
+export { default as Flex } from './flex';
+export type { FlexProps } from './flex/interface';
+export { default as FormList } from './formList';
+export * from './formList';
+export { default as OverflowList } from './overflowList';
+export { default as Resize } from './resize';
+export { default as Splitter } from './splitter';
+export * from './splitter';
+export { default as StatusTag } from './statusTag';
+export * from './statusTag';
+export { default as Table } from './table';
+export type { ColumnGroupType as TableColumnGroupType, ColumnProps as TableColumnProps, ColumnsType as TableColumnsType, ColumnType as TableColumnType, TablePaginationConfig, TableProps, } from './table';

package/lib/overflowList/index.d.ts

@@ -0,0 +1,40 @@
+import type { ReactElement, ReactNode } from 'react';
+import React, { Component } from 'react';
+import './style';
+export type OverflowItem<T = Record<string, any>> = T;
+export interface OverflowListProps<T = Record<string, any>> {
+    items: OverflowItem<T>[];
+    visibleItemRenderer: (item: OverflowItem<T>, index: number) => ReactElement;
+    overflowRenderer: (overflowItems: OverflowItem<T>[]) => ReactNode | ReactNode[];
+    className?: string;
+    style?: React.CSSProperties;
+    renderMode?: 'collapse' | 'scroll';
+    collapseFrom?: 'start' | 'end';
+    minVisibleItems?: number;
+    onOverflow?: (overflowItems: OverflowItem<T>[]) => void;
+}
+interface OverflowListState {
+    visibleCount: number;
+    isMeasuring: boolean;
+}
+declare class OverflowList<T extends object> extends Component<OverflowListProps<T>, OverflowListState> {
+    static defaultProps: {
+        items: never[];
+        collapseFrom: string;
+        minVisibleItems: number;
+        renderMode: string;
+    };
+    static displayName: string;
+    private containerRef;
+    private overflowRef;
+    private itemRefs;
+    private prefixCls;
+    constructor(props: OverflowListProps<T>);
+    componentDidMount(): void;
+    componentUpdate(prevProps: OverflowListProps<T>): void;
+    private measureAndAdjust;
+    private getOverflowItems;
+    renderCollapse(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default OverflowList;

package/lib/overflowList/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/resize/index.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+export interface ResizeProps {
+    observerEle?: HTMLElement | null;
+    children?: ReactNode;
+    onResize?: () => void;
+}
+declare const Resize: React.FC<ResizeProps>;
+export default Resize;

package/lib/resizeObserver/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+interface BaseProps {
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+export interface ResizeEntry {
+    contentRect: DOMRectReadOnly;
+    target: Element;
+}
+export interface ReactResizeObserverProps extends BaseProps {
+    onResize?: (entries: ResizeEntry[]) => void;
+    observeParent?: boolean;
+    observerProperty?: ObserverProperty;
+    delayTick?: number;
+    children: React.ReactElement;
+}
+export declare enum ObserverProperty {
+    Width = "width",
+    Height = "height",
+    All = "all"
+}
+export default class ReactResizeObserver extends React.Component<ReactResizeObserverProps> {
+    static defaultProps: {
+        onResize: () => void;
+        observeParent: boolean;
+        observerProperty: ObserverProperty;
+        delayTick: number;
+    };
+    observer: ResizeObserver | null;
+    childNode: HTMLElement | null;
+    element: Element | null;
+    _parentNode: HTMLElement | null;
+    formerPropertyValue: Map<Element, number>;
+    constructor(props: ReactResizeObserverProps);
+    getElement: () => Element | null;
+    handleResizeEventTriggered: (entries: ResizeEntry[]) => void;
+    observeElement: (force?: boolean) => void;
+    mergeRef: (ref: React.Ref<any>, node: HTMLElement) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReactResizeObserverProps): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement;
+}
+export {};

package/lib/splitter/Panel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { InternalPanelProps, PanelProps } from './interface';
+export declare const InternalPanel: React.ForwardRefExoticComponent<InternalPanelProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;
+export default Panel;

package/lib/splitter/SplitBar.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type ShowCollapsibleIconMode = boolean | 'auto';
+export interface SplitBarProps {
+    index: number;
+    active: boolean;
+    prefixCls: string;
+    resizable: boolean;
+    startCollapsible: boolean;
+    endCollapsible: boolean;
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
+    onOffsetStart: (index: number) => void;
+    onOffsetUpdate: (index: number, offsetX: number, offsetY: number, lazyEnd?: boolean) => void;
+    onOffsetEnd: (lazyEnd?: boolean) => void;
+    onCollapse: (index: number, type: 'start' | 'end') => void;
+    vertical: boolean;
+    ariaNow: number;
+    ariaMin: number;
+    ariaMax: number;
+    lazy?: boolean;
+    containerSize: number;
+}
+declare const SplitBar: React.FC<SplitBarProps>;
+export default SplitBar;

package/lib/splitter/Splitter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SplitterProps } from './interface';
+import './style/index.less';
+declare const Splitter: React.FC<React.PropsWithChildren<SplitterProps>>;
+export default Splitter;

package/lib/splitter/hooks/sizeUtil.d.ts

@@ -0,0 +1,3 @@
+type SizeUnit = number | undefined;
+export declare function autoPtgSizes(ptgSizes: SizeUnit[], minPtgSizes: SizeUnit[], maxPtgSizes: SizeUnit[]): number[];
+export {};

package/lib/splitter/hooks/useItems.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { PanelProps } from '../interface';
+export type ItemType = Omit<PanelProps, 'collapsible'> & {
+    collapsible: {
+        start?: boolean;
+        end?: boolean;
+        showCollapsibleIcon: 'auto' | boolean;
+    };
+};
+/**
+ * Convert `children` into `items`.
+ */
+declare function useItems(children: React.ReactNode): ItemType[];
+export default useItems;

package/lib/splitter/hooks/useResizable.d.ts

@@ -0,0 +1,10 @@
+import type { ShowCollapsibleIconMode } from '../SplitBar';
+import type { ItemType } from './useItems';
+export type ResizableInfo = {
+    resizable: boolean;
+    startCollapsible: boolean;
+    endCollapsible: boolean;
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
+};
+export default function useResizable(items: ItemType[], pxSizes: number[], isRTL: boolean): ResizableInfo[];

package/lib/splitter/hooks/useResize.d.ts

@@ -0,0 +1,6 @@
+import type { ItemType } from './useItems';
+import type { ResizableInfo } from './useResizable';
+/**
+ * Handle user drag resize logic.
+ */
+export default function useResize(items: ItemType[], resizableInfos: ResizableInfo[], percentSizes: number[], containerSize: number | undefined, updateSizes: (sizes: number[]) => void, isRTL: boolean): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: 'start' | 'end') => number[], number | undefined];

package/lib/splitter/hooks/useSizes.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PanelProps } from '../interface';
+export declare function getPtg(str: string): number;
+export default function useSizes(items: PanelProps[], containerSize?: number): readonly [(string | number | undefined)[], number[], number[], number[], number[], React.Dispatch<React.SetStateAction<(string | number | undefined)[]>>];

package/lib/splitter/index.d.ts

@@ -0,0 +1,8 @@
+import Panel from './Panel';
+import SplitterComp from './Splitter';
+export type { SplitterProps } from './interface';
+type CompoundedComponent = typeof SplitterComp & {
+    Panel: typeof Panel;
+};
+declare const Splitter: CompoundedComponent;
+export default Splitter;

package/lib/splitter/interface.d.ts

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+import type { ShowCollapsibleIconMode } from './SplitBar';
+export interface SplitterProps {
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    rootClassName?: string;
+    layout?: 'horizontal' | 'vertical';
+    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;
+}

package/lib/splitter/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';