@ng-nest/ui 14.0.1 → 14.0.4

package/select/select.component.d.ts

@@ -1,28 +1,39 @@
-import { BehaviorSubject, Subject } from 'rxjs';
-import { OnInit, ChangeDetectorRef, Renderer2, ElementRef, SimpleChanges, OnChanges, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { OnInit, ChangeDetectorRef, Renderer2, ElementRef, SimpleChanges, OnChanges, ViewContainerRef, TemplateRef } from '@angular/core';
 import { XSelectNode, XSelectProperty } from './select.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XSelectPortalComponent } from './select-portal.component';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { XI18nSelect, XI18nService } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
 export declare class XSelectComponent extends XSelectProperty implements OnInit, OnChanges {
     renderer: Renderer2;
-    private cdr;
+    cdr: ChangeDetectorRef;
     private portalService;
     private viewContainerRef;
     private overlay;
+    i18n: XI18nService;
     configService: XConfigService;
     inputCom: XInputComponent;
     select: ElementRef;
+    multipleValueTpl: TemplateRef<void>;
+    multipleInput: XInputComponent;
     get getReadonly(): boolean;
+    get getMaxTagContent(): import("@ng-nest/ui/core").XTemplate | undefined;
     writeValue(value: any): void;
     readonly: boolean;
     enter: boolean;
     showClearable: boolean;
     displayValue: any;
+    multipleSearchValue: string;
     nodes: XSelectNode[];
+    selectedNodes: XSelectNode[];
+    displayNodes: XSelectNode[];
+    displayMore: string;
+    showDisplayMore: boolean;
+    searchNodes: XSelectNode[];
     cloneNodes: XSelectNode[];
     portal: XPortalOverlayRef<XSelectPortalComponent>;
     icon: string;
@@ -30,10 +41,14 @@ export declare class XSelectComponent extends XSelectProperty implements OnInit,
     box: DOMRect;
     protalHeight: number;
     maxNodes: number;
+    inputPadding: number;
     protalTobottom: boolean;
     asyncLoading: boolean;
     animating: boolean;
     objectArray: boolean;
+    selectedSurplus: number;
+    selectedTotal: number;
+    locale: XI18nSelect;
     valueTplContext: {
         $node: any;
         $isValue: boolean;
@@ -41,10 +56,14 @@ export declare class XSelectComponent extends XSelectProperty implements OnInit,
     valueChange: Subject<any>;
     positionChange: Subject<any>;
     closeSubject: Subject<void>;
+    dataChange: Subject<XSelectNode[]>;
     keydownSubject: Subject<KeyboardEvent>;
-    searchSubject: BehaviorSubject<any>;
+    inputChange: Subject<any>;
+    composition: boolean;
+    multipleInputSizeChange: Subject<number>;
     private _unSubject;
-    constructor(renderer: Renderer2, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, overlay: Overlay, configService: XConfigService);
+    private _resizeObserver;
+    constructor(renderer: Renderer2, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, overlay: Overlay, i18n: XI18nService, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -52,24 +71,30 @@ export declare class XSelectComponent extends XSelectProperty implements OnInit,
     setClassMap(): void;
     setData(): void;
     setSubject(): void;
+    setMutipleInputSize(): void;
     menter(): void;
     mleave(): void;
+    modelChange(value: string | number): void;
+    setSearchNodes(value: string | number): void;
     clearEmit(): void;
-    setDisplayValue(): void;
+    setDisplayValue(clickNode?: XSelectNode): void;
+    closeNode(event: Event, node: XSelectNode, index: number): void;
+    setDisplayNodes(): void;
     portalAttached(): boolean | undefined;
     closePortal(): boolean;
     destroyPortal(): void;
-    showPortal(): void;
+    showPortal(click?: boolean): void;
     createPortal(): void;
     setPosition(config: OverlayConfig): void;
     setInstance(): void;
-    nodeClick(node: XSelectNode | XSelectNode[]): void;
+    nodeClick(node: XSelectNode, value?: XSelectNode[] | (string | number)[]): void;
+    selectAllNodes(value: XSelectNode[] | (string | number)[]): void;
     setPlacement(): import("@angular/cdk/overlay").PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;
     onKeydown($event: KeyboardEvent): void;
     onFocus(_event: Event): void;
-    onInput(_event: Event): void;
+    onInput(_event: InputEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XSelectComponent, "x-select", never, {}, {}, never, never, false>;
 }

package/select/select.module.d.ts

@@ -8,9 +8,11 @@ import * as i6 from "@ng-nest/ui/portal";
 import * as i7 from "@ng-nest/ui/input";
 import * as i8 from "@ng-nest/ui/list";
 import * as i9 from "@ng-nest/ui/base-form";
-import * as i10 from "@ng-nest/ui/i18n";
+import * as i10 from "@ng-nest/ui/tag";
+import * as i11 from "@ng-nest/ui/i18n";
+import * as i12 from "@ng-nest/ui/outlet";
 export declare class XSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XSelectModule, [typeof i1.XSelectComponent, typeof i2.XSelectPortalComponent, typeof i3.XSelectProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.XPortalModule, typeof i7.XInputModule, typeof i8.XListModule, typeof i9.XBaseFormModule, typeof i10.XI18nModule], [typeof i1.XSelectComponent, typeof i2.XSelectPortalComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XSelectModule, [typeof i1.XSelectComponent, typeof i2.XSelectPortalComponent, typeof i3.XSelectProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.XPortalModule, typeof i7.XInputModule, typeof i8.XListModule, typeof i9.XBaseFormModule, typeof i10.XTagModule, typeof i11.XI18nModule, typeof i12.XOutletModule], [typeof i1.XSelectComponent, typeof i2.XSelectPortalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XSelectModule>;
 }

package/select/select.property.d.ts

@@ -1,4 +1,4 @@
-import { XParentIdentityProperty, XData, XBoolean, XPositionTopBottom, XSize } from '@ng-nest/ui/core';
+import { XParentIdentityProperty, XData, XBoolean, XPositionTopBottom, XSize, XNumber, XTemplate } from '@ng-nest/ui/core';
 import { TemplateRef } from '@angular/core';
 import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
@@ -77,8 +77,24 @@ export declare class XSelectProperty extends XControlValueAccessor<any> {
      * @en_US Case-sensitive
      */
     caseSensitive: XBoolean;
+    /**
+     * @zh_CN 输入延迟执行时间，ms
+     * @en_US Enter a delay execution time, ms
+     */
+    debounceTime?: number;
+    /**
+     * @zh_CN 多选时显示的选中数据个数，其它的在更多中显示，默认全部显示
+     * @en_US Display the number of data in the maximum election, and the others are displayed in more of them
+     */
+    maxTagCount?: XNumber;
+    /**
+     * @zh_CN 多选时显示的个数超过指定个数，显示的文字模版
+     * @en_US The number displayed when multiple choices exceeds the specified number, the displayed text template displayed
+     * @default '更多{{surplus}}个选中'
+     */
+    maxTagContent?: XTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<XSelectProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XSelectProperty, "ng-component", never, { "data": "data"; "clearable": "clearable"; "async": "async"; "placement": "placement"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "nodeTpl": "nodeTpl"; "size": "size"; "bordered": "bordered"; "portalMaxHeight": "portalMaxHeight"; "search": "search"; "caseSensitive": "caseSensitive"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSelectProperty, "ng-component", never, { "data": "data"; "clearable": "clearable"; "async": "async"; "placement": "placement"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "nodeTpl": "nodeTpl"; "size": "size"; "bordered": "bordered"; "portalMaxHeight": "portalMaxHeight"; "search": "search"; "caseSensitive": "caseSensitive"; "debounceTime": "debounceTime"; "maxTagCount": "maxTagCount"; "maxTagContent": "maxTagContent"; }, {}, never, never, false>;
 }
 /**
  * Select Option

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

@@ -22,7 +22,7 @@ export declare class XSliderSelectComponent extends XSliderSelectProperty implem
     displayValue: string;
     private _unSubject;
     private _resizeObserver;
-    get getRequired(): boolean | "";
+    get requiredIsEmpty(): boolean | "";
     writeValue(value: number): void;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;

package/switch/switch.component.d.ts

@@ -4,7 +4,7 @@ import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XSwitchComponent extends XSwitchProperty implements OnInit {
     renderer: Renderer2;
-    private cdr;
+    cdr: ChangeDetectorRef;
     configService: XConfigService;
     switch: ElementRef;
     writeValue(value: any): void;

package/table/examples/en_US/default/fix/README.md

@@ -0,0 +1,6 @@
+---
+order: 13
+label: 'Fixed'
+---
+
+- Fixed the column with the `left` or `right` attributes in the column configuration.

package/table/examples/en_US/default/head/README.md

@@ -0,0 +1,6 @@
+---
+order: 14
+label: 'headPosition'
+---
+
+- Set the head position with `headerPosition`, or display it at the same time, support the three values of `top`, `bottom` and `top-bottom`.

package/table/examples/en_US/default/header/README.md

@@ -0,0 +1,6 @@
+---
+order: 12
+label: '页头页尾'
+---
+
+- 使用 `header`、`footer` 来指定页头页尾。

package/table/examples/zh_CN/default/fix/README.md

@@ -0,0 +1,6 @@
+---
+order: 13
+label: '固定列'
+---
+
+- 使用列配置中的 `left` 或 `right` 属性来固定列。

package/table/examples/zh_CN/default/head/README.md

@@ -0,0 +1,6 @@
+---
+order: 14
+label: '列头位置'
+---
+
+- 使用 `headerPosition` 来设置列头位置，或者上下同时显示，支持 `top` , `bottom` 和 `top-bottom` 三个值。

package/table/examples/zh_CN/default/header/README.md

@@ -0,0 +1,6 @@
+---
+order: 12
+label: 'Header'
+---
+
+- Ad the end of the page with the `header`, `footer`.

package/table/table-body.component.d.ts

@@ -32,7 +32,7 @@ export declare class XTableBodyComponent extends XTableBodyProperty implements O
     getFlex(column: XTableColumn): number | "none";
     getTitle(row: XTableRow, column: XTableCell | any): string;
     setAdaptionHeight(): void;
-    rowClick(row: XTableRow): void;
+    rowClick(event: Event, row: XTableRow): void;
     onExpanded(_event: Event, node: XTableRow): void;
     trackByItem(_index: number, item: XTableRow | XTableColumn): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableBodyComponent, never>;

package/table/table-foot.component.d.ts

@@ -7,6 +7,7 @@ export declare class XTableFootComponent extends XTableFootProperty implements O
     cdr: ChangeDetectorRef;
     tfoot: ElementRef;
     table: any;
+    get getRowHeight(): number | "";
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/table/table-head.component.d.ts

@@ -19,8 +19,9 @@ export declare class XTableHeadComponent extends XTableHeadProperty implements O
     ngOnChanges(simples: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    getSticky(column: XTableColumn | XTableCell): boolean;
     getFlex(column: XTableColumn): number | "none";
+    getColumnRight(right?: number): number | "";
+    getColumnWidth(column: XTableColumn): number | undefined;
     setStyle(): void;
     onSort(column: XTableColumn): void;
     dragWidth(dis: {

package/table/table.component.d.ts

@@ -11,7 +11,11 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     configService: XConfigService;
     get getScrollLeft(): boolean;
     get getScrollTop(): boolean;
-    thead: ElementRef;
+    get getRowHeight(): number | "";
+    get getStickyTopScrollTop(): any;
+    get getStickyBottomScrollTop(): number;
+    tcaption: ElementRef;
+    thead: ElementRef[];
     tfoot: ElementRef;
     virtualBody: CdkVirtualScrollViewport;
     headChange: () => void;
@@ -23,6 +27,7 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     scrollXHeight: number;
     scrollXWidth: number | null;
     scrollLeft: number;
+    scrollLeftMax: boolean;
     scrollTop: number;
     rowChecked: XTableColumn;
     headCheckboxList: XTableColumn[];
@@ -37,15 +42,22 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     };
     indeterminate: string;
     table: ElementRef;
+    caption: ElementRef;
     pagination: XPaginationComponent;
     private _unSubject;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     ngOnDestroy(): void;
+    ngAfterViewInit(): void;
     setClassMap(): void;
     setPaginationPosition(): void;
-    getSticky(column: XTableColumn | XTableCell): boolean;
+    getStickyLeft(column: XTableColumn | XTableCell): boolean;
+    getStickyLeftLast(column: XTableColumn | XTableCell): boolean;
+    getStickyRight(column: XTableColumn | XTableCell): boolean;
+    getStickyRightFirst(column: XTableColumn | XTableCell): boolean;
+    hasStickyTopRight(): boolean | "";
+    hasStickyBottomRight(): boolean | "";
     getIndex(index: number): number;
     setData(): void;
     getDataByFunc(): void;

package/table/table.property.d.ts

@@ -42,6 +42,11 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @en_US Whether to display the column headers
      */
     showHeader: XBoolean;
+    /**
+     * @zh_CN 列头显示位置
+     * @en_US Whether to display the column headers
+     */
+    headerPosition: XTableHeaderPosition;
     /**
      * @zh_CN 当前选中行数据
      * @en_US Currently selected row data
@@ -75,10 +80,15 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     sortChange: EventEmitter<XSort[]>;
     /**
-     * @zh_CN 允许行点击选中
+     * @zh_CN 允许行点击选中当前行
      * @en_US Allow row click to select
      */
     allowSelectRow: XBoolean;
+    /**
+     * @zh_CN 允许行点击选中 checkbox
+     * @en_US Allow lines to click checkbox
+     */
+    allowCheckRow: XBoolean;
     /**
      * @zh_CN 开启虚拟滚动
      * @en_US Turn on virtual scrolling
@@ -134,6 +144,16 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
         x: number;
         y: number;
     };
+    /**
+     * @zh_CN 表格页头
+     * @en_US Table header
+     */
+    header?: XTemplate;
+    /**
+     * @zh_CN 表格页尾
+     * @en_US Table footer
+     */
+    footer?: XTemplate;
     /**
      * @zh_CN 参数控制请求改变事件
      * @en_US Parameter control request change event
@@ -185,7 +205,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     expandTpl?: XTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "rowClass": "rowClass"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; "paginationPosition": "paginationPosition"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "headerPosition": "headerPosition"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "rowClass": "rowClass"; "allowSelectRow": "allowSelectRow"; "allowCheckRow": "allowCheckRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "header": "header"; "footer": "footer"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; "paginationPosition": "paginationPosition"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never, false>;
 }
 /**
  * Table Option
@@ -326,6 +346,11 @@ export interface XTableColumn extends XIdentityProperty {
      * @en_US Fixed column, distance from left
      */
     left?: number;
+    /**
+     * @zh_CN 固定列，距离右边的距离
+     * @en_US Fixed column, distance from right
+     */
+    right?: number;
     /**
      * @zh_CN 操作按钮
      * @en_US Operation button
@@ -424,6 +449,11 @@ export interface XTableCell {
      * @en_US Fixed column, distance from left
      */
     left?: number;
+    /**
+     * @zh_CN 固定列，距离右边的距离
+     * @en_US Fixed column, distance from right
+     */
+    right?: number;
     /**
      * @zh_CN 对应列的 id
      * @en_US The id of the corresponding column
@@ -445,6 +475,11 @@ export interface XTableCell {
  * @en_US Column type
  */
 export declare type XColumnType = 'label' | 'index' | 'checkbox' | 'expand';
+/**
+ * @zh_CN 列头显示位置
+ * @en_US Line head display position
+ */
+export declare type XTableHeaderPosition = 'top' | 'bottom' | 'top-bottom';
 /**
  * @zh_CN 分页器位置
  * @en_US Paging position
@@ -497,8 +532,13 @@ export declare class XTableHeadProperty extends XProperty {
      * @en_US Cell merge rules
      */
     cellConfig?: XTableCellConfigRule;
+    /**
+     * @zh_CN 显示的位置
+     * @en_US Display position
+     */
+    position?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableHeadProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableHeadProperty, "ng-component", never, { "columns": "columns"; "rowHeight": "rowHeight"; "columnTpl": "columnTpl"; "scrollYWidth": "scrollYWidth"; "scrollXWidth": "scrollXWidth"; "cellConfig": "cellConfig"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableHeadProperty, "ng-component", never, { "columns": "columns"; "rowHeight": "rowHeight"; "columnTpl": "columnTpl"; "scrollYWidth": "scrollYWidth"; "scrollXWidth": "scrollXWidth"; "cellConfig": "cellConfig"; "position": "position"; }, {}, never, never, false>;
 }
 /**
  * Table Body
@@ -628,6 +668,16 @@ export declare const XTableFootPrefix = "x-table-foot";
  * Table Foot Property
  */
 export declare class XTableFootProperty extends XProperty {
+    /**
+     * @zh_CN 表格页尾
+     * @en_US Table footer
+     */
+    footer?: XTemplate;
+    /**
+     * @zh_CN 表头和行高，单位 px
+     * @en_US Header and row height, unit px
+     */
+    rowHeight: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableFootProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableFootProperty, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableFootProperty, "ng-component", never, { "footer": "footer"; "rowHeight": "rowHeight"; }, {}, never, never, false>;
 }

package/tabs/examples/en_US/default/action/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: 'Action'
+---
+
+Using the `actionTpl` can customize the operating template.

package/tabs/examples/zh_CN/default/action/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: '操作'
+---
+
+使用 `actionTpl` 可以自定义操作模板。

package/tabs/tabs.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, QueryList } from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, QueryList, ElementRef, Renderer2 } from '@angular/core';
 import { XTabsNode, XTabsProperty } from './tabs.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import { XSliderComponent, XSliderProperty } from '@ng-nest/ui/slider';
@@ -7,17 +7,24 @@ import * as i0 from "@angular/core";
 export declare class XTabsComponent extends XTabsProperty implements OnInit, OnChanges {
     private cdr;
     configService: XConfigService;
+    renderer: Renderer2;
     sliderOption: XSliderProperty;
     tabs: XTabsNode[];
     private _unSubject;
+    private _tabsContentChange;
+    private _resizeObserver;
     get activeIndex(): number;
     listTabs: QueryList<XTabComponent>;
     slider: XSliderComponent;
-    constructor(cdr: ChangeDetectorRef, configService: XConfigService);
+    actionsRef: ElementRef;
+    constructor(cdr: ChangeDetectorRef, configService: XConfigService, renderer: Renderer2);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
     ngAfterViewInit(): void;
+    setSliderWidth(): void;
+    setSubject(): void;
     activatedChange(index: number): void;
     setActivatedIndex(): void;
     private setClassMap;

package/tabs/tabs.module.d.ts

@@ -5,9 +5,10 @@ import * as i3 from "./tab.component";
 import * as i4 from "./tabs.property";
 import * as i5 from "@angular/common";
 import * as i6 from "@ng-nest/ui/slider";
-import * as i7 from "@ng-nest/ui/icon";
+import * as i7 from "@ng-nest/ui/button";
+import * as i8 from "@ng-nest/ui/icon";
 export declare class XTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XTabsModule, [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent, typeof i4.XTabsProperty, typeof i4.XTabProperty], [typeof i5.CommonModule, typeof i6.XSliderModule, typeof i7.XIconModule], [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTabsModule, [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent, typeof i4.XTabsProperty, typeof i4.XTabProperty], [typeof i5.CommonModule, typeof i6.XSliderModule, typeof i7.XButtonModule, typeof i8.XIconModule], [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XTabsModule>;
 }

package/tabs/tabs.property.d.ts

@@ -57,17 +57,22 @@ export declare class XTabsProperty extends XProperty {
      */
     nodeJustify?: XJustify;
     /**
-     * @zh_CN 隐藏标签栏
-     * @en_US Hide tab bar
+     * @zh_CN 隐藏标签栏，只有一个标签页时候默认隐藏（存在自定义操作模版的时候不会）
+     * @en_US Hide the label bar, there is only one tab, the default hidden
      */
     sliderHidden?: XBoolean;
+    /**
+     * @zh_CN 标签栏上的自定义操作模版
+     * @en_US Custom template on the label bar
+     */
+    actionTpl?: TemplateRef<void>;
     /**
      * @zh_CN 标签切换变化的事件
      * @en_US Label switching event
      */
     indexChange: EventEmitter<XActivatedTab>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTabsProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTabsProperty, "ng-component", never, { "data": "data"; "justify": "justify"; "type": "type"; "layout": "layout"; "activatedIndex": "activatedIndex"; "animated": "animated"; "nodeTpl": "nodeTpl"; "size": "size"; "nodeJustify": "nodeJustify"; "sliderHidden": "sliderHidden"; }, { "indexChange": "indexChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTabsProperty, "ng-component", never, { "data": "data"; "justify": "justify"; "type": "type"; "layout": "layout"; "activatedIndex": "activatedIndex"; "animated": "animated"; "nodeTpl": "nodeTpl"; "size": "size"; "nodeJustify": "nodeJustify"; "sliderHidden": "sliderHidden"; "actionTpl": "actionTpl"; }, { "indexChange": "indexChange"; }, never, never, false>;
 }
 /**
  * @zh_CN Tabs 数据对象

package/tag/tag.component.d.ts

@@ -16,7 +16,7 @@ export declare class XTagComponent extends XTagProperty implements OnInit {
     ngOnChanges(changes: SimpleChanges): void;
     setClassMap(): void;
     onClick(): void;
-    onClose(): void;
+    onClose(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTagComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XTagComponent, "x-tag", never, {}, {}, never, ["*"], false>;
 }

package/tag/tag.property.d.ts

@@ -62,7 +62,7 @@ export declare class XTagProperty extends XProperty {
      * @zh_CN 点击关闭的事件
      * @en_US Click to close the event
      */
-    close: EventEmitter<void>;
+    close: EventEmitter<Event>;
     /**
      * @zh_CN 选中事件
      * @en_US Selected event

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

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
 export declare class XTimePickerComponent extends XTimePickerProperty implements OnInit {
     renderer: Renderer2;
     elementRef: ElementRef;
-    private cdr;
+    cdr: ChangeDetectorRef;
     private portalService;
     private viewContainerRef;
     private datePipe;

package/timeline/examples/en_US/default/mode/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: 'Mode'
+---
+
+Set the position of the timeline with the `mode` attribute, support the `left`, `right` and `alternate`

package/timeline/examples/zh_CN/default/mode/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: '位置'
+---
+
+使用 `mode` 属性来设置时间轴的位置，支持 `left`, `right` 和 `alternate`

package/timeline/timeline.component.d.ts

@@ -13,6 +13,7 @@ export declare class XTimelineComponent extends XTimelineProperty implements OnI
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    setClassMap(): void;
     trackByNode(_index: number, item: XTimelineNode): any;
     private setData;
     private setDashed;

package/timeline/timeline.property.d.ts

@@ -30,8 +30,13 @@ export declare class XTimelineProperty extends XProperty {
      * @en_US Content template
      */
     wrapper?: XTemplate;
+    /**
+     * @zh_CN 时间轴的相对位置
+     * @en_US Content and timeline relative position
+     */
+    mode?: XTimelineMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTimelineProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTimelineProperty, "ng-component", never, { "data": "data"; "type": "type"; "size": "size"; "wrapper": "wrapper"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimelineProperty, "ng-component", never, { "data": "data"; "type": "type"; "size": "size"; "wrapper": "wrapper"; "mode": "mode"; }, {}, never, never, false>;
 }
 /**
  * @zh_CN Timeline 数据对象
@@ -84,3 +89,8 @@ export interface XTimelineNode extends XIdentityProperty {
      */
     [property: string]: any;
 }
+/**
+ * @zh_CN 时间轴的相对位置
+ * @en_US Content and timeline relative position
+ */
+export declare type XTimelineMode = 'left' | 'right' | 'alternate';

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

@@ -16,9 +16,6 @@ export declare class XTreeNodeComponent extends XTreeNodeProperty implements OnI
     get paddingLeft(): number;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
-    onToggle(event: Event, node: XTreeNode): void;
-    virtualToggle(node: XTreeNode): void;
-    getLazyData(node: XTreeNode, callBack?: () => void): void;
     onActivate(event: Event, node: XTreeNode): void;
     onCheckboxChange(): void;
     setCheckbox(): void;

package/tree/tree.component.d.ts

@@ -27,8 +27,11 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     setCheckedKeys(keys?: any[]): void;
     setExpandedAll(): void;
     setVirtualExpandedAll(item: XTreeNode, expandedAll: boolean): void;
+    virtualToggle(node: XTreeNode): void;
     setActivatedNode(nodes: XTreeNode[]): void;
     setParentOpen(nodes: XTreeNode[], node: XTreeNode): void;
+    onToggle(event: Event, node: XTreeNode): void;
+    getLazyData(node: XTreeNode, callBack?: () => void): void;
     addNode(node: XTreeNode): void;
     removeNode(node: XTreeNode): void;
     updateNode(node: XTreeNode, nowNode: XTreeNode): void;

package/tree/tree.property.d.ts

@@ -199,6 +199,11 @@ export interface XTreeNode extends XParentIdentityProperty<XTreeNode> {
      * @en_US Show ellipsis without wrapping, highest priority
      */
     alignItems?: XAlign;
+    /**
+     * @zh_CN 节点懒加载中
+     * @en_US Node lazy loading
+     */
+    loading?: boolean;
     /**
      * @zh_CN 自定义属性
      * @en_US Custom attributes