@kris701/ez-ui 1.5.0 → 1.5.2
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.
|
@@ -3434,11 +3434,13 @@ class EzUITreeMultiSelect {
|
|
|
3434
3434
|
</tui-textfield>
|
|
3435
3435
|
|
|
3436
3436
|
<ng-template #treeContent let-item>
|
|
3437
|
-
@let
|
|
3437
|
+
@let hasChildren = item.children && item.children.length > 0;
|
|
3438
|
+
@let isDisabled = item.selectable === false || hasChildren;
|
|
3438
3439
|
<label
|
|
3439
3440
|
tuiLabel
|
|
3440
3441
|
[class]="{'wrapper':true, 'wrapperActive':!isDisabled}"
|
|
3441
|
-
[style.
|
|
3442
|
+
[style.display]="enableSearch && searchValue() != '' && !hasChildren && !item.label.toLowerCase().includes(searchValue().toLowerCase()) ? 'none' : ''"
|
|
3443
|
+
[style.opacity]="isDisabled ? 0.8 : 1"
|
|
3442
3444
|
>
|
|
3443
3445
|
<input
|
|
3444
3446
|
size="s"
|
|
@@ -3526,11 +3528,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3526
3528
|
</tui-textfield>
|
|
3527
3529
|
|
|
3528
3530
|
<ng-template #treeContent let-item>
|
|
3529
|
-
@let
|
|
3531
|
+
@let hasChildren = item.children && item.children.length > 0;
|
|
3532
|
+
@let isDisabled = item.selectable === false || hasChildren;
|
|
3530
3533
|
<label
|
|
3531
3534
|
tuiLabel
|
|
3532
3535
|
[class]="{'wrapper':true, 'wrapperActive':!isDisabled}"
|
|
3533
|
-
[style.
|
|
3536
|
+
[style.display]="enableSearch && searchValue() != '' && !hasChildren && !item.label.toLowerCase().includes(searchValue().toLowerCase()) ? 'none' : ''"
|
|
3537
|
+
[style.opacity]="isDisabled ? 0.8 : 1"
|
|
3534
3538
|
>
|
|
3535
3539
|
<input
|
|
3536
3540
|
size="s"
|
|
@@ -4016,7 +4020,7 @@ class EzUIOrderList {
|
|
|
4016
4020
|
</div>
|
|
4017
4021
|
}
|
|
4018
4022
|
</div>
|
|
4019
|
-
`, isInline: true, styles: [".orderlist-container{
|
|
4023
|
+
`, isInline: true, styles: [".orderlist-container{background-color:var(--tui-background-base-alt);border:2px solid var(--tui-border-normal);border-radius:var(--tui-radius-l);padding:5px}.tile{background:var(--tui-background-base);border-radius:var(--tui-radius-l);border:1px solid var(--tui-border-normal);display:flex;flex-direction:row;gap:5px;padding:5px}.tile .handle{align-self:center;cursor:grab}.tile .content,.tile .button-container{align-self:center}.cdk-drag-disabled{opacity:.7;-webkit-user-select:none;user-select:none}.cdk-drag-disabled .handle{align-self:center;cursor:not-allowed}.cdk-drag-preview{display:flex;background:var(--tui-background-base);border-radius:var(--tui-radius-l);border:1px solid var(--tui-border-normal)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i2$2.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }] });
|
|
4020
4024
|
}
|
|
4021
4025
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIOrderList, decorators: [{
|
|
4022
4026
|
type: Component,
|
|
@@ -4073,7 +4077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
4073
4077
|
</div>
|
|
4074
4078
|
}
|
|
4075
4079
|
</div>
|
|
4076
|
-
`, styles: [".orderlist-container{
|
|
4080
|
+
`, styles: [".orderlist-container{background-color:var(--tui-background-base-alt);border:2px solid var(--tui-border-normal);border-radius:var(--tui-radius-l);padding:5px}.tile{background:var(--tui-background-base);border-radius:var(--tui-radius-l);border:1px solid var(--tui-border-normal);display:flex;flex-direction:row;gap:5px;padding:5px}.tile .handle{align-self:center;cursor:grab}.tile .content,.tile .button-container{align-self:center}.cdk-drag-disabled{opacity:.7;-webkit-user-select:none;user-select:none}.cdk-drag-disabled .handle{align-self:center;cursor:not-allowed}.cdk-drag-preview{display:flex;background:var(--tui-background-base);border-radius:var(--tui-radius-l);border:1px solid var(--tui-border-normal)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
|
|
4077
4081
|
}], propDecorators: { itemTemplate: [{
|
|
4078
4082
|
type: ContentChild,
|
|
4079
4083
|
args: ['itemTemplate', { static: false }]
|
|
@@ -4346,14 +4350,16 @@ class EzUITreeSelect {
|
|
|
4346
4350
|
</tui-data-list>
|
|
4347
4351
|
</tui-textfield>
|
|
4348
4352
|
|
|
4349
|
-
<ng-template #treeContent let-
|
|
4353
|
+
<ng-template #treeContent let-value>
|
|
4350
4354
|
<div class="wrapper">
|
|
4351
|
-
@let
|
|
4355
|
+
@let hasChildren = value.children && value.children.length > 0;
|
|
4356
|
+
@let isDisabled = value.selectable === false || hasChildren;
|
|
4352
4357
|
<button
|
|
4353
4358
|
tuiOption
|
|
4354
4359
|
[value]="value"
|
|
4355
4360
|
[disabled]="isDisabled"
|
|
4356
|
-
[style.
|
|
4361
|
+
[style.display]="enableSearch && searchValue() != '' && !hasChildren && !value.label.toLowerCase().includes(searchValue().toLowerCase()) ? 'none' : ''"
|
|
4362
|
+
[style.opacity]="isDisabled ? 0.8 : 1"
|
|
4357
4363
|
>
|
|
4358
4364
|
@if(itemTemplate){
|
|
4359
4365
|
<ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: value }"></ng-container>
|
|
@@ -4424,14 +4430,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
4424
4430
|
</tui-data-list>
|
|
4425
4431
|
</tui-textfield>
|
|
4426
4432
|
|
|
4427
|
-
<ng-template #treeContent let-
|
|
4433
|
+
<ng-template #treeContent let-value>
|
|
4428
4434
|
<div class="wrapper">
|
|
4429
|
-
@let
|
|
4435
|
+
@let hasChildren = value.children && value.children.length > 0;
|
|
4436
|
+
@let isDisabled = value.selectable === false || hasChildren;
|
|
4430
4437
|
<button
|
|
4431
4438
|
tuiOption
|
|
4432
4439
|
[value]="value"
|
|
4433
4440
|
[disabled]="isDisabled"
|
|
4434
|
-
[style.
|
|
4441
|
+
[style.display]="enableSearch && searchValue() != '' && !hasChildren && !value.label.toLowerCase().includes(searchValue().toLowerCase()) ? 'none' : ''"
|
|
4442
|
+
[style.opacity]="isDisabled ? 0.8 : 1"
|
|
4435
4443
|
>
|
|
4436
4444
|
@if(itemTemplate){
|
|
4437
4445
|
<ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: value }"></ng-container>
|