@alauda-fe/common 1.3.0 → 1.4.0

package/form/validators/strong-password/strong-password-validator.module.d.ts

@@ -4,9 +4,9 @@ import * as i2 from "./strong-password-validator.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
 import * as i5 from "@alauda/ui";
-import * as i6 from "../../../translate/translate.module";
+import * as i6 from "../../../translate/translate.pipe";
 export declare class StrongPasswordValidatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StrongPasswordValidatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StrongPasswordValidatorModule, [typeof i1.StrongPasswordTooltipComponent, typeof i2.StrongPasswordDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.IconModule, typeof i6.TranslateModule], [typeof i1.StrongPasswordTooltipComponent, typeof i2.StrongPasswordDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StrongPasswordValidatorModule, [typeof i1.StrongPasswordTooltipComponent, typeof i2.StrongPasswordDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.IconModule, typeof i6.TranslatePipe], [typeof i1.StrongPasswordTooltipComponent, typeof i2.StrongPasswordDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StrongPasswordValidatorModule>;
 }

package/graph-canvas/components/graph-canvas.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { GraphStoreService } from '../graph-store.service';
-import { OriginX, OriginY, TransformAction, TransformState } from '../types';
+import { OriginX, OriginY, Rect, TransformAction, TransformState } from '../types';
 import * as i0 from "@angular/core";
 export declare class GraphCanvasComponent implements OnInit, AfterViewInit, OnDestroy {
     private readonly graphStore;
@@ -14,7 +14,7 @@ export declare class GraphCanvasComponent implements OnInit, AfterViewInit, OnDe
     retry: EventEmitter<void>;
     private readonly canvasRef;
     private readonly surfaceRef;
-    private readonly getCanvasRect;
+    readonly getCanvasRect: () => Rect;
     private readonly getSurfaceRect;
     private dragStartPoint;
     transformState: TransformState;

package/k8s-resource-list/footer/component.d.ts

@@ -14,6 +14,12 @@ export declare class K8sListFooterNoDataDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<K8sListFooterNoDataDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<K8sListFooterNoDataDirective, "[aclK8sListFooterNoData]", never, {}, {}, never, never, false, never>;
 }
+export declare class K8sListFooterLoadingErrorDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<K8sListFooterLoadingErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<K8sListFooterLoadingErrorDirective, "[aclK8sListFooterLoadingError]", never, {}, {}, never, never, false, never>;
+}
 export declare class K8SResourceListFooterComponent extends ScrollBorderObserverDirective implements OnInit, OnDestroy {
     private readonly translate;
     list: StreamListLoader<KubernetesResourceList, KubernetesResource>;
@@ -21,10 +27,12 @@ export declare class K8SResourceListFooterComponent extends ScrollBorderObserver
     backTop: boolean;
     bottomDistance: number;
     resourceNameTranslated: string;
+    firstScrollLoad: number;
     resourceNameTranslated$: Observable<string>;
     resourceName: string;
     resourceName$: Observable<string>;
     noDataTemplate: TemplateRef<any>;
+    loadingErrorTemplate: TemplateRef<any>;
     isEmptyList$: Observable<boolean>;
     noDataHint$: Observable<string>;
     loadingErrorCode$: Observable<number>;
@@ -33,5 +41,5 @@ export declare class K8SResourceListFooterComponent extends ScrollBorderObserver
     ngOnInit(): void;
     retry(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<K8SResourceListFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<K8SResourceListFooterComponent, "acl-k8s-resource-list-footer", never, { "list": { "alias": "list"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "backTop": { "alias": "backTop"; "required": false; }; "bottomDistance": { "alias": "bottomDistance"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; }, {}, ["noDataTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<K8SResourceListFooterComponent, "acl-k8s-resource-list-footer", never, { "list": { "alias": "list"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "backTop": { "alias": "backTop"; "required": false; }; "bottomDistance": { "alias": "bottomDistance"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "firstScrollLoad": { "alias": "firstScrollLoad"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; }, {}, ["noDataTemplate", "loadingErrorTemplate"], never, false, never>;
 }

package/k8s-resource-list/k8s-resource-list.module.d.ts

@@ -5,6 +5,6 @@ import * as i3 from "@alauda/ui";
 import * as i4 from "../translate/translate.module";
 export declare class K8SResourceListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<K8SResourceListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<K8SResourceListModule, [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i3.IconModule, typeof i3.BackTopModule, typeof i4.TranslateModule], [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<K8SResourceListModule, [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective, typeof i1.K8sListFooterLoadingErrorDirective], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i3.IconModule, typeof i3.BackTopModule, typeof i4.TranslateModule], [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective, typeof i1.K8sListFooterLoadingErrorDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<K8SResourceListModule>;
 }

package/k8s-resource-list/k8s-resource-paged-list.d.ts

@@ -14,11 +14,11 @@ export declare class K8SResourcePagedList<R extends KubernetesResource = Kuberne
     loading$: Observable<boolean>;
     items$: Observable<R[]>;
     totalItems$: Observable<number>;
-    loadError$: Observable<Status | HttpErrorResponse>;
+    loadError$: Observable<HttpErrorResponse | Status>;
     $loading: Signal<boolean>;
     $items: Signal<R[]>;
     $totalItems: Signal<number>;
-    $loadError: Signal<Status | HttpErrorResponse>;
+    $loadError: Signal<HttpErrorResponse | Status>;
     constructor(config: PagedListConfig<R, P>);
     reload(): void;
     private sourceLoadState;

package/k8s-shared/constants.d.ts

@@ -0,0 +1,7 @@
+import { K8sResourceDefinition } from '../api/types';
+export interface ManageResourceType {
+    kind: string;
+    definition: K8sResourceDefinition;
+    kindAlias?: string;
+}
+export declare const CONTROLLED_RESOURCE_TRANSLATIONS: ManageResourceType[];

package/k8s-shared/k8s-resource-translate-key.pipe.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken, PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const K8S_RESOURCE_TRANSLATE_KEY: InjectionToken<(type: string, apiGroup: string) => string>;
+export declare class K8sResourceTranslateKeyPipe implements PipeTransform {
+    private getKey;
+    transform(type: string, apiGroup?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<K8sResourceTranslateKeyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<K8sResourceTranslateKeyPipe, "aclK8sResourceTranslateKey", true>;
+}

package/k8s-shared/public-api.d.ts

@@ -7,3 +7,4 @@ export * from './update-description-dialog/component';
 export * from './update-display-name-dialog/component';
 export * from './update-key-value-dialog/component';
 export * from './k8s-shared-util.service';
+export * from './k8s-resource-translate-key.pipe';

package/license/license-api.d.ts

@@ -5,7 +5,7 @@
 import { HttpClient } from '@angular/common/http';
 import { FeatureGate, FeatureGateEnterpriseSupport } from '../core/public-api';
 import * as i0 from "@angular/core";
-export declare const LICENSE_FEATURE_GATE: string;
+export declare const LICENSE_FEATURE_GATE = "{{API_GATEWAY}}/fg/v1/featuregates/license";
 export declare function getResourceNum(resource?: Record<string, number>): number;
 export declare function formatProductName(productName: string): string;
 export declare class LicenseApiService {

package/license/license-error/component.d.ts

@@ -26,7 +26,7 @@ export declare class LicenseErrorComponent {
     constructor(router: Router, licenseService: LicenseService, translate: TranslateService, productName: string);
     getErrorTitle(status: LicenseStatus): string;
     getErrorContent(status: LicenseStatus, _locale?: string): string;
-    shouldShowImport(status: LicenseStatus): boolean;
+    shouldShowImport(status: LicenseStatus): status is LicenseStatus.EXPIRED | LicenseStatus.UNAUTHORIZED | LicenseStatus.AUTHORIZED | LicenseStatus.INVALID;
     getButtonText(status: LicenseStatus, _locale?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LicenseErrorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LicenseErrorComponent, "acl-license-error", never, {}, {}, never, ["*"], false, never>;

package/metric-chart/helpers.d.ts

@@ -43,7 +43,7 @@ export declare const adaptUnit: (seriesOrMetrics: Array<{
     exponent: number;
 };
 export declare function getTimeValueOf(value: string): number;
-export declare const CHART_DATA_FORMAT: string;
+export declare const CHART_DATA_FORMAT = "YYYY-MM-DD HH:mm";
 export declare const getTimeRanges: (value: number, unit: ManipulateType) => {
     start: () => string;
     end: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda-fe/common",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Alauda frontend team common codes.",
   "author": "Alauda Frontend",
   "license": "MIT",
@@ -59,6 +59,7 @@
       "default": "./package.json"
     },
     ".": {
+      "types": "./index.d.ts",
       "esm2022": "./esm2022/alauda-fe-common.mjs",
       "esm": "./esm2022/alauda-fe-common.mjs",
       "default": "./esm2022/alauda-fe-common.mjs"

package/page-guard/component/component.d.ts

@@ -24,7 +24,7 @@ export declare class PageGuardComponent {
     descriptionTpl: TemplateRef<unknown>;
     operation: TemplateRef<unknown>;
     template: TemplateRef<unknown>;
-    handlePixel: (value: string | number) => string;
+    handlePixel: (value: number | string) => string;
     constructor(theme: ThemeService);
     reasonModel$: Observable<{
         src: string;

package/page-scaffold/navigation/breadcrumb/breadcrumb.component.d.ts

@@ -8,6 +8,7 @@ export declare class BreadcrumbComponent implements OnInit, OnChanges {
     private readonly router;
     private readonly cdr;
     private readonly service;
+    animDataMap: Record<string, any>;
     configs: NavItemConfig[];
     groups: NavGroupConfig[];
     activatedKey: string;
@@ -32,6 +33,7 @@ export declare class BreadcrumbComponent implements OnInit, OnChanges {
         routerLink?: NavItemConfig['routerLink'];
     }>;
     rootPath(): string;
+    loadLottieJson(icon: string): import("@angular/core").WritableSignal<unknown>;
     private updateActivatedPath;
     private restNode;
     private linkToUrl;

package/page-scaffold/navigation/nav-menu/nav-item-li/nav-item-li.component.d.ts

@@ -45,6 +45,7 @@ export declare class NavItemLiComponent implements OnInit, OnDestroy {
     private findParentKey;
     ngOnDestroy(): void;
     aniInit(ins: AnimationItem, fromTooltip: boolean): void;
+    loadLottieJson(icon: string): import("@angular/core").WritableSignal<unknown>;
     private resetIconAnim;
     auiTooltipShowHandle(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavItemLiComponent, never>;

package/page-scaffold/navigation/nav-menu/nav-menu.types.d.ts

@@ -5,9 +5,15 @@ export interface NavItemConfig {
     key?: string;
     href?: string;
     icon?: string;
+    iconLottieJson?: string;
+    iconStatic?: string;
+    iconImgSrc?: string;
+    iconImgData?: string;
+    /**
+     * @deprecated Use `iconImgData` instead
+     */
     iconData?: string;
     hidden?: boolean;
-    animJson?: string;
     stage?: 'Alpha' | 'Beta';
     divider?: boolean;
     negate?: boolean;
@@ -17,6 +23,7 @@ export interface NavItemConfig {
     [key: string]: any;
 }
 export interface NavGroupConfig {
+    name?: string;
     title?: string;
     items?: NavItemConfig[];
 }

package/page-scaffold/navigation/navconfig-loader/navconfig-loader.service.d.ts

@@ -39,8 +39,9 @@ export declare class NavConfigLoaderService {
     loadNavTree(address: string, cmConfigName: string, withGroup?: boolean): Observable<Nav[]>;
     configTree(treeItemConfig: NavItemConfig[], config: NavigationConfigConfigMapData): import("../../../core/public-api").Tree[];
     configTreeWithGroup(treeGroupConfig: NavGroupConfig[], config: NavigationConfigConfigMapData): {
-        title: string;
         items: NavItemConfig[];
+        name?: string;
+        title?: string;
     }[];
     parseYaml(): import("rxjs").OperatorFunction<string, Nav[]>;
     mapToAuiNav(withGroup?: boolean): import("rxjs").OperatorFunction<Nav[], Nav[]>;

package/page-scaffold/page-header/common-layout/product-select/component.d.ts

@@ -1,6 +1,5 @@
 import { OnInit } from '@angular/core';
 import { Router } from '@angular/router';
-import { AuthorizationStateService } from '../../../../authorization/public-api';
 import { StringMap, ProductEntry } from '../../../../core/public-api';
 import { K8sPermissionService } from '../../../../permission/k8s-permission.service';
 import { ProductEntryName } from '../context.service';
@@ -13,7 +12,6 @@ export declare class ProductSelectComponent implements OnInit {
     private readonly router;
     private readonly k8sPermission;
     private readonly productSelectService;
-    private readonly authState;
     platformPath: string;
     current?: ProductEntryName;
     title?: string;
@@ -23,7 +21,7 @@ export declare class ProductSelectComponent implements OnInit {
     portalProduct$: import("rxjs").Observable<ProductEntry>;
     disabled$: import("rxjs").Observable<boolean>;
     isPortal: boolean;
-    constructor(store: CommonLayoutStoreService, router: Router, k8sPermission: K8sPermissionService, productSelectService: ProductSelectService, authState: AuthorizationStateService);
+    constructor(store: CommonLayoutStoreService, router: Router, k8sPermission: K8sPermissionService, productSelectService: ProductSelectService);
     ngOnInit(): void;
     jump(entrypoint: string, ssoEnabled: boolean, target?: string): void;
     navigateToPortal(event: MouseEvent): void;

package/page-scaffold/page-header/header-notify/utils.d.ts

@@ -1,9 +1,9 @@
 import { TagType } from '@alauda/ui';
 import { KubernetesResource } from '../../../core/public-api';
 export declare const NOTIFY_PREFIX = "notify_";
-export declare const NOTIFY_PUSH_TYPE: string;
-export declare const NOTIFY_INFO_TYPE: string;
-export declare const NOTIFY_NOT_FIXED: string;
+export declare const NOTIFY_PUSH_TYPE = "notify_push";
+export declare const NOTIFY_INFO_TYPE = "notify_info";
+export declare const NOTIFY_NOT_FIXED = "notify_notFixed";
 export interface Message extends KubernetesResource {
     spec: MessageSpec;
     expanded?: boolean;

package/pie-derivative-chart/radial-bar/radial-bar-chart.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnChanges } from '@angular/core';
+import { NumericalLimitPipe } from '../numerical-limit.pipe';
 import * as i0 from "@angular/core";
 interface NodeFractionArc {
     backgroundArcPath: any;
@@ -12,6 +13,7 @@ interface NodeFractionArc {
     hideIndicator?: boolean;
 }
 export declare class RadialBarChartComponent implements OnChanges {
+    private numericalLimitPipe;
     limitsFraction: number;
     requestsFraction: number;
     capacity: number;
@@ -42,6 +44,7 @@ export declare class RadialBarChartComponent implements OnChanges {
     get outerRadius(): number;
     get innerRadius(): number;
     arcTrackByFn(index: number): number;
+    constructor(numericalLimitPipe: NumericalLimitPipe);
     private getArcs;
     getArc: (level: number, fraction: number, label: string, opacity: number, value: string, hideIndicator?: boolean, color?: string) => NodeFractionArc;
     handelData(): NodeFractionArc[];
@@ -49,6 +52,7 @@ export declare class RadialBarChartComponent implements OnChanges {
     onRefresh(): void;
     private getFractionArcPath;
     private getTextCoord;
+    getLabelDx: (x: number, text: number, index: number) => number;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadialBarChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadialBarChartComponent, "acl-radial-bar-chart", never, { "limitsFraction": { "alias": "limitsFraction"; "required": false; }; "requestsFraction": { "alias": "requestsFraction"; "required": false; }; "capacity": { "alias": "capacity"; "required": false; }; "data": { "alias": "data"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "usage": { "alias": "usage"; "required": false; }; "request": { "alias": "request"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "failed": { "alias": "failed"; "required": false; }; }, { "refresh": "refresh"; }, never, never, false, never>;
 }

package/pie-derivative-chart/units.d.ts

@@ -0,0 +1,2 @@
+export declare function getCanvasContext(): CanvasRenderingContext2D;
+export declare function measureText(text: string, fontSize?: number): TextMetrics;

package/pod-status/component.d.ts

@@ -0,0 +1,27 @@
+import { Pod } from '../core/public-api';
+import { getPodAggregatedStatus, getPodStatus } from './status';
+import * as i0 from "@angular/core";
+export declare class PodStatusComponent {
+    pod: Pod;
+    showNativeStatus: boolean;
+    showNativeStatusWrap: boolean;
+    disableMessageOverview: boolean;
+    getReadyContainer(pod: Pod): {
+        ready: number;
+        all: number;
+    };
+    getPodErrorMessages: (pod: Pod) => string[];
+    getPodAggregatedStatus: typeof getPodAggregatedStatus;
+    getPodStatus: typeof getPodStatus;
+    PodStatusColorMapper: {
+        running: import("../core/public-api").GenericStatusColor;
+        completed: import("../core/public-api").GenericStatusColor;
+        error: import("../core/public-api").GenericStatusColor;
+    };
+    PodStatusIconMapper: {
+        completed: import("../core/public-api").GenericStatusIcon;
+        error: import("../core/public-api").GenericStatusIcon;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<PodStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PodStatusComponent, "acl-pod-status", never, { "pod": { "alias": "pod"; "required": false; }; "showNativeStatus": { "alias": "showNativeStatus"; "required": false; }; "showNativeStatusWrap": { "alias": "showNativeStatusWrap"; "required": false; }; "disableMessageOverview": { "alias": "disableMessageOverview"; "required": false; }; }, {}, never, never, true, never>;
+}

package/pod-status/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './typings';
+export * from './status';
+export * from './component';

package/pod-status/status.d.ts

@@ -0,0 +1,4 @@
+import { Pod } from '../core/types/k8s/raw';
+import { PodStatusEnum } from './typings';
+export declare function getPodStatus(pod: Pod): string;
+export declare function getPodAggregatedStatus(status: string): PodStatusEnum;

package/pod-status/typings.d.ts

@@ -0,0 +1,16 @@
+import { GenericStatusColor, GenericStatusIcon } from '../core/constants/status-icons';
+export declare enum PodStatusEnum {
+    running = "running",
+    pending = "pending",
+    completed = "completed",
+    error = "error"
+}
+export declare const PodStatusColorMapper: {
+    running: GenericStatusColor;
+    completed: GenericStatusColor;
+    error: GenericStatusColor;
+};
+export declare const PodStatusIconMapper: {
+    completed: GenericStatusIcon;
+    error: GenericStatusIcon;
+};

package/public-api.d.ts

@@ -40,3 +40,6 @@ export * from './effect-directive/public-api';
 export * from './xterm/public-api';
 export * from './k8s-shared/public-api';
 export * from './list-display/public-api';
+export * from './pod-status/public-api';
+export * from './workload-status-icon/public-api';
+export * from './editable/public-api';

package/styles/ansi-color.scss

@@ -0,0 +1,131 @@
+// asci colors
+@include theme-light {
+  .ansi-black-fg {
+    color: rgb(0 0 0);
+  }
+
+  .ansi-red-fg {
+    color: rgb(205 0 0);
+  }
+
+  .ansi-green-fg {
+    color: rgb(0 205 0);
+  }
+
+  .ansi-yellow-fg {
+    color: rgb(205 205 0);
+  }
+
+  .ansi-blue-fg {
+    color: rgb(0 0 238);
+  }
+
+  .ansi-magenta-fg {
+    color: rgb(205 0 205);
+  }
+
+  .ansi-cyan-fg {
+    color: rgb(0 205 205);
+  }
+
+  .ansi-white-fg {
+    color: rgb(229 229 229);
+  }
+
+  .ansi-bright-black-fg {
+    color: rgb(127 127 127);
+  }
+
+  .ansi-bright-red-fg {
+    color: rgb(255 0 0);
+  }
+
+  .ansi-bright-green-fg {
+    color: rgb(0 255 0);
+  }
+
+  .ansi-bright-yellow-fg {
+    color: rgb(255 255 0);
+  }
+
+  .ansi-bright-blue-fg {
+    color: rgb(92 92 255);
+  }
+
+  .ansi-bright-magenta-fg {
+    color: rgb(255 0 255);
+  }
+
+  .ansi-bright-cyan-fg {
+    color: rgb(0 255 255);
+  }
+
+  .ansi-bright-white-fg {
+    color: rgb(255 255 255);
+  }
+}
+@include theme-dark {
+  .ansi-black-bg {
+    /* black bg = transparent */
+  }
+
+  .ansi-red-bg {
+    background-color: rgb(205 0 0);
+  }
+
+  .ansi-green-bg {
+    background-color: rgb(0 205 0);
+  }
+
+  .ansi-yellow-bg {
+    background-color: rgb(205 205 0);
+  }
+
+  .ansi-blue-bg {
+    background-color: rgb(0 0 238);
+  }
+
+  .ansi-magenta-bg {
+    background-color: rgb(205 0 205);
+  }
+
+  .ansi-cyan-bg {
+    background-color: rgb(0 205 205);
+  }
+
+  .ansi-white-bg {
+    background-color: rgb(255 255 255 / 70%); /* alpha baby! */
+  }
+
+  .ansi-bright-black-bg {
+    background-color: rgb(127 127 127);
+  }
+
+  .ansi-bright-red-bg {
+    background-color: rgb(255 0 0);
+  }
+
+  .ansi-bright-green-bg {
+    background-color: rgb(0 255 0);
+  }
+
+  .ansi-bright-yellow-bg {
+    background-color: rgb(255 255 0);
+  }
+
+  .ansi-bright-blue-bg {
+    background-color: rgb(92 92 255);
+  }
+
+  .ansi-bright-magenta-bg {
+    background-color: rgb(255 0 255);
+  }
+
+  .ansi-bright-cyan-bg {
+    background-color: rgb(0 255 255);
+  }
+
+  .ansi-bright-white-bg {
+    background-color: rgb(255 255 255);
+  }
+}

package/styles/global.scss

@@ -7,6 +7,7 @@
 @import 'node_modules/@alauda/ui/theme/style';
 @import './var';
 @import './mixins';
+@import './ansi-color';
 @import './markdown-body'; // todo: 因为aui-code-editor 中也使用的 https://github.com/sindresorhus/github-markdown-css。未来迁移过去
 
 @include page-color-definition;
@@ -645,6 +646,7 @@ aui-form-item {
     &__name {
       display: flex;
       align-items: center;
+      width: fit-content;
       max-width: 100%;
 
       > {
@@ -729,7 +731,8 @@ aui-form-item {
 
       .aui-checkbox {
         margin-right: 0;
-        height: 24px;
+        width: 16px;
+        height: 16px;
       }
     }
   }

package/styles/tailwind-preset.scss

@@ -1 +1 @@
-/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!tw-visible{visibility:visible!important}.tw-invisible{visibility:hidden}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-left-0{left:0}.tw-right-\[16px\]{right:16px}.tw-top-0{top:0}.tw-top-\[12px\]{top:12px}.tw-z-10{z-index:10}.tw-mb-12{margin-bottom:12px}.tw-mb-20{margin-bottom:20px}.tw-mb-4{margin-bottom:4px}.tw-mb-8{margin-bottom:8px}.tw-ml-6{margin-left:6px}.tw-ml-8{margin-left:8px}.tw-ml-\[-4px\]{margin-left:-4px}.tw-ml-\[4px\]{margin-left:4px}.tw-mr-16{margin-right:16px}.tw-mr-4{margin-right:4px}.tw-mr-6{margin-right:6px}.tw-mr-8{margin-right:8px}.tw-mr-\[4px\]{margin-right:4px}.tw-mt-0{margin-top:0}.tw-mt-20{margin-top:20px}.tw-mt-8{margin-top:8px}.tw-line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.tw-block{display:block}.\!tw-flex{display:flex!important}.tw-flex{display:flex}.tw-hidden{display:none}.tw-h-0{height:0}.tw-h-1\/2{height:50%}.tw-h-\[100\%\]{height:100%}.tw-h-\[100vh\]{height:100vh}.tw-h-\[200px\]{height:200px}.tw-h-\[22px\]{height:22px}.tw-h-full{height:100%}.tw-min-h-0{min-height:0}.tw-min-h-\[360px\]{min-height:360px}.tw-w-\[100\%\]{width:100%}.tw-w-\[200px\]{width:200px}.tw-w-full{width:100%}.tw-min-w-\[160px\]{min-width:160px}.tw-min-w-\[220px\]{min-width:220px}.tw-min-w-\[260px\]{min-width:260px}.tw-max-w-\[400px\]{max-width:400px}.tw-max-w-\[45\%\]{max-width:45%}.tw-flex-1{flex:1 1 0%}.tw-flex-shrink-0{flex-shrink:0}.tw-cursor-pointer{cursor:pointer}.tw-select-none{user-select:none}.tw-list-disc{list-style-type:disc}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-overflow-ellipsis,.tw-text-ellipsis{text-overflow:ellipsis}.tw-break-words{overflow-wrap:break-word}.tw-break-all{word-break:break-all}.tw-bg-n-10{background-color:rgb(var(--aui-color-n-10))}.tw-bg-n-8{background-color:rgb(var(--aui-color-n-8))}.tw-bg-p-6{background-color:rgb(var(--aui-color-p-6))}.tw-p-12{padding:12px}.tw-p-\[12px_16px\]{padding:12px 16px}.tw-px-16{padding-left:16px;padding-right:16px}.tw-py-8{padding-bottom:8px;padding-top:8px}.tw-pl-8{padding-left:8px}.tw-pr-16{padding-right:16px}.tw-text-center{text-align:center}.\!tw-text-s{font-size:var(--aui-font-size-s)!important}.tw-text-l{font-size:var(--aui-font-size-l)}.tw-text-m{font-size:var(--aui-font-size-m)}.tw-text-s{font-size:var(--aui-font-size-s)}.tw-text-xl{font-size:var(--aui-font-size-xl)}.tw-font-bold{font-weight:var(--aui-font-weight-bold)}.tw-font-bolder{font-weight:var(--aui-font-weight-bolder)}.tw-leading-m{line-height:var(--aui-line-height-m)}.\!tw-text-n-2{color:rgb(var(--aui-color-n-2))!important}.tw-text-help-text{color:rgb(var(--aui-color-help-text))}.tw-text-main-text{color:rgb(var(--aui-color-main-text))}.tw-text-n-1{color:rgb(var(--aui-color-n-1))}.tw-text-n-2{color:rgb(var(--aui-color-n-2))}.tw-text-n-4{color:rgb(var(--aui-color-n-4))}.tw-text-p-2{color:rgb(var(--aui-color-p-2))}.tw-text-primary{color:rgb(var(--aui-color-primary))}.tw-text-red{color:rgb(var(--aui-color-red))}.tw-size-\[16px\]{height:16px;width:16px}.tw-icon-l{font-size:var(--aui-icon-size-l)}.tw-icon-m{font-size:var(--aui-icon-size-m)}.tw-leading-text-xl{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.tw-required-mark:before{--tw-text-opacity:1;--tw-content:"*";color:rgb(235 98 98/var(--tw-text-opacity));content:var(--tw-content);margin-right:var(--aui-spacing-s)}.tw-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:\!tw-text-primary:hover{color:rgb(var(--aui-color-primary))!important}.hover\:tw-text-primary:hover{color:rgb(var(--aui-color-primary))}html:not([lang|=zh]) .lang-not-zh\:\!tw-w-\[230px\]{width:230px!important}
+/*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!tw-visible{visibility:visible!important}.tw-invisible{visibility:hidden}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-left-0{left:0}.tw-right-\[12px\]{right:12px}.tw-right-\[16px\]{right:16px}.tw-top-0{top:0}.tw-top-\[12px\]{top:12px}.tw-z-10{z-index:10}.tw-mx-8{margin-left:8px;margin-right:8px}.tw-my-16{margin-bottom:16px;margin-top:16px}.\!tw-ml-0{margin-left:0!important}.\!tw-mr-8{margin-right:8px!important}.\!tw-mt-16{margin-top:16px!important}.tw-mb-12{margin-bottom:12px}.tw-mb-16{margin-bottom:16px}.tw-mb-20{margin-bottom:20px}.tw-mb-4{margin-bottom:4px}.tw-mb-8{margin-bottom:8px}.tw-ml-12{margin-left:12px}.tw-ml-16{margin-left:16px}.tw-ml-20{margin-left:20px}.tw-ml-24{margin-left:24px}.tw-ml-32{margin-left:32px}.tw-ml-6{margin-left:6px}.tw-ml-8{margin-left:8px}.tw-ml-\[-4px\]{margin-left:-4px}.tw-ml-\[4px\]{margin-left:4px}.tw-mr-0{margin-right:0}.tw-mr-16{margin-right:16px}.tw-mr-4{margin-right:4px}.tw-mr-6{margin-right:6px}.tw-mr-8{margin-right:8px}.tw-mr-\[4px\]{margin-right:4px}.tw-mt-0{margin-top:0}.tw-mt-16{margin-top:16px}.tw-mt-20{margin-top:20px}.tw-mt-8{margin-top:8px}.tw-line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.tw-block{display:block}.\!tw-flex{display:flex!important}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-hidden{display:none}.\!tw-h-\[20px\]{height:20px!important}.tw-h-0{height:0}.tw-h-1\/2{height:50%}.tw-h-\[100\%\]{height:100%}.tw-h-\[100vh\]{height:100vh}.tw-h-\[200px\]{height:200px}.tw-h-\[22px\]{height:22px}.tw-h-\[600px\]{height:600px}.tw-h-full{height:100%}.tw-min-h-0{min-height:0}.tw-min-h-\[360px\]{min-height:360px}.tw-min-h-screen{min-height:100vh}.\!tw-w-\[20px\]{width:20px!important}.tw-w-\[100\%\]{width:100%}.tw-w-\[135px\]{width:135px}.tw-w-\[150px\]{width:150px}.tw-w-\[160px\]{width:160px}.tw-w-\[200px\]{width:200px}.tw-w-\[260px\]{width:260px}.tw-w-\[950px\]{width:950px}.tw-w-full{width:100%}.tw-min-w-0{min-width:0}.tw-min-w-\[100px\]{min-width:100px}.tw-min-w-\[135px\]{min-width:135px}.tw-min-w-\[160px\]{min-width:160px}.tw-min-w-\[220px\]{min-width:220px}.tw-min-w-\[260px\]{min-width:260px}.tw-max-w-\[400px\]{max-width:400px}.tw-max-w-\[45\%\]{max-width:45%}.tw-flex-1{flex:1 1 0%}.tw-flex-\[1\]{flex:1}.tw-flex-\[2\]{flex:2}.tw-flex-shrink-0{flex-shrink:0}.\!tw-cursor-move{cursor:move!important}.tw-cursor-move{cursor:move}.tw-cursor-pointer{cursor:pointer}.tw-select-none{user-select:none}.tw-list-disc{list-style-type:disc}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-space-y-\[8px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(8px*var(--tw-space-y-reverse));margin-top:calc(8px*(1 - var(--tw-space-y-reverse)))}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-overflow-ellipsis,.tw-text-ellipsis{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-break-words{overflow-wrap:break-word}.tw-break-all{word-break:break-all}.tw-rounded-l{border-radius:var(--aui-border-radius-l);border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.tw-bg-n-10{background-color:rgb(var(--aui-color-n-10))}.tw-bg-n-8{background-color:rgb(var(--aui-color-n-8))}.tw-bg-n-9{background-color:rgb(var(--aui-color-n-9))}.tw-bg-p-6{background-color:rgb(var(--aui-color-p-6))}.tw-p-12{padding:12px}.tw-p-16{padding:16px}.tw-p-20{padding:20px}.tw-p-\[12px_16px\]{padding:12px 16px}.tw-px-12{padding-left:12px;padding-right:12px}.tw-px-16{padding-left:16px;padding-right:16px}.tw-px-4{padding-left:4px;padding-right:4px}.tw-py-8{padding-bottom:8px;padding-top:8px}.tw-pl-8{padding-left:8px}.tw-pr-16{padding-right:16px}.tw-pr-20{padding-right:20px}.tw-text-center{text-align:center}.\!tw-text-s{font-size:var(--aui-font-size-s)!important}.tw-text-\[12px\]{font-size:12px}.tw-text-l{font-size:var(--aui-font-size-l)}.tw-text-m{font-size:var(--aui-font-size-m)}.tw-text-s{font-size:var(--aui-font-size-s)}.tw-text-xl{font-size:var(--aui-font-size-xl)}.tw-font-bold{font-weight:var(--aui-font-weight-bold)}.tw-font-bolder{font-weight:var(--aui-font-weight-bolder)}.tw-leading-m{line-height:var(--aui-line-height-m)}.\!tw-text-n-2{color:rgb(var(--aui-color-n-2))!important}.tw-text-help-text{color:rgb(var(--aui-color-help-text))}.tw-text-main-text{color:rgb(var(--aui-color-main-text))}.tw-text-n-1{color:rgb(var(--aui-color-n-1))}.tw-text-n-2{color:rgb(var(--aui-color-n-2))}.tw-text-n-4{color:rgb(var(--aui-color-n-4))}.tw-text-p-2{color:rgb(var(--aui-color-p-2))}.tw-text-primary{color:rgb(var(--aui-color-primary))}.tw-text-red{color:rgb(var(--aui-color-red))}.tw-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-icon-l{font-size:var(--aui-icon-size-l)}.tw-icon-m{font-size:var(--aui-icon-size-m)}.tw-leading-text-xl{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.tw-question{color:rgb(var(--aui-color-n-4));cursor:pointer}.tw-question:hover{color:rgb(var(--aui-color-primary))}.tw-required-mark:before{--tw-text-opacity:1;--tw-content:"*";color:rgb(235 98 98/var(--tw-text-opacity));content:var(--tw-content);margin-right:var(--aui-spacing-s)}.tw-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:\!tw-text-primary:hover{color:rgb(var(--aui-color-primary))!important}.hover\:tw-text-primary:hover{color:rgb(var(--aui-color-primary))}html:not([lang|=zh]) .lang-not-zh\:\!tw-w-\[230px\]{width:230px!important}@media (min-width:1280px){.vw1280\:tw-ml-\[40px\]{margin-left:40px}.vw1280\:tw-mr-20{margin-right:20px}}

package/table/component.d.ts

@@ -1,5 +1,5 @@
 import { Sort } from '@alauda/ui';
-import { EventEmitter, QueryList, TrackByFunction } from '@angular/core';
+import { EventEmitter, QueryList, TemplateRef, TrackByFunction } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { K8sResourceAction, KubernetesResourceList } from '../core/types/k8s/public-api';
@@ -31,10 +31,12 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     filterFn$: Observable<TableFilterFn<Item, Context>>;
     trackBy: TrackByFunction<Item>;
     noDataHint: string;
+    loadingErrorTemplate: TemplateRef<any>;
     enablePagination: boolean;
     pageSize: number;
     pageSizeOptions: number[];
     paginationLayout: string;
+    firstScrollLoad: number;
     update: EventEmitter<Item>;
     delete: EventEmitter<Item>;
     sortChange: EventEmitter<Sort>;
@@ -50,7 +52,7 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     finalDataSource$: Observable<Item[]>;
     finalResourceName$: Observable<string>;
     columnDefs$: Observable<TableColumnDefs<Item, Context>>;
-    columnNames$: Observable<import("@alauda-fe/common").LiteralUnion<"action" | "name", string>[]>;
+    columnNames$: Observable<import("@alauda-fe/common").LiteralUnion<"name" | "action", string>[]>;
     activeSort$$: ReplaySubject<Sort>;
     activeSort$: Observable<Sort>;
     filteredItems$: Observable<Item[]>;
@@ -71,7 +73,7 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     normalizeColumnDefSort(column: TableColumnDef<Item, Context>): TableColumnDef<Item, Context, object, string, string | number>;
     onSortChange($event: Sort): void;
     normalizeActionColumnDef(column: TableColumnDef<Item, Context>): NormalizedTableColumnDef<Item, Context>;
-    getColumnTemplate(column: string): import("@angular/core").TemplateRef<{
+    getColumnTemplate(column: string): TemplateRef<{
         $implicit: Item;
         index: number;
         even: boolean;
@@ -82,5 +84,5 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     onUpdate(data: Item, columnDef: TableColumnDef<Item, Context>): void;
     getValue<T, F extends (...args: unknown[]) => T>(functionOrValue: T | F, ...args: Parameters<F>): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "acl-table", never, { "list": { "alias": "list"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "filterParams": { "alias": "filterParams"; "required": false; }; "context": { "alias": "context"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "noDataHint": { "alias": "noDataHint"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "paginationLayout": { "alias": "paginationLayout"; "required": false; }; }, { "update": "update"; "delete": "delete"; "sortChange": "sortChange"; }, ["tableCellDefs"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "acl-table", never, { "list": { "alias": "list"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "filterParams": { "alias": "filterParams"; "required": false; }; "context": { "alias": "context"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "noDataHint": { "alias": "noDataHint"; "required": false; }; "loadingErrorTemplate": { "alias": "loadingErrorTemplate"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "paginationLayout": { "alias": "paginationLayout"; "required": false; }; "firstScrollLoad": { "alias": "firstScrollLoad"; "required": false; }; }, { "update": "update"; "delete": "delete"; "sortChange": "sortChange"; }, ["tableCellDefs"], never, false, never>;
 }

package/table/helper.d.ts

@@ -1,2 +1,2 @@
 export declare function defaultFilter<T extends string | number>(value: T, filterValue: T, _item: unknown, name: string): boolean;
-export declare function defaultSorter<T>(a: T, b: T): 0 | 1 | -1;
+export declare function defaultSorter<T>(a: T, b: T): 1 | 0 | -1;