@alauda/ui 6.1.4 → 6.1.5-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda/ui",
-  "version": "6.1.4",
+  "version": "6.1.5-beta.2",
   "description": "Angular UI components by Alauda Frontend Team.",
   "repository": "git+https://github.com/alauda/alauda-ui.git",
   "author": "Alauda Frontend",
@@ -16,12 +16,12 @@
     "ui"
   ],
   "peerDependencies": {
-    "@angular/animations": "^10.0.0 || ^11.0.0",
-    "@angular/cdk": "^10.2.2 || ^11.0.0",
-    "@angular/common": "^10.0.0 || ^11.0.0",
-    "@angular/core": "^10.0.0 || ^11.0.0",
-    "@angular/forms": "^10.0.0 || ^11.0.0",
-    "@angular/platform-browser": "^10.0.0 || ^11.0.0",
+    "@angular/animations": ">=11.0.0",
+    "@angular/cdk": ">=11.2.0",
+    "@angular/common": ">=11.0.0",
+    "@angular/core": ">=11.0.0",
+    "@angular/forms": ">=11.0.0",
+    "@angular/platform-browser": ">=11.0.0",
     "clipboard-polyfill": "^3.0.0",
     "dayjs": "^1.0.0",
     "rxjs": "^6.0.0"

package/table/table.component.d.ts

@@ -5,8 +5,7 @@ export declare class TableComponent<T> extends CdkTable<T> implements AfterConte
     enableScrollWrapper: boolean;
     _placeholderOutlet: TablePlaceholderOutlet;
     _placeholderDef: TablePlaceholderDefDirective;
-    protected get stickyCssClass(): string;
-    protected set stickyCssClass(_stickyCssClass: string);
+    protected stickyCssClass: string;
     ngAfterContentInit(): void;
     private _createPlaceholder;
     private _clearPlaceholder;

package/theme/_mixin.scss

@@ -98,6 +98,41 @@
   }
 }
 
+@mixin input-field-indicator() {
+  &__icon-container {
+    display: block;
+    position: relative;
+    color: get-color(n-4);
+  }
+
+  &__clear {
+    display: none;
+
+    .aui-icon {
+      @include clear-button;
+    }
+  }
+
+  &.isClearable:not(.isDisabled):hover & {
+    &__indicator {
+      display: none;
+    }
+
+    &__clear {
+      display: flex;
+    }
+  }
+}
+
+@mixin input-error() {
+  border-color: get-color(red) !important;
+
+  &:focus,
+  &.isFocused {
+    @include outline-shadow(red);
+  }
+}
+
 @mixin expand-button() {
   display: inline-flex;
   justify-content: center;

package/time-picker/component.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { Dayjs } from 'dayjs';
 import { CommonFormControl } from '../form/common-form';
-import { TimePickerDataLike, TimePickerModel, TooltipDirective } from '../public-api';
+import { TooltipDirective } from '../tooltip/public-api';
 import { ComponentSize } from '../types';
+import { TimePickerDataLike, TimePickerModel } from './time-picker.type';
 export declare class TimePickerComponent extends CommonFormControl<TimePickerDataLike, TimePickerModel> {
     format: string;
     size: ComponentSize;
@@ -16,21 +17,19 @@ export declare class TimePickerComponent extends CommonFormControl<TimePickerDat
     minuteStep: number;
     secondStep: number;
     footerTemplate: TemplateRef<void>;
-    tooltipPosition: string;
-    openChange: EventEmitter<boolean>;
-    tooltip: TooltipDirective;
+    readonly open: EventEmitter<void>;
+    readonly close: EventEmitter<void>;
+    tooltipRef: TooltipDirective;
     timeValue: Dayjs;
     timeFormatValue: string;
-    focused: boolean;
-    hovered: boolean;
-    bem: import("../public-api").Bem;
-    get rootClass(): string;
     writeValue(value: TimePickerDataLike): void;
     setValue(value: Dayjs): void;
     changeFromPanel(value: Dayjs): void;
     changeFromInput(source: string): void;
-    blur(): void;
-    openTooltip(): void;
-    clear(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onBlur(): void;
+    openPanel(): void;
+    closePanel(): void;
+    clearValue(event: Event): void;
     submit(close?: boolean, value?: Dayjs): void;
 }

package/time-picker/time-picker.type.d.ts

@@ -5,9 +5,9 @@ export declare enum TimePickerControlType {
     Second = "second"
 }
 export interface TimePickerModel {
-    hour: number;
-    minute: number;
-    second: number;
+    hour?: number;
+    minute?: number;
+    second?: number;
 }
 export declare type TimePickerDataLike = ConfigType | TimePickerModel;
 export declare function isTimePickerModel(item: any): item is TimePickerModel;

package/tree-select/tree-select.component.d.ts

@@ -37,11 +37,11 @@ export declare class TreeSelectComponent<T = unknown> extends CommonFormControl<
     containerWidth: string;
     displayText: string;
     flattedNodes: Array<TreeNode<T>>;
+    get isClearable(): string;
     get opened(): boolean;
     get inputReadonly(): boolean;
     get filterString(): string;
     set filterString(val: string);
-    get rootClass(): string;
     openNodes(): void;
     closeNodes(): void;
     updatePosition(): void;
@@ -58,7 +58,6 @@ export declare class TreeSelectComponent<T = unknown> extends CommonFormControl<
     writeValue(value: T): void;
     getPlaceholder(): string;
     getInputValue(): string;
-    displayClearable(): string;
     trackByLabel: (_: number, node: TreeNode<T>) => string;
     private flatNodesData;
     private getLabelFromNode;