@ai-table/grid 0.1.36 → 0.1.38

package/fesm2022/ai-table-grid.mjs

@@ -25,7 +25,7 @@ import { Transformer } from 'konva/lib/shapes/Transformer';
 import { Wedge } from 'konva/lib/shapes/Wedge';
 import * as i1$1 from 'ngx-tethys/popover';
 import { ThyPopoverRef, ThyPopover, ThyPopoverModule } from 'ngx-tethys/popover';
-import { AITableFieldGroup, AITableFieldType, AITableRowColumnType, DragType, isUndefinedOrNull, idCreator as idCreator$1, isUrl, isEmpty, AITableFilterOperation, AttachmentFieldBase, AITableStatType, DateFieldBase, DEFAULT_FIELD_STAT_TYPE_ITEMS, isDateValid, isDateAndReturnDate, LinkFieldBase, MemberFieldBase, NumberFieldBase, ProgressFieldBase, isProgressAndReturnValue, RateFieldBase, RichTextFieldBase, SelectFieldBase, AITableSelectOptionStyle, generateOptionsByTexts, TextFieldBase, CheckboxFieldBase, FieldModelBaseMap, numberFormat, DragDirection, AI_TABLE_MIN_FROZEN_COLUMN_COUNT } from '@ai-table/utils';
+import { AITableFieldGroup, AITableFieldType, DragType, AITableRowColumnType, isUndefinedOrNull, idCreator as idCreator$1, isUrl, isEmpty, AITableFilterOperation, AttachmentFieldBase, AITableStatType, DateFieldBase, DEFAULT_FIELD_STAT_TYPE_ITEMS, isDateValid, isDateAndReturnDate, LinkFieldBase, MemberFieldBase, NumberFieldBase, ProgressFieldBase, isProgressAndReturnValue, RateFieldBase, RichTextFieldBase, SelectFieldBase, AITableSelectOptionStyle, generateOptionsByTexts, TextFieldBase, CheckboxFieldBase, FieldModelBaseMap, numberFormat, DragDirection, AI_TABLE_MIN_FROZEN_COLUMN_COUNT } from '@ai-table/utils';
 import ObjectID from 'bson-objectid';
 import { customAlphabet } from 'nanoid';
 import * as _ from 'lodash';
@@ -53,7 +53,7 @@ import { isArray, TinyDate, helpers } from 'ngx-tethys/util';
 import { DEFAULT_COLORS } from 'ngx-tethys/color-picker';
 import GraphemeSplitter from 'grapheme-splitter';
 import * as i1$2 from '@angular/common';
-import { CommonModule, NgClass, NgTemplateOutlet } from '@angular/common';
+import { CommonModule, NgClass, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
 import { ThyDropdownAbstractMenu, ThyDropdownMenuItemDirective, ThyDropdownMenuComponent, ThyDropdownMenuGroup, ThyDropdownDirective, ThyDropdownMenuItemIconDirective, ThyDropdownMenuItemNameDirective, ThyDropdownMenuItemExtendIconDirective, ThyDropdownMenuItemMetaDirective } from 'ngx-tethys/dropdown';
 import { ThyEmptyModule } from 'ngx-tethys/empty';
 import { ThySelect, ThySelectModule } from 'ngx-tethys/select';
@@ -63,10 +63,10 @@ import { ThyTag } from 'ngx-tethys/tag';
 import { ThySwitch } from 'ngx-tethys/switch';
 import { of, Subject, fromEvent, debounceTime, animationFrames, filter } from 'rxjs';
 import { ThyDivider } from 'ngx-tethys/divider';
+import * as i3$1 from 'ngx-tethys/checkbox';
+import { ThyCheckbox, ThyCheckboxModule } from 'ngx-tethys/checkbox';
 import * as i4 from 'ngx-tethys/avatar';
 import { ThyAvatarModule } from 'ngx-tethys/avatar';
-import * as i3$1 from 'ngx-tethys/checkbox';
-import { ThyCheckboxModule } from 'ngx-tethys/checkbox';
 import { ThyProgress } from 'ngx-tethys/progress';
 import { ThyRate } from 'ngx-tethys/rate';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -1003,6 +1003,65 @@ const DEFAULT_TEXT_SCALE = 1;
 const DEFAULT_TEXT_MAX_CACHE = 500;
 const FONT_SIZE_SM = 12;
 
+const AITable = {
+    getColors() {
+        return Colors;
+    },
+    getVisibleFields(aiTable) {
+        return aiTable.gridData().fields.filter((field) => !field.hidden);
+    },
+    getVisibleRows(aiTable) {
+        return aiTable.records();
+    },
+    getActiveCell(aiTable) {
+        return aiTable.selection().activeCell;
+    },
+    getActiveRecordIds(aiTable) {
+        const selectedRecords = aiTable.selection().selectedRecords;
+        const selectedCells = aiTable.selection().selectedCells;
+        let selectedRecordIds = [];
+        if (selectedRecords.size > 0) {
+            selectedRecordIds = [...selectedRecords.keys()];
+        }
+        else if (selectedCells.size > 0) {
+            selectedRecordIds = [...selectedCells].map((item) => item.split(':')[0]);
+        }
+        else {
+            selectedRecordIds = [];
+        }
+        return selectedRecordIds;
+    },
+    isCellVisible(aiTable, cell) {
+        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
+        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
+        const [recordId, fieldId] = cell || [];
+        const isVisible = visibleRowIndexMap.has(recordId) && visibleColumnIndexMap.has(fieldId);
+        return isVisible;
+    },
+    getCellIndex(aiTable, cell) {
+        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
+        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
+        if (AITable.isCellVisible(aiTable, cell)) {
+            const [recordId, fieldId] = cell;
+            return {
+                rowIndex: visibleRowIndexMap.get(recordId),
+                columnIndex: visibleColumnIndexMap.get(fieldId)
+            };
+        }
+        return null;
+    },
+    isFrozenColumn(aiTable, columnIndex) {
+        const frozenColumnCount = aiTable.context.frozenColumnCount();
+        if (columnIndex <= frozenColumnCount - 1) {
+            return true;
+        }
+        return false;
+    },
+    getDragState(aiTable) {
+        return aiTable.dragState?.()?.type || DragType.none;
+    }
+};
+
 /**
  * 用于构建 Canvas 基础坐标系，后续的绘制工作以此为基础
  */
@@ -1222,66 +1281,59 @@ class Coordinate {
             height
         };
     }
