feat(abc:notice-icon): add event of select (#1904)

cipchk · web-flow · commit 7a598561d9e3 · 2025-06-19T11:42:03.000+08:00
diff --git a/packages/abc/notice-icon/index.en-US.md b/packages/abc/notice-icon/index.en-US.md
@@ -52,3 +52,4 @@ Used on the navigation toolbar as a unified notification center for the entire p
 |----------|-------------|------|---------|
 | `[title]` | Title of the select item | `string` | - |
 | `[item]` | Data of the select item | `NoticeItem` | - |
+| `[event]` | Click Event | `Event` | - |
diff --git a/packages/abc/notice-icon/index.zh-CN.md b/packages/abc/notice-icon/index.zh-CN.md
@@ -52,3 +52,4 @@ module: import { NoticeIconModule } from '@delon/abc/notice-icon';
 |----|----|----|-----|
 | `[title]` | 标题 | `string` | - |
 | `[item]` | 数据项 | `NoticeItem` | - |
+| `[event]` | 点击事件 | `Event` | - |
diff --git a/packages/abc/notice-icon/notice-icon-tab.component.html b/packages/abc/notice-icon/notice-icon-tab.component.html
@@ -17,7 +17,7 @@
 <ng-template #listTpl>
   <nz-list [nzDataSource]="list" [nzRenderItem]="item">
     <ng-template #item let-item>
-      <nz-list-item (click)="onClick(item)" [class.notice-icon__item-read]="item.read">
+      <nz-list-item (click)="onClick(item, $event)" [class.notice-icon__item-read]="item.read">
         <nz-list-item-meta [nzTitle]="nzTitle" [nzDescription]="nzDescription" [nzAvatar]="item.avatar">
           <ng-template #nzTitle>
             <ng-container *nzStringTemplateOutlet="item.title; context: { $implicit: item }">
diff --git a/packages/abc/notice-icon/notice-icon-tab.component.ts b/packages/abc/notice-icon/notice-icon-tab.component.ts
@@ -29,8 +29,8 @@ export class NoticeIconTabComponent {
   readonly select = output<NoticeIconSelect>();
   readonly clear = output<string>();
 
-  onClick(item: NoticeItem): void {
-    this.select.emit({ title: this.item().title, item });
+  onClick(item: NoticeItem, event: Event): void {
+    this.select.emit({ title: this.item().title, item, event });
   }
 
   onClear(): void {
diff --git a/packages/abc/notice-icon/notice-icon.component.html b/packages/abc/notice-icon/notice-icon.component.html
@@ -24,7 +24,7 @@
         <nz-tabset [nzSelectedIndex]="0" [nzCentered]="centered()">
           @for (i of d; track $index) {
             <nz-tab [nzTitle]="i.title">
-              <notice-icon-tab [locale]="locale()" [item]="i" (select)="onSelect($event)" (clear)="onClear($event)" />
+              <notice-icon-tab [locale]="locale()" [item]="i" (select)="select.emit($event)" (clear)="clear.emit($event)" />
             </nz-tab>
           }
         </nz-tabset>
diff --git a/packages/abc/notice-icon/notice-icon.component.ts b/packages/abc/notice-icon/notice-icon.component.ts
@@ -74,12 +74,4 @@ export class NoticeIconComponent {
     this.delayShow.set(result);
     this.popoverVisibleChange.emit(result);
   }
-
-  onSelect(i: NoticeIconSelect): void {
-    this.select.emit(i);
-  }
-
-  onClear(title: string): void {
-    this.clear.emit(title);
-  }
 }
diff --git a/packages/abc/notice-icon/notice-icon.types.ts b/packages/abc/notice-icon/notice-icon.types.ts
@@ -41,4 +41,5 @@ export interface NoticeIconList {
 export interface NoticeIconSelect {
   title: string;
   item: NoticeItem;
+  event?: Event;
 }

Original file line number	Diff line number	Diff line change
`@@ -29,8 +29,8 @@ export class NoticeIconTabComponent {`
`29`	`29`	`readonly select = output<NoticeIconSelect>();`
`30`	`30`	`readonly clear = output<string>();`
`31`	`31`
`32`		`- onClick(item: NoticeItem): void {`
`33`		`- this.select.emit({ title: this.item().title, item });`
	`32`	`+ onClick(item: NoticeItem, event: Event): void {`
	`33`	`+ this.select.emit({ title: this.item().title, item, event });`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`onClear(): void {`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@`
`24`	`24`	`<nz-tabset [nzSelectedIndex]="0" [nzCentered]="centered()">`
`25`	`25`	`@for (i of d; track $index) {`
`26`	`26`	`<nz-tab [nzTitle]="i.title">`
`27`		`- <notice-icon-tab [locale]="locale()" [item]="i" (select)="onSelect($event)" (clear)="onClear($event)" />`
	`27`	`+ <notice-icon-tab [locale]="locale()" [item]="i" (select)="select.emit($event)" (clear)="clear.emit($event)" />`
`28`	`28`	`</nz-tab>`
`29`	`29`	`}`
`30`	`30`	`</nz-tabset>`
Original file line number	Diff line number	Diff line change
`@@ -74,12 +74,4 @@ export class NoticeIconComponent {`
`74`	`74`	`this.delayShow.set(result);`
`75`	`75`	`this.popoverVisibleChange.emit(result);`
`76`	`76`	`}`
`77`		`-`
`78`		`- onSelect(i: NoticeIconSelect): void {`
`79`		`- this.select.emit(i);`
`80`		`- }`
`81`		`-`
`82`		`- onClear(title: string): void {`
`83`		`- this.clear.emit(title);`
`84`		`- }`
`85`	`77`	`}`
Original file line number	Diff line number	Diff line change
`@@ -41,4 +41,5 @@ export interface NoticeIconList {`
`41`	`41`	`export interface NoticeIconSelect {`
`42`	`42`	`title: string;`
`43`	`43`	`item: NoticeItem;`
	`44`	`+ event?: Event;`
`44`	`45`	`}`