@ai-table/grid 0.0.66 → 0.0.68

package/fesm2022/ai-table-grid.mjs

@@ -25,11 +25,12 @@ 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 { AITableFieldType, AITableRowColumnType, AITableSelectOptionStyle, DragType, AITableFilterOperation, AttachmentFieldBase, DateFieldBase, isDateValid, SelectFieldBase, LinkFieldBase, MemberFieldBase, NumberFieldBase, ProgressFieldBase, RateFieldBase, RichTextFieldBase, TextFieldBase, FieldModelBaseMap } from '@ai-table/utils';
 import ObjectID from 'bson-objectid';
 import { customAlphabet } from 'nanoid';
 import * as _ from 'lodash';
-import { isNumber, includes, values, isString, isNil } from 'lodash';
-import { isUndefinedOrNull, isArray, isEmpty as isEmpty$1, isObject, TinyDate, helpers } from 'ngx-tethys/util';
+import { isNumber, includes, values, isString, isNil, isEmpty } from 'lodash';
+import { isUndefinedOrNull, isArray, TinyDate, helpers, isEmpty as isEmpty$1 } from 'ngx-tethys/util';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { ThyDatePicker, ThyDatePickerFormatPipe } from 'ngx-tethys/date-picker';
@@ -493,139 +494,6 @@ const KoShapeTypes = {
     FastLayer
 };
 
-const Colors = {
-    primary: '#6698FF',
-    gray100: '#f5f5f5',
-    gray200: '#eee',
-    gray300: '#ddd',
-    gray800: '#333',
-    gray600: '#999',
-    gray700: '#666',
-    white: '#fff',
-    black: '#000',
-    transparent: 'transparent',
-    gray80: '#fafafa',
-    headSelectedBgColor: '#EAEFFA',
-    itemActiveBgColor: '#6698ff1a',
-    itemMatchBgColor: '#ff9f731a',
-    waring: '#ffcd5d',
-    success: '#73d897'
-};
-
-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;
-    }
-};
-
-var AITableFieldType;
-(function (AITableFieldType) {
-    AITableFieldType["text"] = "text";
-    AITableFieldType["richText"] = "rich_text";
-    AITableFieldType["select"] = "select";
-    AITableFieldType["number"] = "number";
-    AITableFieldType["date"] = "date";
-    AITableFieldType["member"] = "member";
-    AITableFieldType["progress"] = "progress";
-    AITableFieldType["rate"] = "rate";
-    AITableFieldType["link"] = "link";
-    AITableFieldType["attachment"] = "attachment";
-    AITableFieldType["createdAt"] = "created_at";
-    AITableFieldType["updatedAt"] = "updated_at";
-    AITableFieldType["createdBy"] = "created_by";
-    AITableFieldType["updatedBy"] = "updated_by";
-})(AITableFieldType || (AITableFieldType = {}));
-var AITableStatType;
-(function (AITableStatType) {
-    AITableStatType[AITableStatType["None"] = 0] = "None";
-    AITableStatType[AITableStatType["CountAll"] = 1] = "CountAll";
-    AITableStatType[AITableStatType["Empty"] = 2] = "Empty";
-    AITableStatType[AITableStatType["Filled"] = 3] = "Filled";
-    AITableStatType[AITableStatType["Unique"] = 4] = "Unique";
-    AITableStatType[AITableStatType["PercentEmpty"] = 5] = "PercentEmpty";
-    AITableStatType[AITableStatType["PercentFilled"] = 6] = "PercentFilled";
-    AITableStatType[AITableStatType["PercentUnique"] = 7] = "PercentUnique";
-    AITableStatType[AITableStatType["Sum"] = 8] = "Sum";
-    AITableStatType[AITableStatType["Average"] = 9] = "Average";
-    AITableStatType[AITableStatType["Max"] = 10] = "Max";
-    AITableStatType[AITableStatType["Min"] = 11] = "Min";
-    AITableStatType[AITableStatType["DateRangeOfDays"] = 12] = "DateRangeOfDays";
-    AITableStatType[AITableStatType["DateRangeOfMonths"] = 13] = "DateRangeOfMonths";
-    AITableStatType[AITableStatType["Checked"] = 14] = "Checked";
-    AITableStatType[AITableStatType["UnChecked"] = 15] = "UnChecked";
-    AITableStatType[AITableStatType["PercentChecked"] = 16] = "PercentChecked";
-    AITableStatType[AITableStatType["PercentUnChecked"] = 17] = "PercentUnChecked";
-})(AITableStatType || (AITableStatType = {}));
-var AITableSelectOptionStyle;
-(function (AITableSelectOptionStyle) {
-    AITableSelectOptionStyle[AITableSelectOptionStyle["text"] = 1] = "text";
-    AITableSelectOptionStyle[AITableSelectOptionStyle["tag"] = 2] = "tag";
-    AITableSelectOptionStyle[AITableSelectOptionStyle["dot"] = 3] = "dot";
-    AITableSelectOptionStyle[AITableSelectOptionStyle["piece"] = 4] = "piece";
-})(AITableSelectOptionStyle || (AITableSelectOptionStyle = {}));
-var Direction;
-(function (Direction) {
-    Direction["before"] = "before";
-    Direction["after"] = "after";
-})(Direction || (Direction = {}));
-var DragType;
-(function (DragType) {
-    DragType["record"] = "record";
-    DragType["field"] = "field";
-    DragType["columnWidth"] = "columnWidth";
-    DragType["none"] = "none";
-})(DragType || (DragType = {}));
-
 var AITableGridI18nKey;
 (function (AITableGridI18nKey) {
     AITableGridI18nKey["dataPickerPlaceholder"] = "dataPickerPlaceholder";
@@ -818,86 +686,6 @@ function getFieldOptions(aiTable) {
     ];
 }
 
-var AITableAvatarSize;
-(function (AITableAvatarSize) {
-    AITableAvatarSize[AITableAvatarSize["size16"] = 16] = "size16";
-    AITableAvatarSize[AITableAvatarSize["size20"] = 22] = "size20";
-    AITableAvatarSize[AITableAvatarSize["size24"] = 24] = "size24";
-    AITableAvatarSize[AITableAvatarSize["size28"] = 28] = "size28";
-    AITableAvatarSize[AITableAvatarSize["size32"] = 32] = "size32";
-    AITableAvatarSize[AITableAvatarSize["size36"] = 36] = "size36";
-    AITableAvatarSize[AITableAvatarSize["size44"] = 44] = "size44";
-    AITableAvatarSize[AITableAvatarSize["size48"] = 48] = "size48";
-    AITableAvatarSize[AITableAvatarSize["size68"] = 68] = "size68";
-    AITableAvatarSize[AITableAvatarSize["size110"] = 110] = "size110";
-    AITableAvatarSize[AITableAvatarSize["size160"] = 160] = "size160";
-})(AITableAvatarSize || (AITableAvatarSize = {}));
-var AITableAvatarType;
-(function (AITableAvatarType) {
-    AITableAvatarType[AITableAvatarType["member"] = 0] = "member";
-    AITableAvatarType[AITableAvatarType["space"] = 1] = "space";
-    AITableAvatarType[AITableAvatarType["team"] = 2] = "team";
-})(AITableAvatarType || (AITableAvatarType = {}));
-var AITableMemberType;
-(function (AITableMemberType) {
-    AITableMemberType[AITableMemberType["team"] = 1] = "team";
-    AITableMemberType[AITableMemberType["role"] = 2] = "role";
-    AITableMemberType[AITableMemberType["member"] = 3] = "member";
-})(AITableMemberType || (AITableMemberType = {}));
-
-var AITableMouseDownType;
-(function (AITableMouseDownType) {
-    AITableMouseDownType[AITableMouseDownType["Left"] = 0] = "Left";
-    AITableMouseDownType[AITableMouseDownType["Center"] = 1] = "Center";
-    AITableMouseDownType[AITableMouseDownType["Right"] = 2] = "Right";
-})(AITableMouseDownType || (AITableMouseDownType = {}));
-
-var AITableRowColumnType;
-(function (AITableRowColumnType) {
-    AITableRowColumnType["row"] = "row";
-    AITableRowColumnType["column"] = "column";
-})(AITableRowColumnType || (AITableRowColumnType = {}));
-var AITableCheckType;
-(function (AITableCheckType) {
-    AITableCheckType["checked"] = "checked";
-    AITableCheckType["unchecked"] = "unchecked";
-})(AITableCheckType || (AITableCheckType = {}));
-var AITableAreaType;
-(function (AITableAreaType) {
-    AITableAreaType["grid"] = "grid";
-    AITableAreaType["none"] = "none";
-})(AITableAreaType || (AITableAreaType = {}));
-var AITableSelectAllState;
-(function (AITableSelectAllState) {
-    AITableSelectAllState["all"] = "all";
-    AITableSelectAllState["partial"] = "partial";
-    AITableSelectAllState["none"] = "none";
-})(AITableSelectAllState || (AITableSelectAllState = {}));
-
-var AITableRowType;
-(function (AITableRowType) {
-    AITableRowType["add"] = "add";
-    AITableRowType["record"] = "record";
-})(AITableRowType || (AITableRowType = {}));
-
-var AITableFilterOperation;
-(function (AITableFilterOperation) {
-    AITableFilterOperation["eq"] = "eq";
-    AITableFilterOperation["gte"] = "gte";
-    AITableFilterOperation["lte"] = "lte";
-    AITableFilterOperation["gt"] = "gt";
-    AITableFilterOperation["lt"] = "lt";
-    AITableFilterOperation["in"] = "in";
-    AITableFilterOperation["contain"] = "contain";
-    AITableFilterOperation["ne"] = "ne";
-    AITableFilterOperation["nin"] = "nin";
-    AITableFilterOperation["between"] = "between";
-    AITableFilterOperation["besides"] = "besides";
-    AITableFilterOperation["empty"] = "empty";
-    AITableFilterOperation["exists"] = "exists";
-    AITableFilterOperation["notContain"] = "not_contain";
-})(AITableFilterOperation || (AITableFilterOperation = {}));
-
 /**
  * 用于构建 Canvas 基础坐标系，后续的绘制工作以此为基础
  */
@@ -1119,6 +907,81 @@ class Coordinate {
     }
 }
 
