@alauda-fe/dynamic-plugin-shared 0.0.1-alpha.11 → 0.0.1-alpha.13

package/array-form-table/form/component.d.ts

@@ -82,7 +82,7 @@ export declare class ArrayFormTableComponent implements OnDestroy {
     addDisabled: boolean | '';
     actionColumnDivider: boolean | '';
     showZeroState: boolean;
-    get formDirective(): FormGroupDirective | NgForm;
+    get formDirective(): NgForm | FormGroupDirective;
     /**
      * 自定义是否展示错误内容
      * 例如 control 是 FormGroup，只有在内部子 control 错误时才需要展示错误内容

package/assets/images/overview-banner.svg

@@ -0,0 +1 @@
+<svg width="1160" height="100" viewBox="0 0 1160 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="14.942%" y1="0%" x2="83.161%" y2="96.984%" id="b"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#FFF" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="14.942%" y1="0%" x2="83.161%" y2="96.984%" id="d"><stop stop-color="#FFF" stop-opacity="0" offset="0%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><linearGradient x1="56.396%" y1="-7.466%" x2="56.396%" y2="96.489%" id="e"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#FFF" stop-opacity=".22" offset="100%"/></linearGradient><path id="a" d="M0 0h1160v100H0z"/></defs><g fill="none" fill-rule="evenodd"><mask id="c" fill="#fff"><use xlink:href="#a"/></mask><circle fill="url(#b)" fill-rule="nonzero" opacity=".2" mask="url(#c)" cx="36" cy="114" r="64"/><circle fill="url(#d)" fill-rule="nonzero" opacity=".1" mask="url(#c)" cx="707" cy="-25" r="64"/><circle fill="url(#b)" fill-rule="nonzero" opacity=".15" mask="url(#c)" cx="297.5" cy="23.5" r="17.5"/><circle fill="url(#b)" fill-rule="nonzero" opacity=".15" mask="url(#c)" cx="1029" cy="15" r="9"/><g opacity=".6" mask="url(#c)"><g stroke="#FFF" opacity=".2"><path d="M368.815-57.48c1.262 54.104 30.914 96.954 90.684 119.126 144.942 53.767 412.112-34.434 596.741-197 83.623-73.631 135.971-149.889 154.754-216.285"/><path d="M365.213-66.865c1.262 54.104 30.914 96.955 90.683 119.127 144.942 53.767 412.113-34.434 596.742-197.001 83.623-73.63 135.971-149.888 154.753-216.284"/><path d="M361.61-76.25c1.263 54.105 30.914 96.956 90.684 119.128 144.942 53.766 412.112-34.434 596.742-197.001 83.623-73.63 135.97-149.888 154.753-216.284"/><path d="M358.008-85.634c1.262 54.105 30.914 96.956 90.684 119.128C593.634 87.26 860.804-.94 1045.434-163.507c83.622-73.63 135.97-149.888 154.753-216.284"/><path d="M354.406-95.018C355.668-40.913 385.32 1.938 445.09 24.11c144.942 53.767 412.112-34.433 596.741-197 83.623-73.631 135.971-149.888 154.754-216.284"/><path d="M350.804-104.402c1.262 54.105 30.913 96.955 90.683 119.127 144.942 53.767 412.113-34.434 596.742-197 83.623-73.631 135.971-149.889 154.753-216.285"/><path d="M347.201-113.786c1.263 54.104 30.914 96.955 90.684 119.127 144.942 53.767 412.112-34.434 596.742-197.001 83.623-73.63 135.97-149.888 154.753-216.284"/><path d="M372.417-48.097C373.68 6.008 403.331 48.86 463.101 71.03c144.942 53.767 412.112-34.433 596.742-197 83.622-73.631 135.97-149.888 154.753-216.284"/><path d="M376.02-38.713c1.262 54.105 30.913 96.956 90.683 119.128 144.942 53.766 412.112-34.434 596.742-197.001 83.623-73.63 135.97-149.888 154.753-216.284"/><path d="M379.622-29.328c1.262 54.104 30.914 96.955 90.683 119.127 144.942 53.766 412.113-34.434 596.742-197.001 83.623-73.63 135.971-149.888 154.753-216.284"/><path d="M383.224-19.944c1.262 54.104 30.914 96.955 90.684 119.127C618.85 152.95 886.02 64.749 1070.649-97.818c83.623-73.63 135.971-149.888 154.754-216.284"/><path d="M386.826-10.56c1.263 54.105 30.914 96.956 90.684 119.127 144.942 53.767 412.112-34.434 596.742-197 83.623-73.631 135.97-149.889 154.753-216.284"/><path d="M390.428-1.176c1.263 54.105 30.914 96.956 90.684 119.127 144.942 53.767 412.113-34.433 596.742-197 83.623-73.631 135.97-149.888 154.753-216.284"/></g></g><path d="M1089.5 15c28.995 0 52.5 23.505 52.5 52.5s-26.25 52.5-52.5 52.5-52.5-23.505-52.5-52.5 23.505-52.5 52.5-52.5Z" fill="url(#e)" fill-rule="nonzero" opacity=".12" mask="url(#c)"/></g></svg>

package/components/deleting-tag/component.d.ts

@@ -0,0 +1,7 @@
+import { KubernetesResource } from '../../types';
+import * as i0 from "@angular/core";
+export declare class DeletingTagComponent {
+    resource: KubernetesResource;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeletingTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeletingTagComponent, "acl-deleting-tag", never, { "resource": { "alias": "resource"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/field-set/item/component.d.ts

@@ -3,7 +3,7 @@ export declare class FieldSetItemComponent {
     allowFullWidth: boolean;
     allowOverflow: boolean;
     allowWrap: boolean;
-    get align(): "center" | "flex-start";
+    get align(): "flex-start" | "center";
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldSetItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FieldSetItemComponent, "acl-field-set-item", never, { "allowFullWidth": { "alias": "allowFullWidth"; "required": false; }; "allowOverflow": { "alias": "allowOverflow"; "required": false; }; "allowWrap": { "alias": "allowWrap"; "required": false; }; }, {}, never, ["label", "*", "[aclFieldSetItemAction]"], true, never>;
 }

package/components/index.d.ts

@@ -7,7 +7,7 @@ export * from './zero-state/zero-state.component';
 export * from './relative-time/component';
 export * from './foldable-block/component';
 export * from './foldable-item-in-table/component';
-export * from './terminating-tag/component';
+export * from './deleting-tag/component';
 export * from './text-with-url/component';
 export * from './card-section/card-section.component';
 export * from './current-time/component';
@@ -30,6 +30,11 @@ export * from './disabled-container';
 export * from './upload-file/component';
 export * from './help-document';
 export * from './page-guard';
+export * from './list-display/component';
+export * from './overview-banner/component';
+export * from './multi-search';
+export * from './mutable';
+export * from './table';
 export * from './namespace-selector';
 export * from './namespace-badge/component';
 export * from './test-tag/component';

package/components/list-display/component.d.ts

@@ -0,0 +1,15 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ListDisplayComponent<T> {
+    data: T[];
+    threshold: number;
+    mode: 'total' | 'more';
+    direction: 'row' | 'column';
+    template: TemplateRef<any>;
+    childTemplate: TemplateRef<any>;
+    templateContext(item: T): T & {
+        $implicit: T;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListDisplayComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListDisplayComponent<any>, "acl-list-display", never, { "data": { "alias": "data"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, ["childTemplate"], never, true, never>;
+}

package/components/multi-search/action-input/component.d.ts

@@ -0,0 +1,122 @@
+import { TooltipDirective, InputComponent } from '@alauda/ui';
+import { EventEmitter, Injector, OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { BaseResourceFormComponent } from 'ng-resource-form-util';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { MultiSearchComponent } from '../form/component';
+import { SearchConditionConfig, SearchConditionModel, MultiSearchOption } from '../types';
+import * as i0 from "@angular/core";
+export declare class MultiSearchActionInputComponent extends BaseResourceFormComponent<SearchConditionModel> implements OnDestroy {
+    injector: Injector;
+    private readonly multiSearch;
+    placeholder: string;
+    conditionCreatable: boolean;
+    isEditing: boolean;
+    hidden: boolean;
+    hidden$: Observable<boolean>;
+    autoScroll: boolean;
+    conditionConfig: SearchConditionConfig[];
+    showFootAction: boolean;
+    conditionConfig$: Observable<SearchConditionConfig[]>;
+    existingConditions: SearchConditionModel[];
+    existingConditions$: Observable<SearchConditionModel[]>;
+    completed: EventEmitter<{
+        activeCondition: SearchConditionModel;
+        toContinue?: boolean;
+        manualFocus?: boolean;
+    }>;
+    editing: EventEmitter<void>;
+    delete: EventEmitter<void>;
+    search: EventEmitter<void>;
+    inputRef: InputComponent;
+    toolTipRef: TooltipDirective;
+    get hiddenState(): boolean;
+    _conditionsModel: string;
+    get conditionsModel(): string;
+    set conditionsModel(v: string);
+    conditionsModel$$: BehaviorSubject<string>;
+    hasFilteredConditions$: Observable<boolean>;
+    conditionsShouldShow$: Observable<string | boolean>;
+    normalConditionsResource$: Observable<SearchConditionConfig[]>;
+    normalConditions$: Observable<SearchConditionConfig[]>;
+    groupConditionsResource$: Observable<{
+        group: string;
+        member: SearchConditionConfig[];
+    }[]>;
+    groupConditions$: Observable<{
+        group: string;
+        member: SearchConditionConfig[];
+    }[]>;
+    hasFilteredValues: (activeCondition: SearchConditionModel, model: string, isMulti?: boolean) => boolean;
+    getNormalValues: (activeCondition: SearchConditionModel, model: string, isMulti?: boolean) => MultiSearchOption[];
+    getValuesGroup: (activeCondition: SearchConditionModel, model: string, isMulti: boolean) => {
+        group: string;
+        member: MultiSearchOption[];
+    }[];
+    valuesFilter(conditions: MultiSearchOption[], condition: MultiSearchOption, separator: string, isMulti?: boolean): boolean;
+    get isConditionSelecting(): boolean;
+    get isOperatorSelecting(): boolean;
+    get isValueSelecting(): string;
+    get isInitialized(): boolean;
+    get isOperationComplete(): MultiSearchOption;
+    get isSelectAll(): boolean;
+    get isIndeterminate(): boolean;
+    get inputElement(): HTMLInputElement;
+    get optionElements(): NodeListOf<HTMLDivElement>;
+    arrowCursor: number;
+    MAX_SAFE_INTEGER: number;
+    DEFAULT_OPERATOR: string;
+    DROPDOWN_ITEM_CLASS: string;
+    constructor(injector: Injector, multiSearch: MultiSearchComponent);
+    private resolveHideSync;
+    private resolveFormModelChangeSync;
+    private conditionSync;
+    private valuesSync;
+    createForm(): FormControl<SearchConditionModel>;
+    adaptResourceModel(resource: SearchConditionModel): SearchConditionModel;
+    private initModel;
+    selectActiveCondition(conditionConfig: SearchConditionConfig): void;
+    setConditionByModel(): void;
+    selectActiveOperator(operator: string): void;
+    selectValue(condition: MultiSearchOption, isMulti?: boolean): void;
+    private selectMultiValue;
+    selectAllClick: import("lodash").DebouncedFunc<() => void>;
+    private selectAllValues;
+    private deselectAllValues;
+    activeConditionClick(): void;
+    activeOperatorClick(): void;
+    activeValueClick(): void;
+    private setActiveOperator;
+    private setValues;
+    private clearActiveCondition;
+    private changeToEditing;
+    inputFocus(): void;
+    inputKeydown(e: KeyboardEvent): void;
+    confirmSelection(): void;
+    private changeToEditingIfNeed;
+    private resolveTabEvent;
+    private resolveArrowEvent;
+    private resolveDeleteEvent;
+    private resolveEnterEvent;
+    private deleteSelf;
+    private resetArrowCursor;
+    manualFocus(silence?: boolean): void;
+    manualBlur(): void;
+    private refreshDropdown;
+    private refreshCursor;
+    toolTipHide(): void;
+    toolTipShow(): void;
+    ifComplete(toContinue?: boolean, manualFocus?: boolean): boolean;
+    _complete(activeCondition: SearchConditionModel, toContinue?: boolean, manualFocus?: boolean): void;
+    private conditionFilterByExists;
+    private resolveGroup;
+    getConditionLabel(condition: SearchConditionModel): string;
+    private getSeparator;
+    getValueContent: (condition: SearchConditionModel) => string;
+    getValueLabel(value: MultiSearchOption): string;
+    private getMultiSearchVal;
+    isConditionSelected(current: string, conditionsModel: string): boolean;
+    isValueSelected: (current: string, conditionsModel: string, condition: SearchConditionModel) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSearchActionInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSearchActionInputComponent, "acl-multi-search-action-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "conditionCreatable": { "alias": "conditionCreatable"; "required": false; }; "isEditing": { "alias": "isEditing"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "conditionConfig": { "alias": "conditionConfig"; "required": false; }; "showFootAction": { "alias": "showFootAction"; "required": false; }; "existingConditions": { "alias": "existingConditions"; "required": false; }; }, { "completed": "completed"; "editing": "editing"; "delete": "delete"; "search": "search"; }, never, never, true, never>;
+}

package/components/multi-search/form/component.d.ts

@@ -0,0 +1,66 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { MultiSearchActionInputComponent } from '../action-input/component';
+import { MultiSearchTagsComponent } from '../multi-search-tags/component';
+import { SearchConditionConfig, SearchCondition, SearchConditionModel } from '../types';
+import * as i0 from "@angular/core";
+export declare const DEFAULT_OPERATOR: string;
+export declare class MultiSearchComponent implements OnDestroy {
+    protected readonly cdr: ChangeDetectorRef;
+    placeholder: string;
+    conditionCreatable: boolean;
+    conditions: SearchCondition[];
+    conditions$: Observable<SearchCondition[]>;
+    conditionConfig: SearchConditionConfig[];
+    conditionConfig$: Observable<SearchConditionConfig[]>;
+    autoScroll: boolean;
+    searchSuffix: boolean;
+    search: EventEmitter<SearchCondition[]>;
+    showFootAction: boolean;
+    conditionsChange: EventEmitter<SearchCondition[]>;
+    normalInputComponent: MultiSearchActionInputComponent;
+    tagsComponent: MultiSearchTagsComponent;
+    multiSearchRef: ElementRef;
+    addedCondition: SearchConditionModel;
+    focus$$: BehaviorSubject<boolean>;
+    destroy$$: Subject<void>;
+    actionScanner$$: Subject<(items: SearchConditionModel[]) => SearchConditionModel[]>;
+    existingConditions: SearchConditionModel[];
+    existingConditions$: Observable<SearchConditionModel[]>;
+    noEditingCondition: boolean;
+    noEditingCondition$: Observable<boolean>;
+    noDeletingCondition: boolean;
+    noDeletingCondition$: Observable<boolean>;
+    addedInputShouldHidden$: Observable<boolean>;
+    get inputComponent(): MultiSearchActionInputComponent;
+    CLEAR_ICON_CLASS: string;
+    SEARCH_ICON_CLASS: string;
+    constructor(cdr: ChangeDetectorRef);
+    private isSearchBtn;
+    private notActionElement;
+    private notTooltipContent;
+    private checkElement;
+    private manualComplete;
+    manualFocus(silence?: boolean): void;
+    setFocus(focus: boolean): void;
+    manualBlur(): void;
+    doSearch(): void;
+    clearConditions(): void;
+    removeCondition(condition: SearchConditionModel): void;
+    updateCondition(condition: SearchConditionModel, index: number): void;
+    addCondition(activeCondition: SearchConditionModel): void;
+    setConditionEditing(condition: SearchConditionModel): void;
+    setConditionDeleting(index?: number): void;
+    complete({ activeCondition, toContinue, manualFocus, index, }: {
+        activeCondition: SearchConditionModel;
+        toContinue?: boolean;
+        manualFocus?: boolean;
+        index?: number;
+    }): void;
+    private isGrammarCustomCondition;
+    private getConditionModel;
+    conditionInAction(condition: SearchConditionModel): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSearchComponent, "acl-multi-search", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "conditionCreatable": { "alias": "conditionCreatable"; "required": false; }; "conditions": { "alias": "conditions"; "required": false; }; "conditionConfig": { "alias": "conditionConfig"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "searchSuffix": { "alias": "searchSuffix"; "required": false; }; "showFootAction": { "alias": "showFootAction"; "required": false; }; }, { "search": "search"; "conditionsChange": "conditionsChange"; }, never, never, true, never>;
+}

package/components/multi-search/index.d.ts

@@ -0,0 +1,4 @@
+export * from './utils';
+export * from './types';
+export * from './form/component';
+export * from './action-input/component';

package/components/multi-search/multi-search-tags/component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '@angular/core';
+import { MultiSearchActionInputComponent } from '../action-input/component';
+import { SearchConditionConfig, SearchConditionModel } from '../types';
+import * as i0 from "@angular/core";
+export declare class MultiSearchTagsComponent {
+    placeholder: string;
+    conditionCreatable: boolean;
+    conditionConfig: SearchConditionConfig[];
+    existingConditions: SearchConditionModel[];
+    showFootAction: boolean;
+    removeCondition: EventEmitter<SearchConditionModel>;
+    setConditionEditing: EventEmitter<SearchConditionModel>;
+    setConditionDeleting: EventEmitter<number>;
+    search: EventEmitter<void>;
+    completed: EventEmitter<{
+        activeCondition: SearchConditionModel;
+        toContinue: boolean;
+        manualFocus: boolean;
+        index?: number;
+    }>;
+    inputComponent: MultiSearchActionInputComponent;
+    conditionInAction(condition: SearchConditionModel): boolean;
+    getConditionLabel(condition: SearchConditionModel): string;
+    getValueContent(condition: SearchConditionModel): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSearchTagsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSearchTagsComponent, "acl-multi-search-tags", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "conditionCreatable": { "alias": "conditionCreatable"; "required": false; }; "conditionConfig": { "alias": "conditionConfig"; "required": false; }; "existingConditions": { "alias": "existingConditions"; "required": false; }; "showFootAction": { "alias": "showFootAction"; "required": false; }; }, { "removeCondition": "removeCondition"; "setConditionEditing": "setConditionEditing"; "setConditionDeleting": "setConditionDeleting"; "search": "search"; "completed": "completed"; }, never, ["*"], true, never>;
+}

package/components/multi-search/types.d.ts

@@ -0,0 +1,33 @@
+export interface SearchCondition {
+    condition: string;
+    operator?: string;
+    values?: string[];
+}
+export type SearchConditionModel = SearchConditionConfig & {
+    isEditing?: boolean;
+    isDeleting?: boolean;
+    actionModel?: SearchConditionModel;
+    operator?: string;
+    selectedValues?: MultiSearchOption[];
+};
+export type SearchConditionConfig = SearchTagConfig & {
+    isMulti?: boolean;
+    separator?: string;
+    operators?: string[];
+    allowSelectAll?: boolean;
+    condition: MultiSearchOption;
+    values?: MultiSearchOption[];
+};
+export interface SearchTagConfig {
+    tagClass?: string;
+    tagStyle?: {
+        [clazz: string]: any;
+    };
+    tagType?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+}
+export interface MultiSearchOption {
+    label?: string;
+    tagLabel?: string;
+    value: string;
+    group?: string;
+}

package/components/multi-search/utils.d.ts

@@ -0,0 +1,24 @@
+import { SearchCondition } from './types';
+/**
+ * 将basic的conditions转换为advanced形式
+ * 如：
+ * [
+ *  {
+ *    condition: 'category1',
+ *    operator: '=',
+ *    values: ['con1', 'con2']
+ *  },
+ *  {
+ *    condition: 'category2',
+ *    operator: '!=',
+ *    values: ['con11']
+ *  },
+ *  {
+ *    condition: '!custom'
+ *  }
+ * ]
+ * 将会转化为：
+ * '[category1 = (con1,con2)],[category2 != (con11)],[!custom]'
+ */
+export declare function MultiSearchAdvanced(conditions: SearchCondition[]): string;
+export declare function MultiSearchBasic(advancedConditions: string): SearchCondition[];

package/components/mutable/directive.d.ts

@@ -0,0 +1,83 @@
+import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { ResizeCursor } from './util';
+import * as i0 from "@angular/core";
+export type DragRange = number | string;
+export interface MutableOptions {
+    directions?: [boolean, boolean, boolean, boolean];
+    resizeThreshold?: number;
+    cursors?: {
+        move: string;
+    };
+    dragRange?: [DragRange, DragRange, DragRange, DragRange];
+}
+export declare const MUTABLE_BASIC_OPTIONS: MutableOptions;
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare class DragHandleDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragHandleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragHandleDirective, "[aclDragHandle]", never, {}, {}, never, never, true, never>;
+}
+export declare class MutableDirective {
+    private readonly el;
+    private computedOptions;
+    /** Allow for stretch shrink, the default is open */
+    aclResizable: boolean;
+    /** Allow for drag and drop, the default is open */
+    aclDraggable: boolean;
+    /** Define drag boundary, as body */
+    aclDragBoundary: string | ElementRef<HTMLElement> | HTMLElement;
+    set aclMutableOptions(options: MutableOptions);
+    /** In the process of the resize triggering events */
+    readonly aclOnResize: EventEmitter<HTMLElement>;
+    /** Drag in the process of the triggering event */
+    readonly aclOnDrag: EventEmitter<HTMLElement>;
+    /** Emits when the user start drag. */
+    readonly aclDragStarted: EventEmitter<HTMLElement>;
+    readonly aclDragEnded: EventEmitter<HTMLElement>;
+    /** Emits when the user start resize */
+    readonly aclResizeStarted: EventEmitter<HTMLElement>;
+    readonly aclResizeEnded: EventEmitter<HTMLElement>;
+    handles: QueryList<ElementRef>;
+    isDragging: boolean;
+    isResizingX: boolean;
+    isResizingY: boolean;
+    mousePoint: {
+        x: number;
+        y: number;
+    };
+    parentBorder: {
+        left: number;
+        top: number;
+    };
+    elementBorder: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+    element: HTMLElement;
+    private readonly _initCursor;
+    resizeCursor: ResizeCursor;
+    resizeInitXRight: number;
+    resizeInitYBottom: number;
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    constructor(el: ElementRef<HTMLElement>);
+    /** Gets the boundary element, based on the `boundaryElement` value. */
+    private getBoundaryElement;
+    private ensureInParent;
+    dragElement(event: MouseEvent): void;
+    initDragging(event: MouseEvent): void;
+    setDragging(cursor: string, event: MouseEvent): void;
+    resizeElementX(event: MouseEvent): void;
+    resizeElementY(event: MouseEvent): void;
+    initResizing(event: MouseEvent): void;
+    setResizing(cursor: string, event: MouseEvent): void;
+    getMutableCursor(event: MouseEvent): string;
+    private isResizeOutOfBoundary;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MutableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MutableDirective, "[aclMutable]", never, { "aclResizable": { "alias": "aclResizable"; "required": false; }; "aclDraggable": { "alias": "aclDraggable"; "required": false; }; "aclDragBoundary": { "alias": "aclDragBoundary"; "required": false; }; "aclMutableOptions": { "alias": "aclMutableOptions"; "required": false; }; }, { "aclOnResize": "aclOnResize"; "aclOnDrag": "aclOnDrag"; "aclDragStarted": "aclDragStarted"; "aclDragEnded": "aclDragEnded"; "aclResizeStarted": "aclResizeStarted"; "aclResizeEnded": "aclResizeEnded"; }, ["handles"], never, true, never>;
+}

