chore: tooltip add animation

src/autocomplete/autocomplete.directive.ts

@@ -83,10 +83,10 @@ export class AutoCompleteDirective
   declare innerSelector: string;
 
   @Output('auiAutocompleteShow')
-  override show = new EventEmitter<void>();
+  override showed = new EventEmitter<void>();
 
   @Output('auiAutocompleteHide')
-  override hide = new EventEmitter<void>();
+  override hided = new EventEmitter<void>();
 
   @Output('auiAutocompleteSelected')
   selected = new EventEmitter<string>();
@@ -135,10 +135,10 @@ export class AutoCompleteDirective
   }
 
   ngOnInit() {
-    this.show.subscribe(() => {
+    this.showed.subscribe(() => {
       this.updateSuggestionsContext();
     });
-    this.hide.subscribe(() => {
+    this.hided.subscribe(() => {
       this.resetFocusedSuggestion();
     });
 
@@ -196,7 +196,7 @@ export class AutoCompleteDirective
   onInput(event: Event) {
     const value = (event.target as HTMLInputElement).value;
     this.inputValue$$.next(value);
-    this.createTooltip();
+    this.show();
   }
 
   onKeyDown(event: KeyboardEvent) {
@@ -219,7 +219,7 @@ export class AutoCompleteDirective
         }
         break;
       case 'Escape':
-        this.disposeTooltip();
+        this.hide();
         event.stopPropagation();
         event.preventDefault();
         break;
@@ -249,11 +249,11 @@ export class AutoCompleteDirective
     this.inputValue$$.next(isArrCtrl ? '' : value);
 
     this.selected.emit(value);
-    this.disposeTooltip();
+    this.hide();
   }
 
-  override createTooltip() {
-    super.createTooltip();
+  override show() {
+    super.show();
     this.autoFocusFirstSuggestion();
   }
 
@@ -281,7 +281,7 @@ export class AutoCompleteDirective
 
   private focusSuggestionDir(dir: 'down' | 'up') {
     if (!this.isCreated) {
-      this.createTooltip();
+      this.show();
       return;
     }
     const visibleSuggestions = this.autocomplete.suggestions.filter(

src/date-picker/date-picker/date-picker.template.html

@@ -4,6 +4,7 @@
   [format]="format"
   style="display: flex"
   [auiTooltip]="template"
+  [auiDisableAnimation]="true"
   auiTooltipType="info"
   auiTooltipClass="date-picker-wrapper"
   [disabled]="!!disabled"
@@ -36,6 +37,6 @@
     [maxDate]="maxDate"
     (click)="$event.stopImmediatePropagation()"
     (clear)="clearValue()"
-    (confirm)="tooltip.disposeTooltip(); emitValue(value)"
+    (confirm)="tooltip.hide(); emitValue(value)"
   ></aui-date-picker-panel>
 </ng-template>

src/date-picker/range-picker/range-picker.template.html

@@ -4,6 +4,7 @@
   [size]="size"
   [value]="value"
   [auiTooltip]="template"
+  [auiDisableAnimation]="true"
   [disabled]="!!disabled"
   style="display: flex"
   auiTooltipType="info"
@@ -33,6 +34,6 @@
     [maxDate]="maxDate"
     (click)="$event.stopImmediatePropagation()"
     (clear)="clearValue()"
-    (confirm)="tooltip.disposeTooltip(); emitValue(value)"
+    (confirm)="tooltip.hide(); emitValue(value)"
   ></aui-date-range-picker-panel>
 </ng-template>

src/dropdown/dropdown.directive.ts

@@ -55,10 +55,10 @@ export class DropdownDirective extends BaseTooltip implements OnInit {
   override hideOnClick = true;
 
   @Output('auiDropdownShow')
-  override show = new EventEmitter<void>();
+  override showed = new EventEmitter<void>();
 
   @Output('auiDropdownHide')
-  override hide = new EventEmitter<void>();
+  override hided = new EventEmitter<void>();
 
   private _menu: MenuComponent;
 
@@ -78,14 +78,14 @@ export class DropdownDirective extends BaseTooltip implements OnInit {
   }
 
   ngOnInit() {
-    this.show.pipe(debounceTime(0)).subscribe(() => {
+    this.showed.pipe(debounceTime(0)).subscribe(() => {
       if (this.menu.lazyContent) {
         this.menu.lazyContent.attach(this.lazyContentContext);
         this.updatePosition();
       }
     });
 
-    this.hide.subscribe(() => {
+    this.hided.subscribe(() => {
       if (this.menu.lazyContent) {
         this.menu.lazyContent.detach();
       }

src/dropdown/submenu/submenu.component.html

@@ -1,6 +1,7 @@
 <button
   [class]="className"
   [auiTooltip]="menu.template"
+  [auiDisableAnimation]="true"
   [auiTooltipDisabled]="disabled"
   [auiTooltipTrigger]="trigger"
   [auiTooltipHideOnClick]="true"

src/select/base-select.ts

@@ -294,11 +294,11 @@ export abstract class BaseSelect<T, V = T>
   }
 
   openOption() {
-    this.tooltipRef.createTooltip();
+    this.tooltipRef.show();
   }
 
   closeOption() {
-    this.tooltipRef.disposeTooltip();
+    this.tooltipRef.hide();
   }
 
   onShowOptions() {

src/select/multi-select/multi-select.component.html

@@ -3,6 +3,7 @@
   #selectRef
   #tooltipRef="auiTooltip"
   [auiTooltip]="templateRef"
+  [auiDisableAnimation]="true"
   [auiTooltipDisabled]="disabled"
   auiTooltipTrigger="click"
   auiTooltipPosition="bottom start"

src/select/select.component.html

@@ -7,6 +7,7 @@
   #selectRef
   #tooltipRef="auiTooltip"
   [auiTooltip]="templateRef"
+  [auiDisableAnimation]="true"
   [auiTooltipDisabled]="disabled"
   auiTooltipTrigger="click"
   auiTooltipPosition="bottom start"

src/time-picker/component.ts

@@ -161,15 +161,15 @@ export class TimePickerComponent extends CommonFormControl<
     if (this.tooltipRef.isCreated) {
       return;
     }
-    this.tooltipRef.createTooltip();
+    this.tooltipRef.show();
     this.open.next();
   }
 
   closePanel() {
     if (!this.tooltipRef.isCreated) {
       return;
     }
-    this.tooltipRef.disposeTooltip();
+    this.tooltipRef.hide();
     this.close.next();
   }
 

src/time-picker/template.html

@@ -4,6 +4,7 @@
   [class.isClearable]="clearable && timeFormatValue"
   #tooltipRef="auiTooltip"
   [auiTooltip]="template"
+  [auiDisableAnimation]="true"
   auiTooltipType="plain"
   auiTooltipTrigger="click"
   auiTooltipPosition="bottom start"