Skip to content

Commit 13e8a45

Browse files
OriginRingOriginRing
and
OriginRing
authored
feat(module:tree-select): support TemplateRef type for nzNotFoundContent (#8638)
fix #8631 Co-authored-by: OriginRing <wb-gyy965916@alibaba-inc.com>
1 parent 580b51f commit 13e8a45

File tree

8 files changed

+112
-74
lines changed

8 files changed

+112
-74
lines changed

components/tree-select/demo/module

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@ import { NzIconModule } from 'ng-zorro-antd/icon';
33
import { FormsModule } from '@angular/forms';
44
import { NzRadioModule } from 'ng-zorro-antd/radio';
55
import { NzSpaceModule } from 'ng-zorro-antd/space';
6+
import { NzSpinModule } from 'ng-zorro-antd/spin';
67

7-
8-
export const moduleList = [ FormsModule, NzTreeSelectModule, NzIconModule , NzRadioModule , NzSpaceModule];
8+
export const moduleList = [ FormsModule, NzTreeSelectModule, NzIconModule , NzRadioModule , NzSpaceModule, NzSpinModule];
+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
order: 7
3+
title:
4+
zh-CN: 自定义空状态
5+
en-US: Custom empty state
6+
---
7+
8+
## zh-CN
9+
10+
使用 `nzNotFoundContent` 自定义空数据状态
11+
12+
## en-US
13+
14+
Use `nzNotFoundContent` to customize empty data style
15+
+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { Component } from '@angular/core';
2+
3+
@Component({
4+
selector: 'nz-demo-tree-select-no-data',
5+
template: `
6+
<nz-tree-select
7+
style="width: 250px"
8+
[nzNodes]="nodes"
9+
nzPlaceHolder="Please select"
10+
[(ngModel)]="value"
11+
[nzNotFoundContent]="noData"
12+
></nz-tree-select>
13+
<ng-template #noData>
14+
<div style="height: 200px; display: flex; justify-content: center; align-items: center">
15+
<nz-spin nzSimple> </nz-spin>
16+
</div>
17+
</ng-template>
18+
`
19+
})
20+
export class NzDemoTreeSelectNoDataComponent {
21+
value?: string;
22+
nodes = [];
23+
}

components/tree-select/demo/placement.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
order: 7
2+
order: 8
33
title:
44
zh-CN: 位置
55
en-US: Placement

components/tree-select/demo/status.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
order: 8
2+
order: 9
33
title:
44
zh-CN: 自定义状态
55
en-US: Status

components/tree-select/doc/index.en-US.md

+34-34
Large diffs are not rendered by default.

components/tree-select/doc/index.zh-CN.md

+35-35
Large diffs are not rendered by default.

components/tree-select/tree-select.component.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -275,7 +275,7 @@ export class NzTreeSelectComponent extends NzTreeBase implements ControlValueAcc
275275
@Input() nzVirtualMinBufferPx = 28;
276276
@Input() nzVirtualHeight: string | null = null;
277277
@Input() nzExpandedIcon?: TemplateRef<{ $implicit: NzTreeNode; origin: NzTreeNodeOptions }>;
278-
@Input() nzNotFoundContent?: string;
278+
@Input() nzNotFoundContent?: string | TemplateRef<void>;
279279
@Input() nzNodes: NzTreeNodeOptions[] | NzTreeNode[] = [];
280280
@Input() nzOpen = false;
281281
@Input() @WithConfig() nzSize: NzSizeLDSType = 'default';

0 commit comments

Comments
 (0)