title: NoticeIcon subtitle: Notification Menu cols: 1
用在导航工具栏上,作为整个产品统一的通知中心。
| Property | Description | Type | Default |
|---|---|---|---|
| count | Total number of messages | number | - |
| bell | Change the bell Icon | ReactNode | <Icon type='bell' /> |
| loading | Popup card loading status | boolean | false |
| onClear | Click to clear button the callback | function(tabTitle) | - |
| onItemClick | Click on the list item's callback | function(item, tabProps) | - |
| onTabChange | Switching callbacks for tabs | function(tabTitle) | - |
| popupAlign | Popup card location configuration | Object alignConfig | - |
| onPopupVisibleChange | Popup Card Showing or Hiding Callbacks | function(visible) | - |
| popupVisible | Popup card display state | boolean | - |
| locale | Default message text | Object | { emptyText: '暂无数据', clear: '清空' } |
| Property | Description | Type | Default |
|---|---|---|---|
| title | header for message Tab | string | - |
| list | List data, format refer to the following table | Array | [] |
| showClear | Clear button display status | boolean | true |
| emptyText | message text when list is empty | ReactNode | - |
| emptyImage | image when list is empty | string | - |
| Property | Description | Type | Default |
|---|---|---|---|
| avatar | avatar img url | string | ReactNode | - |
| title | title | ReactNode | - |
| description | description info | ReactNode | - |
| datetime | Timestamps | ReactNode | - |
| extra | Additional information in the upper right corner of the list item | ReactNode | - |