@ai-table/grid 0.0.46 → 0.0.48

package/fesm2022/ai-table-grid.mjs

@@ -1,5 +1,28 @@
 import * as i0 from '@angular/core';
-import { signal, computed, output, inject, ElementRef, Component, ChangeDetectionStrategy, Input, input, EventEmitter, Output, ChangeDetectorRef, ViewChild, HostListener, Renderer2, Pipe, model, booleanAttribute, Injectable, InjectionToken, effect, DestroyRef, NgZone, ViewContainerRef, viewChild, afterNextRender, untracked } from '@angular/core';
+import { InjectionToken, input, EventEmitter, inject, ElementRef, effect, Component, ChangeDetectionStrategy, Output, signal, computed, output, Input, ChangeDetectorRef, ViewChild, HostListener, Renderer2, Pipe, model, booleanAttribute, Injectable, DestroyRef, NgZone, ViewContainerRef, viewChild, afterNextRender, untracked } from '@angular/core';
+import Konva from 'konva';
+import { Shape } from 'konva/lib/Shape';
+import { Sprite } from 'konva/lib/shapes/Sprite';
+import { Stage } from 'konva/lib/Stage';
+import { FastLayer } from 'konva/lib/FastLayer';
+import { Group } from 'konva/lib/Group';
+import { Layer } from 'konva/lib/Layer';
+import { Arc } from 'konva/lib/shapes/Arc';
+import { Arrow } from 'konva/lib/shapes/Arrow';
+import { Circle } from 'konva/lib/shapes/Circle';
+import { Ellipse } from 'konva/lib/shapes/Ellipse';
+import { Image as Image$1 } from 'konva/lib/shapes/Image';
+import { Label, Tag } from 'konva/lib/shapes/Label';
+import { Line } from 'konva/lib/shapes/Line';
+import { Path } from 'konva/lib/shapes/Path';
+import { Rect } from 'konva/lib/shapes/Rect';
+import { RegularPolygon } from 'konva/lib/shapes/RegularPolygon';
+import { Ring } from 'konva/lib/shapes/Ring';
+import { Star } from 'konva/lib/shapes/Star';
+import { Text } from 'konva/lib/shapes/Text';
+import { TextPath } from 'konva/lib/shapes/TextPath';
+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 ObjectID from 'bson-objectid';
@@ -45,186 +68,588 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { LRUCache } from 'lru-cache';
 import { fromUnixTime, subDays } from 'date-fns';
 import { DEFAULT_COLORS } from 'ngx-tethys/color-picker';
-import Konva from 'konva';
-import { Shape } from 'konva/lib/Shape';
-import { Sprite } from 'konva/lib/shapes/Sprite';
 import GraphemeSplitter from 'grapheme-splitter';
-import { Stage } from 'konva/lib/Stage';
-import { FastLayer } from 'konva/lib/FastLayer';
-import { Group } from 'konva/lib/Group';
-import { Layer } from 'konva/lib/Layer';
-import { Arc } from 'konva/lib/shapes/Arc';
-import { Arrow } from 'konva/lib/shapes/Arrow';
-import { Circle } from 'konva/lib/shapes/Circle';
-import { Ellipse } from 'konva/lib/shapes/Ellipse';
-import { Image as Image$1 } from 'konva/lib/shapes/Image';
-import { Label, Tag } from 'konva/lib/shapes/Label';
-import { Line } from 'konva/lib/shapes/Line';
-import { Path } from 'konva/lib/shapes/Path';
-import { Rect } from 'konva/lib/shapes/Rect';
-import { RegularPolygon } from 'konva/lib/shapes/RegularPolygon';
-import { Ring } from 'konva/lib/shapes/Ring';
-import { Star } from 'konva/lib/shapes/Star';
-import { Text } from 'konva/lib/shapes/Text';
-import { TextPath } from 'konva/lib/shapes/TextPath';
-import { Transformer } from 'konva/lib/shapes/Transformer';
-import { Wedge } from 'konva/lib/shapes/Wedge';
 
-const Colors = {
-    primary: '#6698FF',
-    gray100: '#f5f5f5',
-    gray200: '#eee',
-    gray300: '#ddd',
-    gray800: '#333',
-    gray600: '#999',
-    gray700: '#666',
-    white: '#fff',
-    black: '#000',
-    transparent: 'transparent',
-    gray80: '#fafafa',
-    headSelectedBgColor: '#EAEFFA',
-    itemActiveBgColor: '#6698ff1a',
-    itemMatchBgColor: '#ff9f731a',
-    waring: '#ffcd5d',
-    success: '#73d897'
-};
+const KO_CONTAINER_TOKEN = new InjectionToken('KO_CONTAINER_TOKEN');
 