-}
-
-const AITable = {
-    getColors() {
-        return Colors;
-    },
-    getVisibleFields(aiTable) {
-        return aiTable.gridData().fields.filter((field) => !field.hidden);
-    },
-    getVisibleRows(aiTable) {
-        return aiTable.records();
-    },
-    getActiveCell(aiTable) {
-        return aiTable.selection().activeCell;
-    },
-    getActiveRecordIds(aiTable) {
-        const selectedRecords = aiTable.selection().selectedRecords;
-        const selectedCells = aiTable.selection().selectedCells;
-        let selectedRecordIds = [];
-        if (selectedRecords.size > 0) {
-            selectedRecordIds = [...selectedRecords.keys()];
-        }
-        else if (selectedCells.size > 0) {
-            selectedRecordIds = [...selectedCells].map((item) => item.split(':')[0]);
-        }
-        else {
-            selectedRecordIds = [];
-        }
-        return selectedRecordIds;
-    },
-    isCellVisible(aiTable, cell) {
-        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
-        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
-        const [recordId, fieldId] = cell || [];
-        const isVisible = visibleRowIndexMap.has(recordId) && visibleColumnIndexMap.has(fieldId);
-        return isVisible;
-    },
-    getCellIndex(aiTable, cell) {
-        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
-        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
-        if (AITable.isCellVisible(aiTable, cell)) {
-            const [recordId, fieldId] = cell;
-            return {
-                rowIndex: visibleRowIndexMap.get(recordId),
-                columnIndex: visibleColumnIndexMap.get(fieldId)
-            };
-        }
-        return null;
-    },
-    isFrozenColumn(aiTable, columnIndex) {
-        const frozenColumnCount = aiTable.context.frozenColumnCount();
-        if (columnIndex <= frozenColumnCount - 1) {
-            return true;
+    /**
+     * 判断单元格是否在冻结区域
+     */
+    isCellInFrozen(aiTable, cell) {
+        const cellIndex = AITable.getCellIndex(aiTable, cell);
+        if (!cellIndex) {
+            return false;
         }
-        return false;
-    },
-    getDragState(aiTable) {
-        return aiTable.dragState?.()?.type || DragType.none;
+        return cellIndex.columnIndex < this.frozenColumnCount;
     }
-};
+    /**
+     * 获取单元格是否可以完整渲染
+     * 如果可以完整渲染，则返回 { isCellCanFullRender: true, offsetX: 0, offsetY: 0 }
+     * 如果不能完整渲染，则返回 { isCellCanFullRender: false, offsetX: 需要偏移的 x 值, offsetY: 需要偏移的 y 值 }
+     */
+    getCellIsFullRenderInfo(aiTable, cell) {
+        let offsetX = 0;
+        let offsetY = 0;
+        const cellIndex = AITable.getCellIndex(aiTable, cell);
+        const { rowIndex, columnIndex } = cellIndex;
+        const isCellInFrozen = columnIndex < this.frozenColumnCount;
+        const frozenWidth = this.getColumnOffset(this.frozenColumnCount);
+        const { x, y, width, height } = this.getCellRect(rowIndex, columnIndex);
+        const { scrollLeft, scrollTop } = aiTable.context.scrollState();
+        const containerStartPointXY = [frozenWidth + scrollLeft, scrollTop + AI_TABLE_FIELD_HEAD_HEIGHT];
+        const containerEndPointXY = [
+            aiTable.context.containerRect().width + scrollLeft - AI_TABLE_CELL_LINE_BORDER * 4,
+            aiTable.context.containerRect().height + scrollTop - AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT - AI_TABLE_CELL_LINE_BORDER * 4
+        ];
+        const cellStartPointXY = [x, y];
+        const cellEndPointXY = [x + width, y + height];
+        // 不在左侧固定列时，才需要判断 x 坐标是否超出
+        if (!isCellInFrozen && cellStartPointXY[0] < containerStartPointXY[0]) {
+            offsetX = cellStartPointXY[0] - containerStartPointXY[0];
+        }
+        if (cellStartPointXY[1] < containerStartPointXY[1]) {
+            offsetY = cellStartPointXY[1] - containerStartPointXY[1];
+        }
+        // 不在左侧固定列时，才需要判断 x 坐标是否超出
+        if (!isCellInFrozen && cellEndPointXY[0] > containerEndPointXY[0]) {
+            offsetX = cellEndPointXY[0] - containerEndPointXY[0];
+        }
+        if (cellEndPointXY[1] > containerEndPointXY[1]) {
+            offsetY = cellEndPointXY[1] - containerEndPointXY[1];
+        }
+        const isCellCanFullRender = offsetX === 0 && offsetY === 0;
+        return {
+            isCellCanFullRender,
+            offsetX,
+            offsetY
+        };
+    }
+}
 
 var AlphabetType;
 (function (AlphabetType) {
@@ -1362,7 +1414,8 @@ function createAITable(records, fields, gridData) {
             selectedRecords: new Set(),
             selectedFields: new Set(),
             selectedCells: new Set(),
-            activeCell: null
+            activeCell: null,
+            selectedEndCell: null
         }),
         expendCell: signal({ path: null }),
         editingCell: signal({ path: null }),
@@ -1985,7 +2038,8 @@ function clearSelection(aiTable) {
         selectedRecords: new Set(),
         selectedFields: new Set(),
         selectedCells: new Set(),
-        activeCell: null
+        activeCell: null,
+        selectedEndCell: null
     });
 }
 function clearSelectionRecords(aiTable) {
@@ -2021,10 +2075,10 @@ function setSelection(aiTable, selection) {
         ...selection
     });
 }