+const Colors = {
+    primary: '#6698FF',
+    gray100: '#f5f5f5',
+    gray200: '#eee',
+    gray300: '#ddd',
+    gray800: '#333',
+    gray600: '#999',
+    gray700: '#666',
+    white: '#fff',
+    black: '#000',
+    transparent: 'transparent',
+    gray80: '#fafafa',
+    headSelectedBgColor: '#EAEFFA',
+    itemActiveBgColor: '#6698ff1a',
+    itemMatchBgColor: '#ff9f731a',
+    waring: '#ffcd5d',
+    success: '#73d897'
+};
+
+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;
+    }
+};
+
 var AlphabetType;
 (function (AlphabetType) {
     AlphabetType[AlphabetType["url"] = 1] = "url";
@@ -1189,6 +1052,63 @@ function shortIdsCreator(count) {
     return shortId(undefined, 8, count);
 }
 
+var AITableAvatarSize;
+(function (AITableAvatarSize) {
+    AITableAvatarSize[AITableAvatarSize["size16"] = 16] = "size16";
+    AITableAvatarSize[AITableAvatarSize["size20"] = 22] = "size20";
+    AITableAvatarSize[AITableAvatarSize["size24"] = 24] = "size24";
+    AITableAvatarSize[AITableAvatarSize["size28"] = 28] = "size28";
+    AITableAvatarSize[AITableAvatarSize["size32"] = 32] = "size32";
+    AITableAvatarSize[AITableAvatarSize["size36"] = 36] = "size36";
+    AITableAvatarSize[AITableAvatarSize["size44"] = 44] = "size44";
+    AITableAvatarSize[AITableAvatarSize["size48"] = 48] = "size48";
+    AITableAvatarSize[AITableAvatarSize["size68"] = 68] = "size68";
+    AITableAvatarSize[AITableAvatarSize["size110"] = 110] = "size110";
+    AITableAvatarSize[AITableAvatarSize["size160"] = 160] = "size160";
+})(AITableAvatarSize || (AITableAvatarSize = {}));
+var AITableAvatarType;
+(function (AITableAvatarType) {
+    AITableAvatarType[AITableAvatarType["member"] = 0] = "member";
+    AITableAvatarType[AITableAvatarType["space"] = 1] = "space";
+    AITableAvatarType[AITableAvatarType["team"] = 2] = "team";
+})(AITableAvatarType || (AITableAvatarType = {}));
+var AITableMemberType;
+(function (AITableMemberType) {
+    AITableMemberType[AITableMemberType["team"] = 1] = "team";
+    AITableMemberType[AITableMemberType["role"] = 2] = "role";
+    AITableMemberType[AITableMemberType["member"] = 3] = "member";
+})(AITableMemberType || (AITableMemberType = {}));
+
+var AITableMouseDownType;
+(function (AITableMouseDownType) {
+    AITableMouseDownType[AITableMouseDownType["Left"] = 0] = "Left";
+    AITableMouseDownType[AITableMouseDownType["Center"] = 1] = "Center";
+    AITableMouseDownType[AITableMouseDownType["Right"] = 2] = "Right";
+})(AITableMouseDownType || (AITableMouseDownType = {}));
+
+var AITableCheckType;
+(function (AITableCheckType) {
+    AITableCheckType["checked"] = "checked";
+    AITableCheckType["unchecked"] = "unchecked";
+})(AITableCheckType || (AITableCheckType = {}));
+var AITableAreaType;
+(function (AITableAreaType) {
+    AITableAreaType["grid"] = "grid";
+    AITableAreaType["none"] = "none";
+})(AITableAreaType || (AITableAreaType = {}));
+var AITableSelectAllState;
+(function (AITableSelectAllState) {
+    AITableSelectAllState["all"] = "all";
+    AITableSelectAllState["partial"] = "partial";
+    AITableSelectAllState["none"] = "none";
+})(AITableSelectAllState || (AITableSelectAllState = {}));
+
+var AITableRowType;
+(function (AITableRowType) {
+    AITableRowType["add"] = "add";
+    AITableRowType["record"] = "record";
+})(AITableRowType || (AITableRowType = {}));
+
 function createAITable(records, fields, gridData) {
     const aiTable = {
         records,
@@ -1371,7 +1291,8 @@ const AITableQueries = {
 
 class RendererContext {
     constructor(options) {
-        const { linearRows, pointPosition, scrollState, visibleColumnsIndexMap, visibleRowsIndexMap, frozenColumnCount, references, aiFieldConfig, scrollAction } = options;
+        const { rowHeadWidth, linearRows, pointPosition, scrollState, visibleColumnsIndexMap, visibleRowsIndexMap, frozenColumnCount, references, aiFieldConfig, scrollAction } = options;
+        this.rowHeadWidth = rowHeadWidth;
         this.linearRows = linearRows;
         this.pointPosition = pointPosition;
         this.scrollState = scrollState;
@@ -1634,6 +1555,7 @@ class LinkCellEditorComponent extends AbstractEditCellEditor {
         const action = this.elementRef.nativeElement.querySelector('.edit-icon');
         if (!event.relatedTarget?.contains(action)) {
             this.updateValue();
+            this.closePopover();
         }
     }
     ngOnInit() {
@@ -2594,64 +2516,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.ThyPopover }] });
 
-/**
- * 生成目标名称
- */
-const generateTargetName = ({ targetName, fieldId, recordId, mouseStyle, source }) => {
-    const flag = '$';
-    return `${targetName}.${fieldId || flag}.${recordId || flag}.${mouseStyle || flag}.${source || flag}`;
-};
-/**
- *  取目标名称
- */
-const getTargetName = (targetName) => {
-    if (targetName == null || targetName === '')
-        return AI_TABLE_BLANK;
-    return targetName.split('.')[0];
-};
-/**
- * Parse targetName for built-in information
- */
-const getDetailByTargetName = (_targetName) => {
-    if (_targetName == null) {
-        return {
-            targetName: null,
-            fieldId: null,
-            recordId: null,
-            mouseStyle: null
-        };
-    }
-    const flag = '$';
-    const [targetName, fieldId, recordId, mouseStyle, source] = _targetName.split('.');
-    return {
-        targetName,
-        fieldId: fieldId === flag ? null : fieldId,
-        recordId: recordId === flag ? null : recordId,
-        mouseStyle: mouseStyle === flag ? null : mouseStyle,
-        source: source === flag ? null : source
-    };
-};
-/**
- * 转换为字符串
- * @param value
- * @returns
- */
-const castToString = (value) => {
-    if (value == null) {
-        return null;
-    }
-    return typeof value !== 'string' ? String(value) : value;
-};
-function isEmpty(value) {
-    if (isArray(value)) {
-        return isEmpty$1(value);
-    }
-    if (isObject(value)) {
-        return Reflect.ownKeys(value).length === 0;
-    }
-    return isUndefinedOrNull(value) || value === '';
-}
-
 const zhIntlCollator = typeof Intl !== 'undefined' ? new Intl.Collator('zh-CN') : undefined;
 function compareNumber(a, b) {
     if (isEmpty(a) && isEmpty(b)) {
@@ -2699,46 +2563,32 @@ function hasIntersect(array1, array2) {
     }
     return false;
 }
-
-class Field {
-    // 筛选
-    isMeetFilter(condition, cellValue, options) {
-        switch (condition.operation) {
-            case AITableFilterOperation.empty:
-            case AITableFilterOperation.exists: {
-                return this.isEmptyOrNot(condition.operation, cellValue);
-            }
-            default: {
-                return true;
-            }
+function isMeetFilter(condition, cellValue, options) {
+    switch (condition.operation) {
+        case AITableFilterOperation.empty:
+        case AITableFilterOperation.exists: {
+            return isEmptyOrNot(condition.operation, cellValue);
         }
-    }
-    cellFullText(transformValue, field, references) {
-        let fullText = [];
-        if (!isEmpty(transformValue)) {
-            fullText.push(String(transformValue));
+        default: {
+            return true;
         }
-        return fullText;
     }
-    isEmptyOrNot(operation, cellValue) {
-        switch (operation) {
-            case AITableFilterOperation.empty: {
-                return isEmpty(cellValue);
-            }
-            case AITableFilterOperation.exists: {
-                return !isEmpty(cellValue);
-            }
-            default: {
-                throw new Error('compare operator type error');
-            }
+}
+function isEmptyOrNot(operation, cellValue) {
+    switch (operation) {
+        case AITableFilterOperation.empty: {
+            return isEmpty(cellValue);
+        }
+        case AITableFilterOperation.exists: {
+            return !isEmpty(cellValue);
+        }
+        default: {
+            throw new Error('compare operator type error');
         }
     }
 }
 
-class AttachmentField extends Field {
-    isValid(cellValue) {
-        return Array.isArray(cellValue) || cellValue === null;
-    }
+class AttachmentField extends AttachmentFieldBase {
     isMeetFilter(condition, cellValue) {
         switch (condition.operation) {
             case AITableFilterOperation.empty:
@@ -2750,7 +2600,7 @@ class AttachmentField extends Field {
             case AITableFilterOperation.nin:
                 return Array.isArray(condition.value) && !hasIntersect(cellValue, condition.value);
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2, references, sortKey, options) {
@@ -2758,21 +2608,6 @@ class AttachmentField extends Field {
         const value2 = cellValueToSortValue$5(cellValue2, options.field, references, sortKey);
         return compareString(value1, value2);
     }
-    cellFullText(transformValue, field, references) {
-        let fullText = [];
-        if (transformValue?.length && references) {
-            for (let index = 0; index < transformValue.length; index++) {
-                const attachmentInfo = references?.attachments[transformValue[index]];
-                if (!attachmentInfo) {
-                    continue;
-                }
-                if (attachmentInfo.title) {
-                    fullText.push(attachmentInfo.title);
-                }
-            }
-        }
-        return fullText;
-    }
     toFieldValue(plainText, targetField, originData, references) {
         return toAttachmentFieldValue(plainText, targetField, originData, references);
     }
@@ -2807,14 +2642,7 @@ function cellValueToSortValue$5(cellValue, field, references, sortKey = 'title')
     return values && values.length ? values.join(', ') : null;
 }
 
-const isDateValid = (cellValue) => {
-    return ((cellValue && typeof cellValue === 'object' && 'timestamp' in cellValue && typeof cellValue.timestamp === 'number') ||
-        cellValue === null);
-};
-class DateField extends Field {
-    isValid(cellValue) {
-        return isDateValid(cellValue);
-    }
+class DateField extends DateFieldBase {
     isMeetFilter(condition, cellValue) {
         const [left, right] = this.getTimeRange(condition.value);
         if (isNil(cellValue)) {
@@ -2834,7 +2662,7 @@ class DateField extends Field {
             case AITableFilterOperation.between:
                 return left <= cellValue.timestamp && cellValue.timestamp < right;
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2) {
@@ -2903,7 +2731,7 @@ function cellValueToSortValue$4(cellValue) {
     if (isNil(cellValue) || !isDateValid(cellValue)) {
         return 0;
     }
-    return cellValue?.timestamp;
+    return cellValue?.timestamp ?? 0;
 }
 function transformDateValue(text) {
     const value = text.trim();
@@ -3167,7 +2995,7 @@ function buildClipboardContent(aiTable, fieldIds, recordIds) {
     return clipboardContent;
 }
 
-class SelectField extends Field {
+class SelectField extends SelectFieldBase {
     isValid(cellValue) {
         return Array.isArray(cellValue) || cellValue === null;
     }
@@ -3182,7 +3010,7 @@ class SelectField extends Field {
             case AITableFilterOperation.nin:
                 return Array.isArray(condition.value) && !hasIntersect(cellValue, condition.value);
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2, references, sortKey, options) {
@@ -3190,19 +3018,6 @@ class SelectField extends Field {
         const value2 = cellValueToSortValue$3(cellValue2, options.field);
         return compareString(value1, value2);
     }
-    cellFullText(transformValue, field) {
-        let fullText = [];
-        const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
-        if (transformValue && Array.isArray(transformValue) && transformValue.length) {
-            transformValue.forEach((optionId) => {
-                const option = optionsMap[optionId];
-                if (option && option.text) {
-                    fullText.push(option.text);
-                }
-            });
-        }
-        return fullText;
-    }
     toFieldValue(plainText, targetField, originData) {
         return toSelectFieldValue(plainText, targetField, originData);
     }
@@ -3491,13 +3306,7 @@ const writeToAITable = async (aiTable, actions) => {
     return isPasteSuccess;
 };
 
-const isLinkValid = (cellValue) => {
-    return (cellValue && typeof cellValue === 'object' && 'url' in cellValue && 'text' in cellValue) || cellValue === null;
-};
-class LinkField extends Field {
-    isValid(cellValue) {
-        return isLinkValid(cellValue);
-    }
+class LinkField extends LinkFieldBase {
     isMeetFilter(condition, cellValue) {
         if (cellValue === null) {
             if (condition.operation === AITableFilterOperation.empty) {
@@ -3516,19 +3325,12 @@ class LinkField extends Field {
             case AITableFilterOperation.contain:
                 return !isNil(cellTextValue) && stringInclude(cellTextValue, condition.value);
             default:
-                return super.isMeetFilter(condition, cellTextValue);
+                return isMeetFilter(condition, cellTextValue);
         }
     }
     compare(cellValue1, cellValue2) {
         return compareString(cellValueToSortValue$2(cellValue1), cellValueToSortValue$2(cellValue2));
     }
-    cellFullText(transformValue) {
-        let texts = [];
-        if (!isNil(transformValue)) {
-            texts.push(transformValue.text);
-        }
-        return texts;
-    }
     toFieldValue(plainText, targetField, originData) {
         return toLinkFieldValue(plainText, targetField, originData);
     }
@@ -3556,10 +3358,7 @@ function cellValueToSortValue$2(cellValue) {
     return (cellValue && cellValue.text && cellValue.text.trim()) || null;
 }
 
-class MemberField extends Field {
-    isValid(cellValue) {
-        return Array.isArray(cellValue) || cellValue === null;
-    }
+class MemberField extends MemberFieldBase {
     isMeetFilter(condition, cellValue) {
         switch (condition.operation) {
             case AITableFilterOperation.empty:
@@ -3571,7 +3370,7 @@ class MemberField extends Field {
             case AITableFilterOperation.nin:
                 return Array.isArray(condition.value) && !hasIntersect(cellValue, condition.value);
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2, references, sortKey, options) {
@@ -3579,21 +3378,6 @@ class MemberField extends Field {
         const value2 = cellValueToSortValue$1(cellValue2, options.field, references, sortKey);
         return compareString(value1, value2);
     }
-    cellFullText(transformValue, field, references) {
-        let fullText = [];
-        if (transformValue?.length && references) {
-            for (let index = 0; index < transformValue.length; index++) {
-                const userInfo = references?.members[transformValue[index]];
-                if (!userInfo) {
-                    continue;
-                }
-                if (userInfo.display_name) {
-                    fullText.push(userInfo.display_name);
-                }
-            }
-        }
-        return fullText;
-    }
     toFieldValue(plainText, targetField, originData, references) {
         return toMemberFieldValue(plainText, targetField, originData, references);
     }
@@ -3653,13 +3437,7 @@ function cellValueToSortValue$1(cellValue, field, references, sortKey = 'display
     return values && values.length ? values.join(', ') : null;
 }
 
-const isNumberValid = (cellValue) => {
-    return typeof cellValue === 'number' || cellValue === null;
-};
-class NumberField extends Field {
-    isValid(cellValue) {
-        return isNumberValid(cellValue);
-    }
+class NumberField extends NumberFieldBase {
     isMeetFilter(condition, cellValue) {
         switch (condition.operation) {
             case AITableFilterOperation.empty:
@@ -3679,7 +3457,7 @@ class NumberField extends Field {
             case AITableFilterOperation.ne:
                 return cellValue == null || Number.isNaN(condition.value) || cellValue !== condition.value;
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2) {
@@ -3715,16 +3493,13 @@ function toNumberFieldValue(plainText, targetField, originData) {
     return null;
 }
 
-class ProgressField extends Field {
-    isValid(cellValue) {
-        return typeof cellValue === 'number' || cellValue === null;
-    }
+class ProgressField extends ProgressFieldBase {
     isMeetFilter(condition, cellValue) {
         switch (condition.operation) {
             case AITableFilterOperation.empty:
-                return isEmpty(cellValue);
+                return isEmpty$1(cellValue);
             case AITableFilterOperation.exists:
-                return !isEmpty(cellValue);
+                return !isEmpty$1(cellValue);
             case AITableFilterOperation.eq:
                 return !Number.isNaN(condition.value) && cellValue != null && condition.value === cellValue;
             case AITableFilterOperation.gte:
@@ -3738,19 +3513,12 @@ class ProgressField extends Field {
             case AITableFilterOperation.ne:
                 return cellValue == null || Number.isNaN(condition.value) || cellValue !== condition.value;
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2) {
         return compareNumber(cellValue1, cellValue2);
     }
-    cellFullText(transformValue) {
-        let fullText = [];
-        if (!isEmpty(transformValue)) {
-            fullText.push(`${transformValue}%`);
-        }
-        return fullText;
-    }
     toFieldValue(plainText, targetField, originData) {
         return toProgressFieldValue(plainText, targetField, originData);
     }
@@ -3779,7 +3547,7 @@ function toProgressFieldValue(plainText, targetField, originData) {
     if (progressRegex.test(value)) {
         value = parseFloat(value);
     }
-    if (!isEmpty(value)) {
+    if (!isEmpty$1(value)) {
         let progressValue = Number(value);
         if (!Number.isNaN(progressValue)) {
             progressValue = Math.round(progressValue);
@@ -3791,10 +3559,7 @@ function toProgressFieldValue(plainText, targetField, originData) {
     return null;
 }
 
-class RateField extends Field {
-    isValid(cellValue) {
-        return isNumberValid(cellValue);
-    }
+class RateField extends RateFieldBase {
     isMeetFilter(condition, cellValue) {
         switch (condition.operation) {
             case AITableFilterOperation.empty:
@@ -3808,7 +3573,7 @@ class RateField extends Field {
                 const noContain = condition.value.every((item) => String(item) !== String(cellValue));
                 return isEmpty(cellValue) || noContain;
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2) {
@@ -3848,10 +3613,7 @@ function toRateFieldValue(plainText, targetField, originData) {
     return null;
 }
 
-class RichTextField extends Field {
-    isValid(cellValue) {
-        return Array.isArray(cellValue) || cellValue === null;
-    }
+class RichTextField extends RichTextFieldBase {
     isMeetFilter(condition, cellValue, options) {
         const textValue = transformCellValue(options.aiTable, options.field, cellValue || []);
         switch (condition.operation) {
@@ -3862,7 +3624,7 @@ class RichTextField extends Field {
             case AITableFilterOperation.contain:
                 return !isEmpty(textValue) && stringInclude(textValue, condition.value);
             default:
-                return super.isMeetFilter(condition, textValue);
+                return isMeetFilter(condition, textValue);
         }
     }
     compare(cellValue1, cellValue2, references, sortKey, options) {
@@ -3884,10 +3646,7 @@ function toRichTextFieldValue(plainText, targetField, originData) {
     return null;
 }
 
-class TextField extends Field {
-    isValid(cellValue) {
-        return typeof cellValue === 'string' || cellValue === null;
-    }
+class TextField extends TextFieldBase {
     isMeetFilter(condition, cellValue) {
         switch (condition.operation) {
             case AITableFilterOperation.empty:
@@ -3897,7 +3656,7 @@ class TextField extends Field {
             case AITableFilterOperation.contain:
                 return !isNil(cellValue) && stringInclude(cellValue, condition.value);
             default:
-                return super.isMeetFilter(condition, cellValue);
+                return isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2) {
@@ -3917,6 +3676,7 @@ function cellValueToSortValue(cellValue) {
 }
 
 const FieldModelMap = {
+    ...FieldModelBaseMap,
     [AITableFieldType.text]: new TextField(),
     [AITableFieldType.richText]: new RichTextField(),
     [AITableFieldType.select]: new SelectField(),
@@ -4007,6 +3767,55 @@ function getAvatarBgColor(name) {
     return colors[code % 9];
 }
 
+/**
+ * 生成目标名称
+ */
+const generateTargetName = ({ targetName, fieldId, recordId, mouseStyle, source }) => {
+    const flag = '$';
+    return `${targetName}.${fieldId || flag}.${recordId || flag}.${mouseStyle || flag}.${source || flag}`;
+};
+/**
+ *  取目标名称
+ */
+const getTargetName = (targetName) => {
+    if (targetName == null || targetName === '')
+        return AI_TABLE_BLANK;
+    return targetName.split('.')[0];
+};
+/**
+ * Parse targetName for built-in information
+ */
+const getDetailByTargetName = (_targetName) => {
+    if (_targetName == null) {
+        return {
+            targetName: null,
+            fieldId: null,
+            recordId: null,
+            mouseStyle: null
+        };
+    }
+    const flag = '$';
+    const [targetName, fieldId, recordId, mouseStyle, source] = _targetName.split('.');
+    return {
+        targetName,
+        fieldId: fieldId === flag ? null : fieldId,
+        recordId: recordId === flag ? null : recordId,
+        mouseStyle: mouseStyle === flag ? null : mouseStyle,
+        source: source === flag ? null : source
+    };
+};
+/**
+ * 转换为字符串
+ * @param value
+ * @returns
+ */
+const castToString = (value) => {
+    if (value == null) {
+        return null;
+    }
+    return typeof value !== 'string' ? String(value) : value;
+};
+
 function getPlaceHolderCellsConfigs(options) {
     const { aiTable, coordinate, columnStartIndex, columnStopIndex, rowStartIndex, rowStopIndex } = options;
     const { linearRows } = aiTable.context;
@@ -4204,7 +4013,7 @@ const scrollMax = (aiTable, coordinate, visibleColumns) => {
     const scrollMaxWidth = visibleColumns.reduce((pre, cur) => {
         const index = visibleColumnIndexMap.get(cur._id);
         return pre + (isNumber(index) ? coordinate.getColumnWidth(index) : 0);
-    }, AI_TABLE_ROW_HEAD_WIDTH) + AI_TABLE_FIELD_ADD_BUTTON_WIDTH;
+    }, aiTable.context.rowHeadWidth()) + AI_TABLE_FIELD_ADD_BUTTON_WIDTH;
     const scrollMaxHeight = coordinate.getRowOffset(coordinate.rowCount - 1) + 32;
     return { scrollMaxWidth: Math.max(scrollMaxWidth, coordinate.containerWidth), scrollMaxHeight };
 };
@@ -4214,7 +4023,7 @@ const getMousePosition = (aiTable, x, y, coordinate, fields, context, _targetNam
     const { scrollMaxWidth, scrollMaxHeight } = scrollMax(aiTable, coordinate, fields);
     const offsetTop = scrollTop + y;
     const rowIndex = coordinate.getRowStartIndex(offsetTop);
-    const offsetLeft = isWithinFrozenColumnBoundary(x, coordinate.frozenColumnWidth) ? x : scrollLeft + x;
+    const offsetLeft = isWithinFrozenColumnBoundary(x, coordinate.frozenColumnWidth, context.rowHeadWidth()) ? x : scrollLeft + x;
     const columnIndex = coordinate.getColumnStartIndex(offsetLeft);
     const areaType = offsetLeft <= scrollMaxWidth && offsetTop <= scrollMaxHeight ? AITableAreaType.grid : AITableAreaType.none;
     const targetName = getTargetName(_targetName);
@@ -4230,9 +4039,9 @@ const getMousePosition = (aiTable, x, y, coordinate, fields, context, _targetNam
         y
     };
 };
-const isWithinFrozenColumnBoundary = (x, frozenColumnWidth) => {
-    const max = AI_TABLE_ROW_HEAD_WIDTH + frozenColumnWidth;
-    const min = AI_TABLE_ROW_HEAD_WIDTH;
+const isWithinFrozenColumnBoundary = (x, frozenColumnWidth, rowHeadWidth) => {
+    const max = rowHeadWidth + frozenColumnWidth;
+    const min = rowHeadWidth;
     return x > min && x < max;
 };
 const getEditorSpace = (widthOrHeight) => {
@@ -5890,9 +5699,11 @@ class Layout extends Drawer {
         // 列数
         this.columnCount = 0;
         this.containerWidth = 0;
+        this.rowHeadWidth = AI_TABLE_ROW_HEAD_WIDTH;
+        this.hiddenIndexColumn = false;
     }
     // 用于初始化或重置布局的基本属性。这个方法通常在每次渲染新的一行或单元格时调用，确保布局信息是最新的
-    init({ x, y, rowIndex, columnIndex, rowHeight, columnWidth, columnCount, containerWidth }) {
+    init({ x, y, rowIndex, columnIndex, rowHeight, columnWidth, columnCount, containerWidth, rowHeadWidth, hiddenIndexColumn }) {
         this.x = x;
         this.y = y;
         this.rowIndex = rowIndex;
@@ -5901,6 +5712,8 @@ class Layout extends Drawer {
         this.columnWidth = columnWidth;
         this.columnCount = columnCount;
         this.containerWidth = containerWidth;
+        this.rowHeadWidth = rowHeadWidth;
+        this.hiddenIndexColumn = hiddenIndexColumn;
     }
     // 当前单元格是否是行的第一列
     get isFirst() {
@@ -5967,20 +5780,20 @@ class AddRowLayout extends Layout {
         const frozenOffset = AI_TABLE_OFFSET;
         const fill = isHoverRow ? this.colors.gray80 : this.colors.transparent;
         this.rect({
-            x: frozenOffset + AI_TABLE_ROW_DRAG_ICON_WIDTH,
+            x: this.hiddenIndexColumn ? frozenOffset : frozenOffset + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y: y + AI_TABLE_OFFSET,
-            width: columnWidth + AI_TABLE_ROW_HEAD_WIDTH - frozenOffset + 1,
+            width: columnWidth + this.rowHeadWidth - frozenOffset + 1,
             height: rowHeight,
             fill
         });
         this.line({
-            x: frozenOffset + AI_TABLE_ROW_DRAG_ICON_WIDTH,
+            x: this.hiddenIndexColumn ? frozenOffset : frozenOffset + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y,
-            points: [0, rowHeight, columnWidth + AI_TABLE_ROW_HEAD_WIDTH - frozenOffset + 1, rowHeight],
+            points: [0, rowHeight, columnWidth + this.rowHeadWidth - frozenOffset + 1, rowHeight],
             stroke: this.colors.gray200
         });
         this.path({
-            x: AI_TABLE_CELL_PADDING + AI_TABLE_ROW_DRAG_ICON_WIDTH,
+            x: this.hiddenIndexColumn ? AI_TABLE_CELL_PADDING : AI_TABLE_CELL_PADDING + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y: y + (rowHeight - AI_TABLE_ICON_COMMON_SIZE) / 2 - AI_TABLE_OFFSET,
             data: AddOutlinedPath,
             size: AI_TABLE_ROW_HEAD_SIZE,
@@ -7177,35 +6990,51 @@ class RecordRowLayout extends Layout {
         else if (isHoverRow) {
             fillBg = colors.gray80;
         }
-        this.customRect({
-            x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
-            y,
-            width: AI_TABLE_ROW_HEAD_WIDTH - AI_TABLE_OFFSET - AI_TABLE_ROW_DRAG_ICON_WIDTH,
-            height: rowHeight,
-            fill: fillBg,
-            strokes: {
-                right: colors.gray200,
-                bottom: colors.gray200
+        if (!this.hiddenIndexColumn) {
+            this.customRect({
+                x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
+                y,
+                width: this.rowHeadWidth - AI_TABLE_OFFSET - AI_TABLE_ROW_DRAG_ICON_WIDTH,
+                height: rowHeight,
+                fill: fillBg,
+                strokes: {
+                    right: colors.gray200,
+                    bottom: colors.gray200
+                }
+            });
+            if (!isCheckedRow && !isHoverRow) {
+                // 设置字体样式，居中绘制行号
+                this.setStyle({ fontSize: DEFAULT_FONT_SIZE });
+                this.text({
+                    x: (this.rowHeadWidth + AI_TABLE_ROW_DRAG_ICON_WIDTH) / 2,
+                    y: y + AI_TABLE_FIELD_HEAD_HEIGHT / 2,
+                    text: String(row.displayIndex),
+                    textAlign: DEFAULT_TEXT_ALIGN_CENTER,
+                    verticalAlign: DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE
+                });
             }
-        });
-        // 第一列单元格
-        this.rect({
-            x: AI_TABLE_ROW_HEAD_WIDTH,
-            y,
-            width: columnWidth + AI_TABLE_OFFSET,
-            height: rowHeight,
-            fill: fill,
-            stroke: colors.gray200
-        });
-        if (!isCheckedRow && !isHoverRow) {
-            // 设置字体样式，居中绘制行号
-            this.setStyle({ fontSize: DEFAULT_FONT_SIZE });
-            this.text({
-                x: (AI_TABLE_ROW_HEAD_WIDTH + AI_TABLE_ROW_DRAG_ICON_WIDTH) / 2,
-                y: y + AI_TABLE_FIELD_HEAD_HEIGHT / 2,
-                text: String(row.displayIndex),
-                textAlign: DEFAULT_TEXT_ALIGN_CENTER,
-                verticalAlign: DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE
+            // 第一列单元格
+            this.rect({
+                x: this.rowHeadWidth,
+                y,
+                width: columnWidth + AI_TABLE_OFFSET,
+                height: rowHeight,
+                fill: fill,
+                stroke: colors.gray200
+            });
+        }
+        else {
+            // 第一列单元格
+            this.customRect({
+                x: this.rowHeadWidth,
+                y,
+                width: columnWidth + AI_TABLE_OFFSET,
+                height: rowHeight,
+                fill: fill,
+                strokes: {
+                    right: colors.gray200,
+                    bottom: colors.gray200
+                }
             });
         }
         if (this.isLast) {
@@ -7306,7 +7135,9 @@ const createCells = (config) => {
                         columnWidth,
                         rowHeight: AI_TABLE_FIELD_HEAD_HEIGHT,
                         columnCount,
-                        containerWidth: coordinate.containerWidth
+                        containerWidth: coordinate.containerWidth,
+                        rowHeadWidth: context.rowHeadWidth(),
+                        hiddenIndexColumn: !!context.aiFieldConfig()?.hiddenIndexColumn
                     });
                     addRowLayout.render({
                         isHoverRow,
@@ -7326,7 +7157,9 @@ const createCells = (config) => {
                         columnWidth,
                         rowHeight,
                         columnCount,
-                        containerWidth: coordinate.containerWidth
+                        containerWidth: coordinate.containerWidth,
+                        rowHeadWidth: context.rowHeadWidth(),
+                        hiddenIndexColumn: !!context.aiFieldConfig()?.hiddenIndexColumn
                     });
                     recordRowLayout.render({
                         row,
@@ -7913,20 +7746,43 @@ class AITableFrozenColumnHeads {
     constructor() {
         this.config = input.required();
         this.coordinate = computed(() => {
-            return this.config().coordinate;
+            const config = this.config();
+            if (!config)
+                return null;
+            return config.coordinate;
+        });
+        this.hiddenIndexColumn = computed(() => {
+            const context = this.context();
+            if (!context)
+                return false;
+            return context?.aiFieldConfig()?.hiddenIndexColumn;
+        });
+        this.context = computed(() => {
+            const config = this.config();
+            if (!config)
+                return null;
+            return config?.aiTable.context;
         });
         this.isChecked = computed(() => {
-            // 目前只需要展示全部选中和空的状态
-            return this.config().aiTable.selection().selectAllState === AITableSelectAllState.all;
+            const config = this.config();
+            if (!config)
+                return false;
+            return config.aiTable.selection().selectAllState === AITableSelectAllState.all;
         });
         this.fieldHeadHeight = computed(() => {
-            return this.coordinate().rowInitSize;
+            const coord = this.coordinate();
+            if (!coord)
+                return 0;
+            return coord.rowInitSize;
         });
         this.headConfigs = computed(() => {
+            const coord = this.coordinate();
+            if (!coord)
+                return [];
             return createColumnHeads({
                 ...this.config(),
                 columnStartIndex: 0,
-                columnStopIndex: this.coordinate().frozenColumnCount - 1
+                columnStopIndex: coord.frozenColumnCount - 1
             });
         });
         this.dragHeadBgConfig = computed(() => {
@@ -7940,28 +7796,39 @@ class AITableFrozenColumnHeads {
             };
         });
         this.numberHeadBgConfig = computed(() => {
+            const ctx = this.context();
+            if (!ctx)
+                return { width: 0, height: 0 };
             return {
                 x: AI_TABLE_OFFSET,
                 y: AI_TABLE_OFFSET,
-                width: AI_TABLE_ROW_HEAD_WIDTH,
+                width: ctx.rowHeadWidth() || 0,
                 height: this.fieldHeadHeight(),
                 fill: Colors.white,
                 listening: false
             };
         });
-        this.topLineConfig = {
-            x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
-            y: AI_TABLE_OFFSET,
-            points: [0, 0, AI_TABLE_ROW_HEAD_WIDTH, 0],
-            stroke: Colors.gray200,
-            strokeWidth: 1,
-            listening: false
-        };
+        this.topLineConfig = computed(() => {
+            const ctx = this.context();
+            if (!ctx)
+                return { points: [0, 0, 0, 0] };
+            return {
+                x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
+                y: AI_TABLE_OFFSET,
+                points: [0, 0, ctx.rowHeadWidth(), 0],
+                stroke: Colors.gray200,
+                strokeWidth: 1,
+                listening: false
+            };
+        });
         this.bottomLineConfig = computed(() => {
+            const ctx = this.context();
+            if (!ctx)
+                return { points: [0, 0, 0, 0] };
             return {
                 x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
                 y: AI_TABLE_OFFSET,
-                points: [AI_TABLE_ROW_HEAD_WIDTH, this.fieldHeadHeight(), 0, this.fieldHeadHeight()],
+                points: [ctx.rowHeadWidth(), this.fieldHeadHeight(), 0, this.fieldHeadHeight()],
                 stroke: Colors.gray200,
                 strokeWidth: 1,
                 listening: false
@@ -7979,32 +7846,77 @@ class AITableFrozenColumnHeads {
             };
         });
         this.headBgConfig = computed(() => {
-            const { frozenColumnWidth } = this.coordinate();
+            const coord = this.coordinate();
+            const ctx = this.context();
+            if (!coord || !ctx)
+                return { width: 0, height: 0 };
             return {
-                x: AI_TABLE_ROW_HEAD_WIDTH,
+                x: ctx.rowHeadWidth(),
                 y: AI_TABLE_OFFSET,
-                width: frozenColumnWidth + AI_TABLE_OFFSET,
+                width: coord.frozenColumnWidth + AI_TABLE_OFFSET,
                 height: this.fieldHeadHeight(),
                 stroke: Colors.gray200,
-                strokeWidth: 1,
+                strokeWidth: this.hiddenIndexColumn() ? 0 : 1,
                 fill: Colors.transparent,
-                listening: false
+                listening: false,
+                zIndex: 10
             };
         });
+        this.cellLinesConfig = computed(() => {
+            const coord = this.coordinate();
+            const ctx = this.context();
+            if (!coord || !ctx)
+                return [];
+            return [
+                {
+                    x: ctx.rowHeadWidth(),
+                    y: AI_TABLE_OFFSET,
+                    points: [0, 0, coord.frozenColumnWidth + AI_TABLE_OFFSET, 0],
+                    stroke: Colors.gray200,
+                    strokeWidth: 1,
+                    listening: false,
+                    zIndex: 10
+                },
+                {
+                    x: ctx.rowHeadWidth(),
+                    y: AI_TABLE_OFFSET,
+                    points: [coord.frozenColumnWidth + AI_TABLE_OFFSET, 0, coord.frozenColumnWidth + AI_TABLE_OFFSET, this.fieldHeadHeight()],
+                    stroke: Colors.gray200,
+                    strokeWidth: 1,
+                    listening: false,
+                    zIndex: 10
+                },
+                {
+                    x: ctx.rowHeadWidth(),
+                    y: AI_TABLE_OFFSET,
+                    points: [0, this.fieldHeadHeight(), coord.frozenColumnWidth + AI_TABLE_OFFSET, this.fieldHeadHeight()],
+                    stroke: Colors.gray200,
+                    strokeWidth: 1,
+                    listening: false,
+                    zIndex: 10
+                }
+            ];
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableFrozenColumnHeads, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableFrozenColumnHeads, isStandalone: true, selector: "ai-table-frozen-column-heads", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
-        <ko-rect [config]="dragHeadBgConfig()"></ko-rect>
-        <ko-rect [config]="numberHeadBgConfig()"></ko-rect>
-        <ko-line [config]="topLineConfig"></ko-line>
-        <ko-line [config]="bottomLineConfig()"></ko-line>
-        <ko-group>
-            <ai-table-icon [config]="iconConfig()"></ai-table-icon>
-        </ko-group>
+        <ko-rect [config]="headBgConfig()"></ko-rect>
+        @if (!hiddenIndexColumn()) {
+            <ko-rect [config]="dragHeadBgConfig()"></ko-rect>
+            <ko-rect [config]="numberHeadBgConfig()"></ko-rect>
+            <ko-line [config]="topLineConfig()"></ko-line>
+            <ko-line [config]="bottomLineConfig()"></ko-line>
+            <ko-group>
+                <ai-table-icon [config]="iconConfig()"></ai-table-icon>
+            </ko-group>
+        } @else {
+            @for (lineConfig of cellLinesConfig(); track $index) {
+                <ko-line [config]="lineConfig"></ko-line>
+            }
+        }
         @for (config of headConfigs(); track $index) {
             <ai-table-field-head [config]="config"></ai-table-field-head>
         }
-        <ko-rect [config]="headBgConfig()"></ko-rect>
     `, isInline: true, dependencies: [{ kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: AITableFieldHead, selector: "ai-table-field-head", inputs: ["config"] }, { kind: "component", type: AITableIcon, selector: "ai-table-icon", inputs: ["config"] }, { kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableFrozenColumnHeads, decorators: [{
@@ -8012,17 +7924,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'ai-table-frozen-column-heads',
                     template: `
-        <ko-rect [config]="dragHeadBgConfig()"></ko-rect>
-        <ko-rect [config]="numberHeadBgConfig()"></ko-rect>
-        <ko-line [config]="topLineConfig"></ko-line>
-        <ko-line [config]="bottomLineConfig()"></ko-line>
-        <ko-group>
-            <ai-table-icon [config]="iconConfig()"></ai-table-icon>
-        </ko-group>
+        <ko-rect [config]="headBgConfig()"></ko-rect>
+        @if (!hiddenIndexColumn()) {
+            <ko-rect [config]="dragHeadBgConfig()"></ko-rect>
+            <ko-rect [config]="numberHeadBgConfig()"></ko-rect>
+            <ko-line [config]="topLineConfig()"></ko-line>
+            <ko-line [config]="bottomLineConfig()"></ko-line>
+            <ko-group>
+                <ai-table-icon [config]="iconConfig()"></ai-table-icon>
+            </ko-group>
+        } @else {
+            @for (lineConfig of cellLinesConfig(); track $index) {
+                <ko-line [config]="lineConfig"></ko-line>
+            }
+        }
         @for (config of headConfigs(); track $index) {
             <ai-table-field-head [config]="config"></ai-table-field-head>
         }
-        <ko-rect [config]="headBgConfig()"></ko-rect>
     `,
                     standalone: true,
                     imports: [KoShape, AITableFieldHead, AITableIcon, KoContainer],
@@ -8145,7 +8063,7 @@ class AITableHoverRowHeads {
                     y: coordinate.getRowOffset(rowIndex),
                     bgConfig: {
                         name: generateTargetName({ targetName: AI_TABLE_ROW_HEAD, recordId }),
-                        width: AI_TABLE_ROW_HEAD_WIDTH + 1,
+                        width: context.rowHeadWidth() + 1,
                         height: coordinate.rowHeight,
                         fill: Colors.transparent
                     }
@@ -8427,6 +8345,9 @@ class AITableRenderer {
         this.readonly = computed(() => {
             return this.config()?.readonly;
         });
+        this.hiddenIndexColumn = computed(() => {
+            return this.config()?.aiTable.context?.aiFieldConfig()?.hiddenIndexColumn;
+        });
         this.rowDragDisabled = computed(() => {
             return this.config()?.rowDragDisabled;
         });
@@ -8446,7 +8367,7 @@ class AITableRenderer {
             return getVisibleRangeInfo(this.coordinate(), this.scrollState());
         });
         this.frozenAreaWidth = computed(() => {
-            return AI_TABLE_ROW_HEAD_WIDTH + this.coordinate().frozenColumnWidth;
+            return this.config().aiTable.context.rowHeadWidth() + this.coordinate().frozenColumnWidth;
         });
         this.lastColumnWidth = computed(() => {
             return this.coordinate().getColumnWidth(this.visibleRangeInfo().columnStopIndex);
@@ -8573,7 +8494,7 @@ class AITableRenderer {
         this.koMouseleave.emit(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableRenderer, isStandalone: true, selector: "ai-table-renderer", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { koMousemove: "koMousemove", koMousedown: "koMousedown", koMouseup: "koMouseup", koContextmenu: "koContextmenu", koWheel: "koWheel", koClick: "koClick", koDblclick: "koDblclick", koMouseleave: "koMouseleave" }, ngImport: i0, template: "<ko-stage\n    [config]=\"stageConfig()\"\n    (koMousemove)=\"stageMousemove($event)\"\n    (koMousedown)=\"stageMousedown($event)\"\n    (koMouseup)=\"stageMouseup($event)\"\n    (koContextmenu)=\"stageContextmenu($event)\"\n    (koClick)=\"stageClick($event)\"\n    (koDblclick)=\"stageDblclick($event)\"\n    (koMouseleave)=\"stageMouseleave($event)\"\n>\n    <ko-layer>\n        <ko-group [config]=\"gridGroupConfig()\">\n            <ko-group [config]=\"offsetYConfig()\">\n                <ai-table-frozen-cells [config]=\"cellsConfig()\"></ai-table-frozen-cells>\n                <ai-table-other-rows [config]=\"cellsConfig()\"></ai-table-other-rows>\n                <ai-table-hover-row-heads [config]=\"cellsConfig()\"></ai-table-hover-row-heads>\n                <ai-table-frozen-placeholder-cells [config]=\"cellsConfig()\"></ai-table-frozen-placeholder-cells>\n            </ko-group>\n\n            <ko-group>\n                <ai-table-frozen-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-frozen-column-heads>\n            </ko-group>\n\n            <ko-group [config]=\"commonGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-cells [config]=\"cellsConfig()\"></ai-table-cells>\n                </ko-group>\n\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-column-heads>\n                    <ai-table-add-field [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-add-field>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    @if (activeCellBorderConfig().frozenActiveCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().frozenActiveCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n        </ko-group>\n    </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: KoStage, selector: "ko-stage", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: AITableColumnHeads, selector: "ai-table-column-heads", inputs: ["config"] }, { kind: "component", type: AITableFrozenColumnHeads, selector: "ai-table-frozen-column-heads", inputs: ["config"] }, { kind: "component", type: AITableCells, selector: "ai-table-cells", inputs: ["config"] }, { kind: "component", type: AITableFrozenCells, selector: "ai-table-frozen-cells", inputs: ["config"] }, { kind: "component", type: AITableFrozenPlaceholderCells, selector: "ai-table-frozen-placeholder-cells", inputs: ["config"] }, { kind: "component", type: AITableHoverCells, selector: "ai-table-hover-cell", inputs: ["config"] }, { kind: "component", type: AITablePlaceholderCells, selector: "ai-table-placeholder-cells", inputs: ["config"] }, { kind: "component", type: AITableAddField, selector: "ai-table-add-field", inputs: ["config"] }, { kind: "component", type: AITableHoverRowHeads, selector: "ai-table-hover-row-heads", inputs: ["config"] }, { kind: "component", type: AITableOtherRows, selector: "ai-table-other-rows", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableRenderer, isStandalone: true, selector: "ai-table-renderer", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { koMousemove: "koMousemove", koMousedown: "koMousedown", koMouseup: "koMouseup", koContextmenu: "koContextmenu", koWheel: "koWheel", koClick: "koClick", koDblclick: "koDblclick", koMouseleave: "koMouseleave" }, ngImport: i0, template: "<ko-stage\n    [config]=\"stageConfig()\"\n    (koMousemove)=\"stageMousemove($event)\"\n    (koMousedown)=\"stageMousedown($event)\"\n    (koMouseup)=\"stageMouseup($event)\"\n    (koContextmenu)=\"stageContextmenu($event)\"\n    (koClick)=\"stageClick($event)\"\n    (koDblclick)=\"stageDblclick($event)\"\n    (koMouseleave)=\"stageMouseleave($event)\"\n>\n    <ko-layer>\n        <ko-group [config]=\"gridGroupConfig()\">\n            <ko-group [config]=\"offsetYConfig()\">\n                <ai-table-frozen-cells [config]=\"cellsConfig()\"></ai-table-frozen-cells>\n                <ai-table-other-rows [config]=\"cellsConfig()\"></ai-table-other-rows>\n                @if (!hiddenIndexColumn()) {\n                    <ai-table-hover-row-heads [config]=\"cellsConfig()\"></ai-table-hover-row-heads>\n                }\n                <ai-table-frozen-placeholder-cells [config]=\"cellsConfig()\"></ai-table-frozen-placeholder-cells>\n            </ko-group>\n\n            <ko-group>\n                <ai-table-frozen-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-frozen-column-heads>\n            </ko-group>\n\n            <ko-group [config]=\"commonGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-cells [config]=\"cellsConfig()\"></ai-table-cells>\n                </ko-group>\n\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-column-heads>\n                    <ai-table-add-field [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-add-field>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    @if (activeCellBorderConfig().frozenActiveCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().frozenActiveCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n        </ko-group>\n    </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: KoStage, selector: "ko-stage", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: AITableColumnHeads, selector: "ai-table-column-heads", inputs: ["config"] }, { kind: "component", type: AITableFrozenColumnHeads, selector: "ai-table-frozen-column-heads", inputs: ["config"] }, { kind: "component", type: AITableCells, selector: "ai-table-cells", inputs: ["config"] }, { kind: "component", type: AITableFrozenCells, selector: "ai-table-frozen-cells", inputs: ["config"] }, { kind: "component", type: AITableFrozenPlaceholderCells, selector: "ai-table-frozen-placeholder-cells", inputs: ["config"] }, { kind: "component", type: AITableHoverCells, selector: "ai-table-hover-cell", inputs: ["config"] }, { kind: "component", type: AITablePlaceholderCells, selector: "ai-table-placeholder-cells", inputs: ["config"] }, { kind: "component", type: AITableAddField, selector: "ai-table-add-field", inputs: ["config"] }, { kind: "component", type: AITableHoverRowHeads, selector: "ai-table-hover-row-heads", inputs: ["config"] }, { kind: "component", type: AITableOtherRows, selector: "ai-table-other-rows", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableRenderer, decorators: [{
             type: Component,
@@ -8591,7 +8512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AITableAddField,
                         AITableHoverRowHeads,
                         AITableOtherRows
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ko-stage\n    [config]=\"stageConfig()\"\n    (koMousemove)=\"stageMousemove($event)\"\n    (koMousedown)=\"stageMousedown($event)\"\n    (koMouseup)=\"stageMouseup($event)\"\n    (koContextmenu)=\"stageContextmenu($event)\"\n    (koClick)=\"stageClick($event)\"\n    (koDblclick)=\"stageDblclick($event)\"\n    (koMouseleave)=\"stageMouseleave($event)\"\n>\n    <ko-layer>\n        <ko-group [config]=\"gridGroupConfig()\">\n            <ko-group [config]=\"offsetYConfig()\">\n                <ai-table-frozen-cells [config]=\"cellsConfig()\"></ai-table-frozen-cells>\n                <ai-table-other-rows [config]=\"cellsConfig()\"></ai-table-other-rows>\n                <ai-table-hover-row-heads [config]=\"cellsConfig()\"></ai-table-hover-row-heads>\n                <ai-table-frozen-placeholder-cells [config]=\"cellsConfig()\"></ai-table-frozen-placeholder-cells>\n            </ko-group>\n\n            <ko-group>\n                <ai-table-frozen-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-frozen-column-heads>\n            </ko-group>\n\n            <ko-group [config]=\"commonGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-cells [config]=\"cellsConfig()\"></ai-table-cells>\n                </ko-group>\n\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-column-heads>\n                    <ai-table-add-field [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-add-field>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    @if (activeCellBorderConfig().frozenActiveCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().frozenActiveCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n        </ko-group>\n    </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ko-stage\n    [config]=\"stageConfig()\"\n    (koMousemove)=\"stageMousemove($event)\"\n    (koMousedown)=\"stageMousedown($event)\"\n    (koMouseup)=\"stageMouseup($event)\"\n    (koContextmenu)=\"stageContextmenu($event)\"\n    (koClick)=\"stageClick($event)\"\n    (koDblclick)=\"stageDblclick($event)\"\n    (koMouseleave)=\"stageMouseleave($event)\"\n>\n    <ko-layer>\n        <ko-group [config]=\"gridGroupConfig()\">\n            <ko-group [config]=\"offsetYConfig()\">\n                <ai-table-frozen-cells [config]=\"cellsConfig()\"></ai-table-frozen-cells>\n                <ai-table-other-rows [config]=\"cellsConfig()\"></ai-table-other-rows>\n                @if (!hiddenIndexColumn()) {\n                    <ai-table-hover-row-heads [config]=\"cellsConfig()\"></ai-table-hover-row-heads>\n                }\n                <ai-table-frozen-placeholder-cells [config]=\"cellsConfig()\"></ai-table-frozen-placeholder-cells>\n            </ko-group>\n\n            <ko-group>\n                <ai-table-frozen-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-frozen-column-heads>\n            </ko-group>\n\n            <ko-group [config]=\"commonGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-cells [config]=\"cellsConfig()\"></ai-table-cells>\n                </ko-group>\n\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-heads [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-column-heads>\n                    <ai-table-add-field [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-add-field>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    @if (activeCellBorderConfig().frozenActiveCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().frozenActiveCellBorder!\"></ko-rect>\n                    }\n                    <ai-table-hover-cell [config]=\"cellsConfig()\"></ai-table-hover-cell>\n                </ko-group>\n            </ko-group>\n        </ko-group>\n    </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n" }]
         }] });
 
 class AITableCellRate {
@@ -9168,7 +9089,8 @@ class AITableGridEventService {
     }
     openCellEditor(aiTable, options) {
         const { container, recordId, fieldId, isHoverEdit, references } = options;
-        const { component, isInternalComponent } = this.getEditorComponent(this.aiTable.fieldsMap()[fieldId].type);
+        const fieldType = this.aiTable.fieldsMap()[fieldId].type;
+        const { component, isInternalComponent } = this.getEditorComponent(fieldType);
         const offsetOriginPosition = this.getOriginPosition(aiTable, options);
         this.cellEditorPopoverRef = this.thyPopover.open(component, {
             viewContainerRef: isInternalComponent ? undefined : options?.viewContainerRef,
@@ -9186,7 +9108,7 @@ class AITableGridEventService {
                 aiTable: aiTable
             },
             panelClass: 'grid-cell-editor',
-            outsideClosable: false,
+            outsideClosable: fieldType === AITableFieldType.link ? true : false,
             hasBackdrop: false,
             manualClosure: true,
             animationDisabled: true,
@@ -9581,7 +9503,7 @@ class AITableDragComponent {
         if ((targetColumnIndex >= 0 && (targetColumnIndex - sourceColumnIndex > 1 || targetColumnIndex - sourceColumnIndex < 0)) ||
             isLastColumn) {
             let lineLeft = targetColumnStartX - scroll.x;
-            const lineForFrozenX = lineLeft - frozenColumnWidth - AI_TABLE_ROW_HEAD_WIDTH;
+            const lineForFrozenX = lineLeft - frozenColumnWidth - aiTable.context.rowHeadWidth();
             if (lineForFrozenX < 0) {
                 lineLeft = coordinate.getColumnOffset(0);
                 targetColumnIndex = 0;
@@ -9783,7 +9705,7 @@ class AITableGrid extends AITableGridBase {
                 rowCount: this.linearRows().length,
                 columnCount: fields.length,
                 rowInitSize: AI_TABLE_FIELD_HEAD_HEIGHT,
-                columnInitSize: AI_TABLE_ROW_HEAD_WIDTH,
+                columnInitSize: this.aiTable.context.rowHeadWidth(),
                 rowIndicesSizeMap: {},
                 columnIndicesSizeMap: getColumnIndicesSizeMap(this.aiTable, fields),
                 frozenColumnCount: this.frozenColumnCount()
@@ -9901,6 +9823,7 @@ class AITableGrid extends AITableGridBase {
     }
     initContext() {
         this.aiTable.context = new RendererContext({
+            rowHeadWidth: computed(() => (this.aiFieldConfig()?.hiddenIndexColumn ? 0 : AI_TABLE_ROW_HEAD_WIDTH)),
             linearRows: this.linearRows,
             visibleColumnsIndexMap: this.visibleColumnsIndexMap,
             visibleRowsIndexMap: this.visibleRowsIndexMap,
@@ -10368,5 +10291,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFieldType, AITableFilterOperation, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridSelectionService, AITableMemberType, AITableMouseDownType, AITableQueries, AITableRenderer, AITableRowColumnType, AITableRowType, AITableSelectAllState, AITableSelectOptionStyle, AITableStatType, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, 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_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_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, 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_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_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AbstractEditCellEditor, AddOutlinedPath, AttachmentPath, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, 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, DepartmentOutlinedPath, Direction, DragType, EditPath, FONT_SIZE_SM, FieldModelMap, GRID_CELL_EDITOR_MAP, IsSelectRecordPipe, KO_CONTAINER_TOKEN, KoComponent, KoContainer, KoShape, KoShapeTypes, KoStage, LinkCellEditorComponent, MIN_COLUMN_WIDTH, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, RendererContext, RowDragPath, RowHeight, SelectCellEditorComponent, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextMeasure, Unchecked, UserPipe, WebOutlinedPath, aiTableFragmentAttribute, applyNodeProps, buildClipboardData, buildGridData, buildGridLinearRows, castToString, compareNumber, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptions, getFieldValue, getFileThumbnailSvgString, getHoverCell, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getName, getPlaceHolderCellsConfigs, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isActiveCell, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isDateFiled, isEmpty, isMac, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, readFromClipboard, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, transformCellValue, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
+export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridSelectionService, AITableMemberType, AITableMouseDownType, AITableQueries, AITableRenderer, AITableRowType, AITableSelectAllState, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, 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_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_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, 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_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_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AbstractEditCellEditor, AddOutlinedPath, AttachmentField, AttachmentPath, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, 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, EditPath, FONT_SIZE_SM, FieldModelMap, GRID_CELL_EDITOR_MAP, 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, applyNodeProps, buildClipboardData, buildGridData, buildGridLinearRows, castToString, compareNumber, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptions, getFieldValue, getFileThumbnailSvgString, getHoverCell, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getName, getPlaceHolderCellsConfigs, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isActiveCell, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isDateFiled, isEmptyOrNot, isMac, isMeetFilter, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, processPastedValueForSelect, readFromClipboard, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, toAttachmentFieldValue, toDateFieldValue, toLinkFieldValue, toMemberFieldValue, toNumberFieldValue, toProgressFieldValue, toRateFieldValue, toRichTextFieldValue, toSelectFieldValue, toTextFieldValue, transformCellValue, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
 //# sourceMappingURL=ai-table-grid.mjs.map