@ng-nest/ui 15.0.4 → 15.0.6

package/loading/loading.component.d.ts

@@ -5,7 +5,7 @@ import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
 import * as i0 from "@angular/core";
 export declare class XLoadingComponent extends XLoadingProperty implements OnInit, OnChanges {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     portal: XPortalService;
     viewContainerRef: ViewContainerRef;
@@ -13,7 +13,7 @@ export declare class XLoadingComponent extends XLoadingProperty implements OnIni
     get getLoading(): import("@ng-nest/ui/core").XBoolean;
     loadingTpl: TemplateRef<void>;
     portalRef: XPortalOverlayRef<any>;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, portal: XPortalService, viewContainerRef: ViewContainerRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, portal: XPortalService, viewContainerRef: ViewContainerRef, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     setClassMap(): void;

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

@@ -4,10 +4,10 @@ import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XMenuNodeComponent extends XMenuNodeProperty {
     cdr: ChangeDetectorRef;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     configService: XConfigService;
     menu: any;
-    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef, configService: XConfigService);
+    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, configService: XConfigService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XMenuNodeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XMenuNodeComponent, "x-menu-node", never, { "menu": "menu"; }, {}, never, never, false, never>;

package/menu/menu.component.d.ts

@@ -4,7 +4,7 @@ import { XClassMap, XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XMenuComponent extends XMenuProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     doc: any;
     configService: XConfigService;
@@ -15,11 +15,11 @@ export declare class XMenuComponent extends XMenuProperty implements OnInit, OnC
     nodes: XMenuNode[];
     rootIndex: number;
     activated?: XMenuNode;
-    activatedElementRef: ElementRef;
+    activatedElementRef: ElementRef<HTMLElement>;
     expanded: any[];
     private _unSubject;
     private _target;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, doc: any, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, doc: any, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/message/message.component.d.ts

@@ -3,10 +3,10 @@ import { XMessageOption, XMessagePlacementRef } from './message.property';
 import * as i0 from "@angular/core";
 export declare class XMessageComponent {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     message: XMessagePlacementRef;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     onClose(item: XMessageOption): void;
     moveDone($event: {
         toState: string;

package/message-box/message-box.component.d.ts

@@ -4,12 +4,12 @@ import { UntypedFormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class XMessageBoxComponent implements OnInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     messageBox: XMessageBoxRef;
     action: XMessageBoxAction;
     formGroup: UntypedFormGroup;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     get msgInput(): import("./message-box.property").XMessageBoxOption;
     get msgOverlayRef(): import("./message-box.property").XMessageBoxOverlayRef;
     get getLabel(): string;

package/notification/notification.component.d.ts

@@ -3,10 +3,10 @@ import { XNotificationOption, XNotificationRef } from './notification.property';
 import * as i0 from "@angular/core";
 export declare class XNotificationComponent {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     notification: XNotificationRef;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     onClose(item: XNotificationOption): void;
     moveDone($event: {
         toState: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "15.0.4",
+  "version": "15.0.6",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {

package/pagination/pagination.component.d.ts

@@ -5,7 +5,7 @@ import { XI18nService } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
 export declare class XPaginationComponent extends XPaginationProperty implements OnChanges {
     configService: XConfigService;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     renderer: Renderer2;
     cdr: ChangeDetectorRef;
     i18n: XI18nService;
@@ -14,20 +14,22 @@ export declare class XPaginationComponent extends XPaginationProperty implements
     indexFirst: number;
     indexLast: number;
     jumpPage: number | null;
+    inputSize: number;
     private _unSubject;
     get leftDisabled(): boolean;
     get rightDisabled(): boolean;
     get firstActivated(): boolean;
     get lastActivated(): boolean;
-    constructor(configService: XConfigService, elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef, i18n: XI18nService);
+    constructor(configService: XConfigService, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef, i18n: XI18nService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     sizeChanged(): void;
     setIndexes(): void;
     jump(index: number, isDiff?: boolean): void;
-    onKeydown(event: KeyboardEvent): void;
+    onJumpKeydown(event: KeyboardEvent): void;
     onSimpleKeydown(event: KeyboardEvent): void;
+    onInputSizeKeydown(event: KeyboardEvent): void;
     validateIndex(value: number): number;
     getActivated(index: number): boolean;
     trackByItem(_index: number, item: number): number;

package/pagination/pagination.property.d.ts

@@ -68,10 +68,20 @@ export declare class XPaginationProperty extends XProperty {
      */
     showSize: XBoolean;
     /**
-     * @zh_CN 分页条数的宽度
-     * @en_US size with
+     * @zh_CN 分页条数选择框的宽度
+     * @en_US size with select
      */
     sizeWidth: XNumber;
+    /**
+     * @zh_CN 显示输入分页条数（不能跟下拉选项同时使用）
+     * @en_US Display the number of input page breaks (cannot exist with the drop-down options of page breaks)
+     */
+    showInputSize: XBoolean;
+    /**
+     * @zh_CN 分页条数输入框的宽度
+     * @en_US size with input
+     */
+    inputSizeWidth: XNumber;
     /**
      * @zh_CN 分页条数的宽度
      * @en_US size with
@@ -123,7 +133,7 @@ export declare class XPaginationProperty extends XProperty {
      */
     sizeChange: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPaginationProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPaginationProperty, "ng-component", never, { "index": "index"; "size": "size"; "total": "total"; "query": "query"; "pageLinkSize": "pageLinkSize"; "showEllipsis": "showEllipsis"; "showTotal": "showTotal"; "space": "space"; "hiddenBorder": "hiddenBorder"; "showSize": "showSize"; "sizeWidth": "sizeWidth"; "sizeData": "sizeData"; "disabled": "disabled"; "showJump": "showJump"; "jumpWidth": "jumpWidth"; "totalTpl": "totalTpl"; "simple": "simple"; "simpleIndexWidth": "simpleIndexWidth"; }, { "queryChange": "queryChange"; "indexChange": "indexChange"; "sizeChange": "sizeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPaginationProperty, "ng-component", never, { "index": "index"; "size": "size"; "total": "total"; "query": "query"; "pageLinkSize": "pageLinkSize"; "showEllipsis": "showEllipsis"; "showTotal": "showTotal"; "space": "space"; "hiddenBorder": "hiddenBorder"; "showSize": "showSize"; "sizeWidth": "sizeWidth"; "showInputSize": "showInputSize"; "inputSizeWidth": "inputSizeWidth"; "sizeData": "sizeData"; "disabled": "disabled"; "showJump": "showJump"; "jumpWidth": "jumpWidth"; "totalTpl": "totalTpl"; "simple": "simple"; "simpleIndexWidth": "simpleIndexWidth"; }, { "queryChange": "queryChange"; "indexChange": "indexChange"; "sizeChange": "sizeChange"; }, never, never, false, never>;
 }
 /**
  * PaginationOption

package/popconfirm/popconfirm.component.d.ts

@@ -5,7 +5,7 @@ import { XI18nService, XI18nPopconfirm } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
 export declare class XPopconfirmComponent extends XPopconfirmProperty implements OnDestroy {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     i18n: XI18nService;
@@ -16,7 +16,7 @@ export declare class XPopconfirmComponent extends XPopconfirmProperty implements
     private _asyncUnSub;
     get getCancelText(): string | undefined;
     get getConfirmText(): string | undefined;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onCancel(): void;

package/popover/popover-portal.component.d.ts

@@ -9,8 +9,8 @@ export declare class XPopoverPortalComponent implements OnInit, OnDestroy {
     mouseenter(): void;
     mouseleave(): void;
     animation: any;
-    popoverPortal: ElementRef;
-    popoverArrow: ElementRef;
+    popoverPortal: ElementRef<HTMLElement>;
+    popoverArrow: ElementRef<HTMLElement>;
     classMap: XClassMap;
     box: DOMRect;
     portalBox: DOMRect;

package/progress/progress.component.d.ts

@@ -4,7 +4,7 @@ import { XNumber, XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XProgressComponent extends XProgressProperty implements OnChanges {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     currentColor: string;
@@ -15,7 +15,7 @@ export declare class XProgressComponent extends XProgressProperty implements OnC
     dashboardRailClipPath: string;
     subLinearGradient: string;
     get maskWidth(): number;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnChanges(simples: SimpleChanges): void;
     setClassMap(): void;
     setColor(): void;

package/radio/radio.component.d.ts

@@ -4,15 +4,15 @@ import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XRadioComponent extends XRadioProperty implements OnChanges {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
-    radio: ElementRef;
+    radio: ElementRef<HTMLElement>;
     nodes: XRadioNode[];
     private _unSubject;
     get beforeIsTemplate(): boolean;
     get afterIsTemplate(): boolean;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/rate/rate.component.d.ts

@@ -4,10 +4,10 @@ import { XRateProperty } from './rate.property';
 import * as i0 from "@angular/core";
 export declare class XRateComponent extends XRateProperty {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
-    rate: ElementRef;
+    rate: ElementRef<HTMLElement>;
     rates: number[];
     hoverActivated: number;
     hoverHalfActivated: number;
@@ -15,7 +15,7 @@ export declare class XRateComponent extends XRateProperty {
     get requiredIsEmpty(): boolean | "";
     writeValue(value: any): void;
     rateNodes: any;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     setClassMap(): void;
     setRates(): void;

package/result/result.component.d.ts

@@ -4,11 +4,11 @@ import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XResultComponent extends XResultProperty implements OnInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     get strIcon(): string;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     setClassMap(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XResultComponent, never>;

package/select/select.component.d.ts

@@ -17,7 +17,7 @@ export declare class XSelectComponent extends XSelectProperty implements OnInit,
     i18n: XI18nService;
     configService: XConfigService;
     inputCom: XInputComponent;
-    select: ElementRef;
+    select: ElementRef<HTMLElement>;
     multipleValueTpl: TemplateRef<void>;
     multipleInput: XInputComponent;
     get getReadonly(): boolean;

package/skeleton/skeleton.component.d.ts

@@ -4,10 +4,10 @@ import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XSkeletonComponent extends XSkeletonProperty implements OnInit, OnChanges {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     setClassMap(): void;

package/slider/slider.component.d.ts

@@ -4,11 +4,11 @@ import { XClassMap, XPosition, XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XSliderComponent extends XSliderProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
-    sliderScroll: ElementRef;
-    sliderNodes: ElementRef;
+    sliderScroll: ElementRef<HTMLElement>;
+    sliderNodes: ElementRef<HTMLElement>;
     nodes: XSliderNode[];
     activated: XSliderNode;
     scrollClassMap: XClassMap;
@@ -31,7 +31,7 @@ export declare class XSliderComponent extends XSliderProperty implements OnInit,
     };
     private _unSubject;
     private _resizeObserver;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

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

@@ -6,13 +6,13 @@ import { CdkDragMove, CdkDragStart, CdkDragEnd } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
 export declare class XSliderSelectComponent extends XSliderSelectProperty implements OnInit, OnDestroy, AfterViewInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
-    sliderSelect: ElementRef;
-    dragRef: ElementRef;
-    railRef: ElementRef;
-    processRef: ElementRef;
+    sliderSelect: ElementRef<HTMLElement>;
+    dragRef: ElementRef<HTMLElement>;
+    railRef: ElementRef<HTMLElement>;
+    processRef: ElementRef<HTMLElement>;
     tooltip: XTooltipDirective;
     left: number;
     visible: boolean;
@@ -24,7 +24,7 @@ export declare class XSliderSelectComponent extends XSliderSelectProperty implem
     private _resizeObserver;
     get requiredIsEmpty(): boolean | "";
     writeValue(value: number): void;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/steps/steps.component.d.ts

@@ -4,12 +4,12 @@ import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XStepsComponent extends XStepsProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     nodes: XStepsNode[];
     private _unSubject;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/switch/switch.component.d.ts

@@ -6,7 +6,7 @@ export declare class XSwitchComponent extends XSwitchProperty implements OnInit
     renderer: Renderer2;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
-    switch: ElementRef;
+    switch: ElementRef<HTMLElement>;
     writeValue(value: any): void;
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;

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

@@ -5,7 +5,7 @@ import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i0 from "@angular/core";
 export declare class XTableBodyComponent extends XTableBodyProperty implements OnInit, OnChanges {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     doc: any;
     configService: XConfigService;
@@ -15,12 +15,12 @@ export declare class XTableBodyComponent extends XTableBodyProperty implements O
     get isEmpty(): boolean;
     get getRowHeight(): XNumber;
     get getItemSize(): XNumber;
-    tbody: ElementRef;
+    tbody: ElementRef<HTMLElement>;
     virtualBody: CdkVirtualScrollViewport;
     table: any;
     private _unSubject;
     private _resizeObserver;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, doc: any, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, doc: any, configService: XConfigService);
     ngOnChanges(simples: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

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

@@ -3,12 +3,12 @@ import { XTableFootProperty } from './table.property';
 import * as i0 from "@angular/core";
 export declare class XTableFootComponent extends XTableFootProperty implements OnInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
-    tfoot: ElementRef;
+    tfoot: ElementRef<HTMLElement>;
     table: any;
     get getRowHeight(): number | "";
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableFootComponent, never>;

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

@@ -1,10 +1,11 @@
 import { OnInit, Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import { XTableHeadProperty, XTableColumn, XTableCell } from './table.property';
-import { XSort, XConfigService, XNumber } from '@ng-nest/ui/core';
+import { XSort, XConfigService, XNumber, XClassMap } from '@ng-nest/ui/core';
+import { CdkDragDrop, CdkDragSortEvent, CdkDragStart } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
 export declare class XTableHeadComponent extends XTableHeadProperty implements OnInit {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     sort: XSort[];
@@ -12,13 +13,15 @@ export declare class XTableHeadComponent extends XTableHeadProperty implements O
     theadStyle: {
         [property: string]: any;
     };
-    thead: ElementRef;
+    thClassMap: XClassMap;
+    thead: ElementRef<HTMLElement>;
     table: any;
     get getRowHeight(): XNumber;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnChanges(simples: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    setThClassMap(): void;
     getFlex(column: XTableColumn): number | "none";
     getColumnRight(right?: number): number | "";
     getColumnWidth(column: XTableColumn): number | undefined;
@@ -28,6 +31,11 @@ export declare class XTableHeadComponent extends XTableHeadProperty implements O
         x: number;
         y: number;
     }, column: XTableColumn | XTableCell): void;
+    dropListDropped(_event: CdkDragDrop<XTableColumn[]>): void;
+    dropListSorted(event: CdkDragSortEvent<XTableColumn[]>): void;
+    dragStarted(_event: CdkDragStart, column: XTableColumn): void;
+    dragEnded(column: XTableColumn): void;
+    dragChange(): void;
     trackByItem(_index: number, item: XTableColumn): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableHeadComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XTableHeadComponent, "x-table-head", never, { "table": "table"; }, {}, never, never, false, never>;

package/table/table.component.d.ts

@@ -6,21 +6,21 @@ import { XPaginationComponent } from '@ng-nest/ui/pagination';
 import * as i0 from "@angular/core";
 export declare class XTableComponent extends XTableProperty implements OnInit, OnDestroy {
     renderer: Renderer2;
-    elementRef: ElementRef;
+    elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     get getScrollLeft(): boolean;
     get getScrollTop(): boolean;
     get getRowHeight(): number | "";
-    get getStickyTopScrollTop(): any;
+    get getStickyTopScrollTop(): number;
     get getStickyBottomScrollTop(): number;
-    get getStickyTopRightEleHeight(): any;
-    get getStickyBottomRightEleHeight(): any;
-    tcaption: ElementRef;
-    thead: ElementRef[];
-    tfoot: ElementRef;
+    get getStickyTopRightEleHeight(): number;
+    get getStickyBottomRightEleHeight(): number;
+    tcaption: ElementRef<HTMLElement>;
+    theads: ElementRef<HTMLElement>[];
+    tfoot: ElementRef<HTMLElement>;
     virtualBody: CdkVirtualScrollViewport;
-    headChange: () => void;
+    theadsChange: (() => void)[];
     bodyChange: () => void;
     scrollContentEle: HTMLElement;
     hasScrollY: boolean;
@@ -43,19 +43,20 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
         [prop: string]: boolean;
     };
     indeterminate: string;
-    table: ElementRef;
-    caption: ElementRef;
+    table: ElementRef<HTMLElement>;
+    caption: ElementRef<HTMLElement>;
     pagination: XPaginationComponent;
-    stickyTopRightEle: ElementRef;
-    stickyBottomRightEle: ElementRef;
+    stickyTopRightEle: ElementRef<HTMLElement>;
+    stickyBottomRightEle: ElementRef<HTMLElement>;
     private _unSubject;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, 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;
@@ -83,6 +84,7 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     bodyChecked(_checked: boolean, column: XTableColumn): void;
     setCheckedValues(column: XTableColumn): void;
     detectChanges(): void;
+    theadsChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XTableComponent, "x-table", never, {}, {}, never, never, false, never>;
 }

package/table/table.module.d.ts

@@ -13,10 +13,11 @@ import * as i11 from "@ng-nest/ui/checkbox";
 import * as i12 from "@ng-nest/ui/icon";
 import * as i13 from "@ng-nest/ui/button";
 import * as i14 from "@angular/cdk/scrolling";
-import * as i15 from "@ng-nest/ui/empty";
-import * as i16 from "@ng-nest/ui/loading";
+import * as i15 from "@angular/cdk/drag-drop";
+import * as i16 from "@ng-nest/ui/empty";
+import * as i17 from "@ng-nest/ui/loading";
 export declare class XTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XTableModule, [typeof i1.XDragDirective, typeof i2.XTableComponent, typeof i3.XTableProperty, typeof i4.XTableHeadComponent, typeof i3.XTableHeadProperty, typeof i5.XTableBodyComponent, typeof i3.XTableBodyProperty, typeof i6.XTableFootComponent, typeof i3.XTableFootProperty], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.XPaginationModule, typeof i10.XOutletModule, typeof i11.XCheckboxModule, typeof i12.XIconModule, typeof i13.XButtonModule, typeof i14.ScrollingModule, typeof i15.XEmptyModule, typeof i16.XLoadingModule], [typeof i2.XTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTableModule, [typeof i1.XDragDirective, typeof i2.XTableComponent, typeof i3.XTableProperty, typeof i4.XTableHeadComponent, typeof i3.XTableHeadProperty, typeof i5.XTableBodyComponent, typeof i3.XTableBodyProperty, typeof i6.XTableFootComponent, typeof i3.XTableFootProperty], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.XPaginationModule, typeof i10.XOutletModule, typeof i11.XCheckboxModule, typeof i12.XIconModule, typeof i13.XButtonModule, typeof i14.ScrollingModule, typeof i15.DragDropModule, typeof i16.XEmptyModule, typeof i17.XLoadingModule], [typeof i2.XTableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XTableModule>;
 }

package/table/table.property.d.ts

@@ -231,8 +231,23 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @en_US Customized expansion content
      */
     expandTpl?: XTemplate;
+    /**
+     * @zh_CN 列头拖动开始事件，返回拖动的列
+     * @en_US Column Header Drag End Event
+     */
+    columnDragStarted: EventEmitter<XTableColumn>;
+    /**
+     * @zh_CN 列头拖动结束事件，返回拖动的列
+     * @en_US The column header is dragging, and the event is triggered when the order is changed
+     */
+    columnDragEnded: EventEmitter<XTableColumn>;
+    /**
+     * @zh_CN 当用户把一个条目投放进该容器时就会触发，拖动放开的事件，返回拖动排序后的列数据
+     * @en_US The column header is dragging, and the event is triggered when the order is changed
+     */
+    columnDropListDropped: EventEmitter<XTableColumn[]>;
     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"; "headerPosition": "headerPosition"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "bodyTdTpl": "bodyTdTpl"; "rowClass": "rowClass"; "headSearchTpl": "headSearchTpl"; "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"; "hiddenWrapBorder": "hiddenWrapBorder"; "hiddenPaginationBorder": "hiddenPaginationBorder"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "headCheckboxChange": "headCheckboxChange"; "manualChange": "manualChange"; }, never, never, false, never>;
+    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"; "bodyTdTpl": "bodyTdTpl"; "rowClass": "rowClass"; "headSearchTpl": "headSearchTpl"; "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"; "hiddenWrapBorder": "hiddenWrapBorder"; "hiddenPaginationBorder": "hiddenPaginationBorder"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "headCheckboxChange": "headCheckboxChange"; "manualChange": "manualChange"; "columnDragStarted": "columnDragStarted"; "columnDragEnded": "columnDragEnded"; "columnDropListDropped": "columnDropListDropped"; }, never, never, false, never>;
 }
 /**
  * Table Option
@@ -403,6 +418,16 @@ export interface XTableColumn extends XIdentityProperty {
      * @en_US Drag the column width, you need to set the initial width of the column width
      */
     dragWidth?: boolean;
+    /**
+     * @zh_CN 拖动列
+     * @en_US Drag the column
+     */
+    dragColumn?: boolean;
+    /**
+     * @zh_CN 正在拖动列
+     * @en_US Dragging column
+     */
+    dragging?: boolean;
     /**
      * @zh_CN 头部显示 checkbox
      * @en_US Head shows checkbox

package/tabs/tab-content.component.d.ts

@@ -6,7 +6,7 @@ export declare class XTabContentComponent {
     private renderer;
     content: TemplateRef<void>;
     active: XBoolean;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<XTabContentComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XTabContentComponent, "x-tab-content", never, { "content": "content"; "active": "active"; }, {}, never, never, false, never>;
 }

package/tabs/tabs.component.d.ts

@@ -18,7 +18,7 @@ export declare class XTabsComponent extends XTabsProperty implements OnInit, OnC
     get activeIndex(): number;
     listTabs: QueryList<XTabComponent>;
     slider: XSliderComponent;
-    actionsRef: ElementRef;
+    actionsRef: ElementRef<HTMLElement>;
     constructor(cdr: ChangeDetectorRef, configService: XConfigService, renderer: Renderer2, router: Router);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;