props.d.ts 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. import { IBaseProps } from '../_util/base';
  2. /**
  3. * @description 通告栏,
  4. * 当应用有重要公告或者由于用户的刷新操作产生提示反馈时可以使用通告栏系统。
  5. * 通告栏不会对用户浏览当前页面内容产生影响,但又能明显的引起用户的注意。公告内容不超过一行。
  6. */
  7. export interface INoticeBarProps extends IBaseProps {
  8. /**
  9. * @description 消息的展示
  10. */
  11. icon?: string;
  12. /**
  13. * @description 提示类型
  14. * default 橙色,error 红色,primary 蓝色,info 灰色
  15. * @default "default"
  16. */
  17. type?: 'default' | 'error' | 'primary' | 'info';
  18. /**
  19. * @description 通告类型,link 表示连接,整行可点;closeable 表示点击 x 可以关闭;不填时表示你右侧没有图标
  20. */
  21. mode?: 'link' | 'closeable';
  22. /**
  23. * @description 是否开启滚动动画
  24. * @default false
  25. */
  26. enableMarquee: boolean;
  27. /**
  28. * @description 是否循环滚动,enableMarquee 为 true 时有效
  29. * @default false
  30. */
  31. loop: boolean;
  32. /**
  33. * @description 点击图标(箭头或者叉,由mode属性决定)的事件回调
  34. */
  35. onTap: () => void;
  36. /**
  37. * @description 行动点点击回调
  38. * @param 当前点击的行动点序号
  39. */
  40. onActionTap: (index: number) => void;
  41. }
  42. export declare const NoticeBarDefaultProps: Partial<INoticeBarProps>;
  43. export declare const NoticeBarFunctionalProps: Partial<INoticeBarProps>;