package/components/mutable/element.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef } from '@angular/core';
+/**
+ * To judge whether the parent element
+ */
+export declare const isSelfOrParent: (element: HTMLElement, target: HTMLElement) => boolean;
+/**
+ * Coerces an ElementRef or an Element into an element.
+ * Useful for APIs that can accept either a ref or the native element itself.
+ */
+export declare function coerceElement<T>(elementOrRef: ElementRef<T> | T): T;

package/components/mutable/index.d.ts

@@ -0,0 +1,8 @@
+import { MosaicComponent } from './mosaic/component';
+import { MosaicLeftDirective, MosaicRightDirective } from './mosaic/directive';
+import { DragHandleDirective, MutableDirective } from './directive';
+export * from './mosaic/component';
+export * from './mosaic/directive';
+export * from './directive';
+export * from './util';
+export declare const MUTABLE_MODULE: readonly [typeof MutableDirective, typeof MosaicRightDirective, typeof MosaicLeftDirective, typeof MosaicComponent, typeof DragHandleDirective];

package/components/mutable/mosaic/component.d.ts

@@ -0,0 +1,32 @@
+import { Observable } from 'rxjs';
+import { DragRange, MutableOptions } from '../directive';
+import * as i0 from "@angular/core";
+export declare class MosaicComponent {
+    left: DragRange;
+    left$: Observable<DragRange>;
+    right: DragRange;
+    right$: Observable<DragRange>;
+    splitLocation: number;
+    mutableOptions$: Observable<MutableOptions>;
+    leftInset: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    rightInset: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    splitInset: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    drag(element: HTMLElement, root: HTMLDivElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MosaicComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MosaicComponent, "acl-mosaic", never, { "left": { "alias": "left"; "required": false; }; "right": { "alias": "right"; "required": false; }; "splitLocation": { "alias": "splitLocation"; "required": false; }; }, {}, never, ["[aclMosaicLeft]", "[aclMosaicRight]"], true, never>;
+}

package/components/mutable/mosaic/directive.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class MosaicLeftDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MosaicLeftDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MosaicLeftDirective, "acl-mosaic[aclMosaicLeft]", never, {}, {}, never, never, false, never>;
+}
+export declare class MosaicRightDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MosaicRightDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MosaicRightDirective, "acl-mosaic[aclMosaicRight]", never, {}, {}, never, never, true, never>;
+}

