78 lines
2.4 KiB
TypeScript
78 lines
2.4 KiB
TypeScript
import type { CSSMotionProps } from 'rc-motion';
|
|
import type React from 'react';
|
|
import type { TabNavListProps } from './TabNavList';
|
|
import type { TabPaneProps } from './TabPanelList/TabPane';
|
|
import { DropdownProps } from 'rc-dropdown/lib/Dropdown';
|
|
export type TriggerProps = {
|
|
trigger?: 'hover' | 'click';
|
|
};
|
|
export type moreIcon = React.ReactNode;
|
|
export type MoreProps = {
|
|
icon?: moreIcon;
|
|
} & Omit<DropdownProps, 'children'>;
|
|
export type SizeInfo = [width: number, height: number];
|
|
export type TabSizeMap = Map<React.Key, {
|
|
width: number;
|
|
height: number;
|
|
left: number;
|
|
top: number;
|
|
}>;
|
|
export interface TabOffset {
|
|
width: number;
|
|
height: number;
|
|
left: number;
|
|
right: number;
|
|
top: number;
|
|
}
|
|
export type TabOffsetMap = Map<React.Key, TabOffset>;
|
|
export type TabPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
export interface Tab extends Omit<TabPaneProps, 'tab'> {
|
|
key: string;
|
|
label: React.ReactNode;
|
|
}
|
|
type RenderTabBarProps = {
|
|
id: string;
|
|
activeKey: string;
|
|
animated: AnimatedConfig;
|
|
tabPosition: TabPosition;
|
|
rtl: boolean;
|
|
mobile: boolean;
|
|
editable: EditableConfig;
|
|
locale: TabsLocale;
|
|
more: MoreProps;
|
|
tabBarGutter: number;
|
|
onTabClick: (key: string, e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
onTabScroll: OnTabScroll;
|
|
extra: TabBarExtraContent;
|
|
style: React.CSSProperties;
|
|
/** @deprecated It do not pass real TabPane node. Only for compatible usage. */
|
|
panes: React.ReactNode;
|
|
};
|
|
export type RenderTabBar = (props: RenderTabBarProps, DefaultTabBar: React.ComponentType<TabNavListProps>) => React.ReactElement;
|
|
export interface TabsLocale {
|
|
dropdownAriaLabel?: string;
|
|
removeAriaLabel?: string;
|
|
addAriaLabel?: string;
|
|
}
|
|
export interface EditableConfig {
|
|
onEdit: (type: 'add' | 'remove', info: {
|
|
key?: string;
|
|
event: React.MouseEvent | React.KeyboardEvent;
|
|
}) => void;
|
|
showAdd?: boolean;
|
|
removeIcon?: React.ReactNode;
|
|
addIcon?: React.ReactNode;
|
|
}
|
|
export interface AnimatedConfig {
|
|
inkBar?: boolean;
|
|
tabPane?: boolean;
|
|
tabPaneMotion?: CSSMotionProps;
|
|
}
|
|
export type OnTabScroll = (info: {
|
|
direction: 'left' | 'right' | 'top' | 'bottom';
|
|
}) => void;
|
|
export type TabBarExtraPosition = 'left' | 'right';
|
|
export type TabBarExtraMap = Partial<Record<TabBarExtraPosition, React.ReactNode>>;
|
|
export type TabBarExtraContent = React.ReactNode | TabBarExtraMap;
|
|
export {};
|