-
Notifications
You must be signed in to change notification settings - Fork 666
/
reuse-tab.component.html
34 lines (34 loc) · 1.04 KB
/
reuse-tab.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<nz-tabset
#tabset
[nzSelectedIndex]="pos"
[nzAnimated]="false"
[nzType]="tabType"
[nzTabBarExtraContent]="tabBarExtraContent"
[nzTabBarGutter]="tabBarGutter"
[nzTabBarStyle]="tabBarStyle"
>
@for (i of list; track $index) {
<nz-tab [nzTitle]="titleTemplate" (nzClick)="_to($index)">
<ng-template #titleTemplate>
<div
[reuse-tab-context-menu]="i"
[customContextMenu]="customContextMenu"
class="reuse-tab__name"
[attr.title]="i.title"
>
<span [class.reuse-tab__name-width]="tabMaxWidth" [style.max-width.px]="tabMaxWidth">
@if (titleRender) {
<ng-template [ngTemplateOutlet]="titleRender" [ngTemplateOutletContext]="{ $implicit: i }" />
} @else {
{{ i.title }}
}
</span>
</div>
@if (i.closable) {
<i nz-icon nzType="close" class="reuse-tab__op" (click)="_close($event, $index, false)"></i>
}
</ng-template>
</nz-tab>
}
</nz-tabset>
<reuse-tab-context [i18n]="i18n" (change)="contextMenuChange($event)" />