package/components/mutable/util.d.ts

@@ -0,0 +1,18 @@
+/**
+ * cursor style link https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor
+ */
+export type CursorX = 'e' | 'w';
+export type CursorY = 'n' | 's';
+export type Cursor = CursorX | CursorY | `${CursorY}${CursorX}`;
+export type ResizeCursor = `${Cursor}-resize`;
+/** 如果cursor存在类似 n-resize、ne-resize，都代表是top 方向 */
+export declare const isT: (cursor: ResizeCursor) => boolean;
+/** 是否是right */
+export declare const isR: (cursor: ResizeCursor) => boolean;
+/** 是否是bottom */
+export declare const isB: (cursor: ResizeCursor) => boolean;
+/** 是否是left */
+export declare const isL: (cursor: ResizeCursor) => boolean;
+export declare const toPx: (num: number) => string;
+export declare const toPercent: (num: number, base?: number) => string;
+export declare const toNumber: (str: string) => number;

package/components/namespace-selector/component.d.ts

@@ -1,9 +1,7 @@
-import { K8sApiService } from '@alauda-fe/dynamic-plugin-sdk';
+import { K8sApiService, ResourceSelectorPopupRef, ResourceSelectorPopupService } from '@alauda-fe/dynamic-plugin-sdk';
 import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { KubernetesResource, Namespace } from '../../types';
