添加按钮

projects/base-core/src/lib/components/index.ts

@@ -1,5 +1,6 @@
 export * from './toast/toast.component';
 export * from './sticky-header/sticky-header.component';
+export type { StickyHeaderButton } from './sticky-header/sticky-header.component';
 export * from './tree-nav/tree-nav.component';
 // export * from './sidebar/sidebar.component';
 // export * from './grid/grid.component';

projects/base-core/src/lib/components/sticky-header/sticky-header.component.html

@@ -6,22 +6,47 @@
   <div class="header-content bg-white rounded-lg border border-gray-200 shadow-sm transition-all duration-300">
     <div class="flex justify-between items-center p-4 transition-all duration-300">
       <h1 class="header-title text-2xl font-bold transition-all duration-300">{{ title }}</h1>
-      <button 
-        mat-raised-button 
-        [color]="buttonColor" 
-        (click)="onButtonClick()" 
-        [disabled]="disabled || loading"
-        class="flex items-center gap-2"
-      >
-        <mat-icon *ngIf="!loading">{{ buttonIcon }}</mat-icon>
-        <mat-progress-spinner 
-          *ngIf="loading" 
-          diameter="20" 
-          mode="indeterminate" 
-          class="inline-block"
-        ></mat-progress-spinner>
-        {{ loading ? '处理中...' : buttonText }}
-       </button>
+       @if (buttons.length > 0) {
+         <!-- 多个按钮模式 -->
+         <div class="flex items-center gap-2">
+           @for (button of buttons; track button.name) {
+             <button 
+               mat-raised-button 
+               [color]="button.color || 'primary'"
+               (click)="onButtonClick(button.name)" 
+               [disabled]="button.disabled || button.loading || disabled"
+               class="flex items-center gap-2"
+             >
+               <mat-icon *ngIf="!button.loading">{{ button.icon || 'add' }}</mat-icon>
+               <mat-progress-spinner 
+                 *ngIf="button.loading" 
+                 diameter="20" 
+                 mode="indeterminate" 
+                 class="inline-block"
+               ></mat-progress-spinner>
+               {{ button.loading ? '处理中...' : button.title }}
+             </button>
+           }
+         </div>
+       } @else {
+         <!-- 单个按钮模式（向后兼容） -->
+         <button 
+           mat-raised-button 
+           [color]="buttonColor" 
+           (click)="onButtonClick()" 
+           [disabled]="disabled || loading"
+           class="flex items-center gap-2"
+         >
+           <mat-icon *ngIf="!loading">{{ buttonIcon }}</mat-icon>
+           <mat-progress-spinner 
+             *ngIf="loading" 
+             diameter="20" 
+             mode="indeterminate" 
+             class="inline-block"
+           ></mat-progress-spinner>
+           {{ loading ? '处理中...' : buttonText }}
+         </button>
+       }
     </div>
     
     <!-- 提示信息 -->

projects/base-core/src/lib/components/sticky-header/sticky-header.component.ts

@@ -4,6 +4,15 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
+export interface StickyHeaderButton {
+  title: string;    // 显示文本
+  name: string;     // 标识符（事件返回）
+  icon?: string;    // 可选图标
+  color?: 'primary' | 'accent' | 'warn';
+  disabled?: boolean;
+  loading?: boolean;
+}
+
 @Component({
   selector: 'app-sticky-header',
   standalone: true,
@@ -35,6 +44,9 @@ export class StickyHeaderComponent implements AfterViewInit, OnDestroy {
   /** 按钮颜色，默认primary */
   @Input() buttonColor: 'primary' | 'accent' | 'warn' = 'primary';
   
+  /** 多个按钮配置，如果设置则忽略单个按钮属性 */
+  @Input() buttons: StickyHeaderButton[] = [];
+  
   /** 是否禁用按钮 */
   @Input() disabled = false;
   
@@ -100,15 +112,27 @@ export class StickyHeaderComponent implements AfterViewInit, OnDestroy {
 
   /** 按钮点击事件 */
   @Output() buttonClick = new EventEmitter<void>();
+  
+  /** 多个按钮点击事件，返回按钮name标识符 */
+  @Output() buttonAction = new EventEmitter<string>();
 
   // 自动滚动检测的私有属性
   private scrollListener: (() => void) | null = null;
   private canScroll = false;
   private isAutoDetecting = false;
 
-  onButtonClick() {
-    if (!this.disabled && !this.loading) {
-      this.buttonClick.emit();
+  onButtonClick(name?: string) {
+    if (this.buttons.length > 0) {
+      // 多个按钮模式
+      const button = this.buttons.find(b => b.name === name);
+      if (button && !button.disabled && !button.loading) {
+        this.buttonAction.emit(name);
+      }
+    } else {
+      // 单个按钮模式（向后兼容）
+      if (!this.disabled && !this.loading) {
+        this.buttonClick.emit();
+      }
     }
   }