@kris701/ez-ui 1.3.14 → 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
|
}
|
|
@@ -3510,8 +3517,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3510
3517
|
class EzUIPopoutMenuSubDataList {
|
|
3511
3518
|
itemTemplate;
|
|
3512
3519
|
popsubdatalist = [];
|
|
3520
|
+
onItemClick = new EventEmitter();
|
|
3513
3521
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenuSubDataList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3514
|
-
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: `
|
|
3515
3523
|
@for(item of popsubdatalist; track $index){
|
|
3516
3524
|
@if(item.items){
|
|
3517
3525
|
@if(!item.hidden){
|
|
@@ -3540,7 +3548,8 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3540
3548
|
<tui-data-list
|
|
3541
3549
|
class="popsubdatalist"
|
|
3542
3550
|
[popsubdatalist]="item.items"
|
|
3543
|
-
[itemTemplate]="itemTemplate"
|
|
3551
|
+
[itemTemplate]="itemTemplate"
|
|
3552
|
+
(onItemClick)="onItemClick.emit()">
|
|
3544
3553
|
</tui-data-list>
|
|
3545
3554
|
</div>
|
|
3546
3555
|
</ng-template>
|
|
@@ -3553,7 +3562,7 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3553
3562
|
tuiOption
|
|
3554
3563
|
[iconStart]="item.icon"
|
|
3555
3564
|
[disabled]="item.disabled"
|
|
3556
|
-
(click)="item.command(item)"
|
|
3565
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
3557
3566
|
[style]="item.style"
|
|
3558
3567
|
>
|
|
3559
3568
|
@if(itemTemplate){
|
|
@@ -3566,7 +3575,7 @@ class EzUIPopoutMenuSubDataList {
|
|
|
3566
3575
|
}
|
|
3567
3576
|
}
|
|
3568
3577
|
}
|
|
3569
|
-
`, 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"] }] });
|
|
3570
3579
|
}
|
|
3571
3580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenuSubDataList, decorators: [{
|
|
3572
3581
|
type: Component,
|
|
@@ -3604,7 +3613,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3604
3613
|
<tui-data-list
|
|
3605
3614
|
class="popsubdatalist"
|
|
3606
3615
|
[popsubdatalist]="item.items"
|
|
3607
|
-
[itemTemplate]="itemTemplate"
|
|
3616
|
+
[itemTemplate]="itemTemplate"
|
|
3617
|
+
(onItemClick)="onItemClick.emit()">
|
|
3608
3618
|
</tui-data-list>
|
|
3609
3619
|
</div>
|
|
3610
3620
|
</ng-template>
|
|
@@ -3617,7 +3627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3617
3627
|
tuiOption
|
|
3618
3628
|
[iconStart]="item.icon"
|
|
3619
3629
|
[disabled]="item.disabled"
|
|
3620
|
-
(click)="item.command(item)"
|
|
3630
|
+
(click)="item.command(item);onItemClick.emit()"
|
|
3621
3631
|
[style]="item.style"
|
|
3622
3632
|
>
|
|
3623
3633
|
@if(itemTemplate){
|
|
@@ -3635,6 +3645,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3635
3645
|
type: Input
|
|
3636
3646
|
}], popsubdatalist: [{
|
|
3637
3647
|
type: Input
|
|
3648
|
+
}], onItemClick: [{
|
|
3649
|
+
type: Output
|
|
3638
3650
|
}] } });
|
|
3639
3651
|
class EzUIPopoutMenu {
|
|
3640
3652
|
itemTemplate;
|
|
@@ -3671,12 +3683,13 @@ class EzUIPopoutMenu {
|
|
|
3671
3683
|
<tui-data-list
|
|
3672
3684
|
class="popsubdatalist"
|
|
3673
3685
|
[popsubdatalist]="items"
|
|
3674
|
-
[itemTemplate]="itemTemplate"
|
|
3686
|
+
[itemTemplate]="itemTemplate"
|
|
3687
|
+
(onItemClick)="dropdownOpen.set(false)">
|
|
3675
3688
|
</tui-data-list>
|
|
3676
3689
|
</div>
|
|
3677
3690
|
</ng-template>
|
|
3678
3691
|
</button>
|
|
3679
|
-
`, 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"] }] });
|
|
3680
3693
|
}
|
|
3681
3694
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPopoutMenu, decorators: [{
|
|
3682
3695
|
type: Component,
|
|
@@ -3705,7 +3718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3705
3718
|
<tui-data-list
|
|
3706
3719
|
class="popsubdatalist"
|
|
3707
3720
|
[popsubdatalist]="items"
|
|
3708
|
-
[itemTemplate]="itemTemplate"
|
|
3721
|
+
[itemTemplate]="itemTemplate"
|
|
3722
|
+
(onItemClick)="dropdownOpen.set(false)">
|
|
3709
3723
|
</tui-data-list>
|
|
3710
3724
|
</div>
|
|
3711
3725
|
</ng-template>
|