-import { ResourceSelectorPopupRef } from './selector-popup/ref';
-import { ResourceSelectorPopupService } from './selector-popup/service';
 import * as i0 from "@angular/core";
 export declare class NamespaceSelectorComponent {
     private readonly popupService;
@@ -11,6 +9,8 @@ export declare class NamespaceSelectorComponent {
     private readonly cdr;
     private readonly elementRef;
     popupTemplate: TemplateRef<any>;
+    cluster: string;
+    cluster$: Observable<string>;
     value: string;
     value$: Observable<string>;
     valueChange: EventEmitter<KubernetesResource>;
@@ -24,5 +24,5 @@ export declare class NamespaceSelectorComponent {
     closePopup(): void;
     onSelect(item: KubernetesResource): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NamespaceSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NamespaceSelectorComponent, "acl-namespace-selector", never, { "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NamespaceSelectorComponent, "acl-namespace-selector", never, { "cluster": { "alias": "cluster"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/components/namespace-selector/index.d.ts

@@ -1,4 +1,3 @@
 export * from './constants';
 export * from './component';
 export * from './types';
-export * from './selector-popup/service';

package/components/overview-banner/component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export interface OverviewBannerOption {
+    icon: string;
+    title: string;
+    description: string;
+}
+export declare class OverviewBannerComponent {
+    option: OverviewBannerOption;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverviewBannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverviewBannerComponent, "acl-overview-banner", never, { "option": { "alias": "option"; "required": false; }; }, {}, never, never, true, never>;
+}