@kris701/ez-ui 1.3.13 → 1.3.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2481,8 +2481,9 @@ const compressImage = async (file, quality, maxHeight, maxWidth, convertSize) =>
|
|
|
2481
2481
|
class EzUIMenuBarSubDataList {
|
|
2482
2482
|
menuItemTemplate;
|
|
2483
2483
|
subdatalist = [];
|
|
2484
|
+
onItemClick = new EventEmitter();
|
|
2484
2485
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMenuBarSubDataList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2485
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMenuBarSubDataList, isStandalone: true, selector: "tui-data-list[subdatalist]", inputs: { menuItemTemplate: "menuItemTemplate", subdatalist: "subdatalist" }, ngImport: i0, template: `
|
|
2486
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMenuBarSubDataList, isStandalone: true, selector: "tui-data-list[subdatalist]", inputs: { menuItemTemplate: "menuItemTemplate", subdatalist: "subdatalist" }, outputs: { onItemClick: "onItemClick" }, ngImport: i0, template: `
|
|
2486
2487
|
@for(item of subdatalist; track $index){
|
|
2487
2488
|
@if(item.items){
|
|
2488
2489
|
@if(!item.hidden){
|
|
@@ -2509,7 +2510,8 @@ class EzUIMenuBarSubDataList {
|
|
|
2509
2510
|
<ng-template #dropdownContent>
|
|
2510
2511
|
<tui-data-list
|
|
2511
2512
|
class="subdatalist"
|
|
2512
|
-
[subdatalist]="item.items"
|
|
2513
|
+
[subdatalist]="item.items"
|
|
2514
|
+
(onItemClick)="onItemClick.emit()">
|
|
2513
2515
|
</tui-data-list>
|
|
2514
2516
|
</ng-template>
|
|
2515
2517
|
}
|
|
@@ -2521,7 +2523,7 @@ class EzUIMenuBarSubDataList {
|
|
|
2521
2523
|
tuiOption
|
|
2522
2524
|
[iconStart]="item.icon"
|
|
2523
2525
|
[disabled]="item.disabled"
|
|
2524
|
-
(click)="item.command(item)"
|
|
2526
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
2525
2527
|
[style]="item.style"
|
|
2526
2528
|
>
|
|
2527
2529
|
@if(menuItemTemplate){
|
|
@@ -2534,7 +2536,7 @@ class EzUIMenuBarSubDataList {
|
|
|
2534
2536
|
}
|
|
2535
2537
|
}
|
|
2536
2538
|
}
|
|
2537
|
-
`, isInline: true, styles: [".subdatalist{display:flex;flex-direction:column;padding:10px}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
2539
|
+
`, isInline: true, styles: [".subdatalist{display:flex;flex-direction:column;padding:10px}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
2538
2540
|
}
|
|
2539
2541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMenuBarSubDataList, decorators: [{
|
|
2540
2542
|
type: Component,
|
|
@@ -2570,7 +2572,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2570
2572
|
<ng-template #dropdownContent>
|
|
2571
2573
|
<tui-data-list
|
|
2572
2574
|
class="subdatalist"
|
|
2573
|
-
[subdatalist]="item.items"
|
|
2575
|
+
[subdatalist]="item.items"
|
|
2576
|
+
(onItemClick)="onItemClick.emit()">
|
|
2574
2577
|
</tui-data-list>
|
|
2575
2578
|
</ng-template>
|
|
2576
2579
|
}
|
|
@@ -2582,7 +2585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2582
2585
|
tuiOption
|
|
2583
2586
|
[iconStart]="item.icon"
|
|
2584
2587
|
[disabled]="item.disabled"
|
|
2585
|
-
(click)="item.command(item)"
|
|
2588
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
2586
2589
|
[style]="item.style"
|
|
2587
2590
|
>
|
|
2588
2591
|
@if(menuItemTemplate){
|
|
@@ -2600,6 +2603,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2600
2603
|
type: Input
|
|
2601
2604
|
}], subdatalist: [{
|
|
2602
2605
|
type: Input
|
|
2606
|
+
}], onItemClick: [{
|
|
2607
|
+
type: Output
|
|
2603
2608
|
}] } });
|
|
2604
2609
|
class EzUIMenuBar {
|
|
2605
2610
|
itemTemplate;
|
|
@@ -2641,7 +2646,8 @@ class EzUIMenuBar {
|
|
|
2641
2646
|
<tui-data-list
|
|
2642
2647
|
class="subdatalist"
|
|
2643
2648
|
[subdatalist]="item.items"
|
|
2644
|
-
[menuItemTemplate]="menuItemTemplate"
|
|
2649
|
+
[menuItemTemplate]="menuItemTemplate"
|
|
2650
|
+
(onItemClick)="item.expanded = false">
|
|
2645
2651
|
</tui-data-list>
|
|
2646
2652
|
</ng-template>
|
|
2647
2653
|
}
|
|
@@ -2669,7 +2675,7 @@ class EzUIMenuBar {
|
|
|
2669
2675
|
}
|
|
2670
2676
|
}
|
|
2671
2677
|
</div>
|
|
2672
|
-
`, isInline: true, styles: [".group{width:100%;white-space:nowrap}.subdatalist{display:flex;flex-direction:column;padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiGroup, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "collapsed", "rounded", "size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"] }] });
|
|
2678
|
+
`, isInline: true, styles: [".group{width:100%;white-space:nowrap}.subdatalist{display:flex;flex-direction:column;padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiGroup, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "collapsed", "rounded", "size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: EzUIMenuBarSubDataList, selector: "tui-data-list[subdatalist]", inputs: ["menuItemTemplate", "subdatalist"], outputs: ["onItemClick"] }] });
|
|
2673
2679
|
}
|
|
2674
2680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMenuBar, decorators: [{
|
|
2675
2681
|
type: Component,
|
|
@@ -2711,7 +2717,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2711
2717
|
<tui-data-list
|
|
2712
2718
|
class="subdatalist"
|
|
2713
2719
|
[subdatalist]="item.items"
|
|
2714
|
-
[menuItemTemplate]="menuItemTemplate"
|
|
2720
|
+
[menuItemTemplate]="menuItemTemplate"
|
|
2721
|
+
(onItemClick)="item.expanded = false">
|
|
2715
2722
|
</tui-data-list>
|
|
2716
2723
|
</ng-template>
|
|
2717
2724
|
}
|
|
@@ -2938,7 +2945,6 @@ class EzUIMarkdownEditor {
|
|
|
2938
2945
|
this.additionalMenuBarItemsRoot.hidden =
|
|
2939
2946
|
this.additionalMenuBarItems.length == 0 ||
|
|
2940
2947
|
this.additionalMenuBarItems.filter(x => !x.hidden).length == 0;
|
|
2941
|
-
console.log(this.items());
|
|
2942
2948
|
}
|
|
2943
2949
|
}
|
|
2944
2950
|
}
|
|
@@ -3511,8 +3517,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3511
3517
|
class EzUIPopoutMenuSubDataList {
|
|
3512
3518
|
itemTemplate;
|
|
3513
3519
|
popsubdatalist = [];
|
|
3520
|
+
onItemClick = new EventEmitter();
|
|
3514
3521
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenuSubDataList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3515
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIPopoutMenuSubDataList, isStandalone: true, selector: "tui-data-list[popsubdatalist]", inputs: { itemTemplate: "itemTemplate", popsubdatalist: "popsubdatalist" }, ngImport: i0, template: `
|
|
3522
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIPopoutMenuSubDataList, isStandalone: true, selector: "tui-data-list[popsubdatalist]", inputs: { itemTemplate: "itemTemplate", popsubdatalist: "popsubdatalist" }, outputs: { onItemClick: "onItemClick" }, ngImport: i0, template: `
|
|
3516
3523
|
@for(item of popsubdatalist; track $index){
|
|
3517
3524
|
@if(item.items){
|
|
3518
3525
|
@if(!item.hidden){
|
|
@@ -3541,7 +3548,8 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3541
3548
|
<tui-data-list
|
|
3542
3549
|
class="popsubdatalist"
|
|
3543
3550
|
[popsubdatalist]="item.items"
|
|
3544
|
-
[itemTemplate]="itemTemplate"
|
|
3551
|
+
[itemTemplate]="itemTemplate"
|
|
3552
|
+
(onItemClick)="onItemClick.emit()">
|
|
3545
3553
|
</tui-data-list>
|
|
3546
3554
|
</div>
|
|
3547
3555
|
</ng-template>
|
|
@@ -3554,7 +3562,7 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3554
3562
|
tuiOption
|
|
3555
3563
|
[iconStart]="item.icon"
|
|
3556
3564
|
[disabled]="item.disabled"
|
|
3557
|
-
(click)="item.command(item)"
|
|
3565
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
3558
3566
|
[style]="item.style"
|
|
3559
3567
|
>
|
|
3560
3568
|
@if(itemTemplate){
|
|
@@ -3567,7 +3575,7 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3567
3575
|
}
|
|
3568
3576
|
}
|
|
3569
3577
|
}
|
|
3570
|
-
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
3578
|
+
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}.subdatalistitem{padding:0 10px!important}\n"], dependencies: [{ kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i3$1.TuiDropdownPositionSided, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }] });
|
|
3571
3579
|
}
|
|
3572
3580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenuSubDataList, decorators: [{
|
|
3573
3581
|
type: Component,
|
|
@@ -3605,7 +3613,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3605
3613
|
<tui-data-list
|
|
3606
3614
|
class="popsubdatalist"
|
|
3607
3615
|
[popsubdatalist]="item.items"
|
|
3608
|
-
[itemTemplate]="itemTemplate"
|
|
3616
|
+
[itemTemplate]="itemTemplate"
|
|
3617
|
+
(onItemClick)="onItemClick.emit()">
|
|
3609
3618
|
</tui-data-list>
|
|
3610
3619
|
</div>
|
|
3611
3620
|
</ng-template>
|
|
@@ -3618,7 +3627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3618
3627
|
tuiOption
|
|
3619
3628
|
[iconStart]="item.icon"
|
|
3620
3629
|
[disabled]="item.disabled"
|
|
3621
|
-
(click)="item.command(item)"
|
|
3630
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
3622
3631
|
[style]="item.style"
|
|
3623
3632
|
>
|
|
3624
3633
|
@if(itemTemplate){
|
|
@@ -3636,6 +3645,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3636
3645
|
type: Input
|
|
3637
3646
|
}], popsubdatalist: [{
|
|
3638
3647
|
type: Input
|
|
3648
|
+
}], onItemClick: [{
|
|
3649
|
+
type: Output
|
|
3639
3650
|
}] } });
|
|
3640
3651
|
class EzUIPopoutMenu {
|
|
3641
3652
|
itemTemplate;
|
|
@@ -3672,12 +3683,13 @@ class EzUIPopoutMenu {
|
|
|
3672
3683
|
<tui-data-list
|
|
3673
3684
|
class="popsubdatalist"
|
|
3674
3685
|
[popsubdatalist]="items"
|
|
3675
|
-
[itemTemplate]="itemTemplate"
|
|
3686
|
+
[itemTemplate]="itemTemplate"
|
|
3687
|
+
(onItemClick)="dropdownOpen.set(false)">
|
|
3676
3688
|
</tui-data-list>
|
|
3677
3689
|
</div>
|
|
3678
3690
|
</ng-template>
|
|
3679
3691
|
</button>
|
|
3680
|
-
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"] }] });
|
|
3692
|
+
`, isInline: true, styles: [".popdropdown{margin:10px}.popsubdatalist{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: ["tuiDropdownAlign", "tuiDropdownAppearance", "tuiDropdownDirection", "tuiDropdownLimitWidth", "tuiDropdownMinHeight", "tuiDropdownMaxHeight", "tuiDropdownOffset"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "component", type: EzUIPopoutMenuSubDataList, selector: "tui-data-list[popsubdatalist]", inputs: ["itemTemplate", "popsubdatalist"], outputs: ["onItemClick"] }] });
|
|
3681
3693
|
}
|
|
3682
3694
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenu, decorators: [{
|
|
3683
3695
|
type: Component,
|
|
@@ -3706,7 +3718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3706
3718
|
<tui-data-list
|
|
3707
3719
|
class="popsubdatalist"
|
|
3708
3720
|
[popsubdatalist]="items"
|
|
3709
|
-
[itemTemplate]="itemTemplate"
|
|
3721
|
+
[itemTemplate]="itemTemplate"
|
|
3722
|
+
(onItemClick)="dropdownOpen.set(false)">
|
|
3710
3723
|
</tui-data-list>
|
|
3711
3724
|
</div>
|
|
3712
3725
|
</ng-template>
|