feat(abc:st): type cell support click (#1873)

cipchk · web-flow · commit 704badc4047c · 2025-01-19T14:00:54.000+08:00
diff --git a/packages/abc/st/demo/cell.md b/packages/abc/st/demo/cell.md
@@ -66,7 +66,16 @@ export class DemoComponent {
         } as CellOptions;
       }
     },
-    { title: '可用', index: 'disabled', width: 64, cell: { type: 'boolean' } },
+    {
+      title: '可用',
+      index: 'disabled',
+      width: 64,
+      cell: { type: 'boolean', tooltip: '点击可切换状态' },
+      className: 'point',
+      click: i => {
+        this.st.setRow(i, { disabled: !i.disabled });
+      }
+    },
     { title: '注册时间', index: 'registered', width: 180, cell: { type: 'date' } }
   ];
 
diff --git a/packages/abc/st/st-td.component.html b/packages/abc/st/st-td.component.html
@@ -65,7 +65,7 @@
       <nz-badge [nzStatus]="col.color" [nzText]="col.text" [nz-tooltip]="col.tooltip" />
     }
     @case ('cell') {
-      <cell [value]="col.text" [options]="col.cell ?? c.cell" />
+      <cell [value]="col.text" [options]="col.cell ?? c.cell" (click)="_client()" />
     }
     @case ('widget') {
       <ng-template st-widget-host [record]="i" [column]="c" />
diff --git a/packages/abc/st/st.component.ts b/packages/abc/st/st.component.ts
@@ -153,6 +153,10 @@ export class STTdComponent {
     return false;
   }
 
+  _client(): void {
+    this.c.click?.(this.i, this.stComp);
+  }
+
   _stopPropagation(ev: Event): void {
     ev.preventDefault();
     ev.stopPropagation();
diff --git a/packages/abc/st/st.interfaces.ts b/packages/abc/st/st.interfaces.ts
@@ -268,7 +268,7 @@ export interface STColumn<T extends STData = any> {
    * - `currency` 货币且居右(若 `className` 存在则优先)
    * - `date` 日期格式且居中(若 `className` 存在则优先)，使用 `dateFormat` 自定义格式
    * - `yn` 将`boolean`类型徽章化 [document](https://ng-alain.com/docs/data-render#yn)
-   * - `cell` 使用 `cell` 组件渲染 [document](https://ng-alain.com/components/cell)
+   * - `cell` 可指定 `click`，使用 `cell` 组件渲染 [document](https://ng-alain.com/components/cell)
    * - `widget` 使用自定义小部件动态创建
    */
   type?:
diff --git a/packages/abc/st/test/st.spec.ts b/packages/abc/st/test/st.spec.ts
@@ -394,6 +394,11 @@ describe('abc: st', () => {
             .expectElCount('.cell', PS)
             .expectElCount('.ant-checkbox', 1);
         }));
+        it('can be click', fakeAsync(() => {
+          const columns: STColumn[] = [{ index: 'id', cell: { type: 'boolean' }, click: jasmine.createSpy() }];
+          page.updateColumn(columns).clickCell('.cell');
+          expect(columns[0].click).toHaveBeenCalled();
+        }));
       });
       describe('[other]', () => {
         it('should custom render via format', fakeAsync(() => {

Original file line number	Diff line number	Diff line change
`@@ -65,7 +65,7 @@`
`65`	`65`	`<nz-badge [nzStatus]="col.color" [nzText]="col.text" [nz-tooltip]="col.tooltip" />`
`66`	`66`	`}`
`67`	`67`	`@case ('cell') {`
`68`		`- <cell [value]="col.text" [options]="col.cell ?? c.cell" />`
	`68`	`+ <cell [value]="col.text" [options]="col.cell ?? c.cell" (click)="_client()" />`
`69`	`69`	`}`
`70`	`70`	`@case ('widget') {`
`71`	`71`	`<ng-template st-widget-host [record]="i" [column]="c" />`