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

Co-authored-by: caoxicheng <caoxicheng@ewaresoft.com>

Author: caoxicheng

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;">

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)"

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">

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)"

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>

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'"
       >

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'"
       >

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"

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'"
       >

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'"