@ng-nest/ui 20.0.4 → 20.0.5

package/checkbox/index.d.ts

@@ -333,7 +333,7 @@ declare class XCheckboxComponent extends XCheckboxProperty implements OnChanges,
     labelMapSignal: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    checkboxType: _angular_core.Signal<"button" | "icon" | "tag" | "initial">;
+    checkboxType: _angular_core.Signal<"initial" | "button" | "icon" | "tag">;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/fesm2022/ng-nest-ui-table.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { input, model, output, Component, inject, ChangeDetectorRef, viewChild, signal, computed, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, effect, viewChildren, NgModule } from '@angular/core';
+import { input, model, output, Component, inject, ChangeDetectorRef, viewChild, signal, computed, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, Injectable, DOCUMENT, HostListener, Directive, Renderer2, effect, viewChildren, NgModule } from '@angular/core';
 import { XPropertyFunction, XToDataConvert, XToNumber, XToBoolean, XToCssPixelValue, XProperty, XIsEmpty, XRemoveNgTag, XIsFunction, XResize, XStripTags, XParentPath, XInnerHTMLComponent, XIsChange, XIsArray, XIsUndefined } from '@ng-nest/ui/core';
 import { XPaginationSizeData, XPaginationComponent } from '@ng-nest/ui/pagination';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { Subject, fromEvent } from 'rxjs';
-import { NgStyle, NgClass, NgTemplateOutlet, DOCUMENT } from '@angular/common';
+import { NgStyle, NgClass, NgTemplateOutlet, DOCUMENT as DOCUMENT$1 } from '@angular/common';
 import { XLoadingComponent } from '@ng-nest/ui/loading';
 import * as i2 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
@@ -173,6 +173,11 @@ class XTableProperty extends XPropertyFunction(X_TABLE_CONFIG_NAME) {
          * @en_US Checkbox column initially selected data, checkbox is activated in column
          */
         this.checkedRow = input({});
+        /**
+         * @zh_CN 禁用拖动 checkbox 批量选中/取消
+         * @en_US Disable dragging checkboxes for batch selection/cancellation
+         */
+        this.checkboxDragDisabled = input(false, { transform: XToBoolean });
         /**
          * @zh_CN 如果 data 是函数类型，可以通过此参数控制请求，常用于弹框中的表格，弹出后再请求
          * @en_US If data is a function type, you can use this parameter to control the request, which is often used in the form in the pop-up box, and then request it after it pops up
@@ -342,7 +347,9 @@ class XTableProperty extends XPropertyFunction(X_TABLE_CONFIG_NAME) {
          * @zh_CN 显示输入分页框的 tooltip 提示信息，默认显示
          * @en_US show enter the tooltip prompt information for the pagination box, which will be displayed by default based on the confirmation of the input
          */
-        this.showInputSizeTooltipText = input(this.config?.showInputSizeTooltipText ?? true, { transform: XToBoolean });
+        this.showInputSizeTooltipText = input(this.config?.showInputSizeTooltipText ?? true, {
+            transform: XToBoolean
+        });
         /**
          * @zh_CN 输入分页框的 tooltip 提示信息，默认根据输入确认改变的方式来显示
          * @en_US Enter the tooltip prompt information for the pagination box, which will be displayed by default based on the confirmation of the input
@@ -374,7 +381,9 @@ class XTableProperty extends XPropertyFunction(X_TABLE_CONFIG_NAME) {
          * @zh_CN 显示跳转输入框的 tooltip 提示信息，默认显示
          * @en_US Show the tooltip prompt information for jumping to the input box is displayed by default based on the confirmation of input changes
          */
-        this.showJumpTooltipText = input(this.config?.showJumpTooltipText ?? true, { transform: XToBoolean });
+        this.showJumpTooltipText = input(this.config?.showJumpTooltipText ?? true, {
+            transform: XToBoolean
+        });
         /**
          * @zh_CN 跳转输入框的 tooltip 提示信息，默认根据输入确认改变的方式来显示
          * @en_US The tooltip prompt information for jumping to the input box is displayed by default based on the confirmation of input changes
@@ -444,7 +453,7 @@ class XTableProperty extends XPropertyFunction(X_TABLE_CONFIG_NAME) {
         this.columnDragWidthEnded = output();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XTableProperty, isStandalone: true, selector: "x-table-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, bodyInnerHTML: { classPropertyName: "bodyInnerHTML", publicName: "bodyInnerHTML", isSignal: true, isRequired: false, transformFunction: null }, activatedRow: { classPropertyName: "activatedRow", publicName: "activatedRow", isSignal: true, isRequired: false, transformFunction: null }, headColumnTpl: { classPropertyName: "headColumnTpl", publicName: "headColumnTpl", isSignal: true, isRequired: false, transformFunction: null }, headThTpl: { classPropertyName: "headThTpl", publicName: "headThTpl", isSignal: true, isRequired: false, transformFunction: null }, bodyColumnTpl: { classPropertyName: "bodyColumnTpl", publicName: "bodyColumnTpl", isSignal: true, isRequired: false, transformFunction: null }, bodyTdTpl: { classPropertyName: "bodyTdTpl", publicName: "bodyTdTpl", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, headSearchTpl: { classPropertyName: "headSearchTpl", publicName: "headSearchTpl", isSignal: true, isRequired: false, transformFunction: null }, allowSelectRow: { classPropertyName: "allowSelectRow", publicName: "allowSelectRow", isSignal: true, isRequired: false, transformFunction: null }, allowCheckRow: { classPropertyName: "allowCheckRow", publicName: "allowCheckRow", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, bodyHeight: { classPropertyName: "bodyHeight", publicName: "bodyHeight", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, minBufferPx: { classPropertyName: "minBufferPx", publicName: "minBufferPx", isSignal: true, isRequired: false, transformFunction: null }, maxBufferPx: { classPropertyName: "maxBufferPx", publicName: "maxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, adaptionHeight: { classPropertyName: "adaptionHeight", publicName: "adaptionHeight", isSignal: true, isRequired: false, transformFunction: null }, docPercent: { classPropertyName: "docPercent", publicName: "docPercent", isSignal: true, isRequired: false, transformFunction: null }, checkedRow: { classPropertyName: "checkedRow", publicName: "checkedRow", isSignal: true, isRequired: false, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, cellConfig: { classPropertyName: "cellConfig", publicName: "cellConfig", isSignal: true, isRequired: false, transformFunction: null }, rowSize: { classPropertyName: "rowSize", publicName: "rowSize", isSignal: true, isRequired: false, transformFunction: null }, paginationPosition: { classPropertyName: "paginationPosition", publicName: "paginationPosition", isSignal: true, isRequired: false, transformFunction: null }, hiddenWrapBorder: { classPropertyName: "hiddenWrapBorder", publicName: "hiddenWrapBorder", isSignal: true, isRequired: false, transformFunction: null }, hiddenPaginationBorder: { classPropertyName: "hiddenPaginationBorder", publicName: "hiddenPaginationBorder", isSignal: true, isRequired: false, transformFunction: null }, showPagination: { classPropertyName: "showPagination", publicName: "showPagination", isSignal: true, isRequired: false, transformFunction: null }, treeTable: { classPropertyName: "treeTable", publicName: "treeTable", isSignal: true, isRequired: false, transformFunction: null }, expandedAll: { classPropertyName: "expandedAll", publicName: "expandedAll", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandTpl: { classPropertyName: "expandTpl", publicName: "expandTpl", isSignal: true, isRequired: false, transformFunction: null }, showEmpty: { classPropertyName: "showEmpty", publicName: "showEmpty", isSignal: true, isRequired: false, transformFunction: null }, emptyImg: { classPropertyName: "emptyImg", publicName: "emptyImg", isSignal: true, isRequired: false, transformFunction: null }, emptyContent: { classPropertyName: "emptyContent", publicName: "emptyContent", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, pageLinkSize: { classPropertyName: "pageLinkSize", publicName: "pageLinkSize", isSignal: true, isRequired: false, transformFunction: null }, showEllipsis: { classPropertyName: "showEllipsis", publicName: "showEllipsis", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, showBackground: { classPropertyName: "showBackground", publicName: "showBackground", isSignal: true, isRequired: false, transformFunction: null }, showSize: { classPropertyName: "showSize", publicName: "showSize", isSignal: true, isRequired: false, transformFunction: null }, sizeWidth: { classPropertyName: "sizeWidth", publicName: "sizeWidth", isSignal: true, isRequired: false, transformFunction: null }, showInputSize: { classPropertyName: "showInputSize", publicName: "showInputSize", isSignal: true, isRequired: false, transformFunction: null }, showInputSizeTooltipText: { classPropertyName: "showInputSizeTooltipText", publicName: "showInputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeTooltipText: { classPropertyName: "inputSizeTooltipText", publicName: "inputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeWidth: { classPropertyName: "inputSizeWidth", publicName: "inputSizeWidth", isSignal: true, isRequired: false, transformFunction: null }, sizeData: { classPropertyName: "sizeData", publicName: "sizeData", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showJump: { classPropertyName: "showJump", publicName: "showJump", isSignal: true, isRequired: false, transformFunction: null }, showJumpTooltipText: { classPropertyName: "showJumpTooltipText", publicName: "showJumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpTooltipText: { classPropertyName: "jumpTooltipText", publicName: "jumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpWidth: { classPropertyName: "jumpWidth", publicName: "jumpWidth", isSignal: true, isRequired: false, transformFunction: null }, totalTpl: { classPropertyName: "totalTpl", publicName: "totalTpl", isSignal: true, isRequired: false, transformFunction: null }, simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null }, simpleIndexWidth: { classPropertyName: "simpleIndexWidth", publicName: "simpleIndexWidth", isSignal: true, isRequired: false, transformFunction: null }, inputIndexSizeSureType: { classPropertyName: "inputIndexSizeSureType", publicName: "inputIndexSizeSureType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activatedRow: "activatedRowChange", sortChange: "sortChange", headCheckboxChange: "headCheckboxChange", bodyCheckboxChange: "bodyCheckboxChange", manual: "manualChange", index: "indexChange", size: "sizeChange", total: "totalChange", query: "queryChange", rowClick: "rowClick", columnDragStarted: "columnDragStarted", columnDragEnded: "columnDragEnded", columnDropListDropped: "columnDropListDropped", columnDragWidthStarted: "columnDragWidthStarted", columnDragWidthMoved: "columnDragWidthMoved", columnDragWidthEnded: "columnDragWidthEnded" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XTableProperty, isStandalone: true, selector: "x-table-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, bodyInnerHTML: { classPropertyName: "bodyInnerHTML", publicName: "bodyInnerHTML", isSignal: true, isRequired: false, transformFunction: null }, activatedRow: { classPropertyName: "activatedRow", publicName: "activatedRow", isSignal: true, isRequired: false, transformFunction: null }, headColumnTpl: { classPropertyName: "headColumnTpl", publicName: "headColumnTpl", isSignal: true, isRequired: false, transformFunction: null }, headThTpl: { classPropertyName: "headThTpl", publicName: "headThTpl", isSignal: true, isRequired: false, transformFunction: null }, bodyColumnTpl: { classPropertyName: "bodyColumnTpl", publicName: "bodyColumnTpl", isSignal: true, isRequired: false, transformFunction: null }, bodyTdTpl: { classPropertyName: "bodyTdTpl", publicName: "bodyTdTpl", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, headSearchTpl: { classPropertyName: "headSearchTpl", publicName: "headSearchTpl", isSignal: true, isRequired: false, transformFunction: null }, allowSelectRow: { classPropertyName: "allowSelectRow", publicName: "allowSelectRow", isSignal: true, isRequired: false, transformFunction: null }, allowCheckRow: { classPropertyName: "allowCheckRow", publicName: "allowCheckRow", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, bodyHeight: { classPropertyName: "bodyHeight", publicName: "bodyHeight", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, minBufferPx: { classPropertyName: "minBufferPx", publicName: "minBufferPx", isSignal: true, isRequired: false, transformFunction: null }, maxBufferPx: { classPropertyName: "maxBufferPx", publicName: "maxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, adaptionHeight: { classPropertyName: "adaptionHeight", publicName: "adaptionHeight", isSignal: true, isRequired: false, transformFunction: null }, docPercent: { classPropertyName: "docPercent", publicName: "docPercent", isSignal: true, isRequired: false, transformFunction: null }, checkedRow: { classPropertyName: "checkedRow", publicName: "checkedRow", isSignal: true, isRequired: false, transformFunction: null }, checkboxDragDisabled: { classPropertyName: "checkboxDragDisabled", publicName: "checkboxDragDisabled", isSignal: true, isRequired: false, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, cellConfig: { classPropertyName: "cellConfig", publicName: "cellConfig", isSignal: true, isRequired: false, transformFunction: null }, rowSize: { classPropertyName: "rowSize", publicName: "rowSize", isSignal: true, isRequired: false, transformFunction: null }, paginationPosition: { classPropertyName: "paginationPosition", publicName: "paginationPosition", isSignal: true, isRequired: false, transformFunction: null }, hiddenWrapBorder: { classPropertyName: "hiddenWrapBorder", publicName: "hiddenWrapBorder", isSignal: true, isRequired: false, transformFunction: null }, hiddenPaginationBorder: { classPropertyName: "hiddenPaginationBorder", publicName: "hiddenPaginationBorder", isSignal: true, isRequired: false, transformFunction: null }, showPagination: { classPropertyName: "showPagination", publicName: "showPagination", isSignal: true, isRequired: false, transformFunction: null }, treeTable: { classPropertyName: "treeTable", publicName: "treeTable", isSignal: true, isRequired: false, transformFunction: null }, expandedAll: { classPropertyName: "expandedAll", publicName: "expandedAll", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandTpl: { classPropertyName: "expandTpl", publicName: "expandTpl", isSignal: true, isRequired: false, transformFunction: null }, showEmpty: { classPropertyName: "showEmpty", publicName: "showEmpty", isSignal: true, isRequired: false, transformFunction: null }, emptyImg: { classPropertyName: "emptyImg", publicName: "emptyImg", isSignal: true, isRequired: false, transformFunction: null }, emptyContent: { classPropertyName: "emptyContent", publicName: "emptyContent", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, pageLinkSize: { classPropertyName: "pageLinkSize", publicName: "pageLinkSize", isSignal: true, isRequired: false, transformFunction: null }, showEllipsis: { classPropertyName: "showEllipsis", publicName: "showEllipsis", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, showBackground: { classPropertyName: "showBackground", publicName: "showBackground", isSignal: true, isRequired: false, transformFunction: null }, showSize: { classPropertyName: "showSize", publicName: "showSize", isSignal: true, isRequired: false, transformFunction: null }, sizeWidth: { classPropertyName: "sizeWidth", publicName: "sizeWidth", isSignal: true, isRequired: false, transformFunction: null }, showInputSize: { classPropertyName: "showInputSize", publicName: "showInputSize", isSignal: true, isRequired: false, transformFunction: null }, showInputSizeTooltipText: { classPropertyName: "showInputSizeTooltipText", publicName: "showInputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeTooltipText: { classPropertyName: "inputSizeTooltipText", publicName: "inputSizeTooltipText", isSignal: true, isRequired: false, transformFunction: null }, inputSizeWidth: { classPropertyName: "inputSizeWidth", publicName: "inputSizeWidth", isSignal: true, isRequired: false, transformFunction: null }, sizeData: { classPropertyName: "sizeData", publicName: "sizeData", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showJump: { classPropertyName: "showJump", publicName: "showJump", isSignal: true, isRequired: false, transformFunction: null }, showJumpTooltipText: { classPropertyName: "showJumpTooltipText", publicName: "showJumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpTooltipText: { classPropertyName: "jumpTooltipText", publicName: "jumpTooltipText", isSignal: true, isRequired: false, transformFunction: null }, jumpWidth: { classPropertyName: "jumpWidth", publicName: "jumpWidth", isSignal: true, isRequired: false, transformFunction: null }, totalTpl: { classPropertyName: "totalTpl", publicName: "totalTpl", isSignal: true, isRequired: false, transformFunction: null }, simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null }, simpleIndexWidth: { classPropertyName: "simpleIndexWidth", publicName: "simpleIndexWidth", isSignal: true, isRequired: false, transformFunction: null }, inputIndexSizeSureType: { classPropertyName: "inputIndexSizeSureType", publicName: "inputIndexSizeSureType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activatedRow: "activatedRowChange", sortChange: "sortChange", headCheckboxChange: "headCheckboxChange", bodyCheckboxChange: "bodyCheckboxChange", manual: "manualChange", index: "indexChange", size: "sizeChange", total: "totalChange", query: "queryChange", rowClick: "rowClick", columnDragStarted: "columnDragStarted", columnDragEnded: "columnDragEnded", columnDropListDropped: "columnDropListDropped", columnDragWidthStarted: "columnDragWidthStarted", columnDragWidthMoved: "columnDragWidthMoved", columnDragWidthEnded: "columnDragWidthEnded" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableProperty, decorators: [{
             type: Component,
@@ -834,6 +843,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{ selector: `${XTableFootPrefix}`, imports: [XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tfoot #tfoot class=\"x-table-footer\" [style.height.px]=\"getRowHeight()!\" [style.min-height.px]=\"getRowHeight()\">\r\n  <ng-container *xOutlet=\"footer()\">{{ footer() }}</ng-container>\r\n</tfoot>\r\n" }]
         }] });
 
+class XTableCheckboxDragSelectService {
+    constructor() {
+        this.isMouseDown = false;
+        this.isDragging = false;
+        this.startIndex = -1;
+        this.downValue = false;
+        this.changeRows = [];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableCheckboxDragSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableCheckboxDragSelectService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableCheckboxDragSelectService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class XTableCheckboxDragSelectDirective {
+    constructor() {
+        this.dragSelectService = inject(XTableCheckboxDragSelectService);
+        this.document = inject(DOCUMENT);
+        this.checkbox = inject(XCheckboxComponent, { host: true });
+        this.dragRows = input.required();
+        this.dragRow = input.required();
+        this.dragColumn = input.required();
+        this.dragDisabled = input(false);
+        this.dragStart = output();
+        this.dragMove = output();
+        this.dragEnd = output();
+    }
+    onMouseDown(event) {
+        if (this.dragDisabled())
+            return;
+        const target = event.target;
+        if (this.isCheckboxLike(target)) {
+            this.dragSelectService.downValue = !!this.checkbox.value();
+            this.dragSelectService.startIndex = this.dragRows().findIndex((row) => row.id === this.dragRow().id);
+            this.dragSelectService.isMouseDown = true;
+            event.preventDefault();
+        }
+    }
+    onMouseUp() {
+        if (this.dragDisabled())
+            return;
+        if (this.dragSelectService.isDragging) {
+            this.dragEnd.emit(this.dragSelectService.changeRows);
+        }
+        this.dragSelectService.isDragging = false;
+        this.dragSelectService.startIndex = -1;
+        this.dragSelectService.downValue = false;
+        this.dragSelectService.isMouseDown = false;
+        this.dragSelectService.changeRows = [];
+        this.document.body.style.cursor = '';
+    }
+    onMouseMove(event) {
+        if (this.dragDisabled())
+            return;
+        if (!this.dragSelectService.isMouseDown)
+            return;
+        if (!this.dragSelectService.isDragging) {
+            this.dragSelectService.isDragging = true;
+            this.document.body.style.cursor = 'pointer';
+            this.dragStart.emit();
+        }
+        if (this.dragSelectService.startIndex === -1)
+            return;
+        const rowEl = event.target.closest('tr');
+        if (!rowEl)
+            return;
+        const currentKey = rowEl.getAttribute('data-row-key');
+        const currentIndex = this.dragRows().findIndex((row) => `${row.id}` === currentKey);
+        if (currentIndex === -1)
+            return;
+        const minIndex = Math.min(this.dragSelectService.startIndex, currentIndex);
+        const maxIndex = Math.max(this.dragSelectService.startIndex, currentIndex);
+        const checked = !this.dragSelectService.downValue;
+        this.dragRows().forEach((row, index) => {
+            if (index >= minIndex && index <= maxIndex) {
+                if (!row.disabled) {
+                    row[this.dragColumn().id] = checked;
+                    if (!this.dragSelectService.changeRows.some((x) => x.id === row.id)) {
+                        this.dragSelectService.changeRows.push(row);
+                    }
+                }
+            }
+        });
+        this.dragMove.emit();
+        event.preventDefault();
+    }
+    isCheckboxLike(el) {
+        return el.classList.contains('x-checkbox-box');
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableCheckboxDragSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: XTableCheckboxDragSelectDirective, isStandalone: true, selector: "[xTableCheckboxDragSelect]", inputs: { dragRows: { classPropertyName: "dragRows", publicName: "dragRows", isSignal: true, isRequired: true, transformFunction: null }, dragRow: { classPropertyName: "dragRow", publicName: "dragRow", isSignal: true, isRequired: true, transformFunction: null }, dragColumn: { classPropertyName: "dragColumn", publicName: "dragColumn", isSignal: true, isRequired: true, transformFunction: null }, dragDisabled: { classPropertyName: "dragDisabled", publicName: "dragDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStart: "dragStart", dragMove: "dragMove", dragEnd: "dragEnd" }, host: { listeners: { "mousedown": "onMouseDown($event)", "document:mouseup": "onMouseUp()", "document:mousemove": "onMouseMove($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableCheckboxDragSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[xTableCheckboxDragSelect]'
+                }]
+        }], propDecorators: { onMouseDown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup']
+            }], onMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }] } });
+
 class XTableBodyComponent extends XTableBodyProperty {
     constructor() {
         super();
@@ -843,7 +962,7 @@ class XTableBodyComponent extends XTableBodyProperty {
         this.tbody = viewChild.required('tbody');
         this.virtualBody = viewChild(CdkVirtualScrollViewport);
         this.table = inject(XTableComponent, { optional: true });
-        this.doc = inject(DOCUMENT);
+        this.doc = inject(DOCUMENT$1);
         this.unSubject = new Subject();
         this.domSanitizer = inject(DomSanitizer);
         this.tbodyStyle = signal({});
@@ -855,6 +974,7 @@ class XTableBodyComponent extends XTableBodyProperty {
         this.captionHeight = signal(0);
         this.footHeight = signal(0);
         this.paginationHeight = signal(0);
+        this.checkboxDragging = signal(false);
         this.bodyHeightSignal = computed(() => {
             const adaptionHeight = this.adaptionHeight();
             if (adaptionHeight && adaptionHeight > 0) {
@@ -1028,7 +1148,7 @@ class XTableBodyComponent extends XTableBodyProperty {
         if (this.table.allowCheckRow() && this.table.rowChecked()) {
             if (!XParentPath(event.target).includes('x-checkbox')) {
                 row[this.table.rowChecked().id] = !row[this.table.rowChecked().id];
-                this.table.bodyChecked(row[this.table.rowChecked().id], this.table.rowChecked(), row);
+                this.table.bodyChecked(this.table.rowChecked(), row);
             }
         }
         this.activatedRow.set(row);
@@ -1042,7 +1162,7 @@ class XTableBodyComponent extends XTableBodyProperty {
         return item.id;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XTableBodyComponent, isStandalone: true, selector: "x-table-body", viewQueries: [{ propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<tbody #tbody>\r\n  @if (cellConfig()) {\r\n    @for (row of data(); track row.id; let i = $index) {\r\n      <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\">\r\n        @for (column of cellConfig()!.cells; track column; let j = $index) {\r\n          <td\r\n            [title]=\"getTitle(row, column)\"\r\n            [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n            [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n            [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n            [style.left.px]=\"column.left\"\r\n            [style.right.px]=\"column.right\"\r\n            [style.grid-area]=\"column.gridArea\"\r\n          >\r\n            <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n          </td>\r\n        }\r\n      </tr>\r\n    }\r\n  } @else {\r\n    @if (virtualScroll()) {\r\n      <cdk-virtual-scroll-viewport\r\n        #virtualBody\r\n        [itemSize]=\"getItemSize()\"\r\n        [minBufferPx]=\"minBufferPxSignal()\"\r\n        [maxBufferPx]=\"maxBufferPxSignal()\"\r\n        [style.height.px]=\"bodyHeightSignal()\"\r\n      >\r\n        <tr\r\n          *cdkVirtualFor=\"let row of data(); let index = index; trackBy: trackByItem\"\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n        >\r\n          <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n        </tr>\r\n      </cdk-virtual-scroll-viewport>\r\n    } @else {\r\n      @for (row of data(); track row.id; let i = $index) {\r\n        <tr\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n        </tr>\r\n        @if (table.treeTable() && row.children && row.expanded) {\r\n          <div class=\"x-table-children\" [class.x-table-expandTpl]=\"expandTpl()\">\r\n            <x-table-body\r\n              [data]=\"row.children\"\r\n              [columns]=\"table.columns()\"\r\n              [itemSize]=\"table.itemSize()\"\r\n              [rowHeight]=\"table.rowHeight()\"\r\n              [columnTpl]=\"table.bodyColumnTpl()\"\r\n              [allowSelectRow]=\"table.allowSelectRow()\"\r\n              [rowClass]=\"table.rowClass()\"\r\n              [cellConfig]=\"table.cellConfig()?.tbody\"\r\n              [(activatedRow)]=\"table.activatedRow\"\r\n              [expandedAll]=\"expandedAll()\"\r\n              [expandTpl]=\"expandTpl()\"\r\n              [level]=\"row.level! + 1\"\r\n            ></x-table-body>\r\n          </div>\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @if (table.showEmpty() && isEmpty() && level() === 0) {\r\n    <x-empty [img]=\"table.emptyImg()!\" [content]=\"table.emptyContent()!\"></x-empty>\r\n  }\r\n</tbody>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  @if (level() > 0 && expandTpl()) {\r\n    <ng-container *xOutlet=\"expandTpl(); context: { $row: row, $index: i, $level: level() }\"></ng-container>\r\n  } @else if (level() === 0 || !expandTpl()) {\r\n    <ng-container *xOutlet=\"rowDefault; context: { row: row, i: i, level: level() }\"></ng-container>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #rowDefault let-row=\"row\" let-i=\"i\">\r\n  @for (column of columns(); track column.id; let j = $index) {\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-dragging]=\"column.dragging\"\r\n      [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n      [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n      [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.right.px]=\"column.right\"\r\n      [ngClass]=\"!rowClass() ? {} : rowClass()!(row, i)\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        [disabled]=\"row.disabled\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column, row)\"\r\n        single\r\n      ></x-checkbox>\r\n    }\r\n    @case ('index') {\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    }\r\n    @default {\r\n      @if (table.isExpandColumn(column)) {\r\n        <x-button\r\n          [class.is-leaf]=\"!row.leaf\"\r\n          [class.is-expanded]=\"row.expanded\"\r\n          (click)=\"onExpanded($event, row)\"\r\n          icon=\"fto-chevron-right\"\r\n          size=\"mini\"\r\n          onlyIcon\r\n          flat\r\n          plain\r\n          class=\"x-table-expand\"\r\n          [style.margin-left.rem]=\"row.level - 0.5\"\r\n        ></x-button>\r\n      }\r\n      <ng-container\r\n        *xOutlet=\"columnTpl()[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\"\r\n      >\r\n        <ng-container *xOutlet=\"table.bodyTdTpl(); context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n          @if ((table.bodyInnerHTML() && column.innerHTML !== false) || column.innerHTML) {\r\n            <div x-inner-html [html]=\"row[column.id]\" [style]=\"{ textAlign: column.textAlign }\"></div>\r\n          } @else {\r\n            <div [style.text-align]=\"column.textAlign\">{{ row[column.id] }}</div>\r\n          }\r\n          {{ table.rowExpand() && table.rowExpand()!.id === column.id ? 'x-table-body-level-' + row.level : '' }}\r\n        </ng-container>\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "component", type: XTableBodyComponent, selector: "x-table-body" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XInnerHTMLComponent, selector: "[x-inner-html], x-inner-html", inputs: ["html", "style"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XTableBodyComponent, isStandalone: true, selector: "x-table-body", viewQueries: [{ propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<tbody #tbody [class.x-table-body-checkbox-dragging]=\"checkboxDragging()\">\r\n  @if (cellConfig()) {\r\n    @for (row of data(); track row.id; let i = $index) {\r\n      <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [attr.data-row-key]=\"row.id\">\r\n        @for (column of cellConfig()!.cells; track column; let j = $index) {\r\n          <td\r\n            [title]=\"getTitle(row, column)\"\r\n            [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n            [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n            [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n            [style.left.px]=\"column.left\"\r\n            [style.right.px]=\"column.right\"\r\n            [style.grid-area]=\"column.gridArea\"\r\n          >\r\n            <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n          </td>\r\n        }\r\n      </tr>\r\n    }\r\n  } @else {\r\n    @if (virtualScroll()) {\r\n      <cdk-virtual-scroll-viewport\r\n        #virtualBody\r\n        [itemSize]=\"getItemSize()\"\r\n        [minBufferPx]=\"minBufferPxSignal()\"\r\n        [maxBufferPx]=\"maxBufferPxSignal()\"\r\n        [style.height.px]=\"bodyHeightSignal()\"\r\n      >\r\n        <tr\r\n          *cdkVirtualFor=\"let row of data(); let index = index; trackBy: trackByItem\"\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n        </tr>\r\n      </cdk-virtual-scroll-viewport>\r\n    } @else {\r\n      @for (row of data(); track row.id; let i = $index) {\r\n        <tr\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n        </tr>\r\n        @if (table.treeTable() && row.children && row.expanded) {\r\n          <div class=\"x-table-children\" [class.x-table-expandTpl]=\"expandTpl()\">\r\n            <x-table-body\r\n              [data]=\"row.children\"\r\n              [columns]=\"table.columns()\"\r\n              [itemSize]=\"table.itemSize()\"\r\n              [rowHeight]=\"table.rowHeight()\"\r\n              [columnTpl]=\"table.bodyColumnTpl()\"\r\n              [allowSelectRow]=\"table.allowSelectRow()\"\r\n              [rowClass]=\"table.rowClass()\"\r\n              [cellConfig]=\"table.cellConfig()?.tbody\"\r\n              [(activatedRow)]=\"table.activatedRow\"\r\n              [expandedAll]=\"expandedAll()\"\r\n              [expandTpl]=\"expandTpl()\"\r\n              [level]=\"row.level! + 1\"\r\n            ></x-table-body>\r\n          </div>\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @if (table.showEmpty() && isEmpty() && level() === 0) {\r\n    <x-empty [img]=\"table.emptyImg()!\" [content]=\"table.emptyContent()!\"></x-empty>\r\n  }\r\n</tbody>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  @if (level() > 0 && expandTpl()) {\r\n    <ng-container *xOutlet=\"expandTpl(); context: { $row: row, $index: i, $level: level() }\"></ng-container>\r\n  } @else if (level() === 0 || !expandTpl()) {\r\n    <ng-container *xOutlet=\"rowDefault; context: { row: row, i: i, level: level() }\"></ng-container>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #rowDefault let-row=\"row\" let-i=\"i\">\r\n  @for (column of columns(); track column.id; let j = $index) {\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-dragging]=\"column.dragging\"\r\n      [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n      [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n      [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.right.px]=\"column.right\"\r\n      [ngClass]=\"!rowClass() ? {} : rowClass()!(row, i)\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      <x-checkbox\r\n        xTableCheckboxDragSelect\r\n        [dragRows]=\"data()\"\r\n        [dragRow]=\"row\"\r\n        [dragColumn]=\"column\"\r\n        (dragStart)=\"checkboxDragging.set(true)\"\r\n        (dragEnd)=\"checkboxDragging.set(false); table.setCheckbox($event, column)\"\r\n        [dragDisabled]=\"row.disabled || column.checkboxDragDisabled || table.checkboxDragDisabled()\"\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        [disabled]=\"row.disabled\"\r\n        (ngModelChange)=\"table.bodyChecked(column, row)\"\r\n        single\r\n      ></x-checkbox>\r\n    }\r\n    @case ('index') {\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    }\r\n    @default {\r\n      @if (table.isExpandColumn(column)) {\r\n        <x-button\r\n          [class.is-leaf]=\"!row.leaf\"\r\n          [class.is-expanded]=\"row.expanded\"\r\n          (click)=\"onExpanded($event, row)\"\r\n          icon=\"fto-chevron-right\"\r\n          size=\"mini\"\r\n          onlyIcon\r\n          flat\r\n          plain\r\n          class=\"x-table-expand\"\r\n          [style.margin-left.rem]=\"row.level - 0.5\"\r\n        ></x-button>\r\n      }\r\n      <ng-container\r\n        *xOutlet=\"columnTpl()[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\"\r\n      >\r\n        <ng-container *xOutlet=\"table.bodyTdTpl(); context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n          @if ((table.bodyInnerHTML() && column.innerHTML !== false) || column.innerHTML) {\r\n            <div x-inner-html [html]=\"row[column.id]\" [style]=\"{ textAlign: column.textAlign }\"></div>\r\n          } @else {\r\n            <div [style.text-align]=\"column.textAlign\">{{ row[column.id] }}</div>\r\n          }\r\n          {{ table.rowExpand() && table.rowExpand()!.id === column.id ? 'x-table-body-level-' + row.level : '' }}\r\n        </ng-container>\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "component", type: XTableBodyComponent, selector: "x-table-body" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XCheckboxComponent, selector: "x-checkbox" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XInnerHTMLComponent, selector: "[x-inner-html], x-inner-html", inputs: ["html", "style"] }, { kind: "directive", type: XTableCheckboxDragSelectDirective, selector: "[xTableCheckboxDragSelect]", inputs: ["dragRows", "dragRow", "dragColumn", "dragDisabled"], outputs: ["dragStart", "dragMove", "dragEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableBodyComponent, decorators: [{
             type: Component,
@@ -1055,8 +1175,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                         XOutletDirective,
                         XCheckboxComponent,
                         XButtonComponent,
-                        XInnerHTMLComponent
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tbody #tbody>\r\n  @if (cellConfig()) {\r\n    @for (row of data(); track row.id; let i = $index) {\r\n      <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\">\r\n        @for (column of cellConfig()!.cells; track column; let j = $index) {\r\n          <td\r\n            [title]=\"getTitle(row, column)\"\r\n            [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n            [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n            [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n            [style.left.px]=\"column.left\"\r\n            [style.right.px]=\"column.right\"\r\n            [style.grid-area]=\"column.gridArea\"\r\n          >\r\n            <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n          </td>\r\n        }\r\n      </tr>\r\n    }\r\n  } @else {\r\n    @if (virtualScroll()) {\r\n      <cdk-virtual-scroll-viewport\r\n        #virtualBody\r\n        [itemSize]=\"getItemSize()\"\r\n        [minBufferPx]=\"minBufferPxSignal()\"\r\n        [maxBufferPx]=\"maxBufferPxSignal()\"\r\n        [style.height.px]=\"bodyHeightSignal()\"\r\n      >\r\n        <tr\r\n          *cdkVirtualFor=\"let row of data(); let index = index; trackBy: trackByItem\"\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n        >\r\n          <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n        </tr>\r\n      </cdk-virtual-scroll-viewport>\r\n    } @else {\r\n      @for (row of data(); track row.id; let i = $index) {\r\n        <tr\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n        </tr>\r\n        @if (table.treeTable() && row.children && row.expanded) {\r\n          <div class=\"x-table-children\" [class.x-table-expandTpl]=\"expandTpl()\">\r\n            <x-table-body\r\n              [data]=\"row.children\"\r\n              [columns]=\"table.columns()\"\r\n              [itemSize]=\"table.itemSize()\"\r\n              [rowHeight]=\"table.rowHeight()\"\r\n              [columnTpl]=\"table.bodyColumnTpl()\"\r\n              [allowSelectRow]=\"table.allowSelectRow()\"\r\n              [rowClass]=\"table.rowClass()\"\r\n              [cellConfig]=\"table.cellConfig()?.tbody\"\r\n              [(activatedRow)]=\"table.activatedRow\"\r\n              [expandedAll]=\"expandedAll()\"\r\n              [expandTpl]=\"expandTpl()\"\r\n              [level]=\"row.level! + 1\"\r\n            ></x-table-body>\r\n          </div>\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @if (table.showEmpty() && isEmpty() && level() === 0) {\r\n    <x-empty [img]=\"table.emptyImg()!\" [content]=\"table.emptyContent()!\"></x-empty>\r\n  }\r\n</tbody>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  @if (level() > 0 && expandTpl()) {\r\n    <ng-container *xOutlet=\"expandTpl(); context: { $row: row, $index: i, $level: level() }\"></ng-container>\r\n  } @else if (level() === 0 || !expandTpl()) {\r\n    <ng-container *xOutlet=\"rowDefault; context: { row: row, i: i, level: level() }\"></ng-container>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #rowDefault let-row=\"row\" let-i=\"i\">\r\n  @for (column of columns(); track column.id; let j = $index) {\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-dragging]=\"column.dragging\"\r\n      [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n      [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n      [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.right.px]=\"column.right\"\r\n      [ngClass]=\"!rowClass() ? {} : rowClass()!(row, i)\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        [disabled]=\"row.disabled\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column, row)\"\r\n        single\r\n      ></x-checkbox>\r\n    }\r\n    @case ('index') {\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    }\r\n    @default {\r\n      @if (table.isExpandColumn(column)) {\r\n        <x-button\r\n          [class.is-leaf]=\"!row.leaf\"\r\n          [class.is-expanded]=\"row.expanded\"\r\n          (click)=\"onExpanded($event, row)\"\r\n          icon=\"fto-chevron-right\"\r\n          size=\"mini\"\r\n          onlyIcon\r\n          flat\r\n          plain\r\n          class=\"x-table-expand\"\r\n          [style.margin-left.rem]=\"row.level - 0.5\"\r\n        ></x-button>\r\n      }\r\n      <ng-container\r\n        *xOutlet=\"columnTpl()[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\"\r\n      >\r\n        <ng-container *xOutlet=\"table.bodyTdTpl(); context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n          @if ((table.bodyInnerHTML() && column.innerHTML !== false) || column.innerHTML) {\r\n            <div x-inner-html [html]=\"row[column.id]\" [style]=\"{ textAlign: column.textAlign }\"></div>\r\n          } @else {\r\n            <div [style.text-align]=\"column.textAlign\">{{ row[column.id] }}</div>\r\n          }\r\n          {{ table.rowExpand() && table.rowExpand()!.id === column.id ? 'x-table-body-level-' + row.level : '' }}\r\n        </ng-container>\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n" }]
+                        XInnerHTMLComponent,
+                        XTableCheckboxDragSelectDirective
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tbody #tbody [class.x-table-body-checkbox-dragging]=\"checkboxDragging()\">\r\n  @if (cellConfig()) {\r\n    @for (row of data(); track row.id; let i = $index) {\r\n      <tr [style.gridTemplateColumns]=\"cellConfig()!.gridTemplateColumns\" [attr.data-row-key]=\"row.id\">\r\n        @for (column of cellConfig()!.cells; track column; let j = $index) {\r\n          <td\r\n            [title]=\"getTitle(row, column)\"\r\n            [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n            [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n            [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n            [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n            [style.left.px]=\"column.left\"\r\n            [style.right.px]=\"column.right\"\r\n            [style.grid-area]=\"column.gridArea\"\r\n          >\r\n            <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n          </td>\r\n        }\r\n      </tr>\r\n    }\r\n  } @else {\r\n    @if (virtualScroll()) {\r\n      <cdk-virtual-scroll-viewport\r\n        #virtualBody\r\n        [itemSize]=\"getItemSize()\"\r\n        [minBufferPx]=\"minBufferPxSignal()\"\r\n        [maxBufferPx]=\"maxBufferPxSignal()\"\r\n        [style.height.px]=\"bodyHeightSignal()\"\r\n      >\r\n        <tr\r\n          *cdkVirtualFor=\"let row of data(); let index = index; trackBy: trackByItem\"\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n        </tr>\r\n      </cdk-virtual-scroll-viewport>\r\n    } @else {\r\n      @for (row of data(); track row.id; let i = $index) {\r\n        <tr\r\n          [class.x-table-activated]=\"allowSelectRow() && activatedRow()?.id === row.id\"\r\n          [style.height.px]=\"getRowHeight()\"\r\n          [style.min-height.px]=\"getRowHeight()\"\r\n          (click)=\"onRowClick($event, row)\"\r\n          [attr.data-row-key]=\"row.id\"\r\n        >\r\n          <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n        </tr>\r\n        @if (table.treeTable() && row.children && row.expanded) {\r\n          <div class=\"x-table-children\" [class.x-table-expandTpl]=\"expandTpl()\">\r\n            <x-table-body\r\n              [data]=\"row.children\"\r\n              [columns]=\"table.columns()\"\r\n              [itemSize]=\"table.itemSize()\"\r\n              [rowHeight]=\"table.rowHeight()\"\r\n              [columnTpl]=\"table.bodyColumnTpl()\"\r\n              [allowSelectRow]=\"table.allowSelectRow()\"\r\n              [rowClass]=\"table.rowClass()\"\r\n              [cellConfig]=\"table.cellConfig()?.tbody\"\r\n              [(activatedRow)]=\"table.activatedRow\"\r\n              [expandedAll]=\"expandedAll()\"\r\n              [expandTpl]=\"expandTpl()\"\r\n              [level]=\"row.level! + 1\"\r\n            ></x-table-body>\r\n          </div>\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @if (table.showEmpty() && isEmpty() && level() === 0) {\r\n    <x-empty [img]=\"table.emptyImg()!\" [content]=\"table.emptyContent()!\"></x-empty>\r\n  }\r\n</tbody>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  @if (level() > 0 && expandTpl()) {\r\n    <ng-container *xOutlet=\"expandTpl(); context: { $row: row, $index: i, $level: level() }\"></ng-container>\r\n  } @else if (level() === 0 || !expandTpl()) {\r\n    <ng-container *xOutlet=\"rowDefault; context: { row: row, i: i, level: level() }\"></ng-container>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #rowDefault let-row=\"row\" let-i=\"i\">\r\n  @for (column of columns(); track column.id; let j = $index) {\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-dragging]=\"column.dragging\"\r\n      [class.x-table-sticky]=\"table.getStickyLeft(column) || table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left]=\"table.getStickyLeft(column)\"\r\n      [class.x-table-sticky-right]=\"table.getStickyRight(column)\"\r\n      [class.x-table-sticky-left-last]=\"table.getStickyLeftLast(column)\"\r\n      [class.x-table-sticky-right-first]=\"table.getStickyRightFirst(column)\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.right.px]=\"column.right\"\r\n      [ngClass]=\"!rowClass() ? {} : rowClass()!(row, i)\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  @switch (column.type) {\r\n    @case ('checkbox') {\r\n      <x-checkbox\r\n        xTableCheckboxDragSelect\r\n        [dragRows]=\"data()\"\r\n        [dragRow]=\"row\"\r\n        [dragColumn]=\"column\"\r\n        (dragStart)=\"checkboxDragging.set(true)\"\r\n        (dragEnd)=\"checkboxDragging.set(false); table.setCheckbox($event, column)\"\r\n        [dragDisabled]=\"row.disabled || column.checkboxDragDisabled || table.checkboxDragDisabled()\"\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        [disabled]=\"row.disabled\"\r\n        (ngModelChange)=\"table.bodyChecked(column, row)\"\r\n        single\r\n      ></x-checkbox>\r\n    }\r\n    @case ('index') {\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    }\r\n    @default {\r\n      @if (table.isExpandColumn(column)) {\r\n        <x-button\r\n          [class.is-leaf]=\"!row.leaf\"\r\n          [class.is-expanded]=\"row.expanded\"\r\n          (click)=\"onExpanded($event, row)\"\r\n          icon=\"fto-chevron-right\"\r\n          size=\"mini\"\r\n          onlyIcon\r\n          flat\r\n          plain\r\n          class=\"x-table-expand\"\r\n          [style.margin-left.rem]=\"row.level - 0.5\"\r\n        ></x-button>\r\n      }\r\n      <ng-container\r\n        *xOutlet=\"columnTpl()[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\"\r\n      >\r\n        <ng-container *xOutlet=\"table.bodyTdTpl(); context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n          @if ((table.bodyInnerHTML() && column.innerHTML !== false) || column.innerHTML) {\r\n            <div x-inner-html [html]=\"row[column.id]\" [style]=\"{ textAlign: column.textAlign }\"></div>\r\n          } @else {\r\n            <div [style.text-align]=\"column.textAlign\">{{ row[column.id] }}</div>\r\n          }\r\n          {{ table.rowExpand() && table.rowExpand()!.id === column.id ? 'x-table-body-level-' + row.level : '' }}\r\n        </ng-container>\r\n      </ng-container>\r\n    }\r\n  }\r\n</ng-template>\r\n" }]
         }], ctorParameters: () => [] });
 
 class XTableComponent extends XTableProperty {
@@ -1382,10 +1503,15 @@ class XTableComponent extends XTableProperty {
         this.headCheckboxChange.emit({ rows: this.tableData(), checkbox: this.checkedValues() });
         this.detectChanges();
     }
-    bodyChecked(_checked, column, row) {
+    setCheckbox(rows, column) {
+        this.setCheckedValues(column);
+        for (let row of rows) {
+            this.bodyCheckboxChange.emit(row);
+        }
+    }
+    bodyChecked(column, row) {
         this.setCheckedValues(column);
         this.bodyCheckboxChange.emit(row);
-        // this.detectChanges();
     }
     setCheckedValues(column) {
         const notDisabled = this.tableData().filter((x) => !x.disabled);