chore: fix animation.disabled triggering condition (#7739)

Co-authored-by: caoxicheng <caoxicheng@ewaresoft.com>
NG-ZORRO · Nov 27, 2022 · 2df4860 · 2df4860
1 parent d261d70
commit 2df4860
Show file tree

Hide file tree

Showing 12 changed files with 14 additions and 14 deletions.
diff --git a/components/auto-complete/autocomplete.component.ts b/components/auto-complete/autocomplete.component.ts
@@ -62,7 +62,7 @@ export type AutocompleteDataSource = Array<AutocompleteDataSourceItem | string |
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         @slideMotion
         (@slideMotion.done)="onAnimationEvent($event)"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
       >
         <div style="max-height: 256px; overflow-y: auto; overflow-anchor: none;">
           <div style="display: flex; flex-direction: column;">

diff --git a/components/cascader/cascader.component.ts b/components/cascader/cascader.component.ts
@@ -140,7 +140,7 @@ const defaultDisplayRender = (labels: string[]): string => labels.join(' / ');
         class="ant-select-dropdown ant-cascader-dropdown ant-select-dropdown-placement-bottomLeft"
         [class.ant-cascader-dropdown-rtl]="dir === 'rtl'"
         [@slideMotion]="'enter'"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         (mouseenter)="onTriggerMouseEnter()"
         (mouseleave)="onTriggerMouseLeave($event)"

diff --git a/components/collapse/collapse-panel.component.ts b/components/collapse/collapse-panel.component.ts
@@ -60,7 +60,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'collapsePanel';
     <div
       class="ant-collapse-content"
       [class.ant-collapse-content-active]="nzActive"
-      [@.disabled]="noAnimation?.nzNoAnimation"
+      [@.disabled]="!!noAnimation?.nzNoAnimation"
       [@collapseMotion]="nzActive ? 'expanded' : 'hidden'"
     >
       <div class="ant-collapse-content-box">

diff --git a/components/dropdown/dropdown-menu.component.ts b/components/dropdown/dropdown-menu.component.ts
@@ -53,7 +53,7 @@ export type NzPlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 't
         [ngStyle]="nzOverlayStyle"
         @slideMotion
         (@slideMotion.done)="onAnimationEvent($event)"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         (mouseenter)="setMouseState(true)"
         (mouseleave)="setMouseState(false)"

diff --git a/components/menu/submenu.component.ts b/components/menu/submenu.component.ts
@@ -85,7 +85,7 @@ const listOfHorizontalPositions = [
       nz-submenu-inline-child
       [mode]="mode"
       [nzOpen]="nzOpen"
-      [@.disabled]="noAnimation?.nzNoAnimation"
+      [@.disabled]="!!noAnimation?.nzNoAnimation"
       [nzNoAnimation]="noAnimation?.nzNoAnimation"
       [menuClass]="nzMenuClassName"
       [templateOutlet]="subMenuTemplate"
@@ -110,7 +110,7 @@ const listOfHorizontalPositions = [
           [isMenuInsideDropDown]="isMenuInsideDropDown"
           [templateOutlet]="subMenuTemplate"
           [menuClass]="nzMenuClassName"
-          [@.disabled]="noAnimation?.nzNoAnimation"
+          [@.disabled]="!!noAnimation?.nzNoAnimation"
           [nzNoAnimation]="noAnimation?.nzNoAnimation"
           (subMenuMouseState)="setMouseEnterState($event)"
         ></div>

diff --git a/components/popconfirm/popconfirm.ts b/components/popconfirm/popconfirm.ts
@@ -157,7 +157,7 @@ export class NzPopconfirmDirective extends NzTooltipBaseDirective {
         [ngClass]="_classMap"
         [class.ant-popover-rtl]="dir === 'rtl'"
         [ngStyle]="nzOverlayStyle"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         [@zoomBigMotion]="'active'"
       >

diff --git a/components/popover/popover.ts b/components/popover/popover.ts
@@ -115,7 +115,7 @@ export class NzPopoverDirective extends NzTooltipBaseDirective {
         [class.ant-popover-rtl]="dir === 'rtl'"
         [ngClass]="_classMap"
         [ngStyle]="nzOverlayStyle"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         [@zoomBigMotion]="'active'"
       >

diff --git a/components/select/select.component.ts b/components/select/select.component.ts
@@ -105,7 +105,7 @@ export type NzSelectSizeType = 'large' | 'default' | 'small';
       [open]="nzOpen"
       [disabled]="nzDisabled"
       [mode]="nzMode"
-      [@.disabled]="noAnimation?.nzNoAnimation"
+      [@.disabled]="!!noAnimation?.nzNoAnimation"
       [nzNoAnimation]="noAnimation?.nzNoAnimation"
       [maxTagPlaceholder]="nzMaxTagPlaceholder"
       [removeIcon]="nzRemoveIcon"
@@ -164,7 +164,7 @@ export type NzSelectSizeType = 'large' | 'default' | 'small';
         [class.ant-select-dropdown-placement-bottomRight]="dropDownPosition === 'bottomRight'"
         [class.ant-select-dropdown-placement-topRight]="dropDownPosition === 'topRight'"
         [@slideMotion]="'enter'"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         [listOfContainerItem]="listOfContainerItem"
         [menuItemSelectedIcon]="nzMenuItemSelectedIcon"

diff --git a/components/tooltip/tooltip.ts b/components/tooltip/tooltip.ts
@@ -109,7 +109,7 @@ export class NzTooltipDirective extends NzTooltipBaseDirective {
         [class.ant-tooltip-rtl]="dir === 'rtl'"
         [ngClass]="_classMap"
         [ngStyle]="nzOverlayStyle"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         [@zoomBigMotion]="'active'"
       >

diff --git a/components/tree-select/tree-select.component.ts b/components/tree-select/tree-select.component.ts
@@ -89,7 +89,7 @@ const TREE_SELECT_DEFAULT_CLASS = 'ant-select-dropdown ant-select-tree-dropdown'
       <div
         [@slideMotion]="'enter'"
         [ngClass]="dropdownClassName"
-        [@.disabled]="noAnimation?.nzNoAnimation"
+        [@.disabled]="!!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         [class.ant-select-dropdown-placement-bottomLeft]="dropDownPosition === 'bottom'"
         [class.ant-select-dropdown-placement-topLeft]="dropDownPosition === 'top'"

diff --git a/components/tree-view/tree-view.ts b/components/tree-view/tree-view.ts
@@ -17,7 +17,7 @@ import { NzTreeView } from './tree';
   template: `
     <div class="ant-tree-list-holder">
       <div
-        [@.disabled]="!_afterViewInit || noAnimation?.nzNoAnimation"
+        [@.disabled]="!_afterViewInit || !!noAnimation?.nzNoAnimation"
         [@treeCollapseMotion]="_nodeOutlet.viewContainer.length"
         class="ant-tree-list-holder-inner"
       >

diff --git a/components/tree/tree.component.ts b/components/tree/tree.component.ts
@@ -89,7 +89,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'tree';
         *ngIf="!nzVirtualHeight"
         [class.ant-select-tree-list-holder-inner]="nzSelectMode"
         [class.ant-tree-list-holder-inner]="!nzSelectMode"
-        [@.disabled]="beforeInit || noAnimation?.nzNoAnimation"
+        [@.disabled]="beforeInit || !!noAnimation?.nzNoAnimation"
         [nzNoAnimation]="noAnimation?.nzNoAnimation"
         [@treeCollapseMotion]="nzFlattenNodes.length"
       >