-function setActiveCell(aiTable, activeCell) {
+function setActiveCell(aiTable, activeCellPath) {
     aiTable.selection.set({
         ...aiTable.selection(),
-        ...activeCell
+        activeCell: activeCellPath
     });
 }
 function setEditingCell(aiTable, editingCell) {
@@ -2045,9 +2099,7 @@ function selectCells(aiTable, startCell, endCell, activeCell) {
         selectedCells.add(`${startRecordId}:${startFieldId}`);
     }
     else {
-        // 数据的存储设计结构，决定了最后一条就是endCell
-        const lastItem = Array.from(aiTable.selection().selectedCells).pop();
-        if (endCell.join(':') === lastItem) {
+        if (endCell && endCell.join(':') === aiTable.selection().selectedEndCell?.join(':')) {
             return;
         }
         const [endRecordId, endFieldId] = endCell;
@@ -2068,6 +2120,7 @@ function selectCells(aiTable, startCell, endCell, activeCell) {
     clearSelection(aiTable);
     setSelection(aiTable, {
         activeCell: activeCell || startCell,
+        selectedEndCell: endCell || null,
         selectedCells: selectedCells
     });
 }
@@ -3315,7 +3368,8 @@ function selectField(aiTable, fieldId) {
         selectedRecords: new Set(),
         selectedFields: new Set([fieldId]),
         selectedCells: new Set(),
-        activeCell: null
+        activeCell: null,
+        selectedEndCell: null
     });
 }
 
@@ -10555,7 +10609,8 @@ function toggleSelectRecord(aiTable, recordId) {
         selectedRecords: selectedRecords,
         selectedFields: new Set(),
         selectedCells: new Set(),
-        activeCell: null
+        activeCell: null,
+        selectedEndCell: null
     });
 }
 function toggleSelectAllRecords(aiTable, checked) {
@@ -11057,6 +11112,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     ], template: "@for (menu of menuItems(); track $index) {\n    @if ((menu.hidden && !menu.hidden(aiTable(), targetName(), position())) || !menu.hidden) {\n        @if (menu.type === 'divider') {\n            <thy-divider thyStyle=\"solid\"></thy-divider>\n        } @else {\n            @let disabled = !!(menu.disabled && menu.disabled(aiTable(), targetName(), position()));\n            @let isRemoveRecords = menu.type === 'removeRecords';\n            @let isPreventClearSelection =\n                menu.type === 'copyCells' ||\n                menu.type === 'pasteCells' ||\n                menu.type === 'removeRecords' ||\n                menu.type === 'insertUpwardRecords' ||\n                menu.type === 'insertDownwardRecords';\n\n            <a\n                thyDropdownMenuItem\n                href=\"javascript:;\"\n                [ngClass]=\"{\n                    'remove-record': isRemoveRecords && !disabled,\n                    'ai-table-prevent-clear-selection': isPreventClearSelection && !disabled\n                }\"\n                draggable=\"false\"\n                (click)=\"execute(menu)\"\n                [thyDisabled]=\"disabled\"\n            >\n                <thy-icon thyDropdownMenuItemIcon [thyIconName]=\"menu.icon!\"></thy-icon>\n                @if (menu?.isInputNumber) {\n                    <span thyDropdownMenuItemName class=\"d-flex align-items-center\">\n                        {{ menu.name }}\n                        <thy-input-number\n                            #inputNumber\n                            class=\"mx-2\"\n                            thySize=\"sm\"\n                            [(ngModel)]=\"menu.count\"\n                            [thyStep]=\"1\"\n                            [thyMin]=\"1\"\n                            [thyMax]=\"maxCount()\"\n                            (click)=\"inputNumberFocus($event)\"\n                            (thyEnter)=\"itemEnterHandle($event, menu)\"\n                            thyStopPropagation\n                        ></thy-input-number>\n                        {{ menu.nameSuffix }}\n                    </span>\n                } @else {\n                    <span thyDropdownMenuItemName>{{ menu.name }}</span>\n                }\n                <span thyDropdownMenuItemMeta class=\"text-desc\">{{ menu.shortcutKey }}</span>\n            </a>\n        }\n    }\n}\n" }]
         }] });
 
+class CheckboxMenuSort {
+    constructor() {
+        this.field = input.required();
+        this.menu = input.required();
+        this.Direction = {
+            ascending: 'ascending',
+            descending: 'descending'
+        };
+    }
+    getSortText() {
+        if (this.menu() && this.field()) {
+            const menuName = this.menu().name;
+            if (typeof menuName === 'function') {
+                return menuName(this.field());
+            }
+            return menuName || '按 Z → A 排序';
+        }
+        return '按 Z → A 排序';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CheckboxMenuSort, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: CheckboxMenuSort, isStandalone: true, selector: "checkbox-menu-sort", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "checkbox-menu-sort" }, ngImport: i0, template: `
+        <thy-icon class="sort-icon" [thyIconName]="menu().icon!"></thy-icon>
+        <div class="sort-state">
+            @if (menu().type === 'sortByAsc') {
+                <label thyCheckbox [ngModel]="false" class="sort-checkbox"></label>
+                <thy-icon thyIconName="arrow-right" class="mx-2"></thy-icon>
+                <label thyCheckbox [ngModel]="true" class="sort-checkbox"></label>
+            } @else {
+                <label thyCheckbox [ngModel]="true" class="sort-checkbox"></label>
+                <thy-icon thyIconName="arrow-right" class="mx-2"></thy-icon>
+                <label thyCheckbox [ngModel]="false" class="sort-checkbox"></label>
+            }
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyCheckbox, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CheckboxMenuSort, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'checkbox-menu-sort',
+                    template: `
+        <thy-icon class="sort-icon" [thyIconName]="menu().icon!"></thy-icon>
+        <div class="sort-state">
+            @if (menu().type === 'sortByAsc') {
+                <label thyCheckbox [ngModel]="false" class="sort-checkbox"></label>
+                <thy-icon thyIconName="arrow-right" class="mx-2"></thy-icon>
+                <label thyCheckbox [ngModel]="true" class="sort-checkbox"></label>
+            } @else {
+                <label thyCheckbox [ngModel]="true" class="sort-checkbox"></label>
+                <thy-icon thyIconName="arrow-right" class="mx-2"></thy-icon>
+                <label thyCheckbox [ngModel]="false" class="sort-checkbox"></label>
+            }
+        </div>
+    `,
+                    host: {
+                        class: 'checkbox-menu-sort'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [ThyIcon, ThyCheckbox, FormsModule, FormsModule]
+                }]
+        }] });
+
 const GRID_CELL_EDITOR_MAP = {
     [AITableFieldType.text]: TextCellEditorComponent,
     [AITableFieldType.richText]: TextCellEditorComponent,
@@ -11194,6 +11310,7 @@ class AITableGridEventService {
         const { component, isInternalComponent } = this.getEditorComponent(fieldType);
         const offsetOriginPosition = this.getOriginPosition(aiTable, options);
         setEditingCell(aiTable, { path: [recordId, fieldId] });
+        closeExpendCell(this.aiTable);
         this.cellEditorPopoverRef = this.thyPopover.open(component, {
             viewContainerRef: isInternalComponent ? undefined : options?.viewContainerRef,
             origin: container,
@@ -11301,6 +11418,9 @@ class AITableFieldMenu extends ThyDropdownAbstractMenu {
             return this.aiTable.fields().find((item) => item._id === this.fieldId);
         });
     }
+    getCustomComponent(menu) {
+        return menu.customComponent?.(this.aiTable, this.field());
+    }
     execute(menu) {
         if ((menu.disabled && !menu.disabled(this.aiTable, this.field)) || !menu.disabled) {
             menu.exec && menu.exec(this.aiTable, this.field, this.origin, this.position);
@@ -11313,13 +11433,13 @@ class AITableFieldMenu extends ThyDropdownAbstractMenu {
         return menu.name || '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFieldMenu, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableFieldMenu, isStandalone: true, selector: "ai-table-field-menu", inputs: { fieldId: "fieldId", aiTable: "aiTable", fieldMenus: "fieldMenus", origin: "origin", position: "position" }, host: { classAttribute: "field-menu" }, usesInheritance: true, ngImport: i0, template: "@if (field()) {\n    @for (menu of fieldMenus; track index; let index = $index) {\n        @if ((menu.hidden && !menu.hidden(aiTable, field)) || !menu.hidden) {\n            @if (menu.type === 'divider') {\n                <thy-divider [thyStyle]=\"'solid'\"></thy-divider>\n            } @else {\n                @let disabled = !!(menu.disabled && menu.disabled(aiTable, field));\n                @let isRemoveField = menu.type === 'removeField';\n                <a\n                    thyDropdownMenuItem\n                    href=\"javascript:;\"\n                    [ngClass]=\"{ 'remove-field': isRemoveField && !disabled }\"\n                    (click)=\"execute(menu)\"\n                    [thyDisabled]=\"disabled\"\n                >\n                    <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n                    <span>{{ getMenuName(menu, field()) }}</span>\n                </a>\n            }\n        }\n    }\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableFieldMenu, isStandalone: true, selector: "ai-table-field-menu", inputs: { fieldId: "fieldId", aiTable: "aiTable", fieldMenus: "fieldMenus", origin: "origin", position: "position" }, host: { classAttribute: "field-menu" }, usesInheritance: true, ngImport: i0, template: "@if (field()) {\n    @for (menu of fieldMenus; track index; let index = $index) {\n        @if ((menu.hidden && !menu.hidden(aiTable, field)) || !menu.hidden) {\n            @if (menu.type === 'divider') {\n                <thy-divider [thyStyle]=\"'solid'\"></thy-divider>\n            } @else {\n                @let disabled = !!(menu.disabled && menu.disabled(aiTable, field));\n                @let isRemoveField = menu.type === 'removeField';\n                @let customComponent = getCustomComponent(menu);\n                <a\n                    thyDropdownMenuItem\n                    href=\"javascript:;\"\n                    [ngClass]=\"{ 'remove-field': isRemoveField && !disabled }\"\n                    (click)=\"execute(menu)\"\n                    [thyDisabled]=\"disabled\"\n                >\n                    @if (customComponent) {\n                        <ng-container *ngComponentOutlet=\"customComponent; inputs: { field: field(), menu: menu }\"> </ng-container>\n                    } @else {\n                        <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n                        <span>{{ getMenuName(menu, field()) }}</span>\n                    }\n                </a>\n            }\n        }\n    }\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFieldMenu, decorators: [{
             type: Component,
             args: [{ selector: 'ai-table-field-menu', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'field-menu'
-                    }, imports: [ThyIcon, ThyDivider, ThyDropdownMenuItemDirective, NgClass], template: "@if (field()) {\n    @for (menu of fieldMenus; track index; let index = $index) {\n        @if ((menu.hidden && !menu.hidden(aiTable, field)) || !menu.hidden) {\n            @if (menu.type === 'divider') {\n                <thy-divider [thyStyle]=\"'solid'\"></thy-divider>\n            } @else {\n                @let disabled = !!(menu.disabled && menu.disabled(aiTable, field));\n                @let isRemoveField = menu.type === 'removeField';\n                <a\n                    thyDropdownMenuItem\n                    href=\"javascript:;\"\n                    [ngClass]=\"{ 'remove-field': isRemoveField && !disabled }\"\n                    (click)=\"execute(menu)\"\n                    [thyDisabled]=\"disabled\"\n                >\n                    <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n                    <span>{{ getMenuName(menu, field()) }}</span>\n                </a>\n            }\n        }\n    }\n}\n" }]
+                    }, imports: [ThyIcon, ThyDivider, ThyDropdownMenuItemDirective, NgClass, NgComponentOutlet], template: "@if (field()) {\n    @for (menu of fieldMenus; track index; let index = $index) {\n        @if ((menu.hidden && !menu.hidden(aiTable, field)) || !menu.hidden) {\n            @if (menu.type === 'divider') {\n                <thy-divider [thyStyle]=\"'solid'\"></thy-divider>\n            } @else {\n                @let disabled = !!(menu.disabled && menu.disabled(aiTable, field));\n                @let isRemoveField = menu.type === 'removeField';\n                @let customComponent = getCustomComponent(menu);\n                <a\n                    thyDropdownMenuItem\n                    href=\"javascript:;\"\n                    [ngClass]=\"{ 'remove-field': isRemoveField && !disabled }\"\n                    (click)=\"execute(menu)\"\n                    [thyDisabled]=\"disabled\"\n                >\n                    @if (customComponent) {\n                        <ng-container *ngComponentOutlet=\"customComponent; inputs: { field: field(), menu: menu }\"> </ng-container>\n                    } @else {\n                        <thy-icon [thyIconName]=\"menu.icon!\"></thy-icon>\n                        <span>{{ getMenuName(menu, field()) }}</span>\n                    }\n                </a>\n            }\n        }\n    }\n}\n" }]
         }], propDecorators: { fieldId: [{
                 type: Input,
                 args: [{ required: true }]
@@ -12310,6 +12430,9 @@ class AITableGrid extends AITableGridBase {
         this.coordinate = computed(() => {
             return this.rendererConfig().coordinate;
         });
+        this.scrollState = computed(() => {
+            return this.aiTable.context.scrollState();
+        });
         this.scrollTotalHeight = computed(() => {
             return Math.max(this.coordinate().totalHeight, this.containerRect().height - this.fieldHeadHeight);
         });
@@ -12802,9 +12925,15 @@ class AITableGrid extends AITableGridBase {
     }
     bindGlobalMousedown() {
         fromEvent(document, 'mousedown', { passive: true })
-            .pipe(filter((e) => e.target instanceof Element &&
-            !this.containerElement().contains(e.target) &&
-            !e.target.closest(AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS)), takeUntilDestroyed(this.destroyRef))
+            .pipe(filter((e) => {
+            // 检查点击事件的目标元素是否在 container 内
+            const isInContainer = e.target instanceof Element && this.containerElement().contains(e.target);
+            // 检查点击事件的目标元素是否在 prevent-clear-selection 元素内
+            const isInPreventClearSelection = e.target instanceof Element && e.target.closest(AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS);
+            // 检查点击事件的目标元素是否在 popover 弹窗内
+            const isInPopover = e.target instanceof Element && e.target.closest('.cdk-overlay-container');
+            return e.target instanceof Element && !isInContainer && !isInPreventClearSelection && !isInPopover;
+        }), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
             this.updateDragSelectState(false, null);
             clearCoverCell(this.aiTable);
@@ -12845,6 +12974,23 @@ class AITableGrid extends AITableGridBase {
         });
         this.resizeObserver.observe(this.containerElement());
     }
+    getNextCell(currentCell, event) {
+        const { rowIndex, columnIndex } = AITable.getCellIndex(this.aiTable, currentCell) || {};
+        let nextCellPath = null;
+        if (event.key === 'ArrowUp' && rowIndex) {
+            nextCellPath = [this.aiTable.gridData().records[rowIndex - 1]._id, currentCell[1]];
+        }
+        if (event.key === 'ArrowDown' && rowIndex < this.gridData().records.length - 1) {
+            nextCellPath = [this.aiTable.gridData().records[rowIndex + 1]._id, currentCell[1]];
+        }
+        if (event.key === 'ArrowLeft' && columnIndex) {
+            nextCellPath = [currentCell[0], this.aiTable.gridData().fields[columnIndex - 1]._id];
+        }
+        if (event.key === 'ArrowRight' && columnIndex < this.aiTable.gridData().fields.length - 1) {
+            nextCellPath = [currentCell[0], this.aiTable.gridData().fields[columnIndex + 1]._id];
+        }
+        return nextCellPath;
+    }
     bindShortcuts() {
         fromEvent(document, 'keydown')
             .pipe(takeUntilDestroyed(this.destroyRef))
@@ -12868,6 +13014,46 @@ class AITableGrid extends AITableGridBase {
             event.preventDefault();
             const isCopyOrPaste = (event.ctrlKey || event.metaKey) && (event.key === 'c' || event.key === 'v');
             const isDeleteOrBackspace = event.key === 'Backspace' || event.key === 'Delete';
+            const isDirectionKey = event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight';
+            const isShiftDirectionKey = event.shiftKey &&
+                (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight');
+            if (isDirectionKey) {
+                let endCell = this.aiTable.selection().activeCell;
+                if (isShiftDirectionKey) {
+                    endCell = this.aiTable.selection().selectedEndCell || endCell;
+                }
+                if (endCell) {
+                    const nextCellPath = this.getNextCell(endCell, event);
+                    if (nextCellPath) {
+                        const newField = this.aiTable.fieldsMap()[nextCellPath[1]];
+                        if (isShiftDirectionKey) {
+                            closeExpendCell(this.aiTable);
+                            selectCells(this.aiTable, this.aiTable.selection().activeCell, nextCellPath);
+                        }
+                        else {
+                            clearCoverCell(this.aiTable);
+                            if (newField.type === AITableFieldType.text) {
+                                setExpandCellInfo(this.aiTable, {
+                                    path: nextCellPath
+                                });
+                            }
+                            setSelection(this.aiTable, {
+                                selectedCells: new Set([nextCellPath.join(':')]),
+                                activeCell: nextCellPath
+                            });
+                        }
+                        const cellIsFullRenderInfo = this.coordinate().getCellIsFullRenderInfo(this.aiTable, nextCellPath);
+                        if (cellIsFullRenderInfo.offsetY !== 0 || cellIsFullRenderInfo.offsetX !== 0) {
+                            this.scrollAction({
+                                deltaX: cellIsFullRenderInfo.offsetX,
+                                deltaY: cellIsFullRenderInfo.offsetY,
+                                shiftKey: false
+                            });
+                        }
+                    }
+                }
+                return;
+            }
             if (isCopyOrPaste) {
                 if (event.key === 'c') {
                     this.copyCells();
@@ -13073,5 +13259,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AITable, AITableActionIcon, AITableAddField, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableBackground, AITableCellAttachment, AITableCellCheckbox, AITableCellLink, AITableCellProgress, AITableCellRate, AITableCellRichText, AITableCellText, AITableCells, AITableCheckType, AITableColumnHeads, AITableContextMenu, AITableDomGrid, AITableFieldHead, AITableFieldIcon, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFrozenCells, AITableFrozenColumnHeads, AITableFrozenFieldShadow, AITableFrozenPlaceholderCells, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridI18nText, AITableHoverRowHeads, AITableIcon, AITableMemberType, AITableMouseDownType, AITableOtherRows, AITablePlaceholderCells, AITableQueries, AITableRenderer, AITableRowType, AITableScrollableGroup, AITableSelectAllState, AITableTextComponent, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD, AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD, AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD, AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_ATTACHMENT_ADD, AI_TABLE_CELL_ATTACHMENT_FILE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EDIT, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_FIELD_ITEM_HEIGHT, AI_TABLE_CELL_LINE_BORDER, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_FIELD_ITEM_MARGIN_RIGHT, AI_TABLE_FIELD_MAX_WIDTH, AI_TABLE_FIELD_MIDDLE_WIDTH, AI_TABLE_FIELD_MINI_WIDTH, AI_TABLE_FIELD_MIN_WIDTH, AI_TABLE_FIELD_STAT_BG, AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT, AI_TABLE_FIELD_STAT_INNER_HEIGHT, AI_TABLE_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_FILL_HANDLE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_INDEX_FIELD_TEXT, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_POINTER_HEIGHT, AI_TABLE_PROGRESS_BAR_POINTER_WIDTH, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_WIDTH, AI_TABLE_RATE_MAX, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_DRAG, AI_TABLE_ROW_DRAG_ICON_WIDTH, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEAD_WIDTH_AND_DRAG_ICON_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_SCROLL_BAR_SIZE, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AI_TABLE_TEXT_LINE_HEIGHT, AbstractEditCellEditor, AddOutlinedPath, AngleDownPath, AttachmentField, AttachmentPath, CellDrawer, Check, Colors, ColumnCalendarFilledPath, ColumnCheckboxFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, CoverCellBase, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DateField, DepartmentOutlinedPath, Drawer, EditPath, FONT_SIZE_SM, FieldModelMap, IconPathMap, IsSelectRecordPipe, KO_CONTAINER_TOKEN, KoComponent, KoContainer, KoShape, KoShapeTypes, KoStage, LinkCellEditorComponent, LinkField, MIN_COLUMN_WIDTH, MemberField, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, NumberField, ProgressField, RateField, RendererContext, RichTextField, RowDragPath, RowHeight, SelectCellEditorComponent, SelectField, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextField, TextMeasure, Unchecked, UserPipe, WebOutlinedPath, aiTableFragmentAttribute, aiTableImageConfigToKonvaConfig, aiTableRectConfigToKonvaConfig, aiTableTextConfigToKonvaConfig, applyNodeProps, buildClipboardData, buildGridData, buildGridLinearRows, castToString, cellDrawer, clearCells, clearCoverCell, clearSelectedCells, clearSelection, clearSelectionFields, clearSelectionRecords, closeEditingCell, closeExpendCell, compareNumber, compareOption, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, dragFillHighlightArea, drawer, expandCell, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getCoverCell, getDateFieldValues, getDefaultFieldOptions, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptionMap, getFieldOptions, getFieldValue, getFileThumbnailSvgString, getFillDirection, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getName, getOptionsByFieldAndRecords, getPlaceHolderCellsConfigs, getStartAndEndCell, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, graphemeSplitter, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isActiveCell, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isDateFiled, isEmptyOrNot, isMac, isMeetFilter, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isVirtualKey, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, performFill, processPastedValueForSelect, readFromClipboard, scrollMax, selectCells, selectField, setActiveCell, setEditingCell, setExpandCellInfo, setMouseStyle, setSelection, shortIdCreator, shortIdsCreator, statDateRangeOfDays, statDateRangeOfMonths, statEarliestTime, statLatestTime, stringInclude, textDataCache, toAttachmentFieldValue, toDateFieldValue, toLinkFieldValue, toMemberFieldValue, toNumberFieldValue, toProgressFieldValue, toRateFieldValue, toRichTextFieldValue, toSelectFieldValue, toTextFieldValue, toggleSelectAllRecords, toggleSelectRecord, transformToCellText, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
+export { AITable, AITableActionIcon, AITableAddField, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableBackground, AITableCellAttachment, AITableCellCheckbox, AITableCellLink, AITableCellProgress, AITableCellRate, AITableCellRichText, AITableCellText, AITableCells, AITableCheckType, AITableColumnHeads, AITableContextMenu, AITableDomGrid, AITableFieldHead, AITableFieldIcon, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFrozenCells, AITableFrozenColumnHeads, AITableFrozenFieldShadow, AITableFrozenPlaceholderCells, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridI18nText, AITableHoverRowHeads, AITableIcon, AITableMemberType, AITableMouseDownType, AITableOtherRows, AITablePlaceholderCells, AITableQueries, AITableRenderer, AITableRowType, AITableScrollableGroup, AITableSelectAllState, AITableTextComponent, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD, AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD, AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD, AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_ATTACHMENT_ADD, AI_TABLE_CELL_ATTACHMENT_FILE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EDIT, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_FIELD_ITEM_HEIGHT, AI_TABLE_CELL_LINE_BORDER, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_FIELD_ITEM_MARGIN_RIGHT, AI_TABLE_FIELD_MAX_WIDTH, AI_TABLE_FIELD_MIDDLE_WIDTH, AI_TABLE_FIELD_MINI_WIDTH, AI_TABLE_FIELD_MIN_WIDTH, AI_TABLE_FIELD_STAT_BG, AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT, AI_TABLE_FIELD_STAT_INNER_HEIGHT, AI_TABLE_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_FILL_HANDLE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_INDEX_FIELD_TEXT, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_POINTER_HEIGHT, AI_TABLE_PROGRESS_BAR_POINTER_WIDTH, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_WIDTH, AI_TABLE_RATE_MAX, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_DRAG, AI_TABLE_ROW_DRAG_ICON_WIDTH, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEAD_WIDTH_AND_DRAG_ICON_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_SCROLL_BAR_SIZE, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AI_TABLE_TEXT_LINE_HEIGHT, AbstractEditCellEditor, AddOutlinedPath, AngleDownPath, AttachmentField, AttachmentPath, CellDrawer, Check, CheckboxMenuSort, Colors, ColumnCalendarFilledPath, ColumnCheckboxFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, CoverCellBase, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DateField, DepartmentOutlinedPath, Drawer, EditPath, FONT_SIZE_SM, FieldModelMap, IconPathMap, IsSelectRecordPipe, KO_CONTAINER_TOKEN, KoComponent, KoContainer, KoShape, KoShapeTypes, KoStage, LinkCellEditorComponent, LinkField, MIN_COLUMN_WIDTH, MemberField, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, NumberField, ProgressField, RateField, RendererContext, RichTextField, RowDragPath, RowHeight, SelectCellEditorComponent, SelectField, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextField, TextMeasure, Unchecked, UserPipe, WebOutlinedPath, aiTableFragmentAttribute, aiTableImageConfigToKonvaConfig, aiTableRectConfigToKonvaConfig, aiTableTextConfigToKonvaConfig, applyNodeProps, buildClipboardData, buildGridData, buildGridLinearRows, castToString, cellDrawer, clearCells, clearCoverCell, clearSelectedCells, clearSelection, clearSelectionFields, clearSelectionRecords, closeEditingCell, closeExpendCell, compareNumber, compareOption, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, dragFillHighlightArea, drawer, expandCell, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getCoverCell, getDateFieldValues, getDefaultFieldOptions, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptionMap, getFieldOptions, getFieldValue, getFileThumbnailSvgString, getFillDirection, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getName, getOptionsByFieldAndRecords, getPlaceHolderCellsConfigs, getStartAndEndCell, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, graphemeSplitter, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isActiveCell, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isDateFiled, isEmptyOrNot, isMac, isMeetFilter, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isVirtualKey, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, performFill, processPastedValueForSelect, readFromClipboard, scrollMax, selectCells, selectField, setActiveCell, setEditingCell, setExpandCellInfo, setMouseStyle, setSelection, shortIdCreator, shortIdsCreator, statDateRangeOfDays, statDateRangeOfMonths, statEarliestTime, statLatestTime, stringInclude, textDataCache, toAttachmentFieldValue, toDateFieldValue, toLinkFieldValue, toMemberFieldValue, toNumberFieldValue, toProgressFieldValue, toRateFieldValue, toRichTextFieldValue, toSelectFieldValue, toTextFieldValue, toggleSelectAllRecords, toggleSelectRecord, transformToCellText, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
 //# sourceMappingURL=ai-table-grid.mjs.map