@ai-table/grid 0.1.23 → 0.1.25

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, AITableSelectOptionStyle, isEmpty, AITableFilterOperation, AttachmentFieldBase, DateFieldBase, isDateValid, isDateAndReturnDate, LinkFieldBase, MemberFieldBase, NumberFieldBase, ProgressFieldBase, isProgressAndReturnValue, RateFieldBase, RichTextFieldBase, SelectFieldBase, generateOptionsByTexts, TextFieldBase, FieldModelBaseMap } from '@ai-table/utils';
+import { AITableFieldGroup, AITableFieldType, AITableRowColumnType, DragType, isUndefinedOrNull, idCreator as idCreator$1, isUrl, AITableSelectOptionStyle, isEmpty, AITableFilterOperation, AttachmentFieldBase, AITableStatType, DateFieldBase, DEFAULT_FIELD_STAT_TYPE_ITEMS, isDateValid, isDateAndReturnDate, LinkFieldBase, MemberFieldBase, NumberFieldBase, ProgressFieldBase, isProgressAndReturnValue, RateFieldBase, RichTextFieldBase, SelectFieldBase, generateOptionsByTexts, TextFieldBase, FieldModelBaseMap } from '@ai-table/utils';
 import ObjectID from 'bson-objectid';
 import { customAlphabet } from 'nanoid';
 import * as _ from 'lodash';
@@ -58,7 +58,7 @@ import { ThySwitch } from 'ngx-tethys/switch';
 import { of, Subject, fromEvent, debounceTime, mergeWith, animationFrames, filter } from 'rxjs';
 import { isKeyHotkey } from 'is-hotkey';
 import { LRUCache } from 'lru-cache';
-import { fromUnixTime, subDays } from 'date-fns';
+import { fromUnixTime, subDays, differenceInDays, differenceInMonths } from 'date-fns';
 import { isArray, TinyDate, helpers } from 'ngx-tethys/util';
 import { DEFAULT_COLORS } from 'ngx-tethys/color-picker';
 import GraphemeSplitter from 'grapheme-splitter';
@@ -534,8 +534,16 @@ var AITableGridI18nKey;
     AITableGridI18nKey["fieldGroupBase"] = "fieldGroupBase";
     AITableGridI18nKey["fieldGroupAdvanced"] = "fieldGroupAdvanced";
     AITableGridI18nKey["rowAddFilterTooltip"] = "rowAddFilterTooltip";
+    AITableGridI18nKey["earliestTime"] = "earliestTime";
+    AITableGridI18nKey["earliestTimeResult"] = "earliestTimeResult";
+    AITableGridI18nKey["latestTime"] = "latestTime";
+    AITableGridI18nKey["latestTimeResult"] = "latestTimeResult";
+    AITableGridI18nKey["dateRangeOfDays"] = "dateRangeOfDays";
+    AITableGridI18nKey["dateRangeOfDaysResult"] = "dateRangeOfDaysResult";
+    AITableGridI18nKey["dateRangeOfMonths"] = "dateRangeOfMonths";
+    AITableGridI18nKey["dateRangeOfMonthsResult"] = "dateRangeOfMonthsResult";
 })(AITableGridI18nKey || (AITableGridI18nKey = {}));
-const AITableI18nText = {
+const AITableGridI18nText = {
     [AITableGridI18nKey.dataPickerPlaceholder]: '选择日期',
     [AITableGridI18nKey.linkTooltip]: '链接',
     [AITableGridI18nKey.invalidLinkFormat]: '链接格式不正确',
@@ -574,10 +582,18 @@ const AITableI18nText = {
     [AITableGridI18nKey.fieldTypeUpdatedAt]: '更新时间',
     [AITableGridI18nKey.fieldGroupBase]: '基础',
     [AITableGridI18nKey.fieldGroupAdvanced]: '高级',
-    [AITableGridI18nKey.rowAddFilterTooltip]: '本记录已被筛选过滤，点击该记录以外位置将被隐藏'
+    [AITableGridI18nKey.rowAddFilterTooltip]: '本记录已被筛选过滤，点击该记录以外位置将被隐藏',
+    [AITableGridI18nKey.earliestTime]: '最早时间',
+    [AITableGridI18nKey.earliestTimeResult]: '最早时间 {{statValue}}',
+    [AITableGridI18nKey.latestTime]: '最晚时间',
+    [AITableGridI18nKey.latestTimeResult]: '最晚时间 {{statValue}}',
+    [AITableGridI18nKey.dateRangeOfDays]: '时间范围(日)',
+    [AITableGridI18nKey.dateRangeOfDaysResult]: '时间范围 {{statValue}} 天',
+    [AITableGridI18nKey.dateRangeOfMonths]: '时间范围(月)',
+    [AITableGridI18nKey.dateRangeOfMonthsResult]: '时间范围 {{statValue}} 月'
 };
 const getDefaultI18nTextByKey = (key) => {
-    return AITableI18nText[key] || key;
+    return AITableGridI18nText[key] || key;
 };
 const getI18nTextByKey = (aiTable, key) => {
     if (aiTable.getI18nTextByKey) {
@@ -716,6 +732,261 @@ function getFieldOptionMap(aiTable) {
     return aiTable.context?.fieldOptionMap();
 }
 
+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',
+    danger: '#ff5b57'
+};
+
+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 = {}));
+
+const AI_TABLE_ACTION_COMMON_SIZE = 32; // 表格图标action背景的通用尺寸
+const AI_TABLE_ACTION_COMMON_RADIUS = 4; // 表格图标action背景的radius通用尺寸
+const AI_TABLE_ACTION_COMMON_RIGHT_PADDING = 6; // 表格图标action右侧padding尺寸
+const AI_TABLE_DEFAULT_COLUMN_WIDTH = 200; // 默认列宽
+const AI_TABLE_SCROLL_BAR_PADDING = 3; // 单元格滑动容器的滚动条宽度
+const AI_TABLE_OFFSET = 0.5; // 边框线偏移值
+const AI_TABLE_TEXT_GAP = 8; // 文本间距
+const AI_TABLE_ROW_HEAD = 'AI_TABLE_ROW_HEAD'; // 行头
+const AI_TABLE_ROW_DRAG_ICON_WIDTH = 18; // 行拖拽宽度
+const AI_TABLE_ROW_HEAD_WIDTH = 44; // 表格行头 checkbox 列的宽度
+const AI_TABLE_ROW_HEAD_WIDTH_AND_DRAG_ICON_WIDTH = AI_TABLE_ROW_HEAD_WIDTH + AI_TABLE_ROW_DRAG_ICON_WIDTH;
+const AI_TABLE_ROW_HEAD_SIZE = 16; // 添加行按钮的尺寸
+const AI_TABLE_ROW_ADD_BUTTON = 'AI_TABLE_ROW_ADD_BUTTON'; // 添加行名称
+const AI_TABLE_BLANK = 'AI_TABLE_BLANK'; // 空白区域
+const AI_TABLE_INDEX_FIELD_TEXT = ''; // 索引列显示文本
+const AI_TABLE_FIELD_HEAD = 'AI_TABLE_FIELD_HEAD'; // 属性列头标识
+const AI_TABLE_FIELD_HEAD_HEIGHT = 44; // 表格字段列头的高度
+const AI_TABLE_ROW_BLANK_HEIGHT = 43; // 减去边框后真实的行高
+const AI_TABLE_ROW_HEIGHT = 44; // 默认行高基准
+const AI_TABLE_CELL_ACTIVE_BORDER_WIDTH = 2; // 选中单元格的边框宽度
+const AI_TABLE_CELL_ATTACHMENT_ADD = 'AI_TABLE_CELL_ATTACHMENT_ADD'; // 附件cell中新增图标名称
+const AI_TABLE_CELL_ATTACHMENT_FILE = 'AI_TABLE_CELL_ATTACHMENT_FILE'; // 附件cell中文件
+const AI_TABLE_CELL_EDIT = 'AI_TABLE_CELL_EDIT'; // 附件cell中编辑图标名称
+const AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH = 30; // 字段列头文本的最小宽度
+const AI_TABLE_ROW_SELECT_CHECKBOX = 'AI_TABLE_ROW_SELECT_CHECKBOX'; // 行 checkbox
+const AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX = 'AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX'; // 表头 checkbox 标识
+const AI_TABLE_FIELD_ADD_BUTTON = 'AI_TABLE_FIELD_ADD_BUTTON'; // 添加列名称
+const AI_TABLE_FIELD_ADD_BUTTON_WIDTH = 100; // 添加列宽度
+const AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE = 8; // 字段表列头图标的间距
+const AI_TABLE_FIELD_HEAD_MORE = 'AI_TABLE_FIELD_HEAD_MORE'; // 更多图标名称
+const AI_TABLE_FIELD_HEAD_OPACITY_LINE = 'AI_TABLE_FIELD_HEAD_OPACITY_LINE'; // 字段列头透明线
+const AI_TABLE_FIELD_STAT_BG = 'AI_TABLE_FIELD_STAT_BG'; // 统计按钮背景
+const AI_TABLE_ROW_DRAG = 'AI_TABLE_ROW_DRAG'; // 行拖拽
+const AI_TABLE_FILL_HANDLE = 'AI_TABLE_FILL_HANDLE'; // 填充手柄
+const AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS = '.ai-table-prevent-clear-selection';
+const AI_TABLE_ICON_COMMON_SIZE = 16; // 表格图标的通用尺寸
+const AI_TABLE_CELL = 'AI_TABLE_CELL'; // 单元格标识
+// 因为 dom 的边距 12 是不包含 边框的，所以加上边框 2px  才能跟 编辑里面的内容对其；
+const AI_TABLE_CELL_PADDING = 14; // 单元格内容的内边距
+const AI_TABLE_CELL_BORDER = 2; // 单元格边框宽度
+const AI_TABLE_CELL_LINE_BORDER = 1; // 单元格线宽度
+const AI_TABLE_CELL_MULTI_PADDING_TOP = 10;
+const AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP = 4;
+const AI_TABLE_CELL_MULTI_PADDING_LEFT = 4;
+// 最少显示文字宽度，一个文字+ 三个点
+const AI_TABLE_MIN_TEXT_WIDTH = 24;
+const AI_TABLE_CELL_MULTI_DOT_RADIUS = 4;
+const AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT = 8;
+const AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE = 8; // 选项删除按钮的宽度
+const AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET = 12; // 选项字段删除按钮大小的偏移量
+const AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH = 36; // 选项字段项的最小宽度
+const AI_TABLE_CELL_MAX_ROW_COUNT = 1; // 默认单元格展示的最大行数
+const AI_TABLE_CELL_EMOJI_SIZE = 18;
+const AI_TABLE_CELL_EMOJI_PADDING = 8;
+const AI_TABLE_CELL_MEMBER_MAX_HEIGHT = 130; // 成员字段项最大高度
+const AI_TABLE_CELL_MEMBER_ITEM_HEIGHT = 24; // 成员字段项高度
+const AI_TABLE_CELL_MEMBER_ITEM_PADDING = 4; // 多个成员头像间距
+const AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE = 22; // 成员/选项/链接/附件字段的新按钮大小
+const AI_TABLE_MEMBER_AVATAR_SIZE = 24; // 成员头像大小
+const AI_TABLE_MEMBER_ITEM_PADDING_RIGHT = 8; // 成员字段项右边距
+const AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT = 8; // 成员头像与成员名之间的间距
+const AI_TABLE_FILE_ICON_ITEM_HEIGHT = 20; // 文件字段项高度
+const AI_TABLE_FILE_ICON_SIZE = 20; // 文件图标大小
+const AI_TABLE_CELL_FIELD_ITEM_HEIGHT = 8; // 文件字段项右边距
+const AI_TABLE_FIELD_ITEM_MARGIN_RIGHT = 8; // 文件图标之间的间距
+const AI_TABLE_OPTION_ITEM_PADDING = 10; // 选项按钮间距
+const AI_TABLE_OPTION_ITEM_HEIGHT = 24;
+const AI_TABLE_OPTION_ITEM_FONT_SIZE = 14;
+const AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE = 12;
+const AI_TABLE_OPTION_ITEM_RADIUS = 18;
+const AI_TABLE_TAG_PADDING = 12;
+const AI_TABLE_TAG_FONT_SIZE = 12;
+const AI_TABLE_PIECE_WIDTH = 10;
+const AI_TABLE_PIECE_RADIUS = 4;
+const AI_TABLE_COMMON_FONT_SIZE = 14;
+const AI_TABLE_DOT_RADIUS = 5;
+const AI_TABLE_PROGRESS_BAR_HEIGHT = 10;
+const AI_TABLE_PROGRESS_BAR_RADIUS = 5;
+const AI_TABLE_PROGRESS_BAR_POINTER_HEIGHT = 18;
+const AI_TABLE_PROGRESS_BAR_POINTER_WIDTH = 8;
+const AI_TABLE_PROGRESS_TEXT_WIDTH = 46;
+const AI_TABLE_POPOVER_LEFT_OFFSET = 4;
+const AI_TABLE_RATE_MAX = 5;
+const AI_TABLE_SCROLL_BAR_SIZE = 18;
+const AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD = 40;
+const AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD = 40;
+const AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD = AI_TABLE_FIELD_HEAD_HEIGHT / 2;
+const AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD = AI_TABLE_FIELD_HEAD_HEIGHT / 2;
+const AI_TABLE_FIELD_STAT_HEIGHT = 48; // 字段统计高度
+const AI_TABLE_TEXT_LINE_HEIGHT = 1.84; // 默认文本行高
+const AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT = AI_TABLE_FIELD_STAT_HEIGHT + AI_TABLE_CELL_LINE_BORDER * 2;
+
+const MIN_COLUMN_WIDTH = 80;
+const DBL_CLICK_EDIT_TYPE = [
+    AITableFieldType.text,
+    AITableFieldType.number,
+    AITableFieldType.select,
+    AITableFieldType.date,
+    AITableFieldType.member,
+    AITableFieldType.link
+];
+const RowHeight = {
+    Short: 32,
+    Medium: 57,
+    Tall: 104,
+    ExtraTall: 152
+};
+const DEFAULT_POINT_POSITION = {
+    areaType: AITableAreaType.none,
+    targetName: AI_TABLE_BLANK,
+    realTargetName: AI_TABLE_BLANK,
+    rowIndex: -1,
+    columnIndex: -1,
+    x: 0,
+    y: 0,
+    offsetTop: 0,
+    offsetLeft: 0
+};
+const DEFAULT_SCROLL_STATE = {
+    scrollTop: 0,
+    scrollLeft: 0,
+    isScrolling: false
+};
+
+const DEFAULT_ICON_SHAPE = 'square';
+const DEFAULT_ICON_SIZE = 16;
+const Check = `
+    M15,1H3C1.9,1,1,1.9,1,3v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V3C17,1.9,16.1,1,15,1z M14,6.6l-5.7,5.7
+  c-0.2,0.2-0.4,0.3-0.6,0.3s-0.4-0.1-0.6-0.3L4.6,9.8c-0.3-0.3-0.3-0.9,0-1.2s0.9-0.3,1.2,0l1.9,1.9l5.1-5.1
+  c0.3-0.3,0.9-0.3,1.2,0C14.3,5.7,14.3,6.3,14,6.6z
+  `;
+const Unchecked = `
+    M15,1H3C1.9,1,1,1.9,1,3v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V3C17,1.9,16.1,1,15,1z
+  M15.7,3.3v11.4c0,0.5-0.5,1-1,1H3.3c-0.5,0-1-0.5-1-1V3.3c0-0.5,0.5-1,1-1h11.4C15.2,2.3,15.7,2.8,15.7,3.3z
+  `;
+const ColumnTextFilledPath = `M7.268 8.674l-2.076-4.86-2.076 4.86h4.152zm0.513 1.2H2.603l-1.294 3.03L0 12.902L4.49 2.4H5.894l4.484 10.486-1.31 0.002-1.287-3.014zm2.86 1.111c0-1.423 1.246-2.193 4.21-2.49 0-0.89-0.235-1.72-1.362-1.72-0.772 0-1.484 0.356-2.017 0.711l-0.475-0.771c0.653-0.415 1.602-0.889 2.669-0.889 1.602 0 2.313 1.127 2.313 2.787v4.151h-0.948l-0.12-0.83h-0.06c-0.651 0.534-1.422 0.949-2.252 0.949-1.127 0-1.957-0.652-1.957-1.898zm4.113-1.778c-2.253 0.296-3.024 0.83-3.024 1.72 0 0.77 0.534 1.067 1.186 1.067 0.652 0 1.186-0.297 1.838-0.89V9.207z`;
+const ColumnRichTextFilledPath = `M14.5526,11.7084 C14.8845231,11.7084 15.1536,11.9774769 15.1536,12.3094 C15.1536,12.6413231 14.8845231,12.9104 14.5526,12.9104 L14.5526,12.9104 L11.7546,12.9104 C11.4226769,12.9104 11.1536,12.6413231 11.1536,12.3094 C11.1536,11.9774769 11.4226769,11.7084 11.7546,11.7084 L11.7546,11.7084 Z M5.894,2.4 L10.378,12.886 L9.068,12.888 L7.779,9.873 L2.603,9.873 L1.309,12.904 L2.84217094e-14,12.902 L4.49,2.4 L5.894,2.4 Z M5.191,3.814 L3.116,8.673 L7.267,8.673 L5.191,3.814 Z M14.5526,7.17723172 C14.8845231,7.17723172 15.1536,7.44630859 15.1536,7.77823172 C15.1536,8.11015486 14.8845231,8.37923172 14.5526,8.37923172 L14.5526,8.37923172 L10.7546,8.37923172 C10.4226769,8.37923172 10.1536,8.11015486 10.1536,7.77823172 C10.1536,7.44630859 10.4226769,7.17723172 10.7546,7.17723172 L10.7546,7.17723172 Z M14.5526,2.3094 C14.8845231,2.3094 15.1536,2.57847687 15.1536,2.9104 C15.1536,3.24232313 14.8845231,3.5114 14.5526,3.5114 L14.5526,3.5114 L9.7546,3.5114 C9.42267687,3.5114 9.1536,3.24232313 9.1536,2.9104 C9.1536,2.57847687 9.42267687,2.3094 9.7546,2.3094 L9.7546,2.3094 Z`;
+const ColumnSelectFilledPath = `M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-1.2A6.8 6.8 0 1 0 8 1.2a6.8 6.8 0 0 0 0 13.6zM5.666 7.207l1.8 1.845 3.482-3.554.857.84-4.34 4.43-2.658-2.723.86-.838z`;
+const ColumnMultipleFillPath = `M2 2.551L3.576.976l.848.848L2 4.25.576 2.824l.848-.848L2 2.55zm0 5.425L3.576 6.4l.848.849L2 9.673.576 8.249l.848-.849.576.576zm0 5.4L3.576 11.8l.848.849L2 15.073.576 13.649l.848-.849.576.576zM5.663 2.6a.6.6 0 1 1 0-1.2H15.4a.6.6 0 0 1 0 1.2H5.663zm0 11.8a.6.6 0 0 1 0-1.2H15.4a.6.6 0 0 1 0 1.2H5.663zm0-6.2a.6.6 0 1 1 0-1.2H15.4a.6.6 0 0 1 0 1.2H5.663z`;
+const ColumnCalendarFilledPath = `M10.9 3.2H5.1v1.6H3.9V3.2H1.2v3.2h13.6V3.2h-2.7v1.6h-1.2V3.2zM12.1 2H15a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2.9V.4h1.2V2h5.8V.4h1.2V2zm2.7 5.6H1.2v7.2h13.6V7.6z`;
+const ColumnNumberFilledPath = `M4.236 9.9l.422-3.8H2.6a.6.6 0 1 1 0-1.2h2.19l.372-3.347a.6.6 0 1 1 1.192.133L5.998 4.9h4.793l.37-3.347a.6.6 0 0 1 1.193.133L11.998 4.9h2.459a.6.6 0 0 1 0 1.2h-2.592l-.421 3.8h2.013a.6.6 0 0 1 0 1.2H11.31l-.374 3.368a.6.6 0 0 1-1.192-.132l.358-3.236H5.311l-.374 3.368a.6.6 0 0 1-1.192-.132l.358-3.236H1.6a.6.6 0 0 1 0-1.2h2.636zm1.208 0h4.792l.422-3.8H5.865l-.421 3.8z`;
+const ColumnLinkOutlinedPath = `M10.4238543,5.91643446 C11.7563563,7.48802206 11.6811634,9.84553933 10.1982756,11.3284271 L7.22842712,14.2982756 C5.66632996,15.8603728 3.13367004,15.8603728 1.57157288,14.2982756 C0.00947570825,12.7361784 0.00947570825,10.2035185 1.57157288,8.64142136 L2.387,7.82495116 L3.236,8.67395116 L2.42010101,9.48994949 C1.37219416,10.5378563 1.32853138,12.2097205 2.28911266,13.3096237 L2.42010101,13.4497475 C3.51356903,14.5432155 5.28643097,14.5432155 6.37989899,13.4497475 L9.34974747,10.479899 C10.3636395,9.46600698 10.4374244,7.86800734 9.57110232,6.76909967 L10.4238543,5.91643446 Z M14.4436815,1.67157288 C16.0057786,3.23367004 16.0057786,5.76632996 14.4436815,7.32842712 L13.5744058,8.198 L12.7254058,7.349 L13.5951533,6.47989899 C14.6430602,5.43199214 14.6867229,3.76012802 13.7261417,2.66022473 L13.5951533,2.52010101 C12.5016853,1.426633 10.7288234,1.426633 9.63535534,2.52010101 L6.66550686,5.48994949 C5.62228095,6.5331754 5.57434734,8.19479666 6.52170603,9.29485 L5.67236452,10.1460046 C4.25646867,8.57570748 4.3046734,6.15372668 5.81697872,4.64142136 L8.7868272,1.67157288 C10.3489244,0.109475708 12.8815843,0.109475708 14.4436815,1.67157288 Z`;
+const ColumnRatingFilledPath = `M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2zm.945 2.906l.077.106.064.112.03.069.564 1.46 1.646.1c.952.092 1.365 1.264.752 1.893l-.086.078-1.315 1.056.431 1.533c.295 1.031-.848 1.858-1.643 1.34l-.087-.063-1.315-.85-.006.001-1.309.842c-.85.567-1.903-.163-1.79-1.054l.019-.108.45-1.601-1.321-1.035c-.632-.633-.372-1.673.462-1.973l.123-.038.124-.026 1.571-.094.602-1.55c.364-.793 1.44-.836 1.957-.198zm-.91.815l-.809 2.085-2.253.134L6.8 8.571l-.602 2.139 1.44-.927.71-.087 1.569 1.016-.61-2.172 1.75-1.402-2.219-.134-.803-2.083z`;
+const ColumnMemberFilledPath = `M10.212 8.416A6.603 6.603 0 0 1 14.5 14.6a.6.6 0 0 1-1.2 0 5.4 5.4 0 0 0-10.8 0 .6.6 0 0 1-1.2 0 6.602 6.602 0 0 1 4.159-6.134 4.1 4.1 0 1 1 4.753-.05zM7.8 8a2.9 2.9 0 1 0 0-5.8 2.9 2.9 0 0 0 0 5.8z`;
+const ColumnProgressFilledPath = `M11.5 3.5a4.5 4.5 0 1 1 0 9h-7a4.5 4.5 0 1 1 0-9h7zm0 1.2h-7a3.3 3.3 0 0 0 0 6.6h7a3.3 3.3 0 1 0 0-6.6zM8 7.2v1.5H3.75a.75.75 0 0 1 0-1.5H8z`;
+const AddOutlinedPath = `M8.578 7.383V1.602a.601.601 0 1 0-1.2 0v5.781H1.6a.601.601 0 0 0 0 1.203h5.777v5.812a.601.601 0 1 0 1.2 0V8.586H14.4a.601.601 0 0 0 0-1.203H8.578z`;
+const MoreStandOutlinedPath = `M8 4.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5zm0 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5zm0 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z`;
+const StarFill = `M9.186 2.12l1.02 2.769c.073.292.365.437.656.437l2.915.146c1.166.073 1.676 1.53.73 2.26l-2.26 1.821c-.219.146-.291.51-.219.729l.73 2.842c.29 1.093-.948 2.04-1.896 1.384l-2.477-1.603a.79.79 0 0 0-.802 0l-2.478 1.676c-.947.583-2.186-.291-1.894-1.457l.728-2.842c.073-.292 0-.583-.218-.729L1.46 7.731c-.874-.729-.437-2.186.73-2.259l2.914-.146c.292 0 .51-.218.656-.437l1.093-2.77c.365-1.092 1.895-1.092 2.332 0z`;
+const WebOutlinedPath = `M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8ZM6.04798 2.85646C4.19852 3.55874 2.82616 5.22986 2.55071 7.25H5.26373C5.31861 5.76009 5.53564 4.40148 5.87147 3.352C5.92605 3.18143 5.98481 3.0157 6.04798 2.85646ZM5.87147 12.648C5.53564 11.5985 5.31861 10.2399 5.26373 8.75H2.55071C2.82616 10.7701 4.19852 12.4413 6.04798 13.1435C5.98481 12.9843 5.92605 12.8186 5.87147 12.648ZM10.1285 12.648C10.0739 12.8186 10.0152 12.9843 9.95202 13.1435C11.8015 12.4413 13.1738 10.7701 13.4493 8.75H10.7363C10.6814 10.2399 10.4644 11.5985 10.1285 12.648ZM8.6999 12.1908C8.98163 11.3104 9.18095 10.1118 9.23518 8.75H6.76482C6.81905 10.1118 7.01837 11.3104 7.3001 12.1908C7.46768 12.7145 7.65131 13.0839 7.81962 13.3063C7.90746 13.4224 7.9686 13.4711 8 13.4906C8.0314 13.4711 8.09254 13.4224 8.18038 13.3063C8.34869 13.0839 8.53232 12.7145 8.6999 12.1908ZM7.3001 3.80916C7.01837 4.68959 6.81905 5.88818 6.76482 7.25H9.23518C9.18095 5.88818 8.98163 4.68959 8.6999 3.80916C8.53232 3.28548 8.34869 2.91612 8.18038 2.69367C8.09254 2.57756 8.0314 2.52893 8 2.50944C7.9686 2.52893 7.90746 2.57756 7.81962 2.69367C7.65131 2.91612 7.46768 3.28548 7.3001 3.80916ZM10.1285 3.352C10.4644 4.40148 10.6814 5.76009 10.7363 7.25H13.4493C13.1738 5.22986 11.8015 3.55874 9.95203 2.85646C10.0152 3.0157 10.0739 3.18143 10.1285 3.352Z`;
+const DepartmentOutlinedPath = `M3 5.5C3 3.567 4.567 2 6.5 2C8.433 2 10 3.567 10 5.5C10 6.49548 9.5844 7.3939 8.91724 8.0312C10.7204 8.86779 12.017 10.6115 12.2217 12.6767C12.2976 13.4424 11.6682 14 11 14H2C1.33185 14 0.702358 13.4424 0.778277 12.6767C0.983033 10.6115 2.27961 8.86779 4.08276 8.0312C3.4156 7.3939 3 6.49548 3 5.5ZM8.5 5.5C8.5 4.39543 7.60457 3.5 6.5 3.5C5.39543 3.5 4.5 4.39543 4.5 5.5C4.5 6.60457 5.39543 7.5 6.5 7.5C7.60457 7.5 8.5 6.60457 8.5 5.5ZM2.31585 12.5H10.6841C10.3303 10.5108 8.59114 9 6.5 9C4.40886 9 2.66975 10.5108 2.31585 12.5Z', 'M11 3C10.5858 3 10.25 3.33579 10.25 3.75C10.25 4.16421 10.5858 4.5 11 4.5C11.6904 4.5 12.25 5.05964 12.25 5.75C12.25 6.44036 11.6904 7 11 7C10.5858 7 10.25 7.33579 10.25 7.75C10.25 8.16421 10.5858 8.5 11 8.5C12.6569 8.5 14 9.84315 14 11.5C14 11.9142 14.3358 12.25 14.75 12.25C15.1642 12.25 15.5 11.9142 15.5 11.5C15.5 9.77473 14.5291 8.27622 13.1038 7.52106C13.507 7.0426 13.75 6.42467 13.75 5.75C13.75 4.23122 12.5188 3 11 3Z`;
+const AttachmentPath = `M9.1773124,11.8057395 C7.96668709,13.0163648 6.00387566,13.0163648 4.79325035,11.8057395 C3.58262505,10.5951142 3.58262505,8.63230278 4.78926443,7.4257012 L8.27628904,3.87217601 C8.50840068,3.63567937 8.88828274,3.63209333 9.12479868,3.86418566 C9.36131462,4.096278 9.36490066,4.47616006 9.13280833,4.712676 L5.64177849,8.27020561 C4.89978234,9.01220177 4.89978234,10.2152152 5.64177849,10.9572114 C6.38377464,11.6992075 7.5867881,11.6992075 8.32878426,10.9572114 L12.2321177,7.05387799 C13.3493901,5.93660552 13.2780395,4.02707269 12.0410949,2.79012806 C10.8041502,1.55318343 8.8946174,1.4818328 7.77734493,2.59910526 L3.72686067,6.64958953 C2.02034367,8.35610653 2.02835883,11.1329242 3.74721224,12.8517776 C5.46606565,14.570631 8.24288334,14.5786462 9.94940034,12.8721292 L13.5980637,9.22346588 C13.8323782,8.98915131 14.2122772,8.98915131 14.4465918,9.22346588 C14.6809064,9.45778046 14.6809064,9.83767945 14.4465918,10.071994 L10.7979285,13.7206573 C8.62168228,15.8969035 5.08507361,15.8866953 2.8986841,13.7003058 C0.712294592,11.5139163 0.702086332,7.97730759 2.87833253,5.8010614 L6.9288168,1.75057713 C8.52947856,0.149915361 11.1976354,0.249612361 12.889623,1.94159992 C14.5816106,3.63358749 14.6813076,6.30174436 13.0806458,7.90240612 L9.1773124,11.8057395 Z`;
+const EditPath = `M2,8.33918294 L10.7095952,0 L15,4.17020474 L6.53816398,13 L2,13 L2,8.33918294 Z M3.2,8.85157902 L3.2,11.8 L6.02608482,11.8 L13.3091776,4.20020516 L10.7033283,1.66736141 L3.2,8.85157902 Z M0,16 L0,14.8 L16,14.8 L16,16 L0,16 Z`;
+const RowDragPath = `M6,3 C6.55228475,3 7,2.55228475 7,2 C7,1.44771525 6.55228475,1 6,1 C5.44771525,1 5,1.44771525 5,2 C5,2.55228475 5.44771525,3 6,3 Z M10,3 C10.5522847,3 11,2.55228475 11,2 C11,1.44771525 10.5522847,1 10,1 C9.44771525,1 9,1.44771525 9,2 C9,2.55228475 9.44771525,3 10,3 Z M6,7 C6.55228475,7 7,6.55228475 7,6 C7,5.44771525 6.55228475,5 6,5 C5.44771525,5 5,5.44771525 5,6 C5,6.55228475 5.44771525,7 6,7 Z M10,7 C10.5522847,7 11,6.55228475 11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 C9,6.55228475 9.44771525,7 10,7 Z M6,11 C6.55228475,11 7,10.5522847 7,10 C7,9.44771525 6.55228475,9 6,9 C5.44771525,9 5,9.44771525 5,10 C5,10.5522847 5.44771525,11 6,11 Z M10,11 C10.5522847,11 11,10.5522847 11,10 C11,9.44771525 10.5522847,9 10,9 C9.44771525,9 9,9.44771525 9,10 C9,10.5522847 9.44771525,11 10,11 Z M6,15 C6.55228475,15 7,14.5522847 7,14 C7,13.4477153 6.55228475,13 6,13 C5.44771525,13 5,13.4477153 5,14 C5,14.5522847 5.44771525,15 6,15 Z M10,15 C10.5522847,15 11,14.5522847 11,14 C11,13.4477153 10.5522847,13 10,13 C9.44771525,13 9,13.4477153 9,14 C9,14.5522847 9.44771525,15 10,15 Z`;
+const AngleDownPath = `M7.97815,11.99732 L7.9728,12.00267 L2.2998,6.33067 L3.1298,5.49967 L7.97807731,10.3479473 L12.8255,5.49967 L13.6565,6.33067 L7.9835,12.00267 L7.97815,11.99732 Z`;
+const IconPathMap = {};
+
+const DEFAULT_FONT_SIZE = 14;
+const DEFAULT_FONT_FAMILY = '-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Noto Sans,Noto Sans CJK SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif';
+const DEFAULT_FONT_STYLE = 'normal';
+const DEFAULT_TEXT_LINE_HEIGHT = 24;
+const DEFAULT_TEXT_FILL = Colors.gray800;
+const DEFAULT_FONT_WEIGHT = 'normal';
+const DEFAULT_TEXT_WRAP = 'none';
+const DEFAULT_TEXT_TRANSFORMS_ENABLED = 'position';
+const DEFAULT_TEXT_ELLIPSIS = true;
+const DEFAULT_TEXT_LISTENING = false;
+const DEFAULT_TEXT_ALIGN_LEFT = 'left';
+const DEFAULT_TEXT_ALIGN_CENTER = 'center';
+const DEFAULT_TEXT_ALIGN_RIGHT = 'right';
+const DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE = 'middle';
+const DEFAULT_TEXT_MAX_HEIGHT = 130;
+const DEFAULT_WRAP_TEXT_MAX_ROW = 1;
+const DEFAULT_TEXT_VERTICAL_ALIGN_TOP = 'top';
+const DEFAULT_TEXT_DECORATION = 'none';
+const DEFAULT_TEXT_SCALE = 1;
+const DEFAULT_TEXT_MAX_CACHE = 500;
+const FONT_SIZE_SM = 12;
+
 /**
  * 用于构建 Canvas 基础坐标系，后续的绘制工作以此为基础
  */
@@ -761,7 +1032,7 @@ class Coordinate {
      */
     get totalHeight() {
         const { offset, size } = this.getCellMetaData(this.rowCount - 1, AITableRowColumnType.row);
-        return offset + size;
+        return offset + size + AI_TABLE_FIELD_STAT_HEIGHT;
     }
     /**
      * 根据 rowIndex 获取对应行高
@@ -937,26 +1208,6 @@ 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',
-    danger: '#ff5b57'
-};
-
 const AITable = {
     getColors() {
         return Colors;
@@ -1039,109 +1290,52 @@ const buildInAlphabets = {
     [AlphabetType.uppercase]: customAlphabet(AlphabetDictionary.uppercase),
     [AlphabetType.alphanumeric]: customAlphabet(AlphabetDictionary.alphanumeric)
 };
-function shortId(alphabet = AlphabetType.url, size = 6, quantity) {
-    if (size < 6 || size > 32) {
-        throw new Error(`Invalid size "${size}", size must in 6-32`);
-    }
-    let idGenerator;
-    if (isNumber(alphabet)) {
-        if (!includes(values(AlphabetType), alphabet)) {
-            throw new Error(`Invalid alphabet "${alphabet}", alphabet must one of ${Object.values(AlphabetType).join(' ')}`);
-        }
-        idGenerator = buildInAlphabets[alphabet];
-    }
-    else if (isString(alphabet)) {
-        idGenerator = customAlphabet(alphabet);
-    }
-    else {
-        throw new Error(`Invalid alphabet "${alphabet}", alphabet type must be AlphabetType or string`);
-    }
-    if (!isUndefinedOrNull(quantity)) {
-        if (!isNumber(quantity)) {
-            throw new Error(`Invalid quantity "${quantity}", quantity type must be number`);
-        }
-        const idTasks = Array.from({ length: quantity }, () => idGenerator(size));
-        const ids = idTasks;
-        return ids;
-    }
-    return idGenerator(size);
-}
-
-function idCreator() {
-    return ObjectID().toHexString();
-}
-function idsCreator(count) {
-    if (count <= 0)
-        return [];
-    const newIds = [];
-    for (let i = 0; i < count; i++) {
-        newIds.push(idCreator());
-    }
-    return newIds;
-}
-function shortIdCreator() {
-    return shortId(undefined, 8);
-}
-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 = {}));
+function shortId(alphabet = AlphabetType.url, size = 6, quantity) {
+    if (size < 6 || size > 32) {
+        throw new Error(`Invalid size "${size}", size must in 6-32`);
+    }
+    let idGenerator;
+    if (isNumber(alphabet)) {
+        if (!includes(values(AlphabetType), alphabet)) {
+            throw new Error(`Invalid alphabet "${alphabet}", alphabet must one of ${Object.values(AlphabetType).join(' ')}`);
+        }
+        idGenerator = buildInAlphabets[alphabet];
+    }
+    else if (isString(alphabet)) {
+        idGenerator = customAlphabet(alphabet);
+    }
+    else {
+        throw new Error(`Invalid alphabet "${alphabet}", alphabet type must be AlphabetType or string`);
+    }
+    if (!isUndefinedOrNull(quantity)) {
+        if (!isNumber(quantity)) {
+            throw new Error(`Invalid quantity "${quantity}", quantity type must be number`);
+        }
+        const idTasks = Array.from({ length: quantity }, () => idGenerator(size));
+        const ids = idTasks;
+        return ids;
+    }
+    return idGenerator(size);
+}
 
-var AITableRowType;
-(function (AITableRowType) {
-    AITableRowType["add"] = "add";
-    AITableRowType["record"] = "record";
-})(AITableRowType || (AITableRowType = {}));
+function idCreator() {
+    return ObjectID().toHexString();
+}
+function idsCreator(count) {
+    if (count <= 0)
+        return [];
+    const newIds = [];
+    for (let i = 0; i < count; i++) {
+        newIds.push(idCreator());
+    }
+    return newIds;
+}
+function shortIdCreator() {
+    return shortId(undefined, 8);
+}
+function shortIdsCreator(count) {
+    return shortId(undefined, 8, count);
+}
 
 function createAITable(records, fields, gridData) {
     const aiTable = {
@@ -2039,213 +2233,31 @@ function getAvatarShortName(name) {
     }
     if (SET_OF_LETTERS_REGEX.test(name) && name.indexOf(' ') > 0) {
         const words = name.split(' ');
-        return (words[0].slice(0, 1) + words[1].slice(0, 1)).toUpperCase();
-    }
-    return name.length > 2 ? name.slice(0, 2).toUpperCase() : name.toUpperCase();
-}
-function getAvatarBgColor(name) {
-    if (!name) {
-        return;
-    }
-    const colors = ['#56abfb', '#5dcfff', '#84e17e', '#73d897', '#ff9f73', '#fa8888', '#fb7fb7', '#9a7ef4', '#868af6'];
-    const nameArray = name.split('');
-    const code = name && name.length > 0
-        ? nameArray.reduce(function (result, item) {
-            result.value += item.charCodeAt(0);
-            return result;
-        }, { value: 0 }).value
-        : 0;
-    return colors[code % 9];
-}
-function expandCell(aiTable, path) {
-    const [recordId, fieldId] = path;
-    aiTable.selection.set({
-        ...aiTable.selection(),
-        expandCell: [recordId, fieldId]
-    });
-}
-
-const GRID_CELL_EDITOR_MAP = {
-    [AITableFieldType.text]: TextCellEditorComponent,
-    [AITableFieldType.richText]: TextCellEditorComponent,
-    [AITableFieldType.select]: SelectCellEditorComponent,
-    [AITableFieldType.number]: NumberCellEditorComponent,
-    [AITableFieldType.date]: DateCellEditorComponent,
-    [AITableFieldType.link]: LinkCellEditorComponent
-};
-
-const AI_TABLE_ACTION_COMMON_SIZE = 32; // 表格图标action背景的通用尺寸
-const AI_TABLE_ACTION_COMMON_RADIUS = 4; // 表格图标action背景的radius通用尺寸
-const AI_TABLE_ACTION_COMMON_RIGHT_PADDING = 6; // 表格图标action右侧padding尺寸
-const AI_TABLE_DEFAULT_COLUMN_WIDTH = 200; // 默认列宽
-const AI_TABLE_SCROLL_BAR_PADDING = 3; // 单元格滑动容器的滚动条宽度
-const AI_TABLE_OFFSET = 0.5; // 边框线偏移值
-const AI_TABLE_TEXT_GAP = 8; // 文本间距
-const AI_TABLE_ROW_HEAD = 'AI_TABLE_ROW_HEAD'; // 行头
-const AI_TABLE_ROW_DRAG_ICON_WIDTH = 18; // 行拖拽宽度
-const AI_TABLE_ROW_HEAD_WIDTH = 44; // 表格行头 checkbox 列的宽度
-const AI_TABLE_ROW_HEAD_WIDTH_AND_DRAG_ICON_WIDTH = AI_TABLE_ROW_HEAD_WIDTH + AI_TABLE_ROW_DRAG_ICON_WIDTH;
-const AI_TABLE_ROW_HEAD_SIZE = 16; // 添加行按钮的尺寸
-const AI_TABLE_ROW_ADD_BUTTON = 'AI_TABLE_ROW_ADD_BUTTON'; // 添加行名称
-const AI_TABLE_BLANK = 'AI_TABLE_BLANK'; // 空白区域
-const AI_TABLE_INDEX_FIELD_TEXT = ''; // 索引列显示文本
-const AI_TABLE_FIELD_HEAD = 'AI_TABLE_FIELD_HEAD'; // 属性列头标识
-const AI_TABLE_FIELD_HEAD_HEIGHT = 44; // 表格字段列头的高度
-const AI_TABLE_ROW_BLANK_HEIGHT = 43; // 减去边框后真实的行高
-const AI_TABLE_ROW_HEIGHT = 44; // 默认行高基准
-const AI_TABLE_CELL_ACTIVE_BORDER_WIDTH = 2; // 选中单元格的边框宽度
-const AI_TABLE_CELL_ATTACHMENT_ADD = 'AI_TABLE_CELL_ATTACHMENT_ADD'; // 附件cell中新增图标名称
-const AI_TABLE_CELL_ATTACHMENT_FILE = 'AI_TABLE_CELL_ATTACHMENT_FILE'; // 附件cell中文件
-const AI_TABLE_CELL_EDIT = 'AI_TABLE_CELL_EDIT'; // 附件cell中编辑图标名称
-const AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH = 30; // 字段列头文本的最小宽度
-const AI_TABLE_ROW_SELECT_CHECKBOX = 'AI_TABLE_ROW_SELECT_CHECKBOX'; // 行 checkbox
-const AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX = 'AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX'; // 表头 checkbox 标识
-const AI_TABLE_FIELD_ADD_BUTTON = 'AI_TABLE_FIELD_ADD_BUTTON'; // 添加列名称
-const AI_TABLE_FIELD_ADD_BUTTON_WIDTH = 100; // 添加列宽度
-const AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE = 8; // 字段表列头图标的间距
-const AI_TABLE_FIELD_HEAD_MORE = 'AI_TABLE_FIELD_HEAD_MORE'; // 更多图标名称
-const AI_TABLE_FIELD_HEAD_OPACITY_LINE = 'AI_TABLE_FIELD_HEAD_OPACITY_LINE'; // 字段列头透明线
-const AI_TABLE_ROW_DRAG = 'AI_TABLE_ROW_DRAG'; // 行拖拽
-const AI_TABLE_FILL_HANDLE = 'AI_TABLE_FILL_HANDLE'; // 填充手柄
-const AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS = '.ai-table-prevent-clear-selection';
-const AI_TABLE_ICON_COMMON_SIZE = 16; // 表格图标的通用尺寸
-const AI_TABLE_CELL = 'AI_TABLE_CELL'; // 单元格标识
-// 因为 dom 的边距 12 是不包含 边框的，所以加上边框 2px  才能跟 编辑里面的内容对其；
-const AI_TABLE_CELL_PADDING = 14; // 单元格内容的内边距
-const AI_TABLE_CELL_BORDER = 2; // 单元格边框宽度
-const AI_TABLE_CELL_MULTI_PADDING_TOP = 10;
-const AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP = 4;
-const AI_TABLE_CELL_MULTI_PADDING_LEFT = 4;
-// 最少显示文字宽度，一个文字+ 三个点
-const AI_TABLE_MIN_TEXT_WIDTH = 24;
-const AI_TABLE_CELL_MULTI_DOT_RADIUS = 4;
-const AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT = 8;
-const AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE = 8; // 选项删除按钮的宽度
-const AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET = 12; // 选项字段删除按钮大小的偏移量
-const AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH = 36; // 选项字段项的最小宽度
-const AI_TABLE_CELL_MAX_ROW_COUNT = 1; // 默认单元格展示的最大行数
-const AI_TABLE_CELL_EMOJI_SIZE = 18;
-const AI_TABLE_CELL_EMOJI_PADDING = 8;
-const AI_TABLE_CELL_MEMBER_MAX_HEIGHT = 130; // 成员字段项最大高度
-const AI_TABLE_CELL_MEMBER_ITEM_HEIGHT = 24; // 成员字段项高度
-const AI_TABLE_CELL_MEMBER_ITEM_PADDING = 4; // 多个成员头像间距
-const AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE = 22; // 成员/选项/链接/附件字段的新按钮大小
-const AI_TABLE_MEMBER_AVATAR_SIZE = 24; // 成员头像大小
-const AI_TABLE_MEMBER_ITEM_PADDING_RIGHT = 8; // 成员字段项右边距
-const AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT = 8; // 成员头像与成员名之间的间距
-const AI_TABLE_FILE_ICON_ITEM_HEIGHT = 20; // 文件字段项高度
-const AI_TABLE_FILE_ICON_SIZE = 20; // 文件图标大小
-const AI_TABLE_CELL_FIELD_ITEM_HEIGHT = 8; // 文件字段项右边距
-const AI_TABLE_FIELD_ITEM_MARGIN_RIGHT = 8; // 文件图标之间的间距
-const AI_TABLE_OPTION_ITEM_PADDING = 10; // 选项按钮间距
-const AI_TABLE_OPTION_ITEM_HEIGHT = 24;
-const AI_TABLE_OPTION_ITEM_FONT_SIZE = 14;
-const AI_TABLE_OPTION_ITEM_RADIUS = 18;
-const AI_TABLE_TAG_PADDING = 12;
-const AI_TABLE_TAG_FONT_SIZE = 12;
-const AI_TABLE_PIECE_WIDTH = 10;
-const AI_TABLE_PIECE_RADIUS = 2;
-const AI_TABLE_COMMON_FONT_SIZE = 14;
-const AI_TABLE_DOT_RADIUS = 5;
-const AI_TABLE_PROGRESS_BAR_HEIGHT = 10;
-const AI_TABLE_PROGRESS_BAR_RADIUS = 5;
-const AI_TABLE_PROGRESS_BAR_POINTER_HEIGHT = 18;
-const AI_TABLE_PROGRESS_BAR_POINTER_WIDTH = 8;
-const AI_TABLE_PROGRESS_TEXT_WIDTH = 46;
-const AI_TABLE_POPOVER_LEFT_OFFSET = 4;
-const AI_TABLE_RATE_MAX = 5;
-const AI_TABLE_SCROLL_BAR_SIZE = 18;
-const AI_TABLE_AUTO_SCROLL_LEFT_THRESHOLD = 40;
-const AI_TABLE_AUTO_SCROLL_RIGHT_THRESHOLD = 40;
-const AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD = AI_TABLE_FIELD_HEAD_HEIGHT / 2;
-const AI_TABLE_AUTO_SCROLL_BOTTOM_THRESHOLD = AI_TABLE_FIELD_HEAD_HEIGHT / 2;
-const AI_TABLE_FIELD_STAT_HEIGHT = 48; // 字段统计高度
-
-const MIN_COLUMN_WIDTH = 80;
-const DBL_CLICK_EDIT_TYPE = [
-    AITableFieldType.text,
-    AITableFieldType.number,
-    AITableFieldType.select,
-    AITableFieldType.date,
-    AITableFieldType.member,
-    AITableFieldType.link
-];
-const RowHeight = {
-    Short: 32,
-    Medium: 57,
-    Tall: 104,
-    ExtraTall: 152
-};
-const DEFAULT_POINT_POSITION = {
-    areaType: AITableAreaType.none,
-    targetName: AI_TABLE_BLANK,
-    realTargetName: AI_TABLE_BLANK,
-    rowIndex: -1,
-    columnIndex: -1,
-    x: 0,
-    y: 0,
-    offsetTop: 0,
-    offsetLeft: 0
-};
-const DEFAULT_SCROLL_STATE = {
-    scrollTop: 0,
-    scrollLeft: 0,
-    isScrolling: false
-};
-
-const DEFAULT_ICON_SHAPE = 'square';
-const DEFAULT_ICON_SIZE = 16;
-const Check = `
-    M15,1H3C1.9,1,1,1.9,1,3v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V3C17,1.9,16.1,1,15,1z M14,6.6l-5.7,5.7
-  c-0.2,0.2-0.4,0.3-0.6,0.3s-0.4-0.1-0.6-0.3L4.6,9.8c-0.3-0.3-0.3-0.9,0-1.2s0.9-0.3,1.2,0l1.9,1.9l5.1-5.1
-  c0.3-0.3,0.9-0.3,1.2,0C14.3,5.7,14.3,6.3,14,6.6z
-  `;
-const Unchecked = `
-    M15,1H3C1.9,1,1,1.9,1,3v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V3C17,1.9,16.1,1,15,1z
-  M15.7,3.3v11.4c0,0.5-0.5,1-1,1H3.3c-0.5,0-1-0.5-1-1V3.3c0-0.5,0.5-1,1-1h11.4C15.2,2.3,15.7,2.8,15.7,3.3z
-  `;
-const ColumnTextFilledPath = `M7.268 8.674l-2.076-4.86-2.076 4.86h4.152zm0.513 1.2H2.603l-1.294 3.03L0 12.902L4.49 2.4H5.894l4.484 10.486-1.31 0.002-1.287-3.014zm2.86 1.111c0-1.423 1.246-2.193 4.21-2.49 0-0.89-0.235-1.72-1.362-1.72-0.772 0-1.484 0.356-2.017 0.711l-0.475-0.771c0.653-0.415 1.602-0.889 2.669-0.889 1.602 0 2.313 1.127 2.313 2.787v4.151h-0.948l-0.12-0.83h-0.06c-0.651 0.534-1.422 0.949-2.252 0.949-1.127 0-1.957-0.652-1.957-1.898zm4.113-1.778c-2.253 0.296-3.024 0.83-3.024 1.72 0 0.77 0.534 1.067 1.186 1.067 0.652 0 1.186-0.297 1.838-0.89V9.207z`;
-const ColumnRichTextFilledPath = `M14.5526,11.7084 C14.8845231,11.7084 15.1536,11.9774769 15.1536,12.3094 C15.1536,12.6413231 14.8845231,12.9104 14.5526,12.9104 L14.5526,12.9104 L11.7546,12.9104 C11.4226769,12.9104 11.1536,12.6413231 11.1536,12.3094 C11.1536,11.9774769 11.4226769,11.7084 11.7546,11.7084 L11.7546,11.7084 Z M5.894,2.4 L10.378,12.886 L9.068,12.888 L7.779,9.873 L2.603,9.873 L1.309,12.904 L2.84217094e-14,12.902 L4.49,2.4 L5.894,2.4 Z M5.191,3.814 L3.116,8.673 L7.267,8.673 L5.191,3.814 Z M14.5526,7.17723172 C14.8845231,7.17723172 15.1536,7.44630859 15.1536,7.77823172 C15.1536,8.11015486 14.8845231,8.37923172 14.5526,8.37923172 L14.5526,8.37923172 L10.7546,8.37923172 C10.4226769,8.37923172 10.1536,8.11015486 10.1536,7.77823172 C10.1536,7.44630859 10.4226769,7.17723172 10.7546,7.17723172 L10.7546,7.17723172 Z M14.5526,2.3094 C14.8845231,2.3094 15.1536,2.57847687 15.1536,2.9104 C15.1536,3.24232313 14.8845231,3.5114 14.5526,3.5114 L14.5526,3.5114 L9.7546,3.5114 C9.42267687,3.5114 9.1536,3.24232313 9.1536,2.9104 C9.1536,2.57847687 9.42267687,2.3094 9.7546,2.3094 L9.7546,2.3094 Z`;
-const ColumnSelectFilledPath = `M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-1.2A6.8 6.8 0 1 0 8 1.2a6.8 6.8 0 0 0 0 13.6zM5.666 7.207l1.8 1.845 3.482-3.554.857.84-4.34 4.43-2.658-2.723.86-.838z`;
-const ColumnMultipleFillPath = `M2 2.551L3.576.976l.848.848L2 4.25.576 2.824l.848-.848L2 2.55zm0 5.425L3.576 6.4l.848.849L2 9.673.576 8.249l.848-.849.576.576zm0 5.4L3.576 11.8l.848.849L2 15.073.576 13.649l.848-.849.576.576zM5.663 2.6a.6.6 0 1 1 0-1.2H15.4a.6.6 0 0 1 0 1.2H5.663zm0 11.8a.6.6 0 0 1 0-1.2H15.4a.6.6 0 0 1 0 1.2H5.663zm0-6.2a.6.6 0 1 1 0-1.2H15.4a.6.6 0 0 1 0 1.2H5.663z`;
-const ColumnCalendarFilledPath = `M10.9 3.2H5.1v1.6H3.9V3.2H1.2v3.2h13.6V3.2h-2.7v1.6h-1.2V3.2zM12.1 2H15a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2.9V.4h1.2V2h5.8V.4h1.2V2zm2.7 5.6H1.2v7.2h13.6V7.6z`;
-const ColumnNumberFilledPath = `M4.236 9.9l.422-3.8H2.6a.6.6 0 1 1 0-1.2h2.19l.372-3.347a.6.6 0 1 1 1.192.133L5.998 4.9h4.793l.37-3.347a.6.6 0 0 1 1.193.133L11.998 4.9h2.459a.6.6 0 0 1 0 1.2h-2.592l-.421 3.8h2.013a.6.6 0 0 1 0 1.2H11.31l-.374 3.368a.6.6 0 0 1-1.192-.132l.358-3.236H5.311l-.374 3.368a.6.6 0 0 1-1.192-.132l.358-3.236H1.6a.6.6 0 0 1 0-1.2h2.636zm1.208 0h4.792l.422-3.8H5.865l-.421 3.8z`;
-const ColumnLinkOutlinedPath = `M10.4238543,5.91643446 C11.7563563,7.48802206 11.6811634,9.84553933 10.1982756,11.3284271 L7.22842712,14.2982756 C5.66632996,15.8603728 3.13367004,15.8603728 1.57157288,14.2982756 C0.00947570825,12.7361784 0.00947570825,10.2035185 1.57157288,8.64142136 L2.387,7.82495116 L3.236,8.67395116 L2.42010101,9.48994949 C1.37219416,10.5378563 1.32853138,12.2097205 2.28911266,13.3096237 L2.42010101,13.4497475 C3.51356903,14.5432155 5.28643097,14.5432155 6.37989899,13.4497475 L9.34974747,10.479899 C10.3636395,9.46600698 10.4374244,7.86800734 9.57110232,6.76909967 L10.4238543,5.91643446 Z M14.4436815,1.67157288 C16.0057786,3.23367004 16.0057786,5.76632996 14.4436815,7.32842712 L13.5744058,8.198 L12.7254058,7.349 L13.5951533,6.47989899 C14.6430602,5.43199214 14.6867229,3.76012802 13.7261417,2.66022473 L13.5951533,2.52010101 C12.5016853,1.426633 10.7288234,1.426633 9.63535534,2.52010101 L6.66550686,5.48994949 C5.62228095,6.5331754 5.57434734,8.19479666 6.52170603,9.29485 L5.67236452,10.1460046 C4.25646867,8.57570748 4.3046734,6.15372668 5.81697872,4.64142136 L8.7868272,1.67157288 C10.3489244,0.109475708 12.8815843,0.109475708 14.4436815,1.67157288 Z`;
-const ColumnRatingFilledPath = `M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 1.2a6.8 6.8 0 1 0 0 13.6A6.8 6.8 0 0 0 8 1.2zm.945 2.906l.077.106.064.112.03.069.564 1.46 1.646.1c.952.092 1.365 1.264.752 1.893l-.086.078-1.315 1.056.431 1.533c.295 1.031-.848 1.858-1.643 1.34l-.087-.063-1.315-.85-.006.001-1.309.842c-.85.567-1.903-.163-1.79-1.054l.019-.108.45-1.601-1.321-1.035c-.632-.633-.372-1.673.462-1.973l.123-.038.124-.026 1.571-.094.602-1.55c.364-.793 1.44-.836 1.957-.198zm-.91.815l-.809 2.085-2.253.134L6.8 8.571l-.602 2.139 1.44-.927.71-.087 1.569 1.016-.61-2.172 1.75-1.402-2.219-.134-.803-2.083z`;
-const ColumnMemberFilledPath = `M10.212 8.416A6.603 6.603 0 0 1 14.5 14.6a.6.6 0 0 1-1.2 0 5.4 5.4 0 0 0-10.8 0 .6.6 0 0 1-1.2 0 6.602 6.602 0 0 1 4.159-6.134 4.1 4.1 0 1 1 4.753-.05zM7.8 8a2.9 2.9 0 1 0 0-5.8 2.9 2.9 0 0 0 0 5.8z`;
-const ColumnProgressFilledPath = `M11.5 3.5a4.5 4.5 0 1 1 0 9h-7a4.5 4.5 0 1 1 0-9h7zm0 1.2h-7a3.3 3.3 0 0 0 0 6.6h7a3.3 3.3 0 1 0 0-6.6zM8 7.2v1.5H3.75a.75.75 0 0 1 0-1.5H8z`;
-const AddOutlinedPath = `M8.578 7.383V1.602a.601.601 0 1 0-1.2 0v5.781H1.6a.601.601 0 0 0 0 1.203h5.777v5.812a.601.601 0 1 0 1.2 0V8.586H14.4a.601.601 0 0 0 0-1.203H8.578z`;
-const MoreStandOutlinedPath = `M8 4.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5zm0 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5zm0 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z`;
-const StarFill = `M9.186 2.12l1.02 2.769c.073.292.365.437.656.437l2.915.146c1.166.073 1.676 1.53.73 2.26l-2.26 1.821c-.219.146-.291.51-.219.729l.73 2.842c.29 1.093-.948 2.04-1.896 1.384l-2.477-1.603a.79.79 0 0 0-.802 0l-2.478 1.676c-.947.583-2.186-.291-1.894-1.457l.728-2.842c.073-.292 0-.583-.218-.729L1.46 7.731c-.874-.729-.437-2.186.73-2.259l2.914-.146c.292 0 .51-.218.656-.437l1.093-2.77c.365-1.092 1.895-1.092 2.332 0z`;
-const WebOutlinedPath = `M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8ZM6.04798 2.85646C4.19852 3.55874 2.82616 5.22986 2.55071 7.25H5.26373C5.31861 5.76009 5.53564 4.40148 5.87147 3.352C5.92605 3.18143 5.98481 3.0157 6.04798 2.85646ZM5.87147 12.648C5.53564 11.5985 5.31861 10.2399 5.26373 8.75H2.55071C2.82616 10.7701 4.19852 12.4413 6.04798 13.1435C5.98481 12.9843 5.92605 12.8186 5.87147 12.648ZM10.1285 12.648C10.0739 12.8186 10.0152 12.9843 9.95202 13.1435C11.8015 12.4413 13.1738 10.7701 13.4493 8.75H10.7363C10.6814 10.2399 10.4644 11.5985 10.1285 12.648ZM8.6999 12.1908C8.98163 11.3104 9.18095 10.1118 9.23518 8.75H6.76482C6.81905 10.1118 7.01837 11.3104 7.3001 12.1908C7.46768 12.7145 7.65131 13.0839 7.81962 13.3063C7.90746 13.4224 7.9686 13.4711 8 13.4906C8.0314 13.4711 8.09254 13.4224 8.18038 13.3063C8.34869 13.0839 8.53232 12.7145 8.6999 12.1908ZM7.3001 3.80916C7.01837 4.68959 6.81905 5.88818 6.76482 7.25H9.23518C9.18095 5.88818 8.98163 4.68959 8.6999 3.80916C8.53232 3.28548 8.34869 2.91612 8.18038 2.69367C8.09254 2.57756 8.0314 2.52893 8 2.50944C7.9686 2.52893 7.90746 2.57756 7.81962 2.69367C7.65131 2.91612 7.46768 3.28548 7.3001 3.80916ZM10.1285 3.352C10.4644 4.40148 10.6814 5.76009 10.7363 7.25H13.4493C13.1738 5.22986 11.8015 3.55874 9.95203 2.85646C10.0152 3.0157 10.0739 3.18143 10.1285 3.352Z`;
-const DepartmentOutlinedPath = `M3 5.5C3 3.567 4.567 2 6.5 2C8.433 2 10 3.567 10 5.5C10 6.49548 9.5844 7.3939 8.91724 8.0312C10.7204 8.86779 12.017 10.6115 12.2217 12.6767C12.2976 13.4424 11.6682 14 11 14H2C1.33185 14 0.702358 13.4424 0.778277 12.6767C0.983033 10.6115 2.27961 8.86779 4.08276 8.0312C3.4156 7.3939 3 6.49548 3 5.5ZM8.5 5.5C8.5 4.39543 7.60457 3.5 6.5 3.5C5.39543 3.5 4.5 4.39543 4.5 5.5C4.5 6.60457 5.39543 7.5 6.5 7.5C7.60457 7.5 8.5 6.60457 8.5 5.5ZM2.31585 12.5H10.6841C10.3303 10.5108 8.59114 9 6.5 9C4.40886 9 2.66975 10.5108 2.31585 12.5Z', 'M11 3C10.5858 3 10.25 3.33579 10.25 3.75C10.25 4.16421 10.5858 4.5 11 4.5C11.6904 4.5 12.25 5.05964 12.25 5.75C12.25 6.44036 11.6904 7 11 7C10.5858 7 10.25 7.33579 10.25 7.75C10.25 8.16421 10.5858 8.5 11 8.5C12.6569 8.5 14 9.84315 14 11.5C14 11.9142 14.3358 12.25 14.75 12.25C15.1642 12.25 15.5 11.9142 15.5 11.5C15.5 9.77473 14.5291 8.27622 13.1038 7.52106C13.507 7.0426 13.75 6.42467 13.75 5.75C13.75 4.23122 12.5188 3 11 3Z`;
-const AttachmentPath = `M9.1773124,11.8057395 C7.96668709,13.0163648 6.00387566,13.0163648 4.79325035,11.8057395 C3.58262505,10.5951142 3.58262505,8.63230278 4.78926443,7.4257012 L8.27628904,3.87217601 C8.50840068,3.63567937 8.88828274,3.63209333 9.12479868,3.86418566 C9.36131462,4.096278 9.36490066,4.47616006 9.13280833,4.712676 L5.64177849,8.27020561 C4.89978234,9.01220177 4.89978234,10.2152152 5.64177849,10.9572114 C6.38377464,11.6992075 7.5867881,11.6992075 8.32878426,10.9572114 L12.2321177,7.05387799 C13.3493901,5.93660552 13.2780395,4.02707269 12.0410949,2.79012806 C10.8041502,1.55318343 8.8946174,1.4818328 7.77734493,2.59910526 L3.72686067,6.64958953 C2.02034367,8.35610653 2.02835883,11.1329242 3.74721224,12.8517776 C5.46606565,14.570631 8.24288334,14.5786462 9.94940034,12.8721292 L13.5980637,9.22346588 C13.8323782,8.98915131 14.2122772,8.98915131 14.4465918,9.22346588 C14.6809064,9.45778046 14.6809064,9.83767945 14.4465918,10.071994 L10.7979285,13.7206573 C8.62168228,15.8969035 5.08507361,15.8866953 2.8986841,13.7003058 C0.712294592,11.5139163 0.702086332,7.97730759 2.87833253,5.8010614 L6.9288168,1.75057713 C8.52947856,0.149915361 11.1976354,0.249612361 12.889623,1.94159992 C14.5816106,3.63358749 14.6813076,6.30174436 13.0806458,7.90240612 L9.1773124,11.8057395 Z`;
-const EditPath = `M2,8.33918294 L10.7095952,0 L15,4.17020474 L6.53816398,13 L2,13 L2,8.33918294 Z M3.2,8.85157902 L3.2,11.8 L6.02608482,11.8 L13.3091776,4.20020516 L10.7033283,1.66736141 L3.2,8.85157902 Z M0,16 L0,14.8 L16,14.8 L16,16 L0,16 Z`;
-const RowDragPath = `M6,3 C6.55228475,3 7,2.55228475 7,2 C7,1.44771525 6.55228475,1 6,1 C5.44771525,1 5,1.44771525 5,2 C5,2.55228475 5.44771525,3 6,3 Z M10,3 C10.5522847,3 11,2.55228475 11,2 C11,1.44771525 10.5522847,1 10,1 C9.44771525,1 9,1.44771525 9,2 C9,2.55228475 9.44771525,3 10,3 Z M6,7 C6.55228475,7 7,6.55228475 7,6 C7,5.44771525 6.55228475,5 6,5 C5.44771525,5 5,5.44771525 5,6 C5,6.55228475 5.44771525,7 6,7 Z M10,7 C10.5522847,7 11,6.55228475 11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 C9,6.55228475 9.44771525,7 10,7 Z M6,11 C6.55228475,11 7,10.5522847 7,10 C7,9.44771525 6.55228475,9 6,9 C5.44771525,9 5,9.44771525 5,10 C5,10.5522847 5.44771525,11 6,11 Z M10,11 C10.5522847,11 11,10.5522847 11,10 C11,9.44771525 10.5522847,9 10,9 C9.44771525,9 9,9.44771525 9,10 C9,10.5522847 9.44771525,11 10,11 Z M6,15 C6.55228475,15 7,14.5522847 7,14 C7,13.4477153 6.55228475,13 6,13 C5.44771525,13 5,13.4477153 5,14 C5,14.5522847 5.44771525,15 6,15 Z M10,15 C10.5522847,15 11,14.5522847 11,14 C11,13.4477153 10.5522847,13 10,13 C9.44771525,13 9,13.4477153 9,14 C9,14.5522847 9.44771525,15 10,15 Z`;
-const AngleDownPath = `M7.97815,11.99732 L7.9728,12.00267 L2.2998,6.33067 L3.1298,5.49967 L7.97807731,10.3479473 L12.8255,5.49967 L13.6565,6.33067 L7.9835,12.00267 L7.97815,11.99732 Z`;
-const IconPathMap = {};
-
-const DEFAULT_FONT_SIZE = 14;
-const DEFAULT_FONT_FAMILY = '-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Noto Sans,Noto Sans CJK SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif';
-const DEFAULT_FONT_STYLE = 'normal';
-const DEFAULT_TEXT_LINE_HEIGHT = 24;
-const DEFAULT_TEXT_FILL = Colors.gray800;
-const DEFAULT_FONT_WEIGHT = 'normal';
-const DEFAULT_TEXT_WRAP = 'none';
-const DEFAULT_TEXT_TRANSFORMS_ENABLED = 'position';
-const DEFAULT_TEXT_ELLIPSIS = true;
-const DEFAULT_TEXT_LISTENING = false;
-const DEFAULT_TEXT_ALIGN_LEFT = 'left';
-const DEFAULT_TEXT_ALIGN_CENTER = 'center';
-const DEFAULT_TEXT_ALIGN_RIGHT = 'right';
-const DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE = 'middle';
-const DEFAULT_TEXT_MAX_HEIGHT = 130;
-const DEFAULT_WRAP_TEXT_MAX_ROW = 1;
-const DEFAULT_TEXT_VERTICAL_ALIGN_TOP = 'top';
-const DEFAULT_TEXT_DECORATION = 'none';
-const DEFAULT_TEXT_SCALE = 1;
-const DEFAULT_TEXT_MAX_CACHE = 500;
-const FONT_SIZE_SM = 12;
+        return (words[0].slice(0, 1) + words[1].slice(0, 1)).toUpperCase();
+    }
+    return name.length > 2 ? name.slice(0, 2).toUpperCase() : name.toUpperCase();
+}
+function getAvatarBgColor(name) {
+    if (!name) {
+        return;
+    }
+    const colors = ['#56abfb', '#5dcfff', '#84e17e', '#73d897', '#ff9f73', '#fa8888', '#fb7fb7', '#9a7ef4', '#868af6'];
+    const nameArray = name.split('');
+    const code = name && name.length > 0
+        ? nameArray.reduce(function (result, item) {
+            result.value += item.charCodeAt(0);
+            return result;
+        }, { value: 0 }).value
+        : 0;
+    return colors[code % 9];
+}
+function expandCell(aiTable, path) {
+    const [recordId, fieldId] = path;
+    aiTable.selection.set({
+        ...aiTable.selection(),
+        expandCell: [recordId, fieldId]
+    });
+}
 
 /**
  * 生成目标名称
@@ -2749,7 +2761,43 @@ function cellValueToSortValue$4(cellValue, field, references, sortKey = 'title')
     return values && values.length ? values.join(', ') : null;
 }
 
+const FIELD_STAT_TYPE_MAP = {
+    [AITableStatType.EarliestTime]: {
+        name: AITableGridI18nKey.earliestTime,
+        type: AITableStatType.EarliestTime,
+        format: AITableGridI18nKey.earliestTimeResult,
+        exec: statEarliestTime
+    },
+    [AITableStatType.LatestTime]: {
+        name: AITableGridI18nKey.latestTime,
+        type: AITableStatType.LatestTime,
+        format: AITableGridI18nKey.latestTimeResult,
+        exec: statLatestTime
+    },
+    [AITableStatType.DateRangeOfDays]: {
+        name: AITableGridI18nKey.dateRangeOfDays,
+        type: AITableStatType.DateRangeOfDays,
+        format: AITableGridI18nKey.dateRangeOfDaysResult,
+        exec: statDateRangeOfDays
+    },
+    [AITableStatType.DateRangeOfMonths]: {
+        name: AITableGridI18nKey.dateRangeOfMonths,
+        type: AITableStatType.DateRangeOfMonths,
+        format: AITableGridI18nKey.dateRangeOfMonthsResult,
+        exec: statDateRangeOfMonths
+    }
+};
+
 class DateField extends DateFieldBase {
+    constructor() {
+        super([
+            ...DEFAULT_FIELD_STAT_TYPE_ITEMS,
+            FIELD_STAT_TYPE_MAP[AITableStatType.EarliestTime],
+            FIELD_STAT_TYPE_MAP[AITableStatType.LatestTime],
+            FIELD_STAT_TYPE_MAP[AITableStatType.DateRangeOfDays],
+            FIELD_STAT_TYPE_MAP[AITableStatType.DateRangeOfMonths]
+        ]);
+    }
     transformCellValue(cellValue, options) {
         return transformToCellText(cellValue, options);
     }
@@ -3649,9 +3697,10 @@ const writeToAITable = async (aiTable, actions) => {
     const maxRecords = aiTable.context.maxRecords();
     const startRowIndex = aiTable.context.visibleRowsIndexMap().get(startRecordId) ?? 0;
     const lastRowIndex = aiTable.context.linearRows().length - 1;
+    const recordsCount = aiTable.records().length;
     let appendRowCount = clipboardContent.length - (lastRowIndex - startRowIndex);
-    if (maxRecords && lastRowIndex + appendRowCount > maxRecords) {
-        appendRowCount = maxRecords - lastRowIndex;
+    if (maxRecords && recordsCount + appendRowCount > maxRecords) {
+        appendRowCount = maxRecords - recordsCount;
         result.isPasteOverMaxRecords = true;
     }
     actions.addRecord({ count: appendRowCount });
@@ -3660,8 +3709,9 @@ const writeToAITable = async (aiTable, actions) => {
     const copiedFieldLength = clipboardContent[0].length;
     const appendColCount = copiedFieldLength - (lastColIndex - startColIndex) - 1;
     const appendOffset = copiedFieldLength - appendColCount;
+    const fieldsCount = aiTable.fields().length;
     for (let i = 0; i < appendColCount; i++) {
-        if (maxFields && lastColIndex + i + 1 < maxFields) {
+        if (maxFields && fieldsCount + i + 1 < maxFields) {
             const originField = aiTableContent?.fields[appendOffset + i] || null;
             appendField(aiTable, originField, actions);
         }
@@ -5013,7 +5063,7 @@ class AITableCellLink extends CoverCellComponent {
                     fillStyle: Colors.primary,
                     fill: Colors.primary,
                     height: rowHeight + 2,
-                    lineHeight: 1.84,
+                    lineHeight: AI_TABLE_TEXT_LINE_HEIGHT,
                     listening: true,
                     ellipsis: true,
                     textDecoration: 'underline',
@@ -5311,7 +5361,7 @@ class AITableCellRichText extends CoverCellComponent {
                     width: textWidth,
                     fillStyle: Colors.primary,
                     height: rowHeight + 2,
-                    lineHeight: 1.84,
+                    lineHeight: AI_TABLE_TEXT_LINE_HEIGHT,
                     listening: false,
                     ellipsis: true,
                     zIndex
@@ -5534,7 +5584,7 @@ class AddRowLayout extends Layout {
             stroke: this.colors.gray200
         });
     }
-    renderFirstCell({ isHoverRow }) {
+    renderFirstCell({ isHoverRow, isDisabled }) {
         if (!this.isFirst)
             return;
         const y = this.y;
@@ -5567,7 +5617,7 @@ class AddRowLayout extends Layout {
             y: y + (rowHeight - AI_TABLE_ICON_COMMON_SIZE) / 2 - AI_TABLE_OFFSET,
             data: AddOutlinedPath,
             size: AI_TABLE_ROW_HEAD_SIZE,
-            fill: this.readonly ? this.colors.gray300 : this.colors.gray600
+            fill: this.readonly || isDisabled ? this.colors.gray300 : this.colors.gray600
         });
     }
     renderLastCell({ isHoverRow, isCheckedRow }) {
@@ -5590,9 +5640,10 @@ class AddRowLayout extends Layout {
             isHoverRow
         });
     }
-    render({ isHoverRow, isCheckedRow }) {
+    render({ isHoverRow, isCheckedRow, isDisabled }) {
         this.renderFirstCell({
-            isHoverRow
+            isHoverRow,
+            isDisabled
         });
         this.renderCommonCell({
             isHoverRow
@@ -6208,7 +6259,7 @@ class CellDrawer extends Drawer {
         let currentX = x + AI_TABLE_CELL_PADDING;
         const maxContainerWidth = columnWidth - 2 * AI_TABLE_CELL_PADDING;
         const optionStyle = field.settings.option_style;
-        const fontStyle = `${DEFAULT_FONT_WEIGHT} ${AI_TABLE_OPTION_ITEM_FONT_SIZE}px ${DEFAULT_FONT_FAMILY}`;
+        const fontStyle = `${DEFAULT_FONT_WEIGHT} ${AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE}px ${DEFAULT_FONT_FAMILY}`;
         const isDotOrPiece = optionStyle === AITableSelectOptionStyle.dot || optionStyle === AITableSelectOptionStyle.piece;
         let totalWidth = 0;
         const cellItemInfoMap = new Map();
@@ -6302,14 +6353,14 @@ class CellDrawer extends Drawer {
                     }
                     this.text({
                         x: bgConfig.x + AI_TABLE_CELL_PADDING + AI_TABLE_CELL_MULTI_DOT_RADIUS * 2 + AI_TABLE_CELL_MULTI_PADDING_LEFT,
-                        y: y + (AI_TABLE_ROW_BLANK_HEIGHT - AI_TABLE_OPTION_ITEM_FONT_SIZE) / 2,
+                        y: y + (AI_TABLE_ROW_BLANK_HEIGHT - AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE) / 2,
                         text: this.textEllipsis({
                             text: item.text,
                             maxWidth: bgWidth - baseWidth,
-                            fontSize: AI_TABLE_OPTION_ITEM_FONT_SIZE
+                            fontSize: AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE
                         }).text,
                         fillStyle: Colors.gray700,
-                        fontSize: AI_TABLE_OPTION_ITEM_FONT_SIZE
+                        fontSize: AI_TABLE_OPTION_MULTI_ITEM_FONT_SIZE
                     });
                 }
                 else if (optionStyle === AITableSelectOptionStyle.tag) {
@@ -6906,11 +6957,13 @@ const createCells = (config) => {
                         containerWidth: coordinate.containerWidth,
                         rowHeadWidth: context.rowHeadWidth(),
                         hiddenIndexColumn: !!context.aiFieldConfig()?.hiddenIndexColumn,
-                        hiddenRowDrag: !!context.aiFieldConfig()?.hiddenRowDrag
+                        hiddenRowDrag: !!context.aiFieldConfig()?.hiddenRowDrag,
+                        readonly: aiTable.context?.readonly?.()
                     });
                     addRowLayout.render({
                         isHoverRow,
-                        isCheckedRow
+                        isCheckedRow,
+                        isDisabled: maxRecords ? aiTable.records().length >= maxRecords : false
                     });
                     break;
                 }
@@ -7144,7 +7197,7 @@ class AITableAddField {
             const fields = this.config().fields || [];
             const index = this.config().columnStopIndex;
             const fieldId = fields.length && index < fields.length ? fields[index]._id : '';
-            const disabled = maxFields && aiTable.gridData().fields.length >= maxFields;
+            const disabled = maxFields && aiTable.fields().length >= maxFields;
             return {
                 name: generateTargetName({
                     targetName: AI_TABLE_FIELD_ADD_BUTTON,
@@ -7173,7 +7226,7 @@ class AITableAddField {
                 fill: Colors.gray600,
                 listening: false,
                 visible: !readonly,
-                disabled: maxFields ? aiTable.gridData().fields.length >= maxFields : false
+                disabled: maxFields ? aiTable.fields().length >= maxFields : false
             };
         });
     }
@@ -7373,7 +7426,7 @@ class AITableFieldHead {
                 width: Math.max(this.textData().width, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH),
                 height: height + 2,
                 text: field.name,
-                lineHeight: 1.84
+                lineHeight: AI_TABLE_TEXT_LINE_HEIGHT
             };
         });
         this.moreIconConfig = computed(() => {
@@ -7641,7 +7694,7 @@ class AITableFrozenColumnHeads {
         });
         this.textConfig = computed(() => {
             const text = AI_TABLE_INDEX_FIELD_TEXT;
-            const lineHeight = 1.84;
+            const lineHeight = AI_TABLE_TEXT_LINE_HEIGHT;
             const measureText = TextMeasure().measureText(text);
             return {
                 x: AI_TABLE_CELL_PADDING + this.dragOccupyWidth() + measureText.width / 2,
@@ -7965,7 +8018,7 @@ class AITableOtherRows {
             for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
                 if (rowIndex > coordinate.rowCount - 1)
                     break;
-                if (maxRecords && rowIndex >= maxRecords)
+                if (maxRecords && aiTable.records().length >= maxRecords)
                     break;
                 const { _id, type } = aiTable.context.linearRows()[rowIndex];
                 if (type === AITableRowType.record)
@@ -8044,6 +8097,173 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                 }]
         }] });
 
+class AITableBackground {
+    constructor() {
+        this.config = input.required();
+        this.isActive = input(false);
+        this.koClick = output();
+        this.hover = output();
+        this.koMouseenter = output();
+        this.koMouseleave = output();
+        this.groupConfig = computed(() => {
+            const { x, y } = this.config();
+            return { x, y, listening: false };
+        });
+        this.isHover = model(false);
+        this.isShowSpecialBorderConfig = computed(() => {
+            const { borders } = this.config();
+            const stroke = this.stroke();
+            const strokeWidth = this.strokeWidth();
+            return borders && stroke && strokeWidth && ___default.some(borders, (item) => !item) && ___default.some(borders, (item) => !!item);
+        });
+        this.borderLinesConfig = computed(() => {
+            const { borders, height, width } = this.config();
+            const stroke = this.stroke();
+            const strokeWidth = this.strokeWidth();
+            const result = [];
+            const [top, right, bottom, left] = borders || [false, false, false, false];
+            if (top) {
+                result.push({
+                    x: 0,
+                    y: 0,
+                    points: [0, 0, width, 0],
+                    stroke,
+                    strokeWidth,
+                    listening: false
+                });
+            }
+            if (right) {
+                result.push({
+                    x: 0,
+                    y: 0,
+                    points: [width, 0, width, height],
+                    stroke,
+                    strokeWidth,
+                    listening: false
+                });
+            }
+            if (bottom) {
+                result.push({
+                    x: 0,
+                    y: 0,
+                    points: [0, height, width, height],
+                    stroke,
+                    strokeWidth,
+                    listening: false
+                });
+            }
+            if (left) {
+                result.push({
+                    x: 0,
+                    y: 0,
+                    points: [0, 0, 0, height],
+                    stroke,
+                    strokeWidth,
+                    listening: false
+                });
+            }
+            return result;
+        });
+        this.stroke = computed(() => {
+            const { stroke, hoverStroke } = this.config();
+            const active = this.isHover() || this.isActive();
+            return active ? hoverStroke || stroke : stroke;
+        });
+        this.strokeWidth = computed(() => {
+            const { strokeWidth, hoverStrokeWidth } = this.config();
+            const active = this.isHover() || this.isActive();
+            return active ? hoverStrokeWidth || strokeWidth : strokeWidth;
+        });
+        this.containerConfig = computed(() => {
+            const { x, y } = this.config();
+            return { x, y };
+        });
+        this.bgConfig = computed(() => {
+            const { name, width, height, fill = Colors.transparent, cornerRadius, opacity, hoverFill, hoverOpacity, listening } = this.config();
+            const active = this.isHover() || this.isActive();
+            const result = {
+                name,
+                width,
+                height,
+                fill: active ? hoverFill || fill : fill,
+                cornerRadius,
+                opacity: active ? hoverOpacity || opacity : opacity,
+                listening
+            };
+            if (!this.isShowSpecialBorderConfig()) {
+                result.stroke = this.stroke();
+                result.strokeWidth = this.strokeWidth();
+            }
+            return result;
+        });
+    }
+    onClick(e) {
+        this.koClick.emit(e);
+    }
+    koMousemove(e) {
+        // e.event.cancelBubble = true;
+    }
+    onMouseenter(e) {
+        this.isHover.set(true);
+        const { coordinate } = this.config();
+        setMouseStyle('pointer', coordinate.container);
+        this.koMouseenter.emit(e);
+        this.hover.emit(this.isHover());
+    }
+    onMouseleave(e) {
+        this.isHover.set(false);
+        const { coordinate } = this.config();
+        setMouseStyle('default', coordinate.container);
+        this.koMouseleave.emit(e);
+        this.hover.emit(this.isHover());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableBackground, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableBackground, isStandalone: true, selector: "ai-table-background", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, isHover: { classPropertyName: "isHover", publicName: "isHover", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { koClick: "koClick", hover: "hover", koMouseenter: "koMouseenter", koMouseleave: "koMouseleave", isHover: "isHoverChange" }, ngImport: i0, template: `
+        <ko-group [config]="containerConfig()">
+            <ko-group>
+                <ko-rect
+                    [config]="bgConfig()"
+                    (koMousemove)="koMousemove($event)"
+                    (koMouseenter)="onMouseenter($event)"
+                    (koMouseleave)="onMouseleave($event)"
+                    (koClick)="koClick.emit($event)"
+                ></ko-rect>
+            </ko-group>
+            <ko-group>
+                @for (lineConfig of borderLinesConfig(); track $index) {
+                    <ko-line [config]="lineConfig"></ko-line>
+                }
+            </ko-group>
+        </ko-group>
+    `, 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: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableBackground, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-background',
+                    template: `
+        <ko-group [config]="containerConfig()">
+            <ko-group>
+                <ko-rect
+                    [config]="bgConfig()"
+                    (koMousemove)="koMousemove($event)"
+                    (koMouseenter)="onMouseenter($event)"
+                    (koMouseleave)="onMouseleave($event)"
+                    (koClick)="koClick.emit($event)"
+                ></ko-rect>
+            </ko-group>
+            <ko-group>
+                @for (lineConfig of borderLinesConfig(); track $index) {
+                    <ko-line [config]="lineConfig"></ko-line>
+                }
+            </ko-group>
+        </ko-group>
+    `,
+                    imports: [KoShape, KoContainer],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
 class AITableFillHandle {
     constructor() {
         this.config = input.required();
@@ -8210,7 +8430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
         }] });
 
 const createFieldStats = (config) => {
-    const { coordinate, columnStartIndex, columnStopIndex, aiTable, actions } = config;
+    const { coordinate, columnStartIndex, columnStopIndex, aiTable, actions, y, isHoverStatContainer, readonly } = config;
     const colors = Colors;
     const { columnCount, rowInitSize: fieldHeadHeight } = coordinate;
     const fields = aiTable.gridData().fields;
@@ -8229,12 +8449,15 @@ const createFieldStats = (config) => {
             aiTable,
             coordinate,
             actions,
+            columnIndex,
             x,
-            y: coordinate.containerHeight - AI_TABLE_FIELD_STAT_HEIGHT,
+            y,
             width: columnWidth,
-            height: fieldHeadHeight,
+            height: AI_TABLE_FIELD_STAT_HEIGHT,
             field,
-            stroke: columnIndex === 0 ? colors.transparent : undefined
+            stroke: columnIndex === 0 ? colors.transparent : undefined,
+            isHoverStatContainer: isHoverStatContainer,
+            readonly
         };
         fieldStats.push(fieldStat);
     }
@@ -8248,6 +8471,7 @@ class AITableStatTypeMenu extends ThyDropdownAbstractMenu {
         this.aiTable = input.required();
         this.statMenus = input.required();
         this.menuClick = output();
+        this.selectStatType = computed(() => this.field().stat_type || AITableStatType.None);
     }
     execute(menu) {
         this.menuClick.emit({
@@ -8256,33 +8480,37 @@ class AITableStatTypeMenu extends ThyDropdownAbstractMenu {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableStatTypeMenu, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableStatTypeMenu, isStandalone: true, selector: "ai-table-stat-type-menu", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, aiTable: { classPropertyName: "aiTable", publicName: "aiTable", isSignal: true, isRequired: true, transformFunction: null }, statMenus: { classPropertyName: "statMenus", publicName: "statMenus", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { menuClick: "menuClick" }, host: { classAttribute: "stat-type-menu" }, usesInheritance: true, ngImport: i0, template: "@if (field()) {\n    @for (menu of statMenus(); track index; let index = $index) {\n        <a thyDropdownMenuItem href=\"javascript:;\" (click)=\"execute(menu)\">\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n", dependencies: [{ kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableStatTypeMenu, isStandalone: true, selector: "ai-table-stat-type-menu", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, aiTable: { classPropertyName: "aiTable", publicName: "aiTable", isSignal: true, isRequired: true, transformFunction: null }, statMenus: { classPropertyName: "statMenus", publicName: "statMenus", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { menuClick: "menuClick" }, host: { classAttribute: "stat-type-menu" }, usesInheritance: true, ngImport: i0, template: "@if (field()) {\n    @for (menu of statMenus(); track index; let index = $index) {\n        <a\n            thyDropdownMenuItem\n            href=\"javascript:;\"\n            [ngClass]=\"{\n                active: selectStatType() === menu.type\n            }\"\n            (click)=\"execute(menu)\"\n        >\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n", dependencies: [{ kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableStatTypeMenu, decorators: [{
             type: Component,
             args: [{ selector: 'ai-table-stat-type-menu', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'stat-type-menu'
-                    }, imports: [ThyDropdownMenuItemDirective], template: "@if (field()) {\n    @for (menu of statMenus(); track index; let index = $index) {\n        <a thyDropdownMenuItem href=\"javascript:;\" (click)=\"execute(menu)\">\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n" }]
+                    }, imports: [ThyDropdownMenuItemDirective, NgClass], template: "@if (field()) {\n    @for (menu of statMenus(); track index; let index = $index) {\n        <a\n            thyDropdownMenuItem\n            href=\"javascript:;\"\n            [ngClass]=\"{\n                active: selectStatType() === menu.type\n            }\"\n            (click)=\"execute(menu)\"\n        >\n            <span>{{ menu.name }}</span>\n        </a>\n    }\n}\n" }]
         }] });
 
 class AITableFieldStat {
     constructor() {
         this.thyPopover = inject(ThyPopover);
         this.config = input.required();
-        this.textOffset = AI_TABLE_CELL_PADDING + AI_TABLE_ICON_COMMON_SIZE + AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE;
-        this.textMeasure = TextMeasure();
+        this.hover = output();
+        this.isActive = signal(false);
         this.availableTextWidth = computed(() => {
             const { width } = this.config();
-            return width - AI_TABLE_ICON_COMMON_SIZE;
+            return width - AI_TABLE_ACTION_COMMON_SIZE - AI_TABLE_CELL_PADDING;
         });
         this.textData = computed(() => {
-            const fieldName = this.config().field.name.replace(/\r|\n/g, ' ');
-            this.textMeasure.setFont({ fontSize: DEFAULT_FONT_SIZE });
-            const { width, height, isOverflow } = this.textMeasure.measureText(fieldName, this.availableTextWidth(), 1);
+            const textString = this.renderText() || '';
+            const availableTextWidth = this.availableTextWidth();
+            const { text, textWidth } = drawer.textEllipsis({
+                text: textString,
+                maxWidth: availableTextWidth,
+                fontSize: DEFAULT_FONT_SIZE,
+                fontWeight: DEFAULT_FONT_WEIGHT
+            });
             return {
-                width: Math.min(width, this.availableTextWidth()),
-                height,
-                isOverflow
+                width: textWidth,
+                text
             };
         });
         this.groupConfig = computed(() => {
@@ -8292,21 +8520,22 @@ class AITableFieldStat {
             };
         });
         this.bgConfig = computed(() => {
-            const { field, width, height } = this.config();
+            const { field, width, height, coordinate, readonly } = this.config();
             return {
-                x: AI_TABLE_OFFSET,
-                y: AI_TABLE_OFFSET,
+                coordinate,
+                x: 0,
+                y: 0,
                 name: generateTargetName({
-                    targetName: 'sss',
+                    targetName: AI_TABLE_FIELD_STAT_BG,
                     fieldId: field._id,
                     mouseStyle: 'pointer'
                 }),
                 width: width,
                 height: height,
                 fill: Colors.white,
-                stroke: Colors.gray200,
-                strokeWidth: 1,
-                opacity: 1
+                hoverFill: Colors.gray100,
+                opacity: 1,
+                listening: !readonly
             };
         });
         this.field = computed(() => {
@@ -8315,30 +8544,93 @@ class AITableFieldStat {
         });
         this.records = computed(() => {
             const { aiTable } = this.config();
-            return aiTable.records;
+            return aiTable.gridData().records;
+        });
+        this.aiFieldConfig = computed(() => {
+            const { aiTable } = this.config();
+            return aiTable.context?.aiFieldConfig;
+        });
+        this.aiTable = computed(() => {
+            const { aiTable } = this.config();
+            return aiTable;
+        });
+        this.options = computed(() => {
+            const aiTable = this.aiTable();
+            return {
+                field: this.field(),
+                aiTable
+            };
         });
-        this.statValue = computed(() => {
+        this.isHoverStatContainer = computed(() => this.config().isHoverStatContainer);
+        this.renderText = computed(() => {
             const field = this.field();
             const records = this.records();
             const fieldModel = FieldModelMap[field.type];
-            const result = fieldModel.getStatFormatValue(field, records());
-            return result;
+            const selectedInfo = this.selectedInfo();
+            if (this.isFirstColumn() && selectedInfo.isSelected) {
+                if (selectedInfo.selectedType === 'records') {
+                    return `已经选择 ${selectedInfo.selectedCount} 条记录`;
+                }
+                else {
+                    return `已经选择 ${selectedInfo.selectedCount} 个单元格`;
+                }
+            }
+            else {
+                const result = fieldModel.getStatFormatValue(records, this.options());
+                if (!result && this.isHoverStatContainer()) {
+                    return `不展示`;
+                }
+                return result;
+            }
+        });
+        this.containerBox = computed(() => {
+            const { height, width } = this.config();
+            return { height, width };
         });
         this.textConfig = computed(() => {
-            const { field, height, aiTable } = this.config();
-            const text = this.statValue();
+            const { height, width } = this.containerBox();
+            const text = this.renderText();
             if (text) {
+                const renderWidth = this.textData().width;
                 return {
-                    x: this.textOffset,
+                    x: width - AI_TABLE_ACTION_COMMON_SIZE - renderWidth,
                     y: 0,
-                    width: Math.max(this.textData().width, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH),
-                    height: height + 2,
-                    text: this.statValue(),
-                    lineHeight: 1.84
+                    width: renderWidth,
+                    height: height,
+                    text: this.textData().text,
+                    lineHeight: AI_TABLE_TEXT_LINE_HEIGHT,
+                    listening: false
                 };
             }
             return null;
         });
+        this.selectedRecordCount = computed(() => {
+            const aiTable = this.aiTable();
+            const selectedRecords = aiTable.selection().selectedRecords;
+            return selectedRecords.size;
+        });
+        this.selectedCellCount = computed(() => {
+            const aiTable = this.aiTable();
+            const selectedCells = aiTable.selection().selectedCells;
+            return selectedCells.size;
+        });
+        this.selectedInfo = computed(() => {
+            const selectedRecordCount = this.selectedRecordCount();
+            const selectedCellCount = this.selectedCellCount();
+            const selectedCount = selectedRecordCount || selectedCellCount;
+            const selectedType = selectedRecordCount > 0 ? 'records' : selectedCellCount > 0 ? 'cells' : null;
+            const isSelected = selectedRecordCount > 0 || selectedCellCount > 1;
+            const result = {
+                isSelected,
+                selectedType,
+                selectedCount
+            };
+            return result;
+        });
+        this.isFirstColumn = computed(() => {
+            const { columnIndex } = this.config();
+            return columnIndex === 0;
+        });
         this.iconConfig = computed(() => {
             const { field, width, height } = this.config();
             const commonIconOffsetY = (height - AI_TABLE_ACTION_COMMON_SIZE) / 2;
@@ -8355,8 +8647,12 @@ class AITableFieldStat {
             };
         });
     }
+    onHoverChange(isHover) {
+        this.hover.emit(this.isActive() || isHover);
+    }
     clickStat(e) {
         e.event.evt.stopPropagation();
+        this.isActive.set(true);
         const { aiTable, coordinate, field, actions } = this.config();
         const statRect = e.event.target.getClientRect();
         const fieldGroupRect = e.event.target.getParent()?.getParent()?.getClientRect();
@@ -8382,29 +8678,39 @@ class AITableFieldStat {
                 position: editFieldPosition,
                 aiTable,
                 field,
-                statMenus: fieldModel.statTypes
-                // fieldMenus:
+                statMenus: fieldModel.getStatTypes(aiTable)
             }
         });
         ref.componentInstance.menuClick.subscribe((event) => {
+            this.isActive.set(false);
             actions.setField({
                 ...event.field,
                 stat_type: event.menu.type
             });
         });
+        ref.afterClosed().subscribe(() => {
+            this.isActive.set(false);
+            this.hover.emit(false);
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFieldStat, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableFieldStat, isStandalone: true, selector: "ai-table-field-stat", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableFieldStat, isStandalone: true, selector: "ai-table-field-stat", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { hover: "hover" }, ngImport: i0, template: `
         <ko-group [config]="groupConfig()">
-            <ko-rect [config]="bgConfig()" (koClick)="clickStat($event)"></ko-rect>
-            @if (textConfig()) {
-                <ko-group>
+            <ai-table-background
+                [config]="bgConfig()"
+                (koClick)="clickStat($event)"
+                [isActive]="isActive()"
+                (hover)="onHoverChange($event)"
+            ></ai-table-background>
+
+            <ko-group>
+                @if (textConfig()) {
                     <ai-table-text [config]="textConfig()!"></ai-table-text>
                     <ai-table-icon [config]="iconConfig()"></ai-table-icon>
-                </ko-group>
-            }
+                }
+            </ko-group>
         </ko-group>
-    `, isInline: true, dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { 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: AITableTextComponent, selector: "ai-table-text", inputs: ["config"], outputs: ["koClick", "koMouseMove"] }, { kind: "component", type: AITableIcon, selector: "ai-table-icon", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: AITableTextComponent, selector: "ai-table-text", inputs: ["config"], outputs: ["koClick", "koMouseMove"] }, { kind: "component", type: AITableIcon, selector: "ai-table-icon", inputs: ["config"] }, { kind: "component", type: AITableBackground, selector: "ai-table-background", inputs: ["config", "isActive", "isHover"], outputs: ["koClick", "hover", "koMouseenter", "koMouseleave", "isHoverChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFieldStat, decorators: [{
             type: Component,
@@ -8412,16 +8718,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     selector: 'ai-table-field-stat',
                     template: `
         <ko-group [config]="groupConfig()">
-            <ko-rect [config]="bgConfig()" (koClick)="clickStat($event)"></ko-rect>
-            @if (textConfig()) {
-                <ko-group>
+            <ai-table-background
+                [config]="bgConfig()"
+                (koClick)="clickStat($event)"
+                [isActive]="isActive()"
+                (hover)="onHoverChange($event)"
+            ></ai-table-background>
+
+            <ko-group>
+                @if (textConfig()) {
                     <ai-table-text [config]="textConfig()!"></ai-table-text>
                     <ai-table-icon [config]="iconConfig()"></ai-table-icon>
-                </ko-group>
-            }
+                }
+            </ko-group>
         </ko-group>
     `,
-                    imports: [KoContainer, KoShape, AITableTextComponent, AITableIcon],
+                    imports: [KoContainer, AITableTextComponent, AITableIcon, AITableBackground],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }] });
@@ -8429,32 +8741,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
 class AITableFieldStats {
     constructor() {
         this.config = input.required();
-        this.statConfigs = computed(() => {
-            const { coordinate, columnStartIndex } = this.config();
-            const { frozenColumnCount } = coordinate;
-            return createFieldStats({
-                ...this.config(),
-                columnStartIndex: Math.max(columnStartIndex, frozenColumnCount)
-            });
-        });
+        this.hover = output();
+        this.isHover = signal(false);
+        this.statConfigs = computed(() => createFieldStats(this.config()));
+    }
+    onMouseenter(e) {
+        this.isHover.set(true);
+    }
+    onMouseleave(e) {
+        this.isHover.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFieldStats, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableFieldStats, isStandalone: true, selector: "ai-table-column-stats", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
-        @for (config of statConfigs(); track $index) {
-            <ai-table-field-stat [config]="config"></ai-table-field-stat>
-        }
-    `, isInline: true, dependencies: [{ kind: "component", type: AITableFieldStat, selector: "ai-table-field-stat", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AITableFieldStats, isStandalone: true, selector: "ai-table-column-stats", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { hover: "hover" }, ngImport: i0, template: `
+        <ko-group>
+            @for (config of statConfigs(); track $index) {
+                <ai-table-field-stat [config]="config" (hover)="hover.emit($event)"></ai-table-field-stat>
+            }
+        </ko-group>
+    `, isInline: true, dependencies: [{ kind: "component", type: AITableFieldStat, selector: "ai-table-field-stat", inputs: ["config"], outputs: ["hover"] }, { kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFieldStats, decorators: [{
             type: Component,
             args: [{
                     selector: 'ai-table-column-stats',
                     template: `
-        @for (config of statConfigs(); track $index) {
-            <ai-table-field-stat [config]="config"></ai-table-field-stat>
-        }
+        <ko-group>
+            @for (config of statConfigs(); track $index) {
+                <ai-table-field-stat [config]="config" (hover)="hover.emit($event)"></ai-table-field-stat>
+            }
+        </ko-group>
     `,
-                    imports: [AITableFieldStat],
+                    imports: [AITableFieldStat, KoContainer],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }] });
@@ -8471,6 +8788,7 @@ class AITableRenderer {
         this.koClick = output();
         this.koDblclick = output();
         this.koMouseleave = output();
+        this.isHoverStatContainer = signal(false);
         this.fields = computed(() => {
             return AITable.getVisibleFields(this.config().aiTable);
         });
@@ -8489,6 +8807,9 @@ class AITableRenderer {
         this.containerHeight = computed(() => {
             return this.config().containerHeight;
         });
+        this.gridContainerHeight = computed(() => {
+            return this.containerHeight() - AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT;
+        });
         this.scrollState = computed(() => {
             return this.config()?.aiTable.context.scrollState();
         });
@@ -8520,7 +8841,15 @@ class AITableRenderer {
                 clipX: 0,
                 clipY: 0,
                 clipWidth: this.containerWidth(),
-                clipHeight: this.containerHeight()
+                clipHeight: this.gridContainerHeight()
+            };
+        });
+        this.statGroupConfig = computed(() => {
+            return {
+                x: 0,
+                y: this.containerHeight() - AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT - AI_TABLE_CELL_LINE_BORDER,
+                width: this.containerWidth(),
+                height: AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT
             };
         });
         this.commonGroupConfig = computed(() => {
@@ -8528,7 +8857,7 @@ class AITableRenderer {
                 clipX: this.frozenAreaWidth() + 1,
                 clipY: 0,
                 clipWidth: this.cellGroupClipWidth(),
-                clipHeight: this.containerHeight()
+                clipHeight: this.gridContainerHeight()
             };
         });
         this.attachGroupConfig = computed(() => {
@@ -8536,7 +8865,7 @@ class AITableRenderer {
                 clipX: this.frozenAreaWidth() - 1,
                 clipY: this.coordinate().rowInitSize - 1,
                 clipWidth: this.containerWidth() - this.frozenAreaWidth(),
-                clipHeight: this.containerHeight() - this.coordinate().rowInitSize
+                clipHeight: this.gridContainerHeight() - this.coordinate().rowInitSize
             };
         });
         this.frozenAttachGroupConfig = computed(() => {
@@ -8544,7 +8873,7 @@ class AITableRenderer {
                 clipX: 0,
                 clipY: this.coordinate().rowInitSize - 1,
                 clipWidth: this.frozenAreaWidth() + 10,
-                clipHeight: this.containerHeight() - this.coordinate().rowInitSize
+                clipHeight: this.gridContainerHeight() - this.coordinate().rowInitSize
             };
         });
         this.frozenCoverAttachGroupConfig = computed(() => {
@@ -8552,7 +8881,7 @@ class AITableRenderer {
                 clipX: 0,
                 clipY: this.coordinate().rowInitSize + 1,
                 clipWidth: this.frozenAreaWidth(),
-                clipHeight: this.containerHeight() - this.coordinate().rowInitSize
+                clipHeight: this.gridContainerHeight() - this.coordinate().rowInitSize
             };
         });
         this.offsetYConfig = computed(() => {
@@ -8574,7 +8903,7 @@ class AITableRenderer {
                 offsetY: scrollTop
             };
         });
-        this.columnHeadOrAddFieldConfig = computed(() => {
+        this.columnFrozenHeadFieldConfig = computed(() => {
             const { columnStartIndex, columnStopIndex } = this.visibleRangeInfo();
             const { aiTable, coordinate, readonly, maxFields, actions } = this.config();
             const { pointPosition } = aiTable.context;
@@ -8591,6 +8920,60 @@ class AITableRenderer {
                 maxFields
             };
         });
+        this.columnHeadFieldConfig = computed(() => {
+            const { columnStartIndex, columnStopIndex } = this.visibleRangeInfo();
+            const { aiTable, coordinate, readonly, maxFields, actions } = this.config();
+            const { pointPosition } = aiTable.context;
+            const fields = this.fields();
+            return {
+                aiTable,
+                actions,
+                coordinate,
+                fields,
+                columnStartIndex,
+                columnStopIndex,
+                pointPosition: pointPosition(),
+                readonly,
+                maxFields
+            };
+        });
+        this.columnFieldStatsConfig = computed(() => {
+            return {
+                ...this.columnHeadFieldConfig(),
+                width: this.cellGroupClipWidth(),
+                x: this.frozenAreaWidth(),
+                y: AI_TABLE_CELL_LINE_BORDER,
+                height: AI_TABLE_FIELD_STAT_HEIGHT,
+                isHoverStatContainer: this.isHoverStatContainer()
+            };
+        });
+        this.columnFieldStatsBgConfig = computed(() => {
+            return {
+                x: 0,
+                y: 0,
+                width: this.containerWidth(),
+                height: AI_TABLE_FIELD_STAT_HEIGHT + AI_TABLE_CELL_LINE_BORDER * 2,
+                fill: Colors.white,
+                stroke: Colors.gray200,
+                strokeWidth: AI_TABLE_CELL_LINE_BORDER,
+                opacity: 1,
+                borders: [true, false, true, false],
+                listening: true,
+                coordinate: this.coordinate()
+            };
+        });
+        this.columnFrozenFieldStatsConfig = computed(() => {
+            return {
+                ...this.columnHeadFieldConfig(),
+                width: this.frozenAreaWidth(),
+                x: 0,
+                y: AI_TABLE_CELL_LINE_BORDER,
+                columnStartIndex: 0,
+                columnStopIndex: this.coordinate().frozenColumnCount - 1,
+                height: AI_TABLE_FIELD_STAT_HEIGHT,
+                isHoverStatContainer: this.isHoverStatContainer()
+            };
+        });
         this.cellsConfig = computed(() => {
             const { aiTable, readonly, coordinate, references, actions, maxRecords } = this.config();
             const { rowStartIndex, rowStopIndex, columnStartIndex, columnStopIndex } = this.visibleRangeInfo();
@@ -8669,8 +9052,11 @@ class AITableRenderer {
     stageMouseleave(e) {
         this.koMouseleave.emit(e);
     }
+    onStatContainerHover(isHover) {
+        this.isHoverStatContainer.set(isHover);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\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                    <ai-table-column-stats [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-column-stats>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    @if (showExpandCellBorder().expandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (!isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenCoverAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-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                    @if (showExpandCellBorder().frozenExpandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\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: AITableCoverCells, selector: "ai-table-cover-cell", inputs: ["config", "onlyDisplayBorder"] }, { 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"] }, { kind: "component", type: AITableFillHandle, selector: "ai-table-fill-handle", inputs: ["config"] }, { kind: "component", type: AITableFieldStats, selector: "ai-table-column-stats", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", 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]=\"columnFrozenHeadFieldConfig()\"></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                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\n                </ko-group>\n\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-heads [config]=\"columnHeadFieldConfig()\"></ai-table-column-heads>\n                    <ai-table-add-field [config]=\"columnHeadFieldConfig()\"></ai-table-add-field>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    @if (showExpandCellBorder().expandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (!isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenCoverAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-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                    @if (showExpandCellBorder().frozenExpandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\n                </ko-group>\n            </ko-group>\n        </ko-group>\n\n        <ko-group [config]=\"statGroupConfig()\">\n            <ai-table-background [config]=\"columnFieldStatsBgConfig()\"></ai-table-background>\n            <ko-group>\n                <ai-table-column-stats\n                    [config]=\"columnFrozenFieldStatsConfig()\"\n                    (hover)=\"onStatContainerHover($event)\"\n                ></ai-table-column-stats>\n            </ko-group>\n            <ko-group [config]=\"commonGroupConfig()\">\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-stats\n                        [config]=\"columnFieldStatsConfig()\"\n                        (hover)=\"onStatContainerHover($event)\"\n                    ></ai-table-column-stats>\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: AITableCoverCells, selector: "ai-table-cover-cell", inputs: ["config", "onlyDisplayBorder"] }, { 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"] }, { kind: "component", type: AITableFillHandle, selector: "ai-table-fill-handle", inputs: ["config"] }, { kind: "component", type: AITableFieldStats, selector: "ai-table-column-stats", inputs: ["config"], outputs: ["hover"] }, { kind: "component", type: AITableBackground, selector: "ai-table-background", inputs: ["config", "isActive", "isHover"], outputs: ["koClick", "hover", "koMouseenter", "koMouseleave", "isHoverChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableRenderer, decorators: [{
             type: Component,
@@ -8689,8 +9075,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         AITableHoverRowHeads,
                         AITableOtherRows,
                         AITableFillHandle,
-                        AITableFieldStats
-                    ], 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                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\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                    <ai-table-column-stats [config]=\"columnHeadOrAddFieldConfig()\"></ai-table-column-stats>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    @if (showExpandCellBorder().expandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (!isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenCoverAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-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                    @if (showExpandCellBorder().frozenExpandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\n                </ko-group>\n            </ko-group>\n        </ko-group>\n    </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n" }]
+                        AITableFieldStats,
+                        AITableBackground
+                    ], 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]=\"columnFrozenHeadFieldConfig()\"></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                    <ai-table-placeholder-cells [config]=\"cellsConfig()\"></ai-table-placeholder-cells>\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-cell>\n                </ko-group>\n\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-heads [config]=\"columnHeadFieldConfig()\"></ai-table-column-heads>\n                    <ai-table-add-field [config]=\"columnHeadFieldConfig()\"></ai-table-add-field>\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"attachGroupConfig()\">\n                <ko-group [config]=\"offsetConfig()\">\n                    @if (activeCellBorderConfig().activeCellBorder) {\n                        <ko-rect [config]=\"activeCellBorderConfig().activeCellBorder!\"></ko-rect>\n                    }\n                    @if (showExpandCellBorder().expandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (!isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\n                </ko-group>\n            </ko-group>\n\n            <ko-group [config]=\"frozenCoverAttachGroupConfig()\">\n                <ko-group [config]=\"offsetYConfig()\">\n                    <ai-table-cover-cell [config]=\"cellsConfig()\"></ai-table-cover-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                    @if (showExpandCellBorder().frozenExpandCellBorder) {\n                        <ai-table-cover-cell [config]=\"cellsConfig()\" [onlyDisplayBorder]=\"true\"></ai-table-cover-cell>\n                    }\n                    @if (isLastSelectedCellInFrozenColumn()) {\n                        <ai-table-fill-handle [config]=\"fillHandleConfig()\"></ai-table-fill-handle>\n                    }\n                </ko-group>\n            </ko-group>\n        </ko-group>\n\n        <ko-group [config]=\"statGroupConfig()\">\n            <ai-table-background [config]=\"columnFieldStatsBgConfig()\"></ai-table-background>\n            <ko-group>\n                <ai-table-column-stats\n                    [config]=\"columnFrozenFieldStatsConfig()\"\n                    (hover)=\"onStatContainerHover($event)\"\n                ></ai-table-column-stats>\n            </ko-group>\n            <ko-group [config]=\"commonGroupConfig()\">\n                <ko-group [config]=\"offsetXConfig()\">\n                    <ai-table-column-stats\n                        [config]=\"columnFieldStatsConfig()\"\n                        (hover)=\"onStatContainerHover($event)\"\n                    ></ai-table-column-stats>\n                </ko-group>\n            </ko-group>\n        </ko-group>\n    </ko-layer>\n</ko-stage>\n\n<ng-content></ng-content>\n" }]
         }] });
 
 class AITableCellRate extends CoverCellComponent {
@@ -9223,6 +9610,62 @@ function aiTableRectConfigToKonvaConfig(rectConfig, options) {
     return result;
 }
 
+function getDateFieldValues(records, options, filterNull = false) {
+    const { aiTable, field } = options;
+    const result = ___default.map(records, (record) => {
+        const cellValue = AITableQueries.getFieldValue(aiTable, [record._id, field._id]);
+        return cellValue;
+    });
+    if (filterNull) {
+        return result.filter((value) => value !== null);
+    }
+    return result;
+}
+function statEarliestTime(records, options) {
+    const values = getDateFieldValues(records, options, true);
+    const result = ___default.minBy(values, (value) => {
+        return value.timestamp;
+    });
+    return transformToCellText(result, options);
+}
+function statLatestTime(records, options) {
+    const { field } = options;
+    const values = getDateFieldValues(records, options, true);
+    const result = ___default.maxBy(values, (value) => {
+        return value.timestamp;
+    });
+    return transformToCellText(result, options);
+}
+function statDateRangeOfDays(records, options) {
+    const { field } = options;
+    const values = getDateFieldValues(records, options, true);
+    const start = ___default.minBy(values, (value) => {
+        return value.timestamp;
+    });
+    const end = ___default.maxBy(values, (value) => {
+        return value.timestamp;
+    });
+    if (start && end) {
+        const days = differenceInDays(fromUnixTime(end.timestamp), fromUnixTime(start.timestamp));
+        return days;
+    }
+    return 0;
+}
+function statDateRangeOfMonths(records, options) {
+    const values = getDateFieldValues(records, options, true);
+    const start = ___default.minBy(values, (value) => {
+        return value.timestamp;
+    });
+    const end = ___default.maxBy(values, (value) => {
+        return value.timestamp;
+    });
+    if (start && end) {
+        const months = differenceInMonths(fromUnixTime(end.timestamp), fromUnixTime(start.timestamp));
+        return months;
+    }
+    return 0;
+}
+
 function getFillDirection(aiTable, sourceCells, mouseUpRecordId) {
     const { startCell: sourceStartCell, endCell: sourceEndCell } = getStartAndEndCell(sourceCells);
     const currentRowIndex = aiTable.context.visibleRowsIndexMap().get(mouseUpRecordId);
@@ -9654,6 +10097,15 @@ 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" }]
         }] });
 
+const GRID_CELL_EDITOR_MAP = {
+    [AITableFieldType.text]: TextCellEditorComponent,
+    [AITableFieldType.richText]: TextCellEditorComponent,
+    [AITableFieldType.select]: SelectCellEditorComponent,
+    [AITableFieldType.number]: NumberCellEditorComponent,
+    [AITableFieldType.date]: DateCellEditorComponent,
+    [AITableFieldType.link]: LinkCellEditorComponent
+};
+
 class AITableGridEventService {
     constructor() {
         this.dblClickEvent$ = new Subject();
@@ -10050,7 +10502,7 @@ class AITableGridBase {
         AI_TABLE_GRID_FIELD_SERVICE_MAP.set(this.aiTable, this.aiTableGridFieldService);
     }
     addRecord(options) {
-        const records = this.aiTable.gridData().records;
+        const records = this.aiTable.records();
         const recordCount = records.length;
         if (this.aiMaxRecords() && recordCount >= this.aiMaxRecords()) {
             return;
@@ -10064,7 +10516,7 @@ class AITableGridBase {
         this.aiTableGridSelectionService.toggleSelectAll(checked);
     }
     addField(gridColumnBlank, position) {
-        if (this.aiMaxFields() && this.aiTable.gridData().fields.length >= this.aiMaxFields()) {
+        if (this.aiMaxFields() && this.aiTable.fields().length >= this.aiMaxFields()) {
             return;
         }
         const field = createDefaultField(this.aiTable, AITableFieldType.text);
@@ -10676,7 +11128,8 @@ class AITableDragComponent {
                 verticalElement: this.verticalBarElement
             },
             frozenArea: {
-                top: AI_TABLE_FIELD_HEAD_HEIGHT
+                top: AI_TABLE_FIELD_HEAD_HEIGHT,
+                bottom: this.containerHeight - AI_TABLE_SCROLL_BAR_SIZE - AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT
             },
             edgeThreshold: {
                 top: AI_TABLE_AUTO_SCROLL_TOP_THRESHOLD,
@@ -11570,7 +12023,7 @@ class AITableGrid extends AITableGridBase {
             frozenArea: {
                 top: AI_TABLE_FIELD_HEAD_HEIGHT,
                 left: coordinate.getColumnWidth(0) + this.aiTable.context.rowHeadWidth(),
-                bottom: containerRect.height - AI_TABLE_SCROLL_BAR_SIZE,
+                bottom: containerRect.height - AI_TABLE_SCROLL_BAR_SIZE - AI_TABLE_FIELD_STAT_CONTAINER_HEIGHT,
                 right: containerRect.width - AI_TABLE_SCROLL_BAR_SIZE
             },
             edgeThreshold: {
@@ -11615,5 +12068,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, AITableCellAttachment, AITableCellLink, AITableCellProgress, AITableCellRate, AITableCellRichText, AITableCells, AITableCheckType, AITableColumnHeads, AITableContextMenu, AITableDomGrid, AITableFieldHead, AITableFieldIcon, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFrozenCells, AITableFrozenColumnHeads, AITableFrozenPlaceholderCells, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridSelectionService, AITableHoverRowHeads, AITableIcon, AITableMemberType, AITableMouseDownType, AITableOtherRows, AITablePlaceholderCells, AITableQueries, AITableRenderer, AITableRowType, 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_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_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_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, AbstractEditCellEditor, AddOutlinedPath, AngleDownPath, AttachmentField, AttachmentPath, CellDrawer, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, CoverCellComponent, 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, GRID_CELL_EDITOR_MAP, 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, compareNumber, compareOption, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, dragFillHighlightArea, drawer, expandCell, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getCoverCell, 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, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, toAttachmentFieldValue, toDateFieldValue, toLinkFieldValue, toMemberFieldValue, toNumberFieldValue, toProgressFieldValue, toRateFieldValue, toRichTextFieldValue, toSelectFieldValue, toTextFieldValue, transformToCellText, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
+export { AITable, AITableActionIcon, AITableAddField, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableBackground, AITableCellAttachment, AITableCellLink, AITableCellProgress, AITableCellRate, AITableCellRichText, AITableCells, AITableCheckType, AITableColumnHeads, AITableContextMenu, AITableDomGrid, AITableFieldHead, AITableFieldIcon, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFrozenCells, AITableFrozenColumnHeads, AITableFrozenPlaceholderCells, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridI18nText, AITableGridSelectionService, AITableHoverRowHeads, AITableIcon, AITableMemberType, AITableMouseDownType, AITableOtherRows, AITablePlaceholderCells, AITableQueries, AITableRenderer, AITableRowType, 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_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, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, CoverCellComponent, 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, 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, setMouseStyle, shortIdCreator, shortIdsCreator, statDateRangeOfDays, statDateRangeOfMonths, statEarliestTime, statLatestTime, stringInclude, textDataCache, toAttachmentFieldValue, toDateFieldValue, toLinkFieldValue, toMemberFieldValue, toNumberFieldValue, toProgressFieldValue, toRateFieldValue, toRichTextFieldValue, toSelectFieldValue, toTextFieldValue, transformToCellText, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
 //# sourceMappingURL=ai-table-grid.mjs.map