-const AITable = {
-    getColors() {
-        return Colors;
-    },
-    getVisibleFields(aiTable) {
-        return aiTable.gridData().fields.filter((field) => !field.hidden);
-    },
-    getVisibleRows(aiTable) {
-        return aiTable.records();
-    },
-    getActiveCell(aiTable) {
-        return aiTable.selection().activeCell;
-    },
-    getActiveRecordIds(aiTable) {
-        const selectedRecords = aiTable.selection().selectedRecords;
-        const selectedCells = aiTable.selection().selectedCells;
-        let selectedRecordIds = [];
-        if (selectedRecords.size > 0) {
-            selectedRecordIds = [...selectedRecords.keys()];
-        }
-        else if (selectedCells.size > 0) {
-            selectedRecordIds = [...selectedCells].map((item) => item.split(':')[0]);
+function updatePicture(node) {
+    const drawingNode = node.getLayer() || node.getStage();
+    if (drawingNode) {
+        drawingNode.batchDraw();
+    }
+}
+
+// adapted FROM: https://github.com/lavrton/react-konva/blob/master/src/react-konva-fiber.js
+function applyNodeProps(component, props = {}, oldProps = {}) {
+    if ('id' in props) {
+        const message = `You are using "id" attribute for Konva node. In some very rare cases it may produce bugs. Currently we recommend not to use it and use "name" attribute instead.`;
+        console.warn(message);
+    }
+    const instance = component.getNode();
+    const updatedProps = {};
+    let hasUpdates = false;
+    Object.keys(oldProps).forEach((key) => {
+        const isEvent = key.slice(0, 2) === 'ko';
+        const propChanged = oldProps[key] !== props[key];
+        if (isEvent && propChanged) {
+            let eventName = key.slice(2).toLowerCase();
+            if (eventName.slice(0, 7) === 'content') {
+                eventName = 'content' + eventName.slice(7, 8).toUpperCase() + eventName.slice(8);
+            }
+            instance.off(eventName, oldProps[key]);
         }
-        else {
-            selectedRecordIds = [];
+        const toRemove = !Object.hasOwn(props, key);
+        if (toRemove) {
+            instance.setAttr(key, undefined);
         }
-        return selectedRecordIds;
-    },
-    isCellVisible(aiTable, cell) {
-        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
-        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
-        const [recordId, fieldId] = cell || [];
-        const isVisible = visibleRowIndexMap.has(recordId) && visibleColumnIndexMap.has(fieldId);
-        return isVisible;
-    },
-    getCellIndex(aiTable, cell) {
-        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
-        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
-        if (AITable.isCellVisible(aiTable, cell)) {
-            const [recordId, fieldId] = cell;
-            return {
-                rowIndex: visibleRowIndexMap.get(recordId),
-                columnIndex: visibleColumnIndexMap.get(fieldId)
-            };
+    });
+    Object.keys(props).forEach((key) => {
+        const isEvent = key.slice(0, 2) === 'ko';
+        const toAdd = oldProps[key] !== props[key];
+        if (isEvent && toAdd) {
+            let eventName = key.slice(2).toLowerCase();
+            if (eventName.slice(0, 7) === 'content') {
+                eventName = 'content' + eventName.slice(7, 8).toUpperCase() + eventName.slice(8);
+            }
+            if (props[key]) {
+                instance.off(eventName);
+                instance.on(eventName, (event) => {
+                    props[key]({
+                        angularComponent: component,
+                        event
+                    });
+                });
+            }
         }
-        return null;
-    },
-    isFrozenColumn(aiTable, columnIndex) {
-        const frozenColumnCount = aiTable.context.frozenColumnCount();
-        if (columnIndex <= frozenColumnCount - 1) {
-            return true;
+        if (!isEvent && (props[key] !== oldProps[key] || props[key] !== instance.getAttr(key))) {
+            hasUpdates = true;
+            updatedProps[key] = props[key];
         }
-        return false;
+    });
+    if (hasUpdates) {
+        instance.setAttrs(updatedProps);
+        updatePicture(instance);
+        let val;
+        Object.keys(updatedProps).forEach((prop) => {
+            val = updatedProps[prop];
+            if (val instanceof Image && !val.complete) {
+                const node = instance;
+                val.addEventListener('load', function () {
+                    const layer = node.getLayer();
+                    if (layer) {
+                        layer.batchDraw();
+                    }
+                });
+            }
+        });
     }
-};
-
-var AITableFieldType;
-(function (AITableFieldType) {
-    AITableFieldType["text"] = "text";
-    AITableFieldType["richText"] = "rich_text";
-    AITableFieldType["select"] = "select";
-    AITableFieldType["number"] = "number";
-    AITableFieldType["date"] = "date";
-    AITableFieldType["member"] = "member";
-    AITableFieldType["progress"] = "progress";
-    AITableFieldType["rate"] = "rate";
-    AITableFieldType["link"] = "link";
-    AITableFieldType["attachment"] = "attachment";
-    AITableFieldType["createdAt"] = "created_at";
-    AITableFieldType["updatedAt"] = "updated_at";
-    AITableFieldType["createdBy"] = "created_by";
-    AITableFieldType["updatedBy"] = "updated_by";
-})(AITableFieldType || (AITableFieldType = {}));
-var AITableStatType;
-(function (AITableStatType) {
-    AITableStatType[AITableStatType["None"] = 0] = "None";
-    AITableStatType[AITableStatType["CountAll"] = 1] = "CountAll";
-    AITableStatType[AITableStatType["Empty"] = 2] = "Empty";
-    AITableStatType[AITableStatType["Filled"] = 3] = "Filled";
-    AITableStatType[AITableStatType["Unique"] = 4] = "Unique";
-    AITableStatType[AITableStatType["PercentEmpty"] = 5] = "PercentEmpty";
-    AITableStatType[AITableStatType["PercentFilled"] = 6] = "PercentFilled";
-    AITableStatType[AITableStatType["PercentUnique"] = 7] = "PercentUnique";
-    AITableStatType[AITableStatType["Sum"] = 8] = "Sum";
-    AITableStatType[AITableStatType["Average"] = 9] = "Average";
-    AITableStatType[AITableStatType["Max"] = 10] = "Max";
-    AITableStatType[AITableStatType["Min"] = 11] = "Min";
-    AITableStatType[AITableStatType["DateRangeOfDays"] = 12] = "DateRangeOfDays";
-    AITableStatType[AITableStatType["DateRangeOfMonths"] = 13] = "DateRangeOfMonths";
-    AITableStatType[AITableStatType["Checked"] = 14] = "Checked";
-    AITableStatType[AITableStatType["UnChecked"] = 15] = "UnChecked";
-    AITableStatType[AITableStatType["PercentChecked"] = 16] = "PercentChecked";
-    AITableStatType[AITableStatType["PercentUnChecked"] = 17] = "PercentUnChecked";
-})(AITableStatType || (AITableStatType = {}));
-var AITableSelectOptionStyle;
-(function (AITableSelectOptionStyle) {
-    AITableSelectOptionStyle[AITableSelectOptionStyle["text"] = 1] = "text";
-    AITableSelectOptionStyle[AITableSelectOptionStyle["tag"] = 2] = "tag";
-    AITableSelectOptionStyle[AITableSelectOptionStyle["dot"] = 3] = "dot";
-    AITableSelectOptionStyle[AITableSelectOptionStyle["piece"] = 4] = "piece";
-})(AITableSelectOptionStyle || (AITableSelectOptionStyle = {}));
-var Direction;
-(function (Direction) {
-    Direction["before"] = "before";
-    Direction["after"] = "after";
-})(Direction || (Direction = {}));
-var DragType;
-(function (DragType) {
-    DragType["record"] = "record";
-    DragType["field"] = "field";
-    DragType["columnWidth"] = "columnWidth";
-    DragType["none"] = "none";
-})(DragType || (DragType = {}));
+}
 
-var AITableGridI18nKey;
-(function (AITableGridI18nKey) {
-    AITableGridI18nKey["dataPickerPlaceholder"] = "dataPickerPlaceholder";
-    AITableGridI18nKey["linkTooltip"] = "linkTooltip";
-    AITableGridI18nKey["invalidLinkFormat"] = "invalidLinkFormat";
-    AITableGridI18nKey["linkRequired"] = "linkRequired";
-    AITableGridI18nKey["linkText"] = "linkText";
-    AITableGridI18nKey["linkUrl"] = "linkUrl";
-    AITableGridI18nKey["inputText"] = "inputText";
-    AITableGridI18nKey["inputUrl"] = "inputUrl";
-    AITableGridI18nKey["fieldColumnName"] = "fieldColumnName";
-    AITableGridI18nKey["fieldColumnNamePlaceholder"] = "fieldColumnNamePlaceholder";
-    AITableGridI18nKey["fieldType"] = "fieldType";
-    AITableGridI18nKey["allowMultipleMembers"] = "allowMultipleMembers";
-    AITableGridI18nKey["cancel"] = "cancel";
-    AITableGridI18nKey["apply"] = "apply";
+function camelize(str) {
+    return str
+        .replace(/^\w|[A-Z]|\b\w/g, function (letter, index) {
+        return index == 0 ? letter.toLowerCase() : letter.toUpperCase();
+    })
+        .replace(/\s+/g, '');
+}
+function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+}
+function getName(componentTag) {
+    return capitalizeFirstLetter(camelize(componentTag.slice(3).replace('-', ' ')));
+}
+function createListener(instance) {
+    const output = {};
+    [
+        'koMouseover',
+        'koMousemove',
+        'koMouseout',
+        'koMouseenter',
+        'koMouseleave',
+        'koMousedown',
+        'koMouseup',
+        'koWheel',
+        'koContextmenu',
+        'koClick',
+        'koDblclick',
+        'koTouchstart',
+        'koTouchmove',
+        'koTouchend',
+        'koTap',
+        'koDbltap',
+        'koDragstart',
+        'koDragmove',
+        'koDragend'
+    ].forEach((eventName) => {
+        const name = eventName;
+        const eventEmitter = instance[name];
+        if (eventEmitter.observed) {
+            output[eventName] = eventEmitter.emit.bind(eventEmitter);
+        }
+    });
+    return output;
+}
+
+class KoShape {
+    constructor() {
+        this.config = input();
+        this.koMouseover = new EventEmitter();
+        this.koMousemove = new EventEmitter();
+        this.koMouseout = new EventEmitter();
+        this.koMouseenter = new EventEmitter();
+        this.koMouseleave = new EventEmitter();
+        this.koMousedown = new EventEmitter();
+        this.koMouseup = new EventEmitter();
+        this.koWheel = new EventEmitter();
+        this.koContextmenu = new EventEmitter();
+        this.koClick = new EventEmitter();
+        this.koDblclick = new EventEmitter();
+        this.koTouchstart = new EventEmitter();
+        this.koTouchmove = new EventEmitter();
+        this.koTouchend = new EventEmitter();
+        this.koTap = new EventEmitter();
+        this.koDbltap = new EventEmitter();
+        this.koDragstart = new EventEmitter();
+        this.koDragmove = new EventEmitter();
+        this.koDragend = new EventEmitter();
+        this.elementRef = inject((ElementRef));
+        this.container = inject(KO_CONTAINER_TOKEN, { skipSelf: true });
+        this.cacheProps = {};
+        this.nameNode = getName(this.elementRef.nativeElement.localName);
+        effect(() => {
+            if (this.config()) {
+                this.updateNode(this.config());
+            }
+        });
+    }
+    getNode() {
+        return this._node;
+    }
+    ngOnInit() {
+        this.initKonva();
+    }
+    initKonva() {
+        if (!this._node) {
+            this._node = new Shape();
+        }
+        if (this.nameNode === 'Shape') {
+            this._node = new Shape();
+        }
+        else if (this.nameNode === 'Sprite') {
+            this._node = new Sprite(this.config());
+        }
+        else {
+            this._node = new Konva[this.nameNode](undefined);
+        }
+        const animationStage = this._node.to.bind(this._node);
+        this._node.to = (newConfig) => {
+            animationStage(newConfig);
+            setTimeout(() => {
+                Object.keys(this._node.attrs).forEach((key) => {
+                    if (typeof this._node.attrs[key] !== 'function') {
+                        this.config()[key] = this._node.attrs[key];
+                    }
+                });
+            }, 200);
+        };
+        if (this.config()) {
+            this.updateNode(this.config());
+        }
+    }
+    updateNode(config) {
+        if (!this._node)
+            return;
+        const props = {
+            ...config,
+            ...createListener(this)
+        };
+        applyNodeProps(this, props, this.cacheProps);
+        this.cacheProps = props;
+    }
+    ngAfterViewInit() {
+        const container = this.container.getNode();
+        container.add(this.getNode());
+        updatePicture(this.container.getNode());
+    }
+    ngOnDestroy() {
+        this._node?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoShape, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: KoShape, isStandalone: true, 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: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { koMouseover: "koMouseover", koMousemove: "koMousemove", koMouseout: "koMouseout", koMouseenter: "koMouseenter", koMouseleave: "koMouseleave", koMousedown: "koMousedown", koMouseup: "koMouseup", koWheel: "koWheel", koContextmenu: "koContextmenu", koClick: "koClick", koDblclick: "koDblclick", koTouchstart: "koTouchstart", koTouchmove: "koTouchmove", koTouchend: "koTouchend", koTap: "koTap", koDbltap: "koDbltap", koDragstart: "koDragstart", koDragmove: "koDragmove", koDragend: "koDragend" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoShape, decorators: [{
+            type: Component,
+            args: [{
+                    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',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [], propDecorators: { koMouseover: [{
+                type: Output
+            }], koMousemove: [{
+                type: Output
+            }], koMouseout: [{
+                type: Output
+            }], koMouseenter: [{
+                type: Output
+            }], koMouseleave: [{
+                type: Output
+            }], koMousedown: [{
+                type: Output
+            }], koMouseup: [{
+                type: Output
+            }], koWheel: [{
+                type: Output
+            }], koContextmenu: [{
+                type: Output
+            }], koClick: [{
+                type: Output
+            }], koDblclick: [{
+                type: Output
+            }], koTouchstart: [{
+                type: Output
+            }], koTouchmove: [{
+                type: Output
+            }], koTouchend: [{
+                type: Output
+            }], koTap: [{
+                type: Output
+            }], koDbltap: [{
+                type: Output
+            }], koDragstart: [{
+                type: Output
+            }], koDragmove: [{
+                type: Output
+            }], koDragend: [{
+                type: Output
+            }] } });
+
+class KoContainer extends KoShape {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoContainer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KoContainer, isStandalone: true, selector: "ko-layer, ko-fastlayer, ko-group", providers: [
+            {
+                provide: KO_CONTAINER_TOKEN,
+                useExisting: KoContainer
+            }
+        ], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ko-layer, ko-fastlayer, ko-group',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    providers: [
+                        {
+                            provide: KO_CONTAINER_TOKEN,
+                            useExisting: KoContainer
+                        }
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+class KoStage {
+    constructor() {
+        this.config = input();
+        this.koMouseover = new EventEmitter();
+        this.koMousemove = new EventEmitter();
+        this.koMouseout = new EventEmitter();
+        this.koMouseenter = new EventEmitter();
+        this.koMouseleave = new EventEmitter();
+        this.koMousedown = new EventEmitter();
+        this.koMouseup = new EventEmitter();
+        this.koWheel = new EventEmitter();
+        this.koContextmenu = new EventEmitter();
+        this.koClick = new EventEmitter();
+        this.koDblclick = new EventEmitter();
+        this.koTouchstart = new EventEmitter();
+        this.koTouchmove = new EventEmitter();
+        this.koTouchend = new EventEmitter();
+        this.koTap = new EventEmitter();
+        this.koDbltap = new EventEmitter();
+        this.koDragstart = new EventEmitter();
+        this.koDragmove = new EventEmitter();
+        this.koDragend = new EventEmitter();
+        this.cacheProps = {};
+        this.nodeContainer = inject(ElementRef).nativeElement;
+        effect(() => {
+            if (this.config()) {
+                if (!this._stage) {
+                    this.initStage();
+                }
+                this.updateNode(this.config());
+            }
+        });
+    }
+    ngOnInit() {
+        this.initStage();
+    }
+    getNode() {
+        return this._stage;
+    }
+    initStage() {
+        this._stage = new Stage({
+            ...this.config(),
+            container: this.nodeContainer
+        });
+    }
+    updateNode(config) {
+        const props = {
+            ...config,
+            ...createListener(this)
+        };
+        applyNodeProps(this, props, this.cacheProps);
+        this.cacheProps = props;
+    }
+    ngOnDestroy() {
+        this._stage?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoStage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: KoStage, isStandalone: true, selector: "ko-stage", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { koMouseover: "koMouseover", koMousemove: "koMousemove", koMouseout: "koMouseout", koMouseenter: "koMouseenter", koMouseleave: "koMouseleave", koMousedown: "koMousedown", koMouseup: "koMouseup", koWheel: "koWheel", koContextmenu: "koContextmenu", koClick: "koClick", koDblclick: "koDblclick", koTouchstart: "koTouchstart", koTouchmove: "koTouchmove", koTouchend: "koTouchend", koTap: "koTap", koDbltap: "koDbltap", koDragstart: "koDragstart", koDragmove: "koDragmove", koDragend: "koDragend" }, providers: [
+            {
+                provide: KO_CONTAINER_TOKEN,
+                useExisting: KoStage
+            }
+        ], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoStage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ko-stage',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    providers: [
+                        {
+                            provide: KO_CONTAINER_TOKEN,
+                            useExisting: KoStage
+                        }
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [], propDecorators: { koMouseover: [{
+                type: Output
+            }], koMousemove: [{
+                type: Output
+            }], koMouseout: [{
+                type: Output
+            }], koMouseenter: [{
+                type: Output
+            }], koMouseleave: [{
+                type: Output
+            }], koMousedown: [{
+                type: Output
+            }], koMouseup: [{
+                type: Output
+            }], koWheel: [{
+                type: Output
+            }], koContextmenu: [{
+                type: Output
+            }], koClick: [{
+                type: Output
+            }], koDblclick: [{
+                type: Output
+            }], koTouchstart: [{
+                type: Output
+            }], koTouchmove: [{
+                type: Output
+            }], koTouchend: [{
+                type: Output
+            }], koTap: [{
+                type: Output
+            }], koDbltap: [{
+                type: Output
+            }], koDragstart: [{
+                type: Output
+            }], koDragmove: [{
+                type: Output
+            }], koDragend: [{
+                type: Output
+            }] } });
+
+class KoComponent extends Component {
+}
+
+const KoShapeTypes = {
+    Arc,
+    Arrow,
+    Circle,
+    Ellipse,
+    Image: Image$1,
+    Label,
+    Tag,
+    Line,
+    Path,
+    Rect,
+    RegularPolygon,
+    Ring,
+    Star,
+    Text,
+    TextPath,
+    Transformer,
+    Wedge,
+    Group,
+    Layer,
+    FastLayer
+};
+
+const Colors = {
+    primary: '#6698FF',
+    gray100: '#f5f5f5',
+    gray200: '#eee',
+    gray300: '#ddd',
+    gray800: '#333',
+    gray600: '#999',
+    gray700: '#666',
+    white: '#fff',
+    black: '#000',
+    transparent: 'transparent',
+    gray80: '#fafafa',
+    headSelectedBgColor: '#EAEFFA',
+    itemActiveBgColor: '#6698ff1a',
+    itemMatchBgColor: '#ff9f731a',
+    waring: '#ffcd5d',
+    success: '#73d897'
+};
+
+const AITable = {
+    getColors() {
+        return Colors;
+    },
+    getVisibleFields(aiTable) {
+        return aiTable.gridData().fields.filter((field) => !field.hidden);
+    },
+    getVisibleRows(aiTable) {
+        return aiTable.records();
+    },
+    getActiveCell(aiTable) {
+        return aiTable.selection().activeCell;
+    },
+    getActiveRecordIds(aiTable) {
+        const selectedRecords = aiTable.selection().selectedRecords;
+        const selectedCells = aiTable.selection().selectedCells;
+        let selectedRecordIds = [];
+        if (selectedRecords.size > 0) {
+            selectedRecordIds = [...selectedRecords.keys()];
+        }
+        else if (selectedCells.size > 0) {
+            selectedRecordIds = [...selectedCells].map((item) => item.split(':')[0]);
+        }
+        else {
+            selectedRecordIds = [];
+        }
+        return selectedRecordIds;
+    },
+    isCellVisible(aiTable, cell) {
+        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
+        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
+        const [recordId, fieldId] = cell || [];
+        const isVisible = visibleRowIndexMap.has(recordId) && visibleColumnIndexMap.has(fieldId);
+        return isVisible;
+    },
+    getCellIndex(aiTable, cell) {
+        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
+        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
+        if (AITable.isCellVisible(aiTable, cell)) {
+            const [recordId, fieldId] = cell;
+            return {
+                rowIndex: visibleRowIndexMap.get(recordId),
+                columnIndex: visibleColumnIndexMap.get(fieldId)
+            };
+        }
+        return null;
+    },
+    isFrozenColumn(aiTable, columnIndex) {
+        const frozenColumnCount = aiTable.context.frozenColumnCount();
+        if (columnIndex <= frozenColumnCount - 1) {
+            return true;
+        }
+        return false;
+    }
+};
+
+var AITableFieldType;
+(function (AITableFieldType) {
+    AITableFieldType["text"] = "text";
+    AITableFieldType["richText"] = "rich_text";
+    AITableFieldType["select"] = "select";
+    AITableFieldType["number"] = "number";
+    AITableFieldType["date"] = "date";
+    AITableFieldType["member"] = "member";
+    AITableFieldType["progress"] = "progress";
+    AITableFieldType["rate"] = "rate";
+    AITableFieldType["link"] = "link";
+    AITableFieldType["attachment"] = "attachment";
+    AITableFieldType["createdAt"] = "created_at";
+    AITableFieldType["updatedAt"] = "updated_at";
+    AITableFieldType["createdBy"] = "created_by";
+    AITableFieldType["updatedBy"] = "updated_by";
+})(AITableFieldType || (AITableFieldType = {}));
+var AITableStatType;
+(function (AITableStatType) {
+    AITableStatType[AITableStatType["None"] = 0] = "None";
+    AITableStatType[AITableStatType["CountAll"] = 1] = "CountAll";
+    AITableStatType[AITableStatType["Empty"] = 2] = "Empty";
+    AITableStatType[AITableStatType["Filled"] = 3] = "Filled";
+    AITableStatType[AITableStatType["Unique"] = 4] = "Unique";
+    AITableStatType[AITableStatType["PercentEmpty"] = 5] = "PercentEmpty";
+    AITableStatType[AITableStatType["PercentFilled"] = 6] = "PercentFilled";
+    AITableStatType[AITableStatType["PercentUnique"] = 7] = "PercentUnique";
+    AITableStatType[AITableStatType["Sum"] = 8] = "Sum";
+    AITableStatType[AITableStatType["Average"] = 9] = "Average";
+    AITableStatType[AITableStatType["Max"] = 10] = "Max";
+    AITableStatType[AITableStatType["Min"] = 11] = "Min";
+    AITableStatType[AITableStatType["DateRangeOfDays"] = 12] = "DateRangeOfDays";
+    AITableStatType[AITableStatType["DateRangeOfMonths"] = 13] = "DateRangeOfMonths";
+    AITableStatType[AITableStatType["Checked"] = 14] = "Checked";
+    AITableStatType[AITableStatType["UnChecked"] = 15] = "UnChecked";
+    AITableStatType[AITableStatType["PercentChecked"] = 16] = "PercentChecked";
+    AITableStatType[AITableStatType["PercentUnChecked"] = 17] = "PercentUnChecked";
+})(AITableStatType || (AITableStatType = {}));
+var AITableSelectOptionStyle;
+(function (AITableSelectOptionStyle) {
+    AITableSelectOptionStyle[AITableSelectOptionStyle["text"] = 1] = "text";
+    AITableSelectOptionStyle[AITableSelectOptionStyle["tag"] = 2] = "tag";
+    AITableSelectOptionStyle[AITableSelectOptionStyle["dot"] = 3] = "dot";
+    AITableSelectOptionStyle[AITableSelectOptionStyle["piece"] = 4] = "piece";
+})(AITableSelectOptionStyle || (AITableSelectOptionStyle = {}));
+var Direction;
+(function (Direction) {
+    Direction["before"] = "before";
+    Direction["after"] = "after";
+})(Direction || (Direction = {}));
+var DragType;
+(function (DragType) {
+    DragType["record"] = "record";
+    DragType["field"] = "field";
+    DragType["columnWidth"] = "columnWidth";
+    DragType["none"] = "none";
+})(DragType || (DragType = {}));
+
+var AITableGridI18nKey;
+(function (AITableGridI18nKey) {
+    AITableGridI18nKey["dataPickerPlaceholder"] = "dataPickerPlaceholder";
+    AITableGridI18nKey["linkTooltip"] = "linkTooltip";
+    AITableGridI18nKey["invalidLinkFormat"] = "invalidLinkFormat";
+    AITableGridI18nKey["linkRequired"] = "linkRequired";
+    AITableGridI18nKey["linkText"] = "linkText";
+    AITableGridI18nKey["linkUrl"] = "linkUrl";
+    AITableGridI18nKey["inputText"] = "inputText";
+    AITableGridI18nKey["inputUrl"] = "inputUrl";
+    AITableGridI18nKey["fieldColumnName"] = "fieldColumnName";
+    AITableGridI18nKey["fieldColumnNamePlaceholder"] = "fieldColumnNamePlaceholder";
+    AITableGridI18nKey["fieldType"] = "fieldType";
+    AITableGridI18nKey["allowMultipleMembers"] = "allowMultipleMembers";
+    AITableGridI18nKey["cancel"] = "cancel";
+    AITableGridI18nKey["apply"] = "apply";
     AITableGridI18nKey["fieldNameRequired"] = "fieldNameRequired";
     AITableGridI18nKey["fieldNameDuplicate"] = "fieldNameDuplicate";
     AITableGridI18nKey["confirm"] = "confirm";
     AITableGridI18nKey["copiedCells"] = "copiedCells";
     AITableGridI18nKey["invalidPasteContent"] = "invalidPasteContent";
     AITableGridI18nKey["fieldTypeText"] = "fieldTypeText";
+    AITableGridI18nKey["fieldTypeRichtext"] = "fieldTypeRichtext";
     AITableGridI18nKey["fieldTypeSelect"] = "fieldTypeSelect";
     AITableGridI18nKey["fieldTypeMultiSelect"] = "fieldTypeMultiSelect";
     AITableGridI18nKey["fieldTypeNumber"] = "fieldTypeNumber";
@@ -260,6 +685,7 @@ const AITableI18nText = {
     [AITableGridI18nKey.copiedCells]: '已复制 {count} 个单元格',
     [AITableGridI18nKey.invalidPasteContent]: '粘贴内容不符合当前类型', // 新增
     [AITableGridI18nKey.fieldTypeText]: '单行文本',
+    [AITableGridI18nKey.fieldTypeRichtext]: '多行文本',
     [AITableGridI18nKey.fieldTypeSelect]: '单选',
     [AITableGridI18nKey.fieldTypeMultiSelect]: '多选',
     [AITableGridI18nKey.fieldTypeNumber]: '数字',
@@ -300,6 +726,12 @@ function getFieldOptions(aiTable) {
             icon: 'font',
             width: AI_TABLE_FIELD_MAX_WIDTH
         },
+        {
+            type: AITableFieldType.richText,
+            name: getI18nTextByKey(aiTable, AITableGridI18nKey.fieldTypeRichtext),
+            icon: 'multiline-text',
+            width: AI_TABLE_FIELD_MAX_WIDTH
+        },
         {
             type: AITableFieldType.select,
             name: getI18nTextByKey(aiTable, AITableGridI18nKey.fieldTypeSelect),
@@ -820,7 +1252,7 @@ function getDefaultFieldValue(field) {
     if (isArrayField(field)) {
         return [];
     }
-    if (isNumberFiled(field)) {
+    if (isNumberFiled(field) || field.type === AITableFieldType.richText) {
         return null;
     }
     return '';
@@ -1143,7 +1575,7 @@ class LinkEditComponent {
         this.confirm.emit(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkEditComponent, deps: [{ token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LinkEditComponent, isStandalone: true, selector: "link-edit", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, aiTable: { classPropertyName: "aiTable", publicName: "aiTable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirm: "confirm" }, ngImport: i0, template: "<form\n    thyLayout=\"vertical\"\n    thyStopPropagation\n    thyForm\n    #linkForm=\"thyForm\"\n    [thyFormValidatorConfig]=\"validatorConfig()\"\n    name=\"linkForm\"\n    class=\"p-5\"\n>\n    <thy-form-group [thyLabelText]=\"i18nTexts().linkText\">\n        <input thyInput [placeholder]=\"i18nTexts().textPlaceholder\" />\n    </thy-form-group>\n    <thy-form-group [thyLabelText]=\"i18nTexts().urlLabel\">\n        <input name=\"url\" thyInput [placeholder]=\"i18nTexts().urlPlaceholder\" [pattern]=\"URLRegex\" type=\"text\" [(ngModel)]=\"url\" />\n    </thy-form-group>\n    <thy-form-group-footer thyAlign=\"right\">\n        <div class=\"btn-pair\">\n            <button thyStopPropagation thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"close()\">{{i18nTexts().cancel}}</button>\n            <button thyStopPropagation thyButton=\"primary\" thySize=\"sm\" (thyFormSubmit)=\"apply(linkForm)\">{{i18nTexts().apply}}</button>\n        </div>\n    </thy-form-group-footer>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }, { kind: "directive", type: ThyFormSubmitDirective, selector: "[thyFormSubmit],[thy-form-submit]", outputs: ["thyFormSubmit"] }, { kind: "ngmodule", type: ThyFormModule }, { kind: "directive", type: i2.ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: i2.ThyFormGroup, selector: "thy-form-group", inputs: ["thyLabelText", "thyLabelTextTranslateKey", "thyLabelRequired", "thyLabelPaddingTopClear", "thyFeedbackIcon", "thyTipsMode", "thyTips", "thyTipsTranslateKey", "thyRowFill"] }, { kind: "component", type: i2.ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LinkEditComponent, isStandalone: true, selector: "link-edit", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, aiTable: { classPropertyName: "aiTable", publicName: "aiTable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirm: "confirm" }, ngImport: i0, template: "<form\n    thyLayout=\"vertical\"\n    thyStopPropagation\n    thyForm\n    #linkForm=\"thyForm\"\n    [thyFormValidatorConfig]=\"validatorConfig()\"\n    name=\"linkForm\"\n    class=\"p-5\"\n>\n    <thy-form-group [thyLabelText]=\"i18nTexts().linkText\">\n        <input thyInput [placeholder]=\"i18nTexts().textPlaceholder\" name=\"text\" [(ngModel)]=\"text\" />\n    </thy-form-group>\n    <thy-form-group [thyLabelText]=\"i18nTexts().urlLabel\">\n        <input name=\"url\" thyInput [placeholder]=\"i18nTexts().urlPlaceholder\" [pattern]=\"URLRegex\" type=\"text\" [(ngModel)]=\"url\" />\n    </thy-form-group>\n    <thy-form-group-footer thyAlign=\"right\">\n        <div class=\"btn-pair\">\n            <button thyStopPropagation thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"close()\">{{ i18nTexts().cancel }}</button>\n            <button thyStopPropagation thyButton=\"primary\" thySize=\"sm\" (thyFormSubmit)=\"apply(linkForm)\">{{ i18nTexts().apply }}</button>\n        </div>\n    </thy-form-group-footer>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }, { kind: "directive", type: ThyFormSubmitDirective, selector: "[thyFormSubmit],[thy-form-submit]", outputs: ["thyFormSubmit"] }, { kind: "ngmodule", type: ThyFormModule }, { kind: "directive", type: i2.ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: i2.ThyFormGroup, selector: "thy-form-group", inputs: ["thyLabelText", "thyLabelTextTranslateKey", "thyLabelRequired", "thyLabelPaddingTopClear", "thyFeedbackIcon", "thyTipsMode", "thyTips", "thyTipsTranslateKey", "thyRowFill"] }, { kind: "component", type: i2.ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkEditComponent, decorators: [{
             type: Component,
@@ -1155,7 +1587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ThyButton,
                         ThyFormSubmitDirective,
                         ThyFormModule
-                    ], template: "<form\n    thyLayout=\"vertical\"\n    thyStopPropagation\n    thyForm\n    #linkForm=\"thyForm\"\n    [thyFormValidatorConfig]=\"validatorConfig()\"\n    name=\"linkForm\"\n    class=\"p-5\"\n>\n    <thy-form-group [thyLabelText]=\"i18nTexts().linkText\">\n        <input thyInput [placeholder]=\"i18nTexts().textPlaceholder\" />\n    </thy-form-group>\n    <thy-form-group [thyLabelText]=\"i18nTexts().urlLabel\">\n        <input name=\"url\" thyInput [placeholder]=\"i18nTexts().urlPlaceholder\" [pattern]=\"URLRegex\" type=\"text\" [(ngModel)]=\"url\" />\n    </thy-form-group>\n    <thy-form-group-footer thyAlign=\"right\">\n        <div class=\"btn-pair\">\n            <button thyStopPropagation thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"close()\">{{i18nTexts().cancel}}</button>\n            <button thyStopPropagation thyButton=\"primary\" thySize=\"sm\" (thyFormSubmit)=\"apply(linkForm)\">{{i18nTexts().apply}}</button>\n        </div>\n    </thy-form-group-footer>\n</form>\n" }]
+                    ], template: "<form\n    thyLayout=\"vertical\"\n    thyStopPropagation\n    thyForm\n    #linkForm=\"thyForm\"\n    [thyFormValidatorConfig]=\"validatorConfig()\"\n    name=\"linkForm\"\n    class=\"p-5\"\n>\n    <thy-form-group [thyLabelText]=\"i18nTexts().linkText\">\n        <input thyInput [placeholder]=\"i18nTexts().textPlaceholder\" name=\"text\" [(ngModel)]=\"text\" />\n    </thy-form-group>\n    <thy-form-group [thyLabelText]=\"i18nTexts().urlLabel\">\n        <input name=\"url\" thyInput [placeholder]=\"i18nTexts().urlPlaceholder\" [pattern]=\"URLRegex\" type=\"text\" [(ngModel)]=\"url\" />\n    </thy-form-group>\n    <thy-form-group-footer thyAlign=\"right\">\n        <div class=\"btn-pair\">\n            <button thyStopPropagation thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"close()\">{{ i18nTexts().cancel }}</button>\n            <button thyStopPropagation thyButton=\"primary\" thySize=\"sm\" (thyFormSubmit)=\"apply(linkForm)\">{{ i18nTexts().apply }}</button>\n        </div>\n    </thy-form-group-footer>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1$1.ThyPopoverRef }], propDecorators: { url: [{
                 type: Input
             }], text: [{
@@ -1971,6 +2403,7 @@ 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 标识
@@ -2069,6 +2502,7 @@ const Unchecked = `
   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`;
@@ -2083,6 +2517,7 @@ const StarFill = `M9.186 2.12l1.02 2.769c.073.292.365.437.656.437l2.915.146c1.16
 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.1 6.5V10a3.1 3.1 0 0 1-6.2.006l-.047-4.979a.6.6 0 0 1 1.2-.011L4.1 10a1.9 1.9 0 0 0 3.8 0V4.48C7.9 2.9 6.5 1.6 4.75 1.6S1.6 2.9 1.6 4.48v5.728c0 2.413 1.97 4.371 4.4 4.371 2.43 0 4.4-1.958 4.4-4.37v-5.16a.6.6 0 0 1 1.2 0v5.16c0 3.077-2.508 5.57-5.6 5.57-3.092 0-5.6-2.493-5.6-5.57V4.48C.4 2.216 2.357.4 4.75.4S9.1 2.216 9.1 4.48V6.5z`;
+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 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';
@@ -2614,22 +3049,41 @@ const readFromClipboard = async () => {
 };
 
 function extractText(text) {
-    let plainText = text;
+    if (!text)
+        return '';
+    // 如果文本包含HTML链接标签，提取链接文本
     if (text.includes('<a')) {
         const aTagMatch = text.match(/<a[^>]*>(.*?)<\/a>/i);
-        if (aTagMatch && aTagMatch[1] && aTagMatch[1].trim()) {
-            plainText = aTagMatch[1];
+        if (aTagMatch?.[1]?.trim()) {
+            return aTagMatch[1].trim();
         }
     }
-    return plainText;
+    return text;
 }
-function extractLinkHref(text) {
-    let href = null;
+function extractLinkUrl(text) {
+    if (!text)
+        return null;
+    // 1. 从HTML链接标签中提取URL，比如 https://mail.qq.com
     const hrefMatch = text.match(/href="([^"]+)"/);
-    if (hrefMatch && hrefMatch[1] && hrefMatch[1].trim()) {
-        href = hrefMatch[1];
+    if (hrefMatch?.[1]) {
+        return hrefMatch[1];
+    }
+    // 2. 匹配完整的URL（带协议），比如 https://mail.qq.com
+    const protocolAndDomainMatch = text.match(/^(?:\w+:)?\/\/(\S+)$/);
+    if (protocolAndDomainMatch?.[0]) {
+        return protocolAndDomainMatch[0];
+    }
+    // 3. 匹配localhost格式，比如 localhost:6100
+    const localhostDomainMatch = text.match(/^localhost[\:?\d]*(?:[^\:?\d]\S*)?$/);
+    if (localhostDomainMatch?.[0]) {
+        return `http://${localhostDomainMatch[0]}`;
+    }
+    // 4. 匹配普通域名，比如 www.baidu.com
+    const ordinaryDomainMatch = text.match(/^[^\s\.]+\.\S{2,}$/);
+    if (ordinaryDomainMatch?.[0]) {
+        return `http://${ordinaryDomainMatch[0]}`;
     }
-    return href;
+    return null;
 }
 
 const zhIntlCollator = typeof Intl !== 'undefined' ? new Intl.Collator('zh-CN') : undefined;
@@ -2932,7 +3386,7 @@ function toLinkFieldValue(plainText, targetField, originData) {
         }
     }
     else {
-        const url = extractLinkHref(plainText);
+        const url = extractLinkUrl(plainText);
         const text = extractText(plainText);
         if (url && text) {
             return {
@@ -3666,526 +4120,249 @@ const writeToAITable = async (aiTable, actions) => {
                 try {
                     actions.updateFieldValue({
                         value,
-                        path: [targetRecord._id, targetField._id]
-                    });
-                    isPasteSuccess = true;
-                }
-                catch (error) { }
-            }
-        });
-    });
-    return isPasteSuccess;
-};
-
-const getVisibleRangeInfo = (coordinate, scrollState) => {
-    const { scrollTop, scrollLeft } = scrollState;
-    const { rowCount, columnCount, frozenColumnCount } = coordinate;
-    // 获取要渲染的垂直可见区域
-    const getVerticalRangeInfo = () => {
-        const startIndex = coordinate.getRowStartIndex(scrollTop);
-        const stopIndex = coordinate.getRowStopIndex(startIndex, scrollTop);
-        return {
-            rowStartIndex: Math.max(0, startIndex - 1),
-            rowStopIndex: Math.max(0, Math.min(rowCount - 1, stopIndex + 1))
-        };
-    };
-    // 获取要渲染的水平可见区域
-    const getHorizontalRangeInfo = () => {
-        const startIndex = coordinate.getColumnStartIndex(scrollLeft);
-        const stopIndex = coordinate.getColumnStopIndex(startIndex, scrollLeft);
-        return {
-            columnStartIndex: Math.max(frozenColumnCount - 1, startIndex),
-            columnStopIndex: Math.max(frozenColumnCount - 1, Math.min(columnCount - 1, stopIndex))
-        };
-    };
-    const { rowStartIndex, rowStopIndex } = getVerticalRangeInfo();
-    const { columnStartIndex, columnStopIndex } = getHorizontalRangeInfo();
-    return {
-        rowStartIndex,
-        rowStopIndex,
-        columnStartIndex,
-        columnStopIndex
-    };
-};
-const scrollMax = (aiTable, coordinate, visibleColumns) => {
-    const scrollMaxWidth = visibleColumns.reduce((pre, cur) => pre + getFieldOptionByField(aiTable, cur)?.width, AI_TABLE_ROW_HEAD_WIDTH);
-    const scrollMaxHeight = coordinate.getRowOffset(coordinate.rowCount - 1) + 32;
-    return { scrollMaxWidth, scrollMaxHeight };
-};
-
-const getMousePosition = (aiTable, x, y, coordinate, fields, context, _targetName) => {
-    const { scrollTop, scrollLeft } = context.scrollState();
-    const { scrollMaxWidth, scrollMaxHeight } = scrollMax(aiTable, coordinate, fields);
-    const offsetTop = scrollTop + y;
-    const rowIndex = coordinate.getRowStartIndex(offsetTop);
-    const offsetLeft = isWithinFrozenColumnBoundary(x, coordinate.frozenColumnWidth) ? x : scrollLeft + x;
-    const columnIndex = coordinate.getColumnStartIndex(offsetLeft);
-    const areaType = offsetLeft <= scrollMaxWidth && offsetTop <= scrollMaxHeight ? AITableAreaType.grid : AITableAreaType.none;
-    const targetName = getTargetName(_targetName);
-    return {
-        areaType,
-        targetName, // As a simple operational identifier, with prefix name only
-        realTargetName: _targetName || AI_TABLE_BLANK, // Real name
-        rowIndex,
-        columnIndex,
-        offsetTop,
-        offsetLeft,
-        x,
-        y
-    };
-};
-const isWithinFrozenColumnBoundary = (x, frozenColumnWidth) => {
-    const max = AI_TABLE_ROW_HEAD_WIDTH + frozenColumnWidth;
-    const min = AI_TABLE_ROW_HEAD_WIDTH;
-    return x > min && x < max;
-};
-const getEditorSpace = (widthOrHeight) => {
-    return widthOrHeight + AI_TABLE_OFFSET * 2;
-};
-const getEditorBoxOffset = () => {
-    return -AI_TABLE_OFFSET;
-};
-const getCellEditorBorderSpace = () => {
-    return AI_TABLE_CELL_ACTIVE_BORDER_WIDTH * 2 - AI_TABLE_OFFSET * 2;
-};
-const getHoverEditorSpace = (widthOrHeight) => {
-    const borderSpace = getCellEditorBorderSpace();
-    return widthOrHeight - borderSpace;
-};
-const getHoverEditorBoxOffset = () => {
-    const borderSpace = getCellEditorBorderSpace();
-    return borderSpace / 2;
-};
-
-const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container) => {
-    const { targetName, mouseStyle } = getDetailByTargetName(realTargetName);
-    if (mouseStyle)
-        return setMouseStyle(mouseStyle, container);
-    if (areaType === AITableAreaType.none)
-        return setMouseStyle('default', container);
-    switch (targetName) {
-        case AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX:
-        case AI_TABLE_FIELD_HEAD_MORE:
-        case AI_TABLE_ROW_SELECT_CHECKBOX:
-        case AI_TABLE_ROW_ADD_BUTTON:
-        case AI_TABLE_FIELD_ADD_BUTTON: {
-            return setMouseStyle('pointer', container);
-        }
-        default:
-            return setMouseStyle('default', container);
-    }
-};
-const setMouseStyle = (mouseStyle, container) => {
-    container.style.cursor = mouseStyle;
-};
-
-/**
- * 在 Canvas 上测量文本的宽度和高度，以便在显示文本时能够动态调整布局或限制文本的显示区域
- * @param defaults
- * @returns
- */
-const TextMeasure = (defaults = {}) => {
-    const { fontFamily = DEFAULT_FONT_FAMILY, fontSize = DEFAULT_FONT_SIZE, fontWeight = DEFAULT_FONT_WEIGHT, fontStyle = DEFAULT_FONT_STYLE, lineHeight = DEFAULT_TEXT_LINE_HEIGHT, scale = DEFAULT_TEXT_SCALE } = defaults;
-    const o = {
-        fontFamily,
-        fontSize,
-        fontWeight,
-        fontStyle,
-        lineHeight,
-        scale
-    };
-    const canvas = document.createElement('canvas');
-    const context = canvas ? canvas.getContext('2d') : null;
-    const normalizeFontFamily = (fontFamily) => {
-        return fontFamily
-            .split(',')
-            .map((family) => {
-            family = family.trim();
-            const hasSpace = family.indexOf(' ') >= 0;
-            const hasQuotes = family.indexOf('"') >= 0 || family.indexOf("'") >= 0;
-            if (hasSpace && !hasQuotes) {
-                family = `"${family}"`;
-            }
-            return family;
-        })
-            .join(', ');
-    };
-    // 可以在运行时动态调整字体样式，从而影响后续的文本测量
-    const setFont = (options = {}) => {
-        for (const key in options) {
-            o[key] = options[key] ?? o[key];
-        }
-        if (context) {
-            context.font = `${o.fontWeight} ${o.fontSize * o.scale}px ${normalizeFontFamily(o.fontFamily)}`;
-        }
-    };
-    // 根据指定的最大宽度和行数来计算文本的显示方式。如果文本太长，它会自动换行或截断，并返回是否发生溢出的信息
-    const getWidthOfLongestText = (text, maxWidth, maxLineCount) => {
-        let width = 0;
-        let height = 0;
-        let lineCount = 0;
-        if (text == null) {
-            return { width, height, lastLineWidth: 0 };
-        }
-        const lines = text.split('\n');
-        for (let i = 0; i < lines.length; i++) {
-            const line = lines[i];
-            const lineWidth = context?.measureText(line).width ?? 0;
-            width = Math.max(width, lineWidth);
-            lineCount = maxWidth != null ? Math.ceil(lineWidth / maxWidth) || 1 : 1;
-            height += o.lineHeight * lineCount;
-        }
-        if (maxWidth == null || maxLineCount === 1 || (maxLineCount && lineCount <= maxLineCount)) {
-            return {
-                width: Math.ceil(width),
-                height: Math.ceil(height),
-                text,
-                isOverflow: Boolean(maxLineCount && lineCount > maxLineCount),
-                lastLineWidth: Math.ceil(width)
-            };
-        }
-        const arrText = text.split('');
-        let rowCount = 0; // 总行数
-        let textHeight = 0; // 文本最终占用的高度
-        let showText = ''; // 每行展示的文本
-        let totalText = '';
-        let isLimitRow = false;
-        const textLength = arrText.length;
-        for (let n = 0; n < textLength; n++) {
-            const singleText = arrText[n];
-            const composeText = showText + singleText;
-            // 如果没有超过 maxLineCount，就会继续换行
-            isLimitRow = maxLineCount ? rowCount === maxLineCount - 1 : false;
-            const measureText = isLimitRow ? composeText + '…' : composeText;
-            totalText += singleText;
-            const textWidth = context?.measureText(measureText).width ?? 0;
-            const isLineBreak = ['\n', '\r'].includes(singleText);
-            if (((maxWidth && textWidth > maxWidth) || isLineBreak) && (maxLineCount == null || rowCount < maxLineCount)) {
-                showText = isLineBreak ? '' : singleText;
-                textHeight += lineHeight;
-                rowCount++;
-                if (isLimitRow) {
-                    if (n < textLength - 1) {
-                        totalText = totalText.substring(0, totalText.length - 1) + '…';
-                    }
-                    break;
+                        path: [targetRecord._id, targetField._id]
+                    });
+                    isPasteSuccess = true;
                 }
+                catch (error) { }
             }
-            else {
-                showText = composeText;
-            }
-        }
+        });
+    });
+    return isPasteSuccess;
+};
+
+const getVisibleRangeInfo = (coordinate, scrollState) => {
+    const { scrollTop, scrollLeft } = scrollState;
+    const { rowCount, columnCount, frozenColumnCount } = coordinate;
+    // 获取要渲染的垂直可见区域
+    const getVerticalRangeInfo = () => {
+        const startIndex = coordinate.getRowStartIndex(scrollTop);
+        const stopIndex = coordinate.getRowStopIndex(startIndex, scrollTop);
         return {
-            width: Math.ceil(width),
-            height: Math.ceil(maxLineCount == null || rowCount < maxLineCount ? textHeight + lineHeight : textHeight),
-            text: totalText,
-            isOverflow: isLimitRow,
-            lastLineWidth: context?.measureText(showText).width ?? 0
+            rowStartIndex: Math.max(0, startIndex - 1),
+            rowStopIndex: Math.max(0, Math.min(rowCount - 1, stopIndex + 1))
         };
     };
-    // 测量给定文本的宽度和高度。
-    // 支持指定最大宽度 (maxWidth) 和最大行数 (maxLineCount)，从而能够处理多行文本的自动换行和截断（例如在文本超过行数限制时添加省略号 "…"）
-    const measureText = (text, maxWidth, maxLineCount) => {
-        return getWidthOfLongestText(castToString(text), maxWidth, maxLineCount);
+    // 获取要渲染的水平可见区域
+    const getHorizontalRangeInfo = () => {
+        const startIndex = coordinate.getColumnStartIndex(scrollLeft);
+        const stopIndex = coordinate.getColumnStopIndex(startIndex, scrollLeft);
+        return {
+            columnStartIndex: Math.max(frozenColumnCount - 1, startIndex),
+            columnStopIndex: Math.max(frozenColumnCount - 1, Math.min(columnCount - 1, stopIndex))
+        };
     };
-    // 可以将字体样式重置为初始默认配置
-    const reset = () => setFont(defaults);
-    setFont(o);
+    const { rowStartIndex, rowStopIndex } = getVerticalRangeInfo();
+    const { columnStartIndex, columnStopIndex } = getHorizontalRangeInfo();
     return {
-        context,
-        measureText,
-        setFont,
-        reset
+        rowStartIndex,
+        rowStopIndex,
+        columnStartIndex,
+        columnStopIndex
     };
 };
-
-const isCellMatchKeywords = (aiTable, field, recordId, keywords, references) => {
-    const cellValue = AITableQueries.getFieldValue(aiTable, [recordId, field._id]);
-    const transformValue = transformCellValue(aiTable, field, cellValue);
-    const fieldMethod = FieldModelMap[field.type];
-    let cellFullText = fieldMethod.cellFullText(transformValue, field, references);
-    return keywords && cellFullText.length && cellFullText.some((text) => text.toLowerCase().includes(keywords.toLowerCase()));
+const scrollMax = (aiTable, coordinate, visibleColumns) => {
+    const scrollMaxWidth = visibleColumns.reduce((pre, cur) => pre + getFieldOptionByField(aiTable, cur)?.width, AI_TABLE_ROW_HEAD_WIDTH);
+    const scrollMaxHeight = coordinate.getRowOffset(coordinate.rowCount - 1) + 32;
+    return { scrollMaxWidth, scrollMaxHeight };
 };
 
-function updatePicture(node) {
-    const drawingNode = node.getLayer() || node.getStage();
-    if (drawingNode) {
-        drawingNode.batchDraw();
-    }
-}
-
-// adapted FROM: https://github.com/lavrton/react-konva/blob/master/src/react-konva-fiber.js
-function applyNodeProps(component, props = {}, oldProps = {}) {
-    if ('id' in props) {
-        const message = `You are using "id" attribute for Konva node. In some very rare cases it may produce bugs. Currently we recommend not to use it and use "name" attribute instead.`;
-        console.warn(message);
-    }
-    const instance = component.getNode();
-    const updatedProps = {};
-    let hasUpdates = false;
-    Object.keys(oldProps).forEach((key) => {
-        const isEvent = key.slice(0, 2) === 'ko';
-        const propChanged = oldProps[key] !== props[key];
-        if (isEvent && propChanged) {
-            let eventName = key.slice(2).toLowerCase();
-            if (eventName.slice(0, 7) === 'content') {
-                eventName = 'content' + eventName.slice(7, 8).toUpperCase() + eventName.slice(8);
-            }
-            instance.off(eventName, oldProps[key]);
-        }
-        const toRemove = !Object.hasOwn(props, key);
-        if (toRemove) {
-            instance.setAttr(key, undefined);
-        }
-    });
-    Object.keys(props).forEach((key) => {
-        const isEvent = key.slice(0, 2) === 'ko';
-        const toAdd = oldProps[key] !== props[key];
-        if (isEvent && toAdd) {
-            let eventName = key.slice(2).toLowerCase();
-            if (eventName.slice(0, 7) === 'content') {
-                eventName = 'content' + eventName.slice(7, 8).toUpperCase() + eventName.slice(8);
-            }
-            if (props[key]) {
-                instance.off(eventName);
-                instance.on(eventName, (event) => {
-                    props[key]({
-                        angularComponent: component,
-                        event
-                    });
-                });
-            }
-        }
-        if (!isEvent && (props[key] !== oldProps[key] || props[key] !== instance.getAttr(key))) {
-            hasUpdates = true;
-            updatedProps[key] = props[key];
-        }
-    });
-    if (hasUpdates) {
-        instance.setAttrs(updatedProps);
-        updatePicture(instance);
-        let val;
-        Object.keys(updatedProps).forEach((prop) => {
-            val = updatedProps[prop];
-            if (val instanceof Image && !val.complete) {
-                const node = instance;
-                val.addEventListener('load', function () {
-                    const layer = node.getLayer();
-                    if (layer) {
-                        layer.batchDraw();
-                    }
-                });
-            }
-        });
-    }
-}
-
-function camelize(str) {
-    return str
-        .replace(/^\w|[A-Z]|\b\w/g, function (letter, index) {
-        return index == 0 ? letter.toLowerCase() : letter.toUpperCase();
-    })
-        .replace(/\s+/g, '');
-}
-function capitalizeFirstLetter(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
-}
-function getName(componentTag) {
-    return capitalizeFirstLetter(camelize(componentTag.slice(3).replace('-', ' ')));
-}
-function createListener(instance) {
-    const output = {};
-    [
-        'koMouseover',
-        'koMousemove',
-        'koMouseout',
-        'koMouseenter',
-        'koMouseleave',
-        'koMousedown',
-        'koMouseup',
-        'koWheel',
-        'koContextmenu',
-        'koClick',
-        'koDblclick',
-        'koTouchstart',
-        'koTouchmove',
-        'koTouchend',
-        'koTap',
-        'koDbltap',
-        'koDragstart',
-        'koDragmove',
-        'koDragend'
-    ].forEach((eventName) => {
-        const name = eventName;
-        const eventEmitter = instance[name];
-        if (eventEmitter.observed) {
-            output[eventName] = eventEmitter.emit.bind(eventEmitter);
-        }
-    });
-    return output;
-}
-
-const KO_CONTAINER_TOKEN = new InjectionToken('KO_CONTAINER_TOKEN');
-
-class KoShape {
-    constructor() {
-        this.config = input();
-        this.koMouseover = new EventEmitter();
-        this.koMousemove = new EventEmitter();
-        this.koMouseout = new EventEmitter();
-        this.koMouseenter = new EventEmitter();
-        this.koMouseleave = new EventEmitter();
-        this.koMousedown = new EventEmitter();
-        this.koMouseup = new EventEmitter();
-        this.koWheel = new EventEmitter();
-        this.koContextmenu = new EventEmitter();
-        this.koClick = new EventEmitter();
-        this.koDblclick = new EventEmitter();
-        this.koTouchstart = new EventEmitter();
-        this.koTouchmove = new EventEmitter();
-        this.koTouchend = new EventEmitter();
-        this.koTap = new EventEmitter();
-        this.koDbltap = new EventEmitter();
-        this.koDragstart = new EventEmitter();
-        this.koDragmove = new EventEmitter();
-        this.koDragend = new EventEmitter();
-        this.elementRef = inject((ElementRef));
-        this.container = inject(KO_CONTAINER_TOKEN, { skipSelf: true });
-        this.cacheProps = {};
-        this.nameNode = getName(this.elementRef.nativeElement.localName);
-        effect(() => {
-            if (this.config()) {
-                this.updateNode(this.config());
-            }
-        });
-    }
-    getNode() {
-        return this._node;
-    }
-    ngOnInit() {
-        this.initKonva();
+const getMousePosition = (aiTable, x, y, coordinate, fields, context, _targetName) => {
+    const { scrollTop, scrollLeft } = context.scrollState();
+    const { scrollMaxWidth, scrollMaxHeight } = scrollMax(aiTable, coordinate, fields);
+    const offsetTop = scrollTop + y;
+    const rowIndex = coordinate.getRowStartIndex(offsetTop);
+    const offsetLeft = isWithinFrozenColumnBoundary(x, coordinate.frozenColumnWidth) ? x : scrollLeft + x;
+    const columnIndex = coordinate.getColumnStartIndex(offsetLeft);
+    const areaType = offsetLeft <= scrollMaxWidth && offsetTop <= scrollMaxHeight ? AITableAreaType.grid : AITableAreaType.none;
+    const targetName = getTargetName(_targetName);
+    return {
+        areaType,
+        targetName, // As a simple operational identifier, with prefix name only
+        realTargetName: _targetName || AI_TABLE_BLANK, // Real name
+        rowIndex,
+        columnIndex,
+        offsetTop,
+        offsetLeft,
+        x,
+        y
+    };
+};
+const isWithinFrozenColumnBoundary = (x, frozenColumnWidth) => {
+    const max = AI_TABLE_ROW_HEAD_WIDTH + frozenColumnWidth;
+    const min = AI_TABLE_ROW_HEAD_WIDTH;
+    return x > min && x < max;
+};
+const getEditorSpace = (widthOrHeight) => {
+    return widthOrHeight + AI_TABLE_OFFSET * 2;
+};
+const getEditorBoxOffset = () => {
+    return -AI_TABLE_OFFSET;
+};
+const getCellEditorBorderSpace = () => {
+    return AI_TABLE_CELL_ACTIVE_BORDER_WIDTH * 2 - AI_TABLE_OFFSET * 2;
+};
+const getHoverEditorSpace = (widthOrHeight) => {
+    const borderSpace = getCellEditorBorderSpace();
+    return widthOrHeight - borderSpace;
+};
+const getHoverEditorBoxOffset = () => {
+    const borderSpace = getCellEditorBorderSpace();
+    return borderSpace / 2;
+};
+
+const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container) => {
+    const { targetName, mouseStyle } = getDetailByTargetName(realTargetName);
+    if (mouseStyle)
+        return setMouseStyle(mouseStyle, container);
+    if (areaType === AITableAreaType.none)
+        return setMouseStyle('default', container);
+    switch (targetName) {
+        case AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX:
+        case AI_TABLE_FIELD_HEAD_MORE:
+        case AI_TABLE_ROW_SELECT_CHECKBOX:
+        case AI_TABLE_ROW_ADD_BUTTON:
+        case AI_TABLE_FIELD_ADD_BUTTON: {
+            return setMouseStyle('pointer', container);
+        }
+        case AI_TABLE_FIELD_HEAD_OPACITY_LINE: {
+            return setMouseStyle('col-resize', container);
+        }
+        default:
+            return setMouseStyle('default', container);
     }
-    initKonva() {
-        if (!this._node) {
-            this._node = new Shape();
+};
+const setMouseStyle = (mouseStyle, container) => {
+    container.style.cursor = mouseStyle;
+};
+
+/**
+ * 在 Canvas 上测量文本的宽度和高度，以便在显示文本时能够动态调整布局或限制文本的显示区域
+ * @param defaults
+ * @returns
+ */
+const TextMeasure = (defaults = {}) => {
+    const { fontFamily = DEFAULT_FONT_FAMILY, fontSize = DEFAULT_FONT_SIZE, fontWeight = DEFAULT_FONT_WEIGHT, fontStyle = DEFAULT_FONT_STYLE, lineHeight = DEFAULT_TEXT_LINE_HEIGHT, scale = DEFAULT_TEXT_SCALE } = defaults;
+    const o = {
+        fontFamily,
+        fontSize,
+        fontWeight,
+        fontStyle,
+        lineHeight,
+        scale
+    };
+    const canvas = document.createElement('canvas');
+    const context = canvas ? canvas.getContext('2d') : null;
+    const normalizeFontFamily = (fontFamily) => {
+        return fontFamily
+            .split(',')
+            .map((family) => {
+            family = family.trim();
+            const hasSpace = family.indexOf(' ') >= 0;
+            const hasQuotes = family.indexOf('"') >= 0 || family.indexOf("'") >= 0;
+            if (hasSpace && !hasQuotes) {
+                family = `"${family}"`;
+            }
+            return family;
+        })
+            .join(', ');
+    };
+    // 可以在运行时动态调整字体样式，从而影响后续的文本测量
+    const setFont = (options = {}) => {
+        for (const key in options) {
+            o[key] = options[key] ?? o[key];
         }
-        if (this.nameNode === 'Shape') {
-            this._node = new Shape();
+        if (context) {
+            context.font = `${o.fontWeight} ${o.fontSize * o.scale}px ${normalizeFontFamily(o.fontFamily)}`;
         }
-        else if (this.nameNode === 'Sprite') {
-            this._node = new Sprite(this.config());
+    };
+    // 根据指定的最大宽度和行数来计算文本的显示方式。如果文本太长，它会自动换行或截断，并返回是否发生溢出的信息
+    const getWidthOfLongestText = (text, maxWidth, maxLineCount) => {
+        let width = 0;
+        let height = 0;
+        let lineCount = 0;
+        if (text == null) {
+            return { width, height, lastLineWidth: 0 };
         }
-        else {
-            this._node = new Konva[this.nameNode](undefined);
+        const lines = text.split('\n');
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineWidth = context?.measureText(line).width ?? 0;
+            width = Math.max(width, lineWidth);
+            lineCount = maxWidth != null ? Math.ceil(lineWidth / maxWidth) || 1 : 1;
+            height += o.lineHeight * lineCount;
         }
-        const animationStage = this._node.to.bind(this._node);
-        this._node.to = (newConfig) => {
-            animationStage(newConfig);
-            setTimeout(() => {
-                Object.keys(this._node.attrs).forEach((key) => {
-                    if (typeof this._node.attrs[key] !== 'function') {
-                        this.config()[key] = this._node.attrs[key];
+        if (maxWidth == null || maxLineCount === 1 || (maxLineCount && lineCount <= maxLineCount)) {
+            return {
+                width: Math.ceil(width),
+                height: Math.ceil(height),
+                text,
+                isOverflow: Boolean(maxLineCount && lineCount > maxLineCount),
+                lastLineWidth: Math.ceil(width)
+            };
+        }
+        const arrText = text.split('');
+        let rowCount = 0; // 总行数
+        let textHeight = 0; // 文本最终占用的高度
+        let showText = ''; // 每行展示的文本
+        let totalText = '';
+        let isLimitRow = false;
+        const textLength = arrText.length;
+        for (let n = 0; n < textLength; n++) {
+            const singleText = arrText[n];
+            const composeText = showText + singleText;
+            // 如果没有超过 maxLineCount，就会继续换行
+            isLimitRow = maxLineCount ? rowCount === maxLineCount - 1 : false;
+            const measureText = isLimitRow ? composeText + '…' : composeText;
+            totalText += singleText;
+            const textWidth = context?.measureText(measureText).width ?? 0;
+            const isLineBreak = ['\n', '\r'].includes(singleText);
+            if (((maxWidth && textWidth > maxWidth) || isLineBreak) && (maxLineCount == null || rowCount < maxLineCount)) {
+                showText = isLineBreak ? '' : singleText;
+                textHeight += lineHeight;
+                rowCount++;
+                if (isLimitRow) {
+                    if (n < textLength - 1) {
+                        totalText = totalText.substring(0, totalText.length - 1) + '…';
                     }
-                });
-            }, 200);
-        };
-        if (this.config()) {
-            this.updateNode(this.config());
+                    break;
+                }
+            }
+            else {
+                showText = composeText;
+            }
         }
-    }
-    updateNode(config) {
-        if (!this._node)
-            return;
-        const props = {
-            ...config,
-            ...createListener(this)
+        return {
+            width: Math.ceil(width),
+            height: Math.ceil(maxLineCount == null || rowCount < maxLineCount ? textHeight + lineHeight : textHeight),
+            text: totalText,
+            isOverflow: isLimitRow,
+            lastLineWidth: context?.measureText(showText).width ?? 0
         };
-        applyNodeProps(this, props, this.cacheProps);
-        this.cacheProps = props;
-    }
-    ngAfterViewInit() {
-        const container = this.container.getNode();
-        container.add(this.getNode());
-        updatePicture(this.container.getNode());
-    }
-    ngOnDestroy() {
-        this._node?.destroy();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoShape, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: KoShape, isStandalone: true, 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: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { koMouseover: "koMouseover", koMousemove: "koMousemove", koMouseout: "koMouseout", koMouseenter: "koMouseenter", koMouseleave: "koMouseleave", koMousedown: "koMousedown", koMouseup: "koMouseup", koWheel: "koWheel", koContextmenu: "koContextmenu", koClick: "koClick", koDblclick: "koDblclick", koTouchstart: "koTouchstart", koTouchmove: "koTouchmove", koTouchend: "koTouchend", koTap: "koTap", koDbltap: "koDbltap", koDragstart: "koDragstart", koDragmove: "koDragmove", koDragend: "koDragend" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoShape, decorators: [{
-            type: Component,
-            args: [{
-                    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',
-                    standalone: true,
-                    template: `<ng-content></ng-content>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: () => [], propDecorators: { koMouseover: [{
-                type: Output
-            }], koMousemove: [{
-                type: Output
-            }], koMouseout: [{
-                type: Output
-            }], koMouseenter: [{
-                type: Output
-            }], koMouseleave: [{
-                type: Output
-            }], koMousedown: [{
-                type: Output
-            }], koMouseup: [{
-                type: Output
-            }], koWheel: [{
-                type: Output
-            }], koContextmenu: [{
-                type: Output
-            }], koClick: [{
-                type: Output
-            }], koDblclick: [{
-                type: Output
-            }], koTouchstart: [{
-                type: Output
-            }], koTouchmove: [{
-                type: Output
-            }], koTouchend: [{
-                type: Output
-            }], koTap: [{
-                type: Output
-            }], koDbltap: [{
-                type: Output
-            }], koDragstart: [{
-                type: Output
-            }], koDragmove: [{
-                type: Output
-            }], koDragend: [{
-                type: Output
-            }] } });
-
-class KoContainer extends KoShape {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoContainer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KoContainer, isStandalone: true, selector: "ko-layer, ko-fastlayer, ko-group", providers: [
-            {
-                provide: KO_CONTAINER_TOKEN,
-                useExisting: KoContainer
-            }
-        ], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoContainer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ko-layer, ko-fastlayer, ko-group',
-                    standalone: true,
-                    template: `<ng-content></ng-content>`,
-                    providers: [
-                        {
-                            provide: KO_CONTAINER_TOKEN,
-                            useExisting: KoContainer
-                        }
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }] });
+    };
+    // 测量给定文本的宽度和高度。
+    // 支持指定最大宽度 (maxWidth) 和最大行数 (maxLineCount)，从而能够处理多行文本的自动换行和截断（例如在文本超过行数限制时添加省略号 "…"）
+    const measureText = (text, maxWidth, maxLineCount) => {
+        return getWidthOfLongestText(castToString(text), maxWidth, maxLineCount);
+    };
+    // 可以将字体样式重置为初始默认配置
+    const reset = () => setFont(defaults);
+    setFont(o);
+    return {
+        context,
+        measureText,
+        setFont,
+        reset
+    };
+};
+
+const isCellMatchKeywords = (aiTable, field, recordId, keywords, references) => {
+    const cellValue = AITableQueries.getFieldValue(aiTable, [recordId, field._id]);
+    const transformValue = transformCellValue(aiTable, field, cellValue);
+    const fieldMethod = FieldModelMap[field.type];
+    let cellFullText = fieldMethod.cellFullText(transformValue, field, references);
+    return keywords && cellFullText.length && cellFullText.some((text) => text.toLowerCase().includes(keywords.toLowerCase()));
+};
 
 class AITableText {
     constructor() {
@@ -5730,150 +5907,6 @@ function getFileThumbnailSvgString(ext) {
     return result;
 }
 
-class KoStage {
-    constructor() {
-        this.config = input();
-        this.koMouseover = new EventEmitter();
-        this.koMousemove = new EventEmitter();
-        this.koMouseout = new EventEmitter();
-        this.koMouseenter = new EventEmitter();
-        this.koMouseleave = new EventEmitter();
-        this.koMousedown = new EventEmitter();
-        this.koMouseup = new EventEmitter();
-        this.koWheel = new EventEmitter();
-        this.koContextmenu = new EventEmitter();
-        this.koClick = new EventEmitter();
-        this.koDblclick = new EventEmitter();
-        this.koTouchstart = new EventEmitter();
-        this.koTouchmove = new EventEmitter();
-        this.koTouchend = new EventEmitter();
-        this.koTap = new EventEmitter();
-        this.koDbltap = new EventEmitter();
-        this.koDragstart = new EventEmitter();
-        this.koDragmove = new EventEmitter();
-        this.koDragend = new EventEmitter();
-        this.cacheProps = {};
-        this.nodeContainer = inject(ElementRef).nativeElement;
-        effect(() => {
-            if (this.config()) {
-                if (!this._stage) {
-                    this.initStage();
-                }
-                this.updateNode(this.config());
-            }
-        });
-    }
-    ngOnInit() {
-        this.initStage();
-    }
-    getNode() {
-        return this._stage;
-    }
-    initStage() {
-        this._stage = new Stage({
-            ...this.config(),
-            container: this.nodeContainer
-        });
-    }
-    updateNode(config) {
-        const props = {
-            ...config,
-            ...createListener(this)
-        };
-        applyNodeProps(this, props, this.cacheProps);
-        this.cacheProps = props;
-    }
-    ngOnDestroy() {
-        this._stage?.destroy();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoStage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: KoStage, isStandalone: true, selector: "ko-stage", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { koMouseover: "koMouseover", koMousemove: "koMousemove", koMouseout: "koMouseout", koMouseenter: "koMouseenter", koMouseleave: "koMouseleave", koMousedown: "koMousedown", koMouseup: "koMouseup", koWheel: "koWheel", koContextmenu: "koContextmenu", koClick: "koClick", koDblclick: "koDblclick", koTouchstart: "koTouchstart", koTouchmove: "koTouchmove", koTouchend: "koTouchend", koTap: "koTap", koDbltap: "koDbltap", koDragstart: "koDragstart", koDragmove: "koDragmove", koDragend: "koDragend" }, providers: [
-            {
-                provide: KO_CONTAINER_TOKEN,
-                useExisting: KoStage
-            }
-        ], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KoStage, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ko-stage',
-                    standalone: true,
-                    template: `<ng-content></ng-content>`,
-                    providers: [
-                        {
-                            provide: KO_CONTAINER_TOKEN,
-                            useExisting: KoStage
-                        }
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: () => [], propDecorators: { koMouseover: [{
-                type: Output
-            }], koMousemove: [{
-                type: Output
-            }], koMouseout: [{
-                type: Output
-            }], koMouseenter: [{
-                type: Output
-            }], koMouseleave: [{
-                type: Output
-            }], koMousedown: [{
-                type: Output
-            }], koMouseup: [{
-                type: Output
-            }], koWheel: [{
-                type: Output
-            }], koContextmenu: [{
-                type: Output
-            }], koClick: [{
-                type: Output
-            }], koDblclick: [{
-                type: Output
-            }], koTouchstart: [{
-                type: Output
-            }], koTouchmove: [{
-                type: Output
-            }], koTouchend: [{
-                type: Output
-            }], koTap: [{
-                type: Output
-            }], koDbltap: [{
-                type: Output
-            }], koDragstart: [{
-                type: Output
-            }], koDragmove: [{
-                type: Output
-            }], koDragend: [{
-                type: Output
-            }] } });
-
-class KoComponent extends Component {
-}
-
-const KoShapeTypes = {
-    Arc,
-    Arrow,
-    Circle,
-    Ellipse,
-    Image: Image$1,
-    Label,
-    Tag,
-    Line,
-    Path,
-    Rect,
-    RegularPolygon,
-    Ring,
-    Star,
-    Text,
-    TextPath,
-    Transformer,
-    Wedge,
-    Group,
-    Layer,
-    FastLayer
-};
-
 class AITableActionIcon {
     constructor() {
         this.onClick = output();
@@ -6092,12 +6125,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class AITableCellRichtext {
+    constructor() {
+        this.config = input();
+        this.textConfig = computed(() => {
+            const render = this.config()?.render;
+            if (render) {
+                const { x, y, transformValue, field, columnWidth, rowHeight, style, zIndex } = render;
+                let textRender = transformValue;
+                if (textRender == null) {
+                    return;
+                }
+                textRender = textRender.replace(/\r|\n/g, ' ');
+                const fontWeight = style?.fontWeight;
+                const textMaxWidth = columnWidth - AI_TABLE_CELL_PADDING - AI_TABLE_ACTION_COMMON_RIGHT_PADDING - AI_TABLE_ACTION_COMMON_SIZE;
+                const { text, textWidth } = drawer.textEllipsis({
+                    text: textRender,
+                    maxWidth: textMaxWidth,
+                    fontWeight
+                });
+                return {
+                    x,
+                    y,
+                    text,
+                    wrap: 'none',
+                    width: textWidth,
+                    fillStyle: Colors.primary,
+                    height: rowHeight + 2,
+                    lineHeight: 1.84,
+                    listening: false,
+                    ellipsis: true,
+                    zIndex
+                };
+            }
+            return;
+        });
+        this.iconConfig = computed(() => {
+            const { coordinate, render, field, recordId, readonly } = this.config();
+            const offsetX = render.columnWidth - AI_TABLE_ACTION_COMMON_SIZE - AI_TABLE_ACTION_COMMON_RIGHT_PADDING;
+            const offsetY = (coordinate.rowInitSize - AI_TABLE_ACTION_COMMON_SIZE) / 2;
+            return {
+                coordinate,
+                readonly,
+                name: generateTargetName({
+                    targetName: AI_TABLE_CELL,
+                    fieldId: field._id,
+                    recordId,
+                    source: AI_TABLE_CELL_EDIT,
+                    mouseStyle: readonly ? 'default' : 'pointer'
+                }),
+                x: offsetX,
+                y: offsetY,
+                data: EditPath,
+                fill: Colors.gray600,
+                hoverFill: Colors.primary,
+                backgroundWidth: AI_TABLE_ACTION_COMMON_SIZE,
+                backgroundHeight: AI_TABLE_ACTION_COMMON_SIZE,
+                cornerRadius: AI_TABLE_ACTION_COMMON_RADIUS,
+                listening: true
+            };
+        });
+    }
+    static { this.fieldType = AITableFieldType.richText; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableCellRichtext, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AITableCellRichtext, isStandalone: true, selector: "ai-table-richtext", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <ai-table-text [config]="textConfig()!"></ai-table-text>
+        <ai-table-action-icon [config]="iconConfig()"></ai-table-action-icon>
+    `, isInline: true, dependencies: [{ kind: "component", type: AITableText, selector: "ai-table-text", inputs: ["config"], outputs: ["koClick", "koMouseMove"] }, { kind: "component", type: AITableActionIcon, selector: "ai-table-action-icon", inputs: ["config"], outputs: ["onClick", "onMousemove", "onMouseenter", "onMouseleave"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableCellRichtext, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ai-table-richtext',
+                    template: `
+        <ai-table-text [config]="textConfig()!"></ai-table-text>
+        <ai-table-action-icon [config]="iconConfig()"></ai-table-action-icon>
+    `,
+                    standalone: true,
+                    imports: [AITableText, AITableActionIcon],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
 // TODO: components下的cells组件考虑移出 components ，这些组件都属于
 
 var cellComponents = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AITableCellAttachment: AITableCellAttachment,
-    AITableCellLink: AITableCellLink
+    AITableCellLink: AITableCellLink,
+    AITableCellRichtext: AITableCellRichtext
 });
 
 const componentMap = {};
@@ -6909,6 +7025,7 @@ class CellDrawer extends Drawer {
         const fieldType = field.type;
         switch (fieldType) {
             case AITableFieldType.text:
+            case AITableFieldType.richText:
             case AITableFieldType.number:
             case AITableFieldType.link:
                 return this.renderCellText(render, ctx);
@@ -6939,8 +7056,9 @@ class CellDrawer extends Drawer {
         if (renderText == null) {
             return;
         }
-        const isSingleLine = !columnWidth;
-        const isTextField = fieldType === AITableFieldType.text;
+        // const isSingleLine = !columnWidth;
+        const isSingleLine = true;
+        const isTextField = fieldType === AITableFieldType.text || fieldType === AITableFieldType.richText;
         const isNumberField = fieldType === AITableFieldType.number;
         if (isTextField && isSingleLine) {
             renderText = renderText.replace(/\r|\n/g, ' ');
@@ -7887,6 +8005,9 @@ class AITableFieldIcon {
                 case AITableFieldType.text:
                     data = ColumnTextFilledPath;
                     break;
+                case AITableFieldType.richText:
+                    data = ColumnRichTextFilledPath;
+                    break;
                 case AITableFieldType.select:
                     data = field.settings?.is_multiple ? ColumnMultipleFillPath : ColumnSelectFilledPath;
                     break;
@@ -8884,15 +9005,12 @@ class AITableDragComponent {
     initElements() {
         this.rect = this.elementRef.nativeElement.querySelector('.rect');
         this.auxiliaryLine = this.elementRef.nativeElement.querySelector('.auxiliary-line');
-        this.colResizeLine = this.elementRef.nativeElement.querySelector('.col-resize-line');
     }
     setupEventListeners() {
         this.mousedownListener = this.render2.listen('window', 'mousedown', (e) => {
             this.mouseStartPosition = { x: e.x, y: e.y };
-            e.preventDefault();
         });
         this.mousemoveListener = this.render2.listen('window', 'mousemove', (e) => {
-            e.preventDefault();
             if (this.timer) {
                 cancelAnimationFrame(this.timer);
             }
@@ -8917,10 +9035,6 @@ class AITableDragComponent {
         if (drag.type === DragType.none || !this.rect || !this.auxiliaryLine) {
             return;
         }
-        if (drag.type === DragType.columnWidth) {
-            this.setDisplayStyle('block');
-            this.showColResize(drag);
-        }
         this.aiTableDrag = drag;
     }
     handleDrag(e, drag) {
@@ -8998,6 +9112,7 @@ class AITableDragComponent {
         }
     }
     movingColumnWidth(drag, moveX) {
+        this.setCursorStyle('col-resize');
         const aiTable = this.aiTableGridSelectionService.aiTable;
         const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
         const sourceColumnIndex = visibleColumnIndexMap.get(drag.sourceIds.values().next().value) || 0;
@@ -9019,36 +9134,6 @@ class AITableDragComponent {
             width: Math.max(MIN_COLUMN_WIDTH, sourceColumnWidth + moveX)
         };
     }
-    showColResize(drag) {
-        const aiTable = this.aiTableGridSelectionService.aiTable;
-        const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
-        const sourceColumnIndex = visibleColumnIndexMap.get(drag.sourceIds.values().next().value) || 0;
-        const coordinate = drag.coordinate;
-        const sourceColumnStartX = coordinate.getColumnOffset(sourceColumnIndex);
-        const scroll = drag.scroll || { x: 0, y: 0 };
-        let targetColumnIndex = coordinate.getColumnStartIndex(sourceColumnStartX + scroll.x);
-        let targetColumnStartX = coordinate.getColumnOffset(targetColumnIndex);
-        const sourceColumnWidth = drag.coordinate.getColumnWidth(sourceColumnIndex);
-        const opacityLineWidth = 4;
-        // 重置样式
-        this.setRectStyles({ width: 0 });
-        this.resetAuxiliaryLine();
-        this.setDisplayStyle('block');
-        this.render2.setStyle(this.elementRef.nativeElement, 'cursor', 'col-resize');
-        // 隐藏列宽调整线，用于监听鼠标离开此区域后结束宽度调整
-        this.setColResizeLine({
-            opacity: 0,
-            height: '100%',
-            width: `${opacityLineWidth}px`,
-            left: `${targetColumnStartX + sourceColumnWidth - opacityLineWidth / 2}px`,
-            zIndex: 10
-        });
-        this.lineMouseLeaveListener = this.render2.listen(this.colResizeLine, 'mouseleave', () => {
-            this.setDisplayStyle('none');
-            this.lineMouseLeaveListener?.();
-            this.lineMouseLeaveListener = undefined;
-        });
-    }
     handleDragEnd() {
         this.setDisplayStyle('none');
         if (this.draggedData) {
@@ -9068,6 +9153,9 @@ class AITableDragComponent {
     setDisplayStyle(display) {
         this.render2.setStyle(this.elementRef.nativeElement, 'display', display);
     }
+    setCursorStyle(cursor) {
+        this.render2.setStyle(this.elementRef.nativeElement, 'cursor', cursor);
+    }
     setRectStyles(styles) {
         Object.entries(styles).forEach(([prop, value]) => {
             this.render2.setStyle(this.rect, prop, value);
@@ -9078,11 +9166,6 @@ class AITableDragComponent {
             this.render2.setStyle(this.auxiliaryLine, prop, value);
         });
     }
-    setColResizeLine(styles) {
-        Object.entries(styles).forEach(([prop, value]) => {
-            this.render2.setStyle(this.colResizeLine, prop, value);
-        });
-    }
     resetAuxiliaryLine() {
         this.setAuxiliaryLineStyles({ width: 0 });
     }
@@ -9093,21 +9176,19 @@ class AITableDragComponent {
             this.mousemoveListener();
         if (this.mouseupListener)
             this.mouseupListener();
-        if (this.lineMouseLeaveListener)
-            this.lineMouseLeaveListener();
         if (this.timer) {
             cancelAnimationFrame(this.timer);
             this.timer = null;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableDragComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AITableDragComponent, isStandalone: true, selector: "ai-table-drag", outputs: { dragEnd: "dragEnd" }, host: { classAttribute: "drag-container" }, ngImport: i0, template: "<div class=\"rect\"></div>\n<div class=\"auxiliary-line\"></div>\n<div class=\"col-resize-line\"></div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AITableDragComponent, isStandalone: true, selector: "ai-table-drag", outputs: { dragEnd: "dragEnd" }, host: { classAttribute: "drag-container" }, ngImport: i0, template: "<div class=\"rect\"></div>\n<div class=\"auxiliary-line\"></div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableDragComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ai-table-drag', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'drag-container'
-                    }, template: "<div class=\"rect\"></div>\n<div class=\"auxiliary-line\"></div>\n<div class=\"col-resize-line\"></div>" }]
+                    }, template: "<div class=\"rect\"></div>\n<div class=\"auxiliary-line\"></div>" }]
         }], ctorParameters: () => [] });
 
 class AITableGrid extends AITableGridBase {
@@ -9305,18 +9386,6 @@ class AITableGrid extends AITableGridBase {
                     }
                 }
             }
-            const { targetName: _targetName, fieldId } = getDetailByTargetName(targetName);
-            if (_targetName === AI_TABLE_FIELD_HEAD_OPACITY_LINE && fieldId) {
-                this.aiTableGridSelectionService.drag({
-                    type: DragType.columnWidth,
-                    sourceIds: new Set([fieldId]),
-                    scroll: this.getScrollPosition(),
-                    coordinate: this.coordinate()
-                });
-            }
-            else if (this.aiTableGridSelectionService.getDragStateType() === DragType.columnWidth) {
-                this.aiTableGridSelectionService.clearDrag();
-            }
         });
     }
     stageMousedown(e) {
@@ -9337,6 +9406,17 @@ class AITableGrid extends AITableGridBase {
                 this.aiTableGridSelectionService.selectField(fieldId);
                 this.handleFieldDragStart();
                 return;
+            case AI_TABLE_FIELD_HEAD_OPACITY_LINE:
+                mouseEvent.preventDefault();
+                if (!fieldId)
+                    return;
+                this.aiTableGridSelectionService.drag({
+                    type: DragType.columnWidth,
+                    sourceIds: new Set([fieldId]),
+                    scroll: this.getScrollPosition(),
+                    coordinate: this.coordinate()
+                });
+                return;
             case AI_TABLE_CELL:
                 if (!recordId || !fieldId)
                     return;
@@ -9706,5 +9786,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFieldType, AITableFilterOperation, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridSelectionService, AITableMemberType, AITableMouseDownType, AITableQueries, AITableRenderer, AITableRowColumnType, AITableRowType, AITableSelectAllState, AITableSelectOptionStyle, AITableStatType, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_ATTACHMENT_ADD, AI_TABLE_CELL_ATTACHMENT_FILE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_FIELD_ITEM_HEIGHT, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_FIELD_ITEM_MARGIN_RIGHT, AI_TABLE_FIELD_MAX_WIDTH, AI_TABLE_FIELD_MIDDLE_WIDTH, AI_TABLE_FIELD_MINI_WIDTH, AI_TABLE_FIELD_MIN_WIDTH, AI_TABLE_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_Width, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AbstractEditCellEditor, AddOutlinedPath, AttachmentPath, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DepartmentOutlinedPath, Direction, DragType, FONT_SIZE_SM, FieldModelMap, GRID_CELL_EDITOR_MAP, IsSelectRecordPipe, LinkCellEditorComponent, MIN_COLUMN_WIDTH, MOUSEOVER_EDIT_TYPE, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, ProgressEditorComponent, RatingCellEditorComponent, RendererContext, RowHeight, SelectCellEditorComponent, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextMeasure, Unchecked, UserPipe, WebOutlinedPath, aiTableFragmentAttribute, buildClipboardData, buildGridData, buildGridLinearRows, castToString, compareNumber, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, extractLinkHref, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptions, getFieldValue, getHoverCell, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getPlaceHolderCellsConfigs, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isEmpty, isMac, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, readFromClipboard, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, transformCellValue, writeToAITable, writeToClipboard, zhIntlCollator };
+export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFieldType, AITableFilterOperation, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridSelectionService, AITableMemberType, AITableMouseDownType, AITableQueries, AITableRenderer, AITableRowColumnType, AITableRowType, AITableSelectAllState, AITableSelectOptionStyle, AITableStatType, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_ATTACHMENT_ADD, AI_TABLE_CELL_ATTACHMENT_FILE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EDIT, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_FIELD_ITEM_HEIGHT, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_FIELD_ITEM_MARGIN_RIGHT, AI_TABLE_FIELD_MAX_WIDTH, AI_TABLE_FIELD_MIDDLE_WIDTH, AI_TABLE_FIELD_MINI_WIDTH, AI_TABLE_FIELD_MIN_WIDTH, AI_TABLE_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_Width, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AbstractEditCellEditor, AddOutlinedPath, AttachmentPath, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DepartmentOutlinedPath, Direction, DragType, EditPath, FONT_SIZE_SM, FieldModelMap, GRID_CELL_EDITOR_MAP, IsSelectRecordPipe, KO_CONTAINER_TOKEN, KoComponent, KoContainer, KoShape, KoShapeTypes, KoStage, LinkCellEditorComponent, MIN_COLUMN_WIDTH, MOUSEOVER_EDIT_TYPE, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, ProgressEditorComponent, RatingCellEditorComponent, RendererContext, RowHeight, SelectCellEditorComponent, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextMeasure, Unchecked, UserPipe, WebOutlinedPath, aiTableFragmentAttribute, applyNodeProps, buildClipboardData, buildGridData, buildGridLinearRows, castToString, compareNumber, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptions, getFieldValue, getHoverCell, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getName, getPlaceHolderCellsConfigs, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isEmpty, isMac, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, readFromClipboard, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, transformCellValue, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
 //# sourceMappingURL=ai-table-grid.mjs.map