props.d.ts 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. import { IBaseProps } from '../_util/base';
  2. import { IBadgeProps } from '../Badge/props';
  3. export interface ITabItem {
  4. /**
  5. * @description 底部图标,支持 Icon 或图片
  6. * @default ''
  7. */
  8. icon?: string;
  9. /**
  10. * @description 高亮状态的底部图标,支持 Icon 或图片
  11. * @default ''
  12. */
  13. activeIcon?: string;
  14. /**
  15. * @description 底部的文本信息
  16. * @default ''
  17. */
  18. text: string;
  19. /**
  20. * @description 徽标,参见 <Badge/> 组件
  21. * @default undefined
  22. */
  23. badge?: IBadgeProps;
  24. }
  25. /**
  26. * @description 标签栏,内部配合 TabItem 使用。
  27. */
  28. export interface ITabBarProps extends IBaseProps {
  29. /**
  30. * @description tabbar 配置,为一个数组
  31. * @default []
  32. */
  33. items: ITabItem[];
  34. /**
  35. * @description 选中
  36. */
  37. current: number;
  38. /**
  39. * @description 初始值
  40. */
  41. defaultCurrent: number;
  42. /**
  43. * @description 高亮状态图标和文本的 className
  44. */
  45. activeClassName?: string;
  46. /**
  47. * @description 高亮状态图标和文本的 style
  48. */
  49. activeStyle?: string;
  50. /**
  51. * @description tabbar 切换时的回调
  52. */
  53. onChange: (index: number, e: Record<string, any>) => void;
  54. }
  55. export declare const TabBarDefaultProps: Partial<ITabBarProps>;