@alauda-fe/common 1.3.0 → 1.3.1

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

@@ -21,6 +21,7 @@ export declare class K8SResourceListFooterComponent extends ScrollBorderObserver
     backTop: boolean;
     bottomDistance: number;
     resourceNameTranslated: string;
+    firstScrollLoad: number;
     resourceNameTranslated$: Observable<string>;
     resourceName: string;
     resourceName$: Observable<string>;
@@ -33,5 +34,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"], never, false, never>;
 }

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.3.1",
   "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/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/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,5 @@ 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';

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;
@@ -729,7 +730,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-font-normal{font-weight:var(--aui-font-weight-normal)}.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

@@ -35,6 +35,7 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     pageSize: number;
     pageSizeOptions: number[];
     paginationLayout: string;
+    firstScrollLoad: number;
     update: EventEmitter<Item>;
     delete: EventEmitter<Item>;
     sortChange: EventEmitter<Sort>;
@@ -82,5 +83,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; }; "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/module.d.ts

@@ -6,14 +6,30 @@ import * as i2 from "./helpers.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/router";
 import * as i5 from "@alauda/ui";
-import * as i6 from "../disabled-container/disabled-container.module";
-import * as i7 from "../k8s-resource-list/k8s-resource-list.module";
-import * as i8 from "../translate/translate.module";
-import * as i9 from "../core/module";
-import * as i10 from "../widget/widget.module";
+import * as i6 from "../k8s-resource-list/k8s-resource-list.module";
+import * as i7 from "../core/module";
+import * as i8 from "../widget/zero-state/zero-state.component";
+import * as i9 from "../widget/loading-mask/loading-mask.component";
+import * as i10 from "../widget/confirm-delete/confirm-delete.component";
+import * as i11 from "../widget/foldable-block/component";
+import * as i12 from "../widget/relative-time/component";
+import * as i13 from "../disabled-container/disabled-container.component";
+import * as i14 from "../widget/terminating-tag/component";
+import * as i15 from "../widget/foldable-item-in-table/component";
+import * as i16 from "../widget/select-prefix-label/directive";
+import * as i17 from "../widget/text-with-url/component";
+import * as i18 from "../widget/card-section/card-section.component";
+import * as i19 from "../widget/current-time/component";
+import * as i20 from "../widget/text-ellipsis/component";
+import * as i21 from "../widget/resource-multi-select/component";
+import * as i22 from "../widget/field-set/item/component";
+import * as i23 from "../widget/field-set/group/component";
+import * as i24 from "../widget/field-set/column/component";
+import * as i25 from "../translate/translate.pipe";
+import * as i26 from "../translate/translate.directive";
 export declare const COMMON_TABLE_EXPORTABLE: (typeof TableCellDefDirective | typeof TableComponent)[];
 export declare class TableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent, typeof i2.TableCellDefDirective], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.ButtonModule, typeof i5.DropdownModule, typeof i5.IconModule, typeof i5.SortModule, typeof i5.TooltipModule, typeof i5.TableModule, typeof i6.DisabledContainerModule, typeof i7.K8SResourceListModule, typeof i8.TranslateModule, typeof i9.CoreModule, typeof i10.WidgetModule, typeof i5.PaginatorModule], [typeof i1.TableComponent, typeof i2.TableCellDefDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent, typeof i2.TableCellDefDirective], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.ButtonModule, typeof i5.DropdownModule, typeof i5.IconModule, typeof i5.SortModule, typeof i5.TooltipModule, typeof i5.TableModule, typeof i6.K8SResourceListModule, typeof i7.CoreModule, typeof i8.ZeroStateComponent, typeof i9.LoadingMaskComponent, typeof i10.ConfirmDeleteComponent, typeof i11.FoldableBlockComponent, typeof i12.RelativeTimeComponent, typeof i10.ConfirmDeleteContentDirective, typeof i10.ConfirmDeleteLabelDirective, typeof i10.ConfirmDeleteTipDirective, typeof i13.DisabledContainerComponent, typeof i14.TerminatingTagComponent, typeof i15.FoldableItemInTableComponent, typeof i16.SelectPrefixLabelDirective, typeof i17.TextWithUrlComponent, typeof i18.CardSectionComponent, typeof i19.CurrentTimeComponent, typeof i20.TextEllipsisComponent, typeof i21.ResourceMultiSelectComponent, typeof i22.FieldSetItemActionDirective, typeof i22.FieldSetItemComponent, typeof i23.FieldSetGroupComponent, typeof i24.FieldSetColumnComponent, typeof i24.FieldSetColumnGroupComponent, typeof i25.TranslatePipe, typeof i26.TranslateDirective, typeof i26.TranslateMatchDirective, typeof i26.TranslateTextDirective, typeof i5.PaginatorModule, typeof i13.DisabledContainerComponent], [typeof i1.TableComponent, typeof i2.TableCellDefDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
 }

package/widget/zero-state/zero-state.component.d.ts

@@ -7,7 +7,7 @@ export declare class ZeroStateComponent {
     context: 'form' | 'table';
     minHeight: string | number;
     get hiddenState(): boolean;
-    handlePixel: (value: string | number) => string;
+    handlePixel: (value: number | string) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZeroStateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ZeroStateComponent, "acl-zero-state", never, { "resourceName": { "alias": "resourceName"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "zeroState": { "alias": "zeroState"; "required": false; }; "fetching": { "alias": "fetching"; "required": false; }; "context": { "alias": "context"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; }, {}, never, never, true, never>;
 }

package/workload-status-icon/component.d.ts

@@ -0,0 +1,36 @@
+import { GenericWorkloadStatus, getJobStatus, getWorkloadStatus, Job, KubernetesResource, parseToWorkloadStatus } from '../core/public-api';
+import * as i0 from "@angular/core";
+export declare class WorkloadStatusIconComponent {
+    resource: KubernetesResource;
+    getWorkloadStatus: typeof getWorkloadStatus;
+    parseToWorkloadStatus: typeof parseToWorkloadStatus;
+    WorkloadStatusColorMapper: {
+        running: import("../core/public-api").GenericStatusColor;
+        pending: import("../core/public-api").GenericStatusColor;
+        stopped: import("../core/public-api").GenericStatusColor;
+        killed: import("../core/public-api").GenericStatusColor;
+    };
+    WorkloadStatusIconMapper: {
+        running: import("../core/public-api").GenericStatusIcon;
+        pending: import("../core/public-api").GenericStatusIcon;
+        stopped: import("../core/public-api").GenericStatusIcon;
+        killed: import("../core/public-api").GenericStatusIcon;
+    };
+    getJobStatus: typeof getJobStatus;
+    JobStatusColorMapper: {
+        executing: import("../core/public-api").GenericStatusColor;
+        execute_succeeded: import("../core/public-api").GenericStatusColor;
+        execute_failed: import("../core/public-api").GenericStatusColor;
+        unknown: import("../core/public-api").GenericStatusColor;
+    };
+    JobStatusIconMapper: {
+        executing: import("../core/public-api").GenericStatusIcon;
+        execute_succeeded: import("../core/public-api").GenericStatusIcon;
+        execute_failed: import("../core/public-api").GenericStatusIcon;
+        unknown: import("../core/public-api").GenericStatusIcon;
+    };
+    getInstancesText(status: GenericWorkloadStatus): string;
+    isJob: (resource: KubernetesResource) => resource is Job;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkloadStatusIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkloadStatusIconComponent, "rc-workload-status-icon", never, { "resource": { "alias": "resource"; "required": false; }; }, {}, never, never, true, never>;
+}

package/workload-status-icon/public-api.d.ts

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

package/a-chart/a-chart.module.d.ts

@@ -1,16 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./chart.component";
-import * as i2 from "./components/title.component";
-import * as i3 from "./components/legend/legend.component";
-import * as i4 from "./components/legend/dropdown-legend";
-import * as i5 from "./chart-status.component";
-import * as i6 from "@angular/common";
-import * as i7 from "../core/module";
-import * as i8 from "../translate/translate.module";
-import * as i9 from "@alauda/ui";
-import * as i10 from "@angular/forms";
-export declare class AChartModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AChartModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AChartModule, [typeof i1.ChartComponent, typeof i2.TitleComponent, typeof i3.LegendComponent, typeof i4.LegendDropdownComponent, typeof i5.ChartStatusComponent], [typeof i6.CommonModule, typeof i7.CoreModule, typeof i8.TranslateModule, typeof i9.IconModule, typeof i9.ButtonModule, typeof i10.FormsModule, typeof i9.CheckboxModule, typeof i9.TooltipModule, typeof i9.DropdownModule], [typeof i1.ChartComponent, typeof i2.TitleComponent, typeof i3.LegendComponent, typeof i4.LegendDropdownComponent, typeof i5.ChartStatusComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AChartModule>;
-}

package/a-chart/base-chart.d.ts

@@ -1,24 +0,0 @@
-import { BehaviorSubject, Subject } from 'rxjs';
-import { Chart, ChartOption, ShapeOption } from 'zz-chart';
-import { AChartData, AChartStatus, AType } from './types';
-import * as i0 from "@angular/core";
-export declare class BaseChart {
-    customNoDataConvert: (res: AChartData[]) => boolean;
-    chart: Chart;
-    chartOptions: ChartOption;
-    chartStatus$: BehaviorSubject<{
-        loading: boolean;
-        noData: boolean;
-        failed: boolean;
-        noLegend: boolean;
-    }>;
-    chartReactive: ChartOption;
-    renderComplete$$: Subject<Chart>;
-    init(config: ChartOption): Chart;
-    render(): void;
-    changeStatus(status: AChartStatus): void;
-    handleChartType(type: AType, data: AChartData[], options: ShapeOption): void;
-    destroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseChart, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseChart, never, never, { "customNoDataConvert": { "alias": "customNoDataConvert"; "required": false; }; }, {}, never, never, false, never>;
-}

package/a-chart/chart-status.component.d.ts

@@ -1,15 +0,0 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
-import { AChartStatus } from './types';
-import * as i0 from "@angular/core";
-export declare class ChartStatusComponent {
-    customNoData: TemplateRef<unknown> | string;
-    customError: TemplateRef<unknown>;
-    status: AChartStatus;
-    status$: Observable<AChartStatus>;
-    isTemplateRef: (label: any) => label is TemplateRef<unknown>;
-    refresh: EventEmitter<void>;
-    onRefresh(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChartStatusComponent, "acl-chart-status", never, { "customNoData": { "alias": "customNoData"; "required": false; }; "customError": { "alias": "customError"; "required": false; }; "status": { "alias": "status"; "required": false; }; }, { "refresh": "refresh"; }, never, never, false, never>;
-}