@ai-table/grid 0.0.55 → 0.0.56

package/fesm2022/ai-table-grid.mjs

@@ -28,7 +28,7 @@ import { ThyPopoverRef, ThyPopover, ThyPopoverModule } from 'ngx-tethys/popover'
 import ObjectID from 'bson-objectid';
 import { customAlphabet } from 'nanoid';
 import * as _ from 'lodash';
-import ___default, { isNumber, includes, values, isString, isNil } from 'lodash';
+import { isNumber, includes, values, isString, isNil } from 'lodash';
 import { isUndefinedOrNull, isArray, isEmpty as isEmpty$1, isObject, TinyDate, helpers } from 'ngx-tethys/util';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -65,9 +65,9 @@ import { ThyCheckboxModule } from 'ngx-tethys/checkbox';
 import { ThyProgress } from 'ngx-tethys/progress';
 import { ThyRate } from 'ngx-tethys/rate';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { LRUCache } from 'lru-cache';
 import { fromUnixTime, subDays } from 'date-fns';
 import { DEFAULT_COLORS } from 'ngx-tethys/color-picker';
+import { LRUCache } from 'lru-cache';
 import GraphemeSplitter from 'grapheme-splitter';
 
 const KO_CONTAINER_TOKEN = new InjectionToken('KO_CONTAINER_TOKEN');
@@ -2377,7 +2377,8 @@ const AI_TABLE_SCROLL_BAR_PADDING = 3; // 单元格滑动容器的滚动条宽
 const AI_TABLE_OFFSET = 0.5; // 边框线偏移值
 const AI_TABLE_TEXT_GAP = 8; // 文本间距
 const AI_TABLE_ROW_HEAD = 'AI_TABLE_ROW_HEAD'; // 行头
-const AI_TABLE_ROW_HEAD_WIDTH = 44; // 表格行头 checkbox 列的宽度
+const AI_TABLE_ROW_DRAG_ICON_WIDTH = 18; // 行拖拽宽度
+const AI_TABLE_ROW_HEAD_WIDTH = 44 + AI_TABLE_ROW_DRAG_ICON_WIDTH; // 表格行头 checkbox 列的宽度
 const AI_TABLE_ROW_HEAD_SIZE = 16; // 添加行按钮的尺寸
 const AI_TABLE_ROW_ADD_BUTTON = 'AI_TABLE_ROW_ADD_BUTTON'; // 添加行名称
 const AI_TABLE_BLANK = 'AI_TABLE_BLANK'; // 空白区域
@@ -2397,6 +2398,7 @@ const AI_TABLE_FIELD_ADD_BUTTON_WIDTH = 100; // 添加列宽度
 const AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE = 8; // 字段表列头图标的间距
 const AI_TABLE_FIELD_HEAD_MORE = 'AI_TABLE_FIELD_HEAD_MORE'; // 更多图标名称
 const AI_TABLE_FIELD_HEAD_OPACITY_LINE = 'AI_TABLE_FIELD_HEAD_OPACITY_LINE'; // 字段列头透明线
+const AI_TABLE_ROW_DRAG = 'AI_TABLE_ROW_DRAG'; // 行拖拽
 const AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS = '.ai-table-prevent-clear-selection';
 const AI_TABLE_ICON_COMMON_SIZE = 16; // 表格图标的通用尺寸
 const AI_TABLE_CELL = 'AI_TABLE_CELL'; // 单元格标识
@@ -2504,6 +2506,7 @@ const WebOutlinedPath = `M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C1
 const DepartmentOutlinedPath = `M3 5.5C3 3.567 4.567 2 6.5 2C8.433 2 10 3.567 10 5.5C10 6.49548 9.5844 7.3939 8.91724 8.0312C10.7204 8.86779 12.017 10.6115 12.2217 12.6767C12.2976 13.4424 11.6682 14 11 14H2C1.33185 14 0.702358 13.4424 0.778277 12.6767C0.983033 10.6115 2.27961 8.86779 4.08276 8.0312C3.4156 7.3939 3 6.49548 3 5.5ZM8.5 5.5C8.5 4.39543 7.60457 3.5 6.5 3.5C5.39543 3.5 4.5 4.39543 4.5 5.5C4.5 6.60457 5.39543 7.5 6.5 7.5C7.60457 7.5 8.5 6.60457 8.5 5.5ZM2.31585 12.5H10.6841C10.3303 10.5108 8.59114 9 6.5 9C4.40886 9 2.66975 10.5108 2.31585 12.5Z', 'M11 3C10.5858 3 10.25 3.33579 10.25 3.75C10.25 4.16421 10.5858 4.5 11 4.5C11.6904 4.5 12.25 5.05964 12.25 5.75C12.25 6.44036 11.6904 7 11 7C10.5858 7 10.25 7.33579 10.25 7.75C10.25 8.16421 10.5858 8.5 11 8.5C12.6569 8.5 14 9.84315 14 11.5C14 11.9142 14.3358 12.25 14.75 12.25C15.1642 12.25 15.5 11.9142 15.5 11.5C15.5 9.77473 14.5291 8.27622 13.1038 7.52106C13.507 7.0426 13.75 6.42467 13.75 5.75C13.75 4.23122 12.5188 3 11 3Z`;
 const AttachmentPath = `M9.1773124,11.8057395 C7.96668709,13.0163648 6.00387566,13.0163648 4.79325035,11.8057395 C3.58262505,10.5951142 3.58262505,8.63230278 4.78926443,7.4257012 L8.27628904,3.87217601 C8.50840068,3.63567937 8.88828274,3.63209333 9.12479868,3.86418566 C9.36131462,4.096278 9.36490066,4.47616006 9.13280833,4.712676 L5.64177849,8.27020561 C4.89978234,9.01220177 4.89978234,10.2152152 5.64177849,10.9572114 C6.38377464,11.6992075 7.5867881,11.6992075 8.32878426,10.9572114 L12.2321177,7.05387799 C13.3493901,5.93660552 13.2780395,4.02707269 12.0410949,2.79012806 C10.8041502,1.55318343 8.8946174,1.4818328 7.77734493,2.59910526 L3.72686067,6.64958953 C2.02034367,8.35610653 2.02835883,11.1329242 3.74721224,12.8517776 C5.46606565,14.570631 8.24288334,14.5786462 9.94940034,12.8721292 L13.5980637,9.22346588 C13.8323782,8.98915131 14.2122772,8.98915131 14.4465918,9.22346588 C14.6809064,9.45778046 14.6809064,9.83767945 14.4465918,10.071994 L10.7979285,13.7206573 C8.62168228,15.8969035 5.08507361,15.8866953 2.8986841,13.7003058 C0.712294592,11.5139163 0.702086332,7.97730759 2.87833253,5.8010614 L6.9288168,1.75057713 C8.52947856,0.149915361 11.1976354,0.249612361 12.889623,1.94159992 C14.5816106,3.63358749 14.6813076,6.30174436 13.0806458,7.90240612 L9.1773124,11.8057395 Z`;
 const EditPath = `M2,8.33918294 L10.7095952,0 L15,4.17020474 L6.53816398,13 L2,13 L2,8.33918294 Z M3.2,8.85157902 L3.2,11.8 L6.02608482,11.8 L13.3091776,4.20020516 L10.7033283,1.66736141 L3.2,8.85157902 Z M0,16 L0,14.8 L16,14.8 L16,16 L0,16 Z`;
+const RowDragPath = `M6,3 C6.55228475,3 7,2.55228475 7,2 C7,1.44771525 6.55228475,1 6,1 C5.44771525,1 5,1.44771525 5,2 C5,2.55228475 5.44771525,3 6,3 Z M10,3 C10.5522847,3 11,2.55228475 11,2 C11,1.44771525 10.5522847,1 10,1 C9.44771525,1 9,1.44771525 9,2 C9,2.55228475 9.44771525,3 10,3 Z M6,7 C6.55228475,7 7,6.55228475 7,6 C7,5.44771525 6.55228475,5 6,5 C5.44771525,5 5,5.44771525 5,6 C5,6.55228475 5.44771525,7 6,7 Z M10,7 C10.5522847,7 11,6.55228475 11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 C9,6.55228475 9.44771525,7 10,7 Z M6,11 C6.55228475,11 7,10.5522847 7,10 C7,9.44771525 6.55228475,9 6,9 C5.44771525,9 5,9.44771525 5,10 C5,10.5522847 5.44771525,11 6,11 Z M10,11 C10.5522847,11 11,10.5522847 11,10 C11,9.44771525 10.5522847,9 10,9 C9.44771525,9 9,9.44771525 9,10 C9,10.5522847 9.44771525,11 10,11 Z M6,15 C6.55228475,15 7,14.5522847 7,14 C7,13.4477153 6.55228475,13 6,13 C5.44771525,13 5,13.4477153 5,14 C5,14.5522847 5.44771525,15 6,15 Z M10,15 C10.5522847,15 11,14.5522847 11,14 C11,13.4477153 10.5522847,13 10,13 C9.44771525,13 9,13.4477153 9,14 C9,14.5522847 9.44771525,15 10,15 Z`;
 
 const 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';
@@ -2656,79 +2659,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.ThyPopover }] });
 
-function getColumnIndicesSizeMap(aiTable, fields) {
-    const fieldSizeMap = aiTable.gridData().fieldsSizeMap;
-    const columnIndicesSizeMap = {};
-    fields?.forEach((field, index) => {
-        columnIndicesSizeMap[index] = fieldSizeMap[field._id] ?? getFieldOptionByField(aiTable, field).width;
-    });
-    return columnIndicesSizeMap;
-}
-/**
- * 获取单元格位置
- * 根据单元格是否是第一列/最后一列确定单元格所在的位置
- */
-function getCellHorizontalPosition(options) {
-    const { columnWidth } = options;
-    return { width: columnWidth, offset: 0 };
-}
-function transformCellValue(aiTable, field, cellValue) {
-    if (cellValue === undefined || cellValue === null) {
-        return cellValue;
-    }
-    const fieldService = AI_TABLE_GRID_FIELD_SERVICE_MAP.get(aiTable);
-    if (!fieldService) {
-        return cellValue;
-    }
-    const fieldRenderers = fieldService.aiFieldConfig?.fieldRenderers;
-    if (!fieldRenderers) {
-        return cellValue;
-    }
-    const cellTransform = fieldRenderers[field.type]?.transform;
-    if (!cellTransform) {
-        return cellValue;
-    }
-    const cellText = cellTransform(field, cellValue);
-    if (cellText == null) {
-        return cellValue;
-    }
-    return cellText;
-}
-/**
- * `\u4e00`: https://www.compart.com/en/unicode/U+4E00
- * `\u9fa5`: https://www.compart.com/en/unicode/U+9FA5
- */
-const UNIFIED_IDEOGRAPHS_REGEX = /^[\u4e00-\u9fa5]+$/;
-const SET_OF_LETTERS_REGEX = /^[a-zA-Z\/ ]+$/;
-function getAvatarShortName(name) {
-    if (!name) {
-        return '';
-    }
-    name = name.trim();
-    if (UNIFIED_IDEOGRAPHS_REGEX.test(name) && name.length > 2) {
-        return name.slice(name.length - 2);
-    }
-    if (SET_OF_LETTERS_REGEX.test(name) && name.indexOf(' ') > 0) {
-        const words = name.split(' ');
-        return (words[0].slice(0, 1) + words[1].slice(0, 1)).toUpperCase();
-    }
-    return name.length > 2 ? name.slice(0, 2).toUpperCase() : name.toUpperCase();
-}
-function getAvatarBgColor(name) {
-    if (!name) {
-        return;
-    }
-    const colors = ['#56abfb', '#5dcfff', '#84e17e', '#73d897', '#ff9f73', '#fa8888', '#fb7fb7', '#9a7ef4', '#868af6'];
-    const nameArray = name.split('');
-    const code = name && name.length > 0
-        ? nameArray.reduce(function (result, item) {
-            result.value += item.charCodeAt(0);
-            return result;
-        }, { value: 0 }).value
-        : 0;
-    return colors[code % 9];
-}
-
 /**
  * 生成目标名称
  */
@@ -2787,360 +2717,72 @@ function isEmpty(value) {
     return isUndefinedOrNull(value) || value === '';
 }
 
-function getPlaceHolderCellsConfigs(options) {
-    const { aiTable, coordinate, columnStartIndex, columnStopIndex, rowStartIndex, rowStopIndex } = options;
-    const { linearRows } = aiTable.context;
-    const { rowHeight, columnCount, rowCount } = coordinate;
-    const visibleColumns = AITable.getVisibleFields(aiTable);
-    let configs = [];
-    for (let columnIndex = columnStartIndex; columnIndex <= columnStopIndex; columnIndex++) {
-        // 当前列索引超出总列数范围，返回空
-        if (columnIndex > columnCount - 1) {
-            return [];
-        }
-        const field = visibleColumns[columnIndex];
-        const fieldId = field._id;
-        // 当前列不存在，返回空
-        if (field == null) {
-            return [];
-        }
-        // 当前列的 X 轴偏移量和列宽度
-        const x = coordinate.getColumnOffset(columnIndex) + AI_TABLE_OFFSET * 2;
-        const columnWidth = coordinate.getColumnWidth(columnIndex);
-        for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
-            // 当前行索引是否超出总行数范围，超出则退出循环
-            if (rowIndex > rowCount - 1) {
-                break;
-            }
-            const row = linearRows()[rowIndex];
-            const { _id: recordId, type } = row;
-            if (type !== AITableRowType.record) {
-                continue;
-            }
-            // 当前行的 Y 轴偏移量，并根据列宽和列索引获取单元格的水平位置（宽度和偏移量）
-            const y = coordinate.getRowOffset(rowIndex) + AI_TABLE_OFFSET * 2;
-            const { width, offset } = getCellHorizontalPosition({
-                columnWidth,
-                columnIndex,
-                columnCount
-            });
-            const height = rowHeight - AI_TABLE_OFFSET * 4;
-            configs.unshift({
-                key: `placeholder-cell-${fieldId}-${recordId}`,
-                name: generateTargetName({
-                    targetName: AI_TABLE_CELL,
-                    fieldId,
-                    recordId
-                }),
-                x: x + offset,
-                y,
-                width: width - AI_TABLE_OFFSET * 4,
-                height,
-                fill: Colors.transparent,
-                strokeEnabled: false,
-                hitStrokeWidth: 0,
-                transformsEnabled: 'position',
-                perfectDrawEnabled: false,
-                shadowEnabled: false
-            });
-        }
+const zhIntlCollator = typeof Intl !== 'undefined' ? new Intl.Collator('zh-CN') : undefined;
+function compareNumber(a, b) {
+    if (isEmpty(a) && isEmpty(b)) {
+        return 0;
     }
-    return configs;
+    if (isEmpty(a)) {
+        return -1;
+    }
+    if (isEmpty(b)) {
+        return 1;
+    }
+    return a === b ? 0 : a > b ? 1 : -1;
+}
+function compareString(a, b) {
+    if (a === b) {
+        return 0;
+    }
+    if (a == null) {
+        return -1;
+    }
+    if (b == null) {
+        return 1;
+    }
+    //  pinyin sort
+    return a === b ? 0 : zhIntlCollator ? zhIntlCollator.compare(a, b) : a.localeCompare(b, 'zh-CN') > 0 ? 1 : -1;
+}
+function stringInclude(str, searchStr) {
+    return str.toLowerCase().includes(searchStr.trim().toLowerCase());
 }
-
-const fontCache = {};
-const textDataCache = new LRUCache({
-    max: DEFAULT_TEXT_MAX_CACHE
-});
 /**
- * 计算给定文本在指定字体和 Canvas 环境下的宽度。
- * 它通过缓存机制来优化性能，避免重复计算相同文本的宽度
+ * 两数组是否有交集
  */
-const getTextWidth = (ctx, text, font) => {
-    let width = 0;
-    if (!text || typeof text !== 'string') {
-        return width;
-    }
-    let cacheOfFont = fontCache[font];
-    if (!cacheOfFont) {
-        cacheOfFont = fontCache[font] = new LRUCache({
-            max: 500
-        });
+function hasIntersect(array1, array2) {
+    if (!Array.isArray(array1) || !Array.isArray(array2)) {
+        return false;
     }
-    width = cacheOfFont.get(text);
-    if (width == null) {
-        ctx.font = font;
-        width = ctx.measureText(text).width;
-        cacheOfFont.set(text, width);
+    const set1 = new Set(array1);
+    const set2 = new Set(array2);
+    for (const element of set1) {
+        if (set2.has(element)) {
+            return true;
+        }
     }
-    return width;
-};
+    return false;
+}
 
-const imageCache = (() => {
-    const imageMap = {};
-    const imgPromises = [];
-    function loadImage(name, src, option) {
-        imgPromises.push(new Promise((resolve, reject) => {
-            const img = new Image();
-            img.src = src;
-            img.referrerPolicy = 'no-referrer';
-            if (!option?.crossOrigin) {
-                img.crossOrigin = 'Anonymous';
-            }
-            imageMap[name] = {
-                img,
-                success: false
-            };
-            try {
-                img.onload = () => {
-                    imageMap[name] = {
-                        img,
-                        success: true
-                    };
-                    resolve({
-                        name,
-                        img
-                    });
-                };
+class Field {
+    // 筛选
+    isMeetFilter(condition, cellValue, options) {
+        switch (condition.operation) {
+            case AITableFilterOperation.empty:
+            case AITableFilterOperation.exists: {
+                return this.isEmptyOrNot(condition.operation, cellValue);
             }
-            catch (err) {
-                imageMap[name] = {
-                    img,
-                    success: false
-                };
-                reject(err);
+            default: {
+                return true;
             }
-        }));
-    }
-    function imageMapOnload(callback) {
-        Promise.all(imgPromises).then(callback);
+        }
     }
-    function getImage(name) {
-        const imgInfo = imageMap[name];
-        if (imgInfo == null) {
-            return null;
+    // 查找
+    cellFullText(transformValue, field, references) {
+        let fullText = [];
+        if (!isEmpty(transformValue)) {
+            fullText.push(String(transformValue));
         }
-        const { img, success } = imgInfo;
-        if (!success)
-            return false;
-        return img;
-    }
-    return {
-        loadImage,
-        getImage,
-        imageMapOnload,
-        imageMap
-    };
-})();
-
-const isWindowsOS = () => {
-    const agent = navigator.userAgent.toLowerCase();
-    if (agent.indexOf('win32') >= 0 || agent.indexOf('wow32') >= 0) {
-        return true;
-    }
-    if (agent.indexOf('win64') >= 0 || agent.indexOf('wow64') >= 0) {
-        return true;
-    }
-    return false;
-};
-const isWindows = isWindowsOS();
-const isMac = () => {
-    const agent = navigator.userAgent;
-    return /macintosh/i.test(agent);
-};
-
-const isClipboardWriteSupported = () => {
-    return 'clipboard' in navigator && 'write' in navigator.clipboard;
-};
-const isClipboardWriteTextSupported = () => {
-    return 'clipboard' in navigator && 'writeText' in navigator.clipboard;
-};
-const isClipboardReadSupported = () => {
-    return 'clipboard' in navigator && 'read' in navigator.clipboard;
-};
-const isClipboardReadTextSupported = () => {
-    return 'clipboard' in navigator && 'readText' in navigator.clipboard;
-};
-const writeToClipboard = async (data) => {
-    try {
-        const { text, html } = data;
-        if (isClipboardWriteSupported()) {
-            const clipboardItem = new ClipboardItem({
-                'text/plain': new Blob([text], { type: 'text/plain' }),
-                'text/html': new Blob([html], { type: 'text/html' })
-            });
-            await navigator.clipboard.write([clipboardItem]);
-        }
-        else if (isClipboardWriteTextSupported()) {
-            await navigator.clipboard.writeText(text);
-        }
-        else {
-            const textarea = document.createElement('textarea');
-            textarea.value = text;
-            document.body.appendChild(textarea);
-            textarea.select();
-            document.execCommand('copy');
-            document.body.removeChild(textarea);
-        }
-    }
-    catch (error) {
-        console.warn('Failed to write clipboard:', error);
-    }
-};
-const readFromClipboard = async () => {
-    try {
-        let clipboardData = {};
-        if (isClipboardReadSupported()) {
-            const clipboardItems = await navigator.clipboard.read();
-            if (Array.isArray(clipboardItems) && clipboardItems[0] instanceof ClipboardItem) {
-                for (const item of clipboardItems) {
-                    if (item.types.includes('text/html')) {
-                        const blob = await item.getType('text/html');
-                        clipboardData.html = await blob.text();
-                    }
-                    if (item.types.includes('text/plain')) {
-                        const blob = await item.getType('text/plain');
-                        clipboardData.text = await blob.text();
-                    }
-                }
-            }
-        }
-        else if (isClipboardReadTextSupported()) {
-            const clipboardText = await navigator.clipboard.readText();
-            clipboardData.text = clipboardText;
-        }
-        else {
-            const pastePromise = new Promise((resolve) => {
-                const textarea = document.createElement('textarea');
-                document.body.appendChild(textarea);
-                const handlePaste = (e) => {
-                    const text = e.clipboardData?.getData('text') || '';
-                    const html = e.clipboardData?.getData('text/html') || '';
-                    resolve({
-                        text,
-                        html: html || undefined
-                    });
-                    textarea.removeEventListener('paste', handlePaste);
-                };
-                textarea.addEventListener('paste', handlePaste);
-                textarea.focus();
-                document.execCommand('paste');
-                document.body.removeChild(textarea);
-            });
-            clipboardData = await pastePromise;
-        }
-        return clipboardData;
-    }
-    catch (error) {
-        console.warn('Failed to read clipboard:', error);
-        return null;
-    }
-};
-
-function extractText(text) {
-    if (!text)
-        return '';
-    // 如果文本包含HTML链接标签，提取链接文本
-    if (text.includes('<a')) {
-        const aTagMatch = text.match(/<a[^>]*>(.*?)<\/a>/i);
-        if (aTagMatch?.[1]?.trim()) {
-            return aTagMatch[1].trim();
-        }
-    }
-    return text;
-}
-function extractLinkUrl(text) {
-    if (!text)
-        return null;
-    // 1. 从HTML链接标签中提取URL，比如 https://mail.qq.com
-    const hrefMatch = text.match(/href="([^"]+)"/);
-    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 null;
-}
-
-const zhIntlCollator = typeof Intl !== 'undefined' ? new Intl.Collator('zh-CN') : undefined;
-function compareNumber(a, b) {
-    if (isEmpty(a) && isEmpty(b)) {
-        return 0;
-    }
-    if (isEmpty(a)) {
-        return -1;
-    }
-    if (isEmpty(b)) {
-        return 1;
-    }
-    return a === b ? 0 : a > b ? 1 : -1;
-}
-function compareString(a, b) {
-    if (a === b) {
-        return 0;
-    }
-    if (a == null) {
-        return -1;
-    }
-    if (b == null) {
-        return 1;
-    }
-    //  pinyin sort
-    return a === b ? 0 : zhIntlCollator ? zhIntlCollator.compare(a, b) : a.localeCompare(b, 'zh-CN') > 0 ? 1 : -1;
-}
-function stringInclude(str, searchStr) {
-    return str.toLowerCase().includes(searchStr.trim().toLowerCase());
-}
-/**
- * 两数组是否有交集
- */
-function hasIntersect(array1, array2) {
-    if (!Array.isArray(array1) || !Array.isArray(array2)) {
-        return false;
-    }
-    const set1 = new Set(array1);
-    const set2 = new Set(array2);
-    for (const element of set1) {
-        if (set2.has(element)) {
-            return true;
-        }
-    }
-    return false;
-}
-
-class Field {
-    // 筛选
-    isMeetFilter(condition, cellValue, options) {
-        switch (condition.operation) {
-            case AITableFilterOperation.empty:
-            case AITableFilterOperation.exists: {
-                return this.isEmptyOrNot(condition.operation, cellValue);
-            }
-            default: {
-                return true;
-            }
-        }
-    }
-    // 查找
-    cellFullText(transformValue, field, references) {
-        let fullText = [];
-        if (!isEmpty(transformValue)) {
-            fullText.push(String(transformValue));
-        }
-        return fullText;
+        return fullText;
     }
     isEmptyOrNot(operation, cellValue) {
         switch (operation) {
@@ -3346,61 +2988,222 @@ function transformDateValue(text) {
     }
 }
 
-class LinkField extends Field {
-    isValid(cellValue) {
-        return (cellValue && typeof cellValue === 'object' && 'url' in cellValue && 'text' in cellValue) || cellValue === null;
-    }
-    isMeetFilter(condition, cellValue) {
-        const cellTextValue = cellValue?.text;
-        switch (condition.operation) {
-            case AITableFilterOperation.empty:
-                return isEmpty(cellTextValue);
-            case AITableFilterOperation.exists:
-                return !isEmpty(cellTextValue);
-            case AITableFilterOperation.contain:
-                return !isEmpty(cellTextValue) && stringInclude(cellTextValue, condition.value);
-            default:
-                return super.isMeetFilter(condition, cellTextValue);
+const isClipboardWriteSupported = () => {
+    return 'clipboard' in navigator && 'write' in navigator.clipboard;
+};
+const isClipboardWriteTextSupported = () => {
+    return 'clipboard' in navigator && 'writeText' in navigator.clipboard;
+};
+const isClipboardReadSupported = () => {
+    return 'clipboard' in navigator && 'read' in navigator.clipboard;
+};
+const isClipboardReadTextSupported = () => {
+    return 'clipboard' in navigator && 'readText' in navigator.clipboard;
+};
+const writeToClipboard = async (data) => {
+    try {
+        const { text, html } = data;
+        if (isClipboardWriteSupported()) {
+            const clipboardItem = new ClipboardItem({
+                'text/plain': new Blob([text], { type: 'text/plain' }),
+                'text/html': new Blob([html], { type: 'text/html' })
+            });
+            await navigator.clipboard.write([clipboardItem]);
         }
-    }
-    compare(cellValue1, cellValue2) {
-        return compareString(cellValueToSortValue$3(cellValue1), cellValueToSortValue$3(cellValue2));
-    }
-    cellFullText(transformValue) {
-        let texts = [];
-        if (!isEmpty(transformValue?.text)) {
-            texts.push(transformValue.text);
+        else if (isClipboardWriteTextSupported()) {
+            await navigator.clipboard.writeText(text);
+        }
+        else {
+            const textarea = document.createElement('textarea');
+            textarea.value = text;
+            document.body.appendChild(textarea);
+            textarea.select();
+            document.execCommand('copy');
+            document.body.removeChild(textarea);
         }
-        return texts;
     }
-    toFieldValue(plainText, targetField, originData) {
-        return toLinkFieldValue(plainText, targetField, originData);
+    catch (error) {
+        console.warn('Failed to write clipboard:', error);
     }
-}
-function toLinkFieldValue(plainText, targetField, originData) {
-    if (originData) {
-        const { field, cellValue } = originData;
-        if (field.type === AITableFieldType.link) {
-            return cellValue;
+};
+const readFromClipboard = async () => {
+    try {
+        let clipboardData = {};
+        if (isClipboardReadSupported()) {
+            const clipboardItems = await navigator.clipboard.read();
+            if (Array.isArray(clipboardItems) && clipboardItems[0] instanceof ClipboardItem) {
+                for (const item of clipboardItems) {
+                    if (item.types.includes('text/html')) {
+                        const blob = await item.getType('text/html');
+                        clipboardData.html = await blob.text();
+                    }
+                    if (item.types.includes('text/plain')) {
+                        const blob = await item.getType('text/plain');
+                        clipboardData.text = await blob.text();
+                    }
+                }
+            }
+        }
+        else if (isClipboardReadTextSupported()) {
+            const clipboardText = await navigator.clipboard.readText();
+            clipboardData.text = clipboardText;
+        }
+        else {
+            const pastePromise = new Promise((resolve) => {
+                const textarea = document.createElement('textarea');
+                document.body.appendChild(textarea);
+                const handlePaste = (e) => {
+                    const text = e.clipboardData?.getData('text') || '';
+                    const html = e.clipboardData?.getData('text/html') || '';
+                    resolve({
+                        text,
+                        html: html || undefined
+                    });
+                    textarea.removeEventListener('paste', handlePaste);
+                };
+                textarea.addEventListener('paste', handlePaste);
+                textarea.focus();
+                document.execCommand('paste');
+                document.body.removeChild(textarea);
+            });
+            clipboardData = await pastePromise;
         }
+        return clipboardData;
     }
-    else {
-        const url = extractLinkUrl(plainText);
-        const text = extractText(plainText);
-        if (url && text) {
-            return {
-                url,
-                text
-            };
+    catch (error) {
+        console.warn('Failed to read clipboard:', error);
+        return null;
+    }
+};
+
+function extractText(text) {
+    if (!text)
+        return '';
+    // 如果文本包含HTML链接标签，提取链接文本
+    if (text.includes('<a')) {
+        const aTagMatch = text.match(/<a[^>]*>(.*?)<\/a>/i);
+        if (aTagMatch?.[1]?.trim()) {
+            return aTagMatch[1].trim();
         }
     }
+    return text;
+}
+function extractLinkUrl(text) {
+    if (!text)
+        return null;
+    // 1. 从HTML链接标签中提取URL，比如 https://mail.qq.com
+    const hrefMatch = text.match(/href="([^"]+)"/);
+    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 null;
 }
-function cellValueToSortValue$3(cellValue) {
-    return (cellValue && cellValue.text && cellValue.text.trim()) || null;
+
+const aiTableFragmentAttribute = 'ai-table-fragment';
+const buildClipboardData = (aiTable) => {
+    const copiedCells = Array.from(aiTable.selection().selectedCells);
+    if (!copiedCells.length) {
+        return null;
+    }
+    let copiedFieldIds = new Set();
+    let copiedRecordIds = new Set();
+    copiedCells.forEach((cellPath) => {
+        const [recordId, fieldId] = cellPath.split(':');
+        copiedFieldIds.add(fieldId);
+        copiedRecordIds.add(recordId);
+    });
+    const fieldIds = Array.from(copiedFieldIds);
+    const recordIds = Array.from(copiedRecordIds);
+    const aiTableContent = buildAITableContent(aiTable, fieldIds, recordIds);
+    const clipboardContent = buildClipboardContent(aiTable, fieldIds, recordIds);
+    return mergeClipboardContent(clipboardContent, aiTableContent);
+};
+const encodeAITableContent = (aiTableContent) => {
+    const stringifiedData = JSON.stringify(aiTableContent);
+    return window.btoa(encodeURIComponent(stringifiedData));
+};
+function mergeClipboardContent(clipboardContent, aiTableContent) {
+    const encodedAITableContent = encodeAITableContent(aiTableContent);
+    const formattedContent = {
+        text: clipboardContent.map((row) => row.map((column) => column.text).join('\t')).join('\n'),
+        html: `<table ${aiTableFragmentAttribute}="${encodedAITableContent}">${clipboardContent.map((row) => `<tr>${row.map((column) => `<td>${column.html}</td>`).join('')}</tr>`).join('')}</table>`
+    };
+    return formattedContent;
+}
+function buildAITableContent(aiTable, fieldIds, recordIds) {
+    const fields = fieldIds.map((fieldId) => {
+        return aiTable.fieldsMap()[fieldId];
+    });
+    const records = recordIds.map((recordId) => {
+        const record = aiTable.recordsMap()[recordId];
+        let newRecord = {
+            _id: record._id,
+            values: {}
+        };
+        fieldIds.forEach((fieldId) => {
+            const field = aiTable.fieldsMap()[fieldId];
+            if (isSystemField(field)) {
+                const fieldType = field.type;
+                newRecord = {
+                    ...newRecord,
+                    [fieldType]: getSystemFieldValue(record, fieldType)
+                };
+            }
+            else {
+                newRecord.values = {
+                    ...newRecord.values,
+                    [fieldId]: getFieldValue(record, field)
+                };
+            }
+        });
+        return newRecord;
+    });
+    return {
+        fields,
+        records
+    };
+}
+function buildClipboardContent(aiTable, fieldIds, recordIds) {
+    const clipboardContent = [];
+    const references = aiTable.context.references();
+    recordIds.forEach((recordId) => {
+        const record = aiTable.recordsMap()[recordId];
+        const row = [];
+        fieldIds.forEach((fieldId) => {
+            const field = aiTable.fieldsMap()[fieldId];
+            const cellValue = getFieldValue(record, field);
+            const transformValue = transformCellValue(aiTable, field, cellValue);
+            const cellTexts = FieldModelMap[field.type].cellFullText(transformValue, field, references);
+            let cellContent = {
+                text: cellTexts.join(','),
+                html: cellTexts.join(',')
+            };
+            if (field.type === AITableFieldType.link && cellValue && cellValue.url) {
+                cellContent.html = `<a href="${cellValue.url}" target="_blank">${cellValue.text}</a>`;
+            }
+            row.push(cellContent);
+        });
+        clipboardContent.push(row);
+    });
+    return clipboardContent;
 }
 
-class MemberField extends Field {
+class SelectField extends Field {
     isValid(cellValue) {
         return Array.isArray(cellValue) || cellValue === null;
     }
@@ -3419,310 +3222,366 @@ class MemberField extends Field {
         }
     }
     compare(cellValue1, cellValue2, references, sortKey, options) {
-        const value1 = cellValueToSortValue$2(cellValue1, options.field, references, sortKey);
-        const value2 = cellValueToSortValue$2(cellValue2, options.field, references, sortKey);
+        const value1 = cellValueToSortValue$3(cellValue1, options.field);
+        const value2 = cellValueToSortValue$3(cellValue2, options.field);
         return compareString(value1, value2);
     }
-    cellFullText(transformValue, field, references) {
+    cellFullText(transformValue, field) {
         let fullText = [];
-        if (transformValue?.length && references) {
-            for (let index = 0; index < transformValue.length; index++) {
-                const userInfo = references?.members[transformValue[index]];
-                if (!userInfo) {
-                    continue;
-                }
-                if (userInfo.display_name) {
-                    fullText.push(userInfo.display_name);
+        const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
+        if (transformValue && Array.isArray(transformValue) && transformValue.length) {
+            transformValue.forEach((optionId) => {
+                const option = optionsMap[optionId];
+                if (option && option.text) {
+                    fullText.push(option.text);
                 }
-            }
+            });
         }
         return fullText;
     }
-    toFieldValue(plainText, targetField, originData, references) {
-        return toMemberFieldValue(plainText, targetField, originData, references);
+    toFieldValue(plainText, targetField, originData) {
+        return toSelectFieldValue(plainText, targetField, originData);
     }
 }
-function toMemberFieldValue(plainText, targetField, originData, references) {
-    if (targetField.type == AITableFieldType.createdBy || targetField.type == AITableFieldType.updatedBy) {
-        return null;
-    }
-    const isMultiple = targetField.settings?.is_multiple;
-    if (originData) {
-        const { field, cellValue } = originData;
-        switch (field.type) {
-            case AITableFieldType.member:
-                if (Array.isArray(cellValue) && cellValue.length) {
-                    return isMultiple ? cellValue : [cellValue[0]];
+function toSelectFieldValue(plainText, targetField, originData) {
+    return null;
+}
+function processPastedValueForSelect(plainText, targetField, originData) {
+    const targetFieldOptions = targetField.settings?.options || [];
+    const targetOptionStyle = targetField.settings?.option_style || AITableSelectOptionStyle.text;
+    let existOptionIds = [];
+    let newOptions = [];
+    let cellFullTexts = plainText.split(',').map((text) => text.trim());
+    const { field, cellValue } = originData || {};
+    if (field && field.type === AITableFieldType.select) {
+        if (cellValue && Array.isArray(cellValue) && cellValue.length) {
+            const targetOptionIds = targetFieldOptions.map((option) => option._id);
+            const originOptionsMap = helpers.keyBy(field.settings?.options || [], '_id');
+            cellValue.forEach((id) => {
+                if (targetOptionIds.includes(id)) {
+                    existOptionIds.push(id);
                 }
-                break;
-            default:
-                break;
+                else if (targetFieldOptions.some((option) => option.text === originOptionsMap[id]?.text)) {
+                    const option = targetFieldOptions.find((option) => option.text === originOptionsMap[id].text);
+                    existOptionIds.push(option._id);
+                }
+                else {
+                    const originOption = originOptionsMap[id];
+                    if (originOption) {
+                        const newOption = copyOption(originOption, targetFieldOptions, targetOptionStyle);
+                        newOptions.push(newOption);
+                    }
+                }
+            });
         }
     }
-    plainText = plainText.trim();
-    const hasMemberInfo = references && references.members && Object.keys(references.members).length;
-    if (plainText && hasMemberInfo) {
-        const memberNames = plainText.split(',').map((id) => id.trim());
-        const memberInfos = Object.values(references.members);
-        let validMemberIds = [];
-        memberNames.forEach((memberName) => {
-            const memberInfo = memberInfos.find((member) => member.display_name === memberName);
-            if (memberInfo) {
-                validMemberIds.push(memberInfo.uid);
+    else {
+        cellFullTexts.forEach((text) => {
+            const option = targetFieldOptions.find((option) => option.text === text);
+            if (option) {
+                existOptionIds.push(option._id);
+            }
+            else {
+                const originOption = { text };
+                const newOption = copyOption(originOption, targetFieldOptions, targetOptionStyle);
+                newOptions.push(newOption);
             }
         });
-        if (validMemberIds.length) {
-            return isMultiple ? validMemberIds : [validMemberIds[0]];
-        }
     }
-    return null;
-}
-function cellValueToSortValue$2(cellValue, field, references, sortKey = 'display_name') {
-    let values = [];
-    if (cellValue?.length && references) {
-        for (let index = 0; index < cellValue.length; index++) {
-            const userInfo = references?.members[cellValue[index]];
-            if (!userInfo) {
-                continue;
+    const isMultiple = targetField.settings?.is_multiple;
+    if (isMultiple) {
+        return { existOptionIds, newOptions };
+    }
+    else {
+        if (existOptionIds.length) {
+            return { existOptionIds: [existOptionIds[0]], newOptions: [] };
+        }
+        else {
+            if (newOptions.length) {
+                return { existOptionIds: [], newOptions: [newOptions[0]] };
             }
-            const value = userInfo[sortKey];
-            if (value) {
-                values.push(value);
+            else {
+                return { existOptionIds: [], newOptions: [] };
             }
         }
     }
-    return values && values.length ? values.join(', ') : null;
 }
-
-class NumberField extends Field {
-    isValid(cellValue) {
-        return typeof cellValue === 'number' || cellValue === null;
-    }
-    isMeetFilter(condition, cellValue) {
-        switch (condition.operation) {
-            case AITableFilterOperation.empty:
-                return isEmpty(cellValue);
-            case AITableFilterOperation.exists:
-                return !isEmpty(cellValue);
-            case AITableFilterOperation.eq:
-                return !Number.isNaN(condition.value) && cellValue != null && cellValue !== '' && condition.value === cellValue;
-            case AITableFilterOperation.gte:
-                return cellValue != null && cellValue !== '' && cellValue >= condition.value;
-            case AITableFilterOperation.lte:
-                return cellValue != null && cellValue !== '' && cellValue <= condition.value;
-            case AITableFilterOperation.gt:
-                return cellValue != null && cellValue !== '' && cellValue > condition.value;
-            case AITableFilterOperation.lt:
-                return cellValue != null && cellValue !== '' && cellValue < condition.value;
-            case AITableFilterOperation.ne:
-                return cellValue == null || cellValue == '' || Number.isNaN(condition.value) || cellValue !== condition.value;
-            default:
-                return super.isMeetFilter(condition, cellValue);
-        }
+function copyOption(originOption, targetFieldOptions, targetOptionStyle) {
+    let newOption = {
+        _id: idCreator(),
+        text: originOption.text
+    };
+    if (targetOptionStyle !== AITableSelectOptionStyle.text) {
+        const originBgColor = originOption.bg_color;
+        const existBgColors = targetFieldOptions.map((option) => option.bg_color);
+        const defaultBgColor = DEFAULT_COLORS[10 + (targetFieldOptions?.length || 0)];
+        newOption = {
+            ...newOption,
+            bg_color: originBgColor && !existBgColors.includes(originBgColor) ? originBgColor : defaultBgColor
+        };
     }
-    compare(cellValue1, cellValue2) {
-        return compareNumber(cellValue1, cellValue2);
+    return newOption;
+}
+function cellValueToSortValue$3(cellValue, field) {
+    if (!cellValue) {
+        return null;
     }
-    toFieldValue(plainText, targetField, originData) {
-        return toNumberFieldValue(plainText, targetField, originData);
+    const texts = [];
+    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
+    if (cellValue && Array.isArray(cellValue) && cellValue.length) {
+        cellValue.forEach((optionId) => {
+            const option = optionsMap[optionId];
+            if (option && option.text) {
+                texts.push(option.text);
+            }
+        });
     }
+    return texts && texts.length ? texts.join(',') : null;
 }
-function toNumberFieldValue(plainText, targetField, originData) {
-    let text = plainText.trim();
-    if (originData) {
-        const { field, cellValue } = originData;
-        const fieldType = field.type;
-        switch (fieldType) {
-            case AITableFieldType.number:
-            case AITableFieldType.rate:
-            case AITableFieldType.progress:
-                return cellValue;
-            case AITableFieldType.select:
-                if (cellValue && Array.isArray(cellValue) && cellValue.length) {
-                    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
-                    text = optionsMap[cellValue[0]]?.text;
-                }
-                break;
-            default:
-                break;
-        }
+
+const aiTableAttributePattern = new RegExp(`${aiTableFragmentAttribute}="(.+?)"`, 'm');
+const decodeClipboardJsonData = (encoded) => {
+    const decoded = decodeURIComponent(window.atob(encoded));
+    return JSON.parse(decoded);
+};
+function extractContentFromClipboardText(clipboardText) {
+    const contents = clipboardText
+        .split('\n')
+        .map((row) => row.split('\t'))
+        .filter((row) => row.length > 0 && row.some((cell) => cell.trim().length > 0));
+    return contents;
+}
+function processTableCell(cellHtml) {
+    const linkPattern = /<a[^>]*?href=["']([^"']+)["'][^>]*?>([^<]*?)<\/a>/i;
+    const match = cellHtml.match(linkPattern);
+    const link = match ? { href: match[1], text: match[2] } : null;
+    const content = link ? cellHtml.replace(linkPattern, `[LINK:${link.text}](${link.href})`) : cellHtml;
+    const cleanContent = content
+        .replace(/<[^>]+>/g, '')
+        .replace(/&nbsp;/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+    return link ? cleanContent.replace(`[LINK:${link.text}](${link.href})`, `<a href="${link.href}">${link.text}</a>`) : cleanContent;
+}
+function extractContentFromClipboardHtml(clipboardHtml) {
+    const tablePattern = /<table[^>]*>([\s\S]*?)<\/table>/i;
+    const trPattern = /<tr[^>]*>([\s\S]*?)<\/tr>/gi;
+    const tdPattern = /<td[^>]*?>([\s\S]*?)<\/td>/gi;
+    try {
+        const tableMatch = clipboardHtml.match(tablePattern);
+        const tableContent = tableMatch ? tableMatch[1] : clipboardHtml;
+        const rows = tableContent.match(trPattern) || [];
+        return rows
+            .map((row) => {
+            const contents = [];
+            let tdMatch;
+            while ((tdMatch = tdPattern.exec(row)) !== null) {
+                contents.push(processTableCell(tdMatch[1]));
+            }
+            return contents;
+        })
+            .filter((row) => row.length > 0);
     }
-    if (text && !isEmpty(text) && !Number.isNaN(Number(text))) {
-        return Number(text);
+    catch (error) {
+        console.warn('Failed to extract content from HTML:', error);
+        return [];
     }
-    return null;
 }
-
-class ProgressField extends Field {
-    isValid(cellValue) {
-        return typeof cellValue === 'number' || cellValue === null;
+function extractAITableContentFromClipboardHtml(clipboardHtml) {
+    const aiTableFragment = clipboardHtml.match(aiTableAttributePattern);
+    if (aiTableFragment && !!aiTableFragment.length) {
+        return decodeClipboardJsonData(aiTableFragment[1]);
     }
-    isMeetFilter(condition, cellValue) {
-        switch (condition.operation) {
-            case AITableFilterOperation.empty:
-                return isEmpty(cellValue);
-            case AITableFilterOperation.exists:
-                return !isEmpty(cellValue);
-            case AITableFilterOperation.eq:
-                return !Number.isNaN(condition.value) && cellValue != null && cellValue !== '' && condition.value === cellValue;
-            case AITableFilterOperation.gte:
-                return cellValue != null && cellValue !== '' && cellValue >= condition.value;
-            case AITableFilterOperation.lte:
-                return cellValue != null && cellValue !== '' && cellValue <= condition.value;
-            case AITableFilterOperation.gt:
-                return cellValue != null && cellValue !== '' && cellValue > condition.value;
-            case AITableFilterOperation.lt:
-                return cellValue != null && cellValue !== '' && cellValue < condition.value;
-            case AITableFilterOperation.ne:
-                return cellValue == null || cellValue == '' || Number.isNaN(condition.value) || cellValue !== condition.value;
-            default:
-                return super.isMeetFilter(condition, cellValue);
+    return null;
+}
+const readClipboardData = async () => {
+    const clipboardData = await readFromClipboard();
+    let clipboardContent = [];
+    let aiTableContent = null;
+    if (clipboardData) {
+        const clipboardHtml = clipboardData.html;
+        const clipboardText = clipboardData.text;
+        if (clipboardHtml) {
+            aiTableContent = extractAITableContentFromClipboardHtml(clipboardHtml);
+            clipboardContent = extractContentFromClipboardHtml(clipboardHtml);
+        }
+        if (!clipboardContent.length && clipboardText) {
+            clipboardContent = extractContentFromClipboardText(clipboardText);
         }
     }
-    compare(cellValue1, cellValue2) {
-        return compareNumber(cellValue1, cellValue2);
+    return {
+        clipboardContent,
+        aiTableContent
+    };
+};
+function getPasteValue(plainText, aiTableContent, recordIndex, fieldIndex, targetField, references) {
+    let field = null;
+    let record = null;
+    if (aiTableContent) {
+        const { fields, records } = aiTableContent;
+        field = fields[fieldIndex];
+        record = records[recordIndex];
     }
-    cellFullText(transformValue) {
-        let fullText = [];
-        if (!isEmpty(transformValue)) {
-            fullText.push(`${transformValue}%`);
-        }
-        return fullText;
+    if (targetField.type === AITableFieldType.attachment || (field && field.type === AITableFieldType.attachment)) {
+        return { value: null, newField: null };
     }
-    toFieldValue(plainText, targetField, originData) {
-        return toProgressFieldValue(plainText, targetField, originData);
+    if (targetField.type !== AITableFieldType.link) {
+        plainText = extractText(plainText);
     }
-}
-function toProgressFieldValue(plainText, targetField, originData) {
-    let value = plainText.trim();
-    if (originData) {
-        const { field, cellValue } = originData;
-        switch (field.type) {
-            case AITableFieldType.progress:
-            case AITableFieldType.rate:
-            case AITableFieldType.number:
-                value = cellValue;
-                break;
-            case AITableFieldType.select:
-                if (cellValue && Array.isArray(cellValue) && cellValue.length) {
-                    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
-                    value = optionsMap[cellValue[0]]?.text;
+    let originData = field && record ? { field, cellValue: getFieldValue(record, field) } : null;
+    if (targetField.type === AITableFieldType.select) {
+        let { existOptionIds, newOptions } = processPastedValueForSelect(plainText, targetField, originData);
+        let newField = null;
+        let newOptionIds = [];
+        if (newOptions.length) {
+            newField = {
+                ...targetField,
+                settings: {
+                    ...targetField.settings,
+                    options: [...(targetField.settings?.options || []), ...newOptions]
                 }
-                break;
-            default:
-                break;
-        }
-    }
-    const progressRegex = /^(?:100|[1-9]?\d(?:\.\d+)?)\s*%$/;
-    if (progressRegex.test(value)) {
-        value = parseFloat(value);
-    }
-    if (!isEmpty(value)) {
-        let progressValue = Number(value);
-        if (!Number.isNaN(progressValue)) {
-            progressValue = Math.round(progressValue);
-            if (progressValue >= 0 && progressValue <= 100) {
-                return progressValue;
-            }
+            };
+            newOptionIds = newOptions.map((option) => option._id).filter((id) => !!id);
         }
+        const selectFieldValue = newOptionIds?.length ? [...existOptionIds, ...newOptionIds] : existOptionIds;
+        return {
+            value: selectFieldValue,
+            newField
+        };
     }
-    return null;
+    return { value: FieldModelMap[targetField.type].toFieldValue(plainText, targetField, originData, references), newField: null };
 }
-
-class RateField extends Field {
-    isValid(cellValue) {
-        return typeof cellValue === 'number' || cellValue === null;
-    }
-    isMeetFilter(condition, cellValue) {
-        switch (condition.operation) {
-            case AITableFilterOperation.empty:
-                return isEmpty(cellValue);
-            case AITableFilterOperation.exists:
-                return !isEmpty(cellValue);
-            case AITableFilterOperation.in:
-                const isContain = condition.value.some((item) => String(item) === String(cellValue));
-                return !isEmpty(cellValue) && isContain;
-            case AITableFilterOperation.nin:
-                const noContain = condition.value.every((item) => String(item) !== String(cellValue));
-                return isEmpty(cellValue) || noContain;
-            default:
-                return super.isMeetFilter(condition, cellValue);
-        }
-    }
-    compare(cellValue1, cellValue2) {
-        return compareNumber(cellValue1, cellValue2);
+function appendRecord(aiTable, actions) {
+    const allRecords = aiTable.records();
+    const lastRecordId = allRecords.length > 0 ? allRecords[allRecords.length - 1]._id : '';
+    actions.addRecord({
+        originId: lastRecordId
+    });
+}
+function appendField(aiTable, originField, actions) {
+    const fields = aiTable.gridData().fields;
+    const lastFieldId = fields.length > 0 ? fields[fields.length - 1]._id : '';
+    let defaultFieldValue;
+    if (originField) {
+        const fieldOptions = getFieldOptions(aiTable);
+        defaultFieldValue = {
+            ...originField,
+            name: createDefaultFieldName(aiTable, fieldOptions.find((item) => item.type === originField.type)),
+            _id: idCreator()
+        };
     }
-    toFieldValue(plainText, targetField, originData) {
-        return toRateFieldValue(plainText, targetField, originData);
+    else {
+        defaultFieldValue = createDefaultField(aiTable, AITableFieldType.text);
     }
+    actions.addField({
+        originId: lastFieldId,
+        defaultValue: defaultFieldValue
+    });
 }
-function toRateFieldValue(plainText, targetField, originData) {
-    let value = plainText.trim();
-    if (originData) {
-        const { field, cellValue } = originData;
-        switch (field.type) {
-            case AITableFieldType.rate:
-            case AITableFieldType.number:
-            case AITableFieldType.progress:
-                value = cellValue;
-                break;
-            case AITableFieldType.select:
-                if (cellValue && Array.isArray(cellValue) && cellValue.length) {
-                    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
-                    value = optionsMap[cellValue[0]]?.text;
-                }
-                break;
-            default:
-                break;
-        }
+const writeToAITable = async (aiTable, actions) => {
+    const selectedCells = Array.from(aiTable.selection().selectedCells);
+    if (!selectedCells.length) {
+        return;
     }
-    if (!isEmpty(value)) {
-        const rateValue = Number(value);
-        if (!Number.isNaN(rateValue) && rateValue > 0 && rateValue < 5) {
-            return Math.round(rateValue);
-        }
-        return 5;
+    const { clipboardContent, aiTableContent } = await readClipboardData();
+    if (!clipboardContent.length) {
+        return;
     }
-    return null;
-}
+    const [firstCell] = selectedCells;
+    const [startRecordId, startFieldId] = firstCell.split(':');
+    const startRowIndex = aiTable.context.visibleRowsIndexMap().get(startRecordId) ?? 0;
+    const startColIndex = aiTable.context.visibleColumnsIndexMap().get(startFieldId) ?? 0;
+    const references = aiTable.context.references();
+    let isPasteSuccess = false;
+    clipboardContent.forEach((row, i) => {
+        const targetRowIndex = startRowIndex + i;
+        if (targetRowIndex >= aiTable.context.linearRows().length - 1) {
+            appendRecord(aiTable, actions);
+        }
+        row.forEach((plainText, j) => {
+            const targetColIndex = startColIndex + j;
+            if (targetColIndex >= AITable.getVisibleFields(aiTable).length) {
+                const originField = aiTableContent?.fields[j] || null;
+                appendField(aiTable, originField, actions);
+            }
+            const targetRecord = aiTable.context.linearRows()[targetRowIndex];
+            const targetField = AITable.getVisibleFields(aiTable)[targetColIndex];
+            const recordIndex = i;
+            const fieldIndex = j;
+            const { value, newField } = getPasteValue(plainText, aiTableContent, recordIndex, fieldIndex, targetField, references);
+            if (newField) {
+                actions.setField(newField);
+            }
+            if (value !== null) {
+                try {
+                    actions.updateFieldValue({
+                        value,
+                        path: [targetRecord._id, targetField._id]
+                    });
+                    isPasteSuccess = true;
+                }
+                catch (error) { }
+            }
+        });
+    });
+    return isPasteSuccess;
+};
 
-class RichTextField extends Field {
+class LinkField extends Field {
     isValid(cellValue) {
-        return Array.isArray(cellValue) || cellValue === null;
+        return (cellValue && typeof cellValue === 'object' && 'url' in cellValue && 'text' in cellValue) || cellValue === null;
     }
-    isMeetFilter(condition, cellValue, options) {
-        const textValue = transformCellValue(options.aiTable, options.field, cellValue || []);
+    isMeetFilter(condition, cellValue) {
+        const cellTextValue = cellValue?.text;
         switch (condition.operation) {
             case AITableFilterOperation.empty:
-                return isEmpty(textValue);
+                return isEmpty(cellTextValue);
             case AITableFilterOperation.exists:
-                return !isEmpty(textValue);
+                return !isEmpty(cellTextValue);
             case AITableFilterOperation.contain:
-                return !isEmpty(textValue) && stringInclude(textValue, condition.value);
+                return !isEmpty(cellTextValue) && stringInclude(cellTextValue, condition.value);
             default:
-                return super.isMeetFilter(condition, textValue);
+                return super.isMeetFilter(condition, cellTextValue);
         }
     }
-    compare(cellValue1, cellValue2, references, sortKey, options) {
-        const value1 = transformCellValue(options.aiTable, options.field, cellValue1 || []);
-        const value2 = transformCellValue(options.aiTable, options.field, cellValue2 || []);
-        return compareString(value1, value2);
+    compare(cellValue1, cellValue2) {
+        return compareString(cellValueToSortValue$2(cellValue1), cellValueToSortValue$2(cellValue2));
+    }
+    cellFullText(transformValue) {
+        let texts = [];
+        if (!isEmpty(transformValue?.text)) {
+            texts.push(transformValue.text);
+        }
+        return texts;
     }
     toFieldValue(plainText, targetField, originData) {
-        return toRichTextFieldValue(plainText, targetField, originData);
+        return toLinkFieldValue(plainText, targetField, originData);
     }
 }
-function toRichTextFieldValue(plainText, targetField, originData) {
+function toLinkFieldValue(plainText, targetField, originData) {
     if (originData) {
         const { field, cellValue } = originData;
-        if (field.type === AITableFieldType.richText) {
+        if (field.type === AITableFieldType.link) {
             return cellValue;
         }
     }
+    else {
+        const url = extractLinkUrl(plainText);
+        const text = extractText(plainText);
+        if (url && text) {
+            return {
+                url,
+                text
+            };
+        }
+    }
     return null;
 }
+function cellValueToSortValue$2(cellValue) {
+    return (cellValue && cellValue.text && cellValue.text.trim()) || null;
+}
 
-class SelectField extends Field {
+class MemberField extends Field {
     isValid(cellValue) {
         return Array.isArray(cellValue) || cellValue === null;
     }
@@ -3741,126 +3600,143 @@ class SelectField extends Field {
         }
     }
     compare(cellValue1, cellValue2, references, sortKey, options) {
-        const value1 = cellValueToSortValue$1(cellValue1, options.field);
-        const value2 = cellValueToSortValue$1(cellValue2, options.field);
+        const value1 = cellValueToSortValue$1(cellValue1, options.field, references, sortKey);
+        const value2 = cellValueToSortValue$1(cellValue2, options.field, references, sortKey);
         return compareString(value1, value2);
     }
-    cellFullText(transformValue, field) {
+    cellFullText(transformValue, field, references) {
         let fullText = [];
-        const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
-        if (transformValue && Array.isArray(transformValue) && transformValue.length) {
-            transformValue.forEach((optionId) => {
-                const option = optionsMap[optionId];
-                if (option && option.text) {
-                    fullText.push(option.text);
+        if (transformValue?.length && references) {
+            for (let index = 0; index < transformValue.length; index++) {
+                const userInfo = references?.members[transformValue[index]];
+                if (!userInfo) {
+                    continue;
                 }
-            });
+                if (userInfo.display_name) {
+                    fullText.push(userInfo.display_name);
+                }
+            }
         }
         return fullText;
     }
-    toFieldValue(plainText, targetField, originData) {
-        return toSelectFieldValue(plainText, targetField, originData);
+    toFieldValue(plainText, targetField, originData, references) {
+        return toMemberFieldValue(plainText, targetField, originData, references);
     }
 }
-function toSelectFieldValue(plainText, targetField, originData) {
-    return null;
-}
-function processPastedValueForSelect(plainText, targetField, originData) {
-    const targetFieldOptions = targetField.settings?.options || [];
-    const targetOptionStyle = targetField.settings?.option_style || AITableSelectOptionStyle.text;
-    let existOptionIds = [];
-    let newOptions = [];
-    let cellFullTexts = plainText.split(',').map((text) => text.trim());
-    const { field, cellValue } = originData || {};
-    if (field && field.type === AITableFieldType.select) {
-        if (cellValue && Array.isArray(cellValue) && cellValue.length) {
-            const targetOptionIds = targetFieldOptions.map((option) => option._id);
-            const originOptionsMap = helpers.keyBy(field.settings?.options || [], '_id');
-            cellValue.forEach((id) => {
-                if (targetOptionIds.includes(id)) {
-                    existOptionIds.push(id);
-                }
-                else if (targetFieldOptions.some((option) => option.text === originOptionsMap[id]?.text)) {
-                    const option = targetFieldOptions.find((option) => option.text === originOptionsMap[id].text);
-                    existOptionIds.push(option._id);
-                }
-                else {
-                    const originOption = originOptionsMap[id];
-                    if (originOption) {
-                        const newOption = copyOption(originOption, targetFieldOptions, targetOptionStyle);
-                        newOptions.push(newOption);
-                    }
+function toMemberFieldValue(plainText, targetField, originData, references) {
+    if (targetField.type == AITableFieldType.createdBy || targetField.type == AITableFieldType.updatedBy) {
+        return null;
+    }
+    const isMultiple = targetField.settings?.is_multiple;
+    if (originData) {
+        const { field, cellValue } = originData;
+        switch (field.type) {
+            case AITableFieldType.member:
+                if (Array.isArray(cellValue) && cellValue.length) {
+                    return isMultiple ? cellValue : [cellValue[0]];
                 }
-            });
+                break;
+            default:
+                break;
         }
     }
-    else {
-        cellFullTexts.forEach((text) => {
-            const option = targetFieldOptions.find((option) => option.text === text);
-            if (option) {
-                existOptionIds.push(option._id);
-            }
-            else {
-                const originOption = { text };
-                const newOption = copyOption(originOption, targetFieldOptions, targetOptionStyle);
-                newOptions.push(newOption);
+    plainText = plainText.trim();
+    const hasMemberInfo = references && references.members && Object.keys(references.members).length;
+    if (plainText && hasMemberInfo) {
+        const memberNames = plainText.split(',').map((id) => id.trim());
+        const memberInfos = Object.values(references.members);
+        let validMemberIds = [];
+        memberNames.forEach((memberName) => {
+            const memberInfo = memberInfos.find((member) => member.display_name === memberName);
+            if (memberInfo) {
+                validMemberIds.push(memberInfo.uid);
             }
         });
-    }
-    const isMultiple = targetField.settings?.is_multiple;
-    if (isMultiple) {
-        return { existOptionIds, newOptions };
-    }
-    else {
-        if (existOptionIds.length) {
-            return { existOptionIds: [existOptionIds[0]], newOptions: [] };
+        if (validMemberIds.length) {
+            return isMultiple ? validMemberIds : [validMemberIds[0]];
         }
-        else {
-            if (newOptions.length) {
-                return { existOptionIds: [], newOptions: [newOptions[0]] };
+    }
+    return null;
+}
+function cellValueToSortValue$1(cellValue, field, references, sortKey = 'display_name') {
+    let values = [];
+    if (cellValue?.length && references) {
+        for (let index = 0; index < cellValue.length; index++) {
+            const userInfo = references?.members[cellValue[index]];
+            if (!userInfo) {
+                continue;
             }
-            else {
-                return { existOptionIds: [], newOptions: [] };
+            const value = userInfo[sortKey];
+            if (value) {
+                values.push(value);
             }
         }
     }
+    return values && values.length ? values.join(', ') : null;
 }
-function copyOption(originOption, targetFieldOptions, targetOptionStyle) {
-    let newOption = {
-        _id: idCreator(),
-        text: originOption.text
-    };
-    if (targetOptionStyle !== AITableSelectOptionStyle.text) {
-        const originBgColor = originOption.bg_color;
-        const existBgColors = targetFieldOptions.map((option) => option.bg_color);
-        const defaultBgColor = DEFAULT_COLORS[10 + (targetFieldOptions?.length || 0)];
-        newOption = {
-            ...newOption,
-            bg_color: originBgColor && !existBgColors.includes(originBgColor) ? originBgColor : defaultBgColor
-        };
+
+class NumberField extends Field {
+    isValid(cellValue) {
+        return typeof cellValue === 'number' || cellValue === null;
+    }
+    isMeetFilter(condition, cellValue) {
+        switch (condition.operation) {
+            case AITableFilterOperation.empty:
+                return isEmpty(cellValue);
+            case AITableFilterOperation.exists:
+                return !isEmpty(cellValue);
+            case AITableFilterOperation.eq:
+                return !Number.isNaN(condition.value) && cellValue != null && cellValue !== '' && condition.value === cellValue;
+            case AITableFilterOperation.gte:
+                return cellValue != null && cellValue !== '' && cellValue >= condition.value;
+            case AITableFilterOperation.lte:
+                return cellValue != null && cellValue !== '' && cellValue <= condition.value;
+            case AITableFilterOperation.gt:
+                return cellValue != null && cellValue !== '' && cellValue > condition.value;
+            case AITableFilterOperation.lt:
+                return cellValue != null && cellValue !== '' && cellValue < condition.value;
+            case AITableFilterOperation.ne:
+                return cellValue == null || cellValue == '' || Number.isNaN(condition.value) || cellValue !== condition.value;
+            default:
+                return super.isMeetFilter(condition, cellValue);
+        }
+    }
+    compare(cellValue1, cellValue2) {
+        return compareNumber(cellValue1, cellValue2);
+    }
+    toFieldValue(plainText, targetField, originData) {
+        return toNumberFieldValue(plainText, targetField, originData);
     }
-    return newOption;
 }
-function cellValueToSortValue$1(cellValue, field) {
-    if (!cellValue) {
-        return null;
+function toNumberFieldValue(plainText, targetField, originData) {
+    let text = plainText.trim();
+    if (originData) {
+        const { field, cellValue } = originData;
+        const fieldType = field.type;
+        switch (fieldType) {
+            case AITableFieldType.number:
+            case AITableFieldType.rate:
+            case AITableFieldType.progress:
+                return cellValue;
+            case AITableFieldType.select:
+                if (cellValue && Array.isArray(cellValue) && cellValue.length) {
+                    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
+                    text = optionsMap[cellValue[0]]?.text;
+                }
+                break;
+            default:
+                break;
+        }
     }
-    const texts = [];
-    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
-    if (cellValue && Array.isArray(cellValue) && cellValue.length) {
-        cellValue.forEach((optionId) => {
-            const option = optionsMap[optionId];
-            if (option && option.text) {
-                texts.push(option.text);
-            }
-        });
+    if (text && !isEmpty(text) && !Number.isNaN(Number(text))) {
+        return Number(text);
     }
-    return texts && texts.length ? texts.join(',') : null;
+    return null;
 }
 
-class TextField extends Field {
+class ProgressField extends Field {
     isValid(cellValue) {
-        return typeof cellValue === 'string' || cellValue === null;
+        return typeof cellValue === 'number' || cellValue === null;
     }
     isMeetFilter(condition, cellValue) {
         switch (condition.operation) {
@@ -3868,320 +3744,448 @@ class TextField extends Field {
                 return isEmpty(cellValue);
             case AITableFilterOperation.exists:
                 return !isEmpty(cellValue);
-            case AITableFilterOperation.contain:
-                return !isEmpty(cellValue) && stringInclude(cellValue, condition.value);
+            case AITableFilterOperation.eq:
+                return !Number.isNaN(condition.value) && cellValue != null && cellValue !== '' && condition.value === cellValue;
+            case AITableFilterOperation.gte:
+                return cellValue != null && cellValue !== '' && cellValue >= condition.value;
+            case AITableFilterOperation.lte:
+                return cellValue != null && cellValue !== '' && cellValue <= condition.value;
+            case AITableFilterOperation.gt:
+                return cellValue != null && cellValue !== '' && cellValue > condition.value;
+            case AITableFilterOperation.lt:
+                return cellValue != null && cellValue !== '' && cellValue < condition.value;
+            case AITableFilterOperation.ne:
+                return cellValue == null || cellValue == '' || Number.isNaN(condition.value) || cellValue !== condition.value;
             default:
                 return super.isMeetFilter(condition, cellValue);
         }
     }
     compare(cellValue1, cellValue2) {
-        const value1 = cellValueToSortValue(cellValue1);
-        const value2 = cellValueToSortValue(cellValue2);
-        return compareString(value1, value2);
+        return compareNumber(cellValue1, cellValue2);
     }
-    toFieldValue(plainText) {
-        return toTextFieldValue(plainText);
+    cellFullText(transformValue) {
+        let fullText = [];
+        if (!isEmpty(transformValue)) {
+            fullText.push(`${transformValue}%`);
+        }
+        return fullText;
+    }
+    toFieldValue(plainText, targetField, originData) {
+        return toProgressFieldValue(plainText, targetField, originData);
     }
 }
-function toTextFieldValue(plainText) {
-    return plainText.trim();
-}
-function cellValueToSortValue(cellValue) {
-    return (cellValue && cellValue.trim()) || null;
+function toProgressFieldValue(plainText, targetField, originData) {
+    let value = plainText.trim();
+    if (originData) {
+        const { field, cellValue } = originData;
+        switch (field.type) {
+            case AITableFieldType.progress:
+            case AITableFieldType.rate:
+            case AITableFieldType.number:
+                value = cellValue;
+                break;
+            case AITableFieldType.select:
+                if (cellValue && Array.isArray(cellValue) && cellValue.length) {
+                    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
+                    value = optionsMap[cellValue[0]]?.text;
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    const progressRegex = /^(?:100|[1-9]?\d(?:\.\d+)?)\s*%$/;
+    if (progressRegex.test(value)) {
+        value = parseFloat(value);
+    }
+    if (!isEmpty(value)) {
+        let progressValue = Number(value);
+        if (!Number.isNaN(progressValue)) {
+            progressValue = Math.round(progressValue);
+            if (progressValue >= 0 && progressValue <= 100) {
+                return progressValue;
+            }
+        }
+    }
+    return null;
 }
 
-const FieldModelMap = {
-    [AITableFieldType.text]: new TextField(),
-    [AITableFieldType.richText]: new RichTextField(),
-    [AITableFieldType.select]: new SelectField(),
-    [AITableFieldType.date]: new DateField(),
-    [AITableFieldType.createdAt]: new DateField(),
-    [AITableFieldType.updatedAt]: new DateField(),
-    [AITableFieldType.number]: new NumberField(),
-    [AITableFieldType.rate]: new RateField(),
-    [AITableFieldType.link]: new LinkField(),
-    [AITableFieldType.member]: new MemberField(),
-    [AITableFieldType.progress]: new ProgressField(),
-    [AITableFieldType.createdBy]: new MemberField(),
-    [AITableFieldType.updatedBy]: new MemberField(),
-    [AITableFieldType.attachment]: new AttachmentField()
-};
-
-const aiTableFragmentAttribute = 'ai-table-fragment';
-const buildClipboardData = (aiTable) => {
-    const copiedCells = Array.from(aiTable.selection().selectedCells);
-    if (!copiedCells.length) {
-        return null;
+class RateField extends Field {
+    isValid(cellValue) {
+        return typeof cellValue === 'number' || cellValue === null;
+    }
+    isMeetFilter(condition, cellValue) {
+        switch (condition.operation) {
+            case AITableFilterOperation.empty:
+                return isEmpty(cellValue);
+            case AITableFilterOperation.exists:
+                return !isEmpty(cellValue);
+            case AITableFilterOperation.in:
+                const isContain = condition.value.some((item) => String(item) === String(cellValue));
+                return !isEmpty(cellValue) && isContain;
+            case AITableFilterOperation.nin:
+                const noContain = condition.value.every((item) => String(item) !== String(cellValue));
+                return isEmpty(cellValue) || noContain;
+            default:
+                return super.isMeetFilter(condition, cellValue);
+        }
+    }
+    compare(cellValue1, cellValue2) {
+        return compareNumber(cellValue1, cellValue2);
+    }
+    toFieldValue(plainText, targetField, originData) {
+        return toRateFieldValue(plainText, targetField, originData);
     }
-    let copiedFieldIds = new Set();
-    let copiedRecordIds = new Set();
-    copiedCells.forEach((cellPath) => {
-        const [recordId, fieldId] = cellPath.split(':');
-        copiedFieldIds.add(fieldId);
-        copiedRecordIds.add(recordId);
-    });
-    const fieldIds = Array.from(copiedFieldIds);
-    const recordIds = Array.from(copiedRecordIds);
-    const aiTableContent = buildAITableContent(aiTable, fieldIds, recordIds);
-    const clipboardContent = buildClipboardContent(aiTable, fieldIds, recordIds);
-    return mergeClipboardContent(clipboardContent, aiTableContent);
-};
-const encodeAITableContent = (aiTableContent) => {
-    const stringifiedData = JSON.stringify(aiTableContent);
-    return window.btoa(encodeURIComponent(stringifiedData));
-};
-function mergeClipboardContent(clipboardContent, aiTableContent) {
-    const encodedAITableContent = encodeAITableContent(aiTableContent);
-    const formattedContent = {
-        text: clipboardContent.map((row) => row.map((column) => column.text).join('\t')).join('\n'),
-        html: `<table ${aiTableFragmentAttribute}="${encodedAITableContent}">${clipboardContent.map((row) => `<tr>${row.map((column) => `<td>${column.html}</td>`).join('')}</tr>`).join('')}</table>`
-    };
-    return formattedContent;
-}
-function buildAITableContent(aiTable, fieldIds, recordIds) {
-    const fields = fieldIds.map((fieldId) => {
-        return aiTable.fieldsMap()[fieldId];
-    });
-    const records = recordIds.map((recordId) => {
-        const record = aiTable.recordsMap()[recordId];
-        let newRecord = {
-            _id: record._id,
-            values: {}
-        };
-        fieldIds.forEach((fieldId) => {
-            const field = aiTable.fieldsMap()[fieldId];
-            if (isSystemField(field)) {
-                const fieldType = field.type;
-                newRecord = {
-                    ...newRecord,
-                    [fieldType]: getSystemFieldValue(record, fieldType)
-                };
-            }
-            else {
-                newRecord.values = {
-                    ...newRecord.values,
-                    [fieldId]: getFieldValue(record, field)
-                };
-            }
-        });
-        return newRecord;
-    });
-    return {
-        fields,
-        records
-    };
 }
-function buildClipboardContent(aiTable, fieldIds, recordIds) {
-    const clipboardContent = [];
-    const references = aiTable.context.references();
-    recordIds.forEach((recordId) => {
-        const record = aiTable.recordsMap()[recordId];
-        const row = [];
-        fieldIds.forEach((fieldId) => {
-            const field = aiTable.fieldsMap()[fieldId];
-            const cellValue = getFieldValue(record, field);
-            const transformValue = transformCellValue(aiTable, field, cellValue);
-            const cellTexts = FieldModelMap[field.type].cellFullText(transformValue, field, references);
-            let cellContent = {
-                text: cellTexts.join(','),
-                html: cellTexts.join(',')
-            };
-            if (field.type === AITableFieldType.link && cellValue && cellValue.url) {
-                cellContent.html = `<a href="${cellValue.url}" target="_blank">${cellValue.text}</a>`;
-            }
-            row.push(cellContent);
-        });
-        clipboardContent.push(row);
-    });
-    return clipboardContent;
+function toRateFieldValue(plainText, targetField, originData) {
+    let value = plainText.trim();
+    if (originData) {
+        const { field, cellValue } = originData;
+        switch (field.type) {
+            case AITableFieldType.rate:
+            case AITableFieldType.number:
+            case AITableFieldType.progress:
+                value = cellValue;
+                break;
+            case AITableFieldType.select:
+                if (cellValue && Array.isArray(cellValue) && cellValue.length) {
+                    const optionsMap = helpers.keyBy(field.settings.options || [], '_id');
+                    value = optionsMap[cellValue[0]]?.text;
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    if (!isEmpty(value)) {
+        const rateValue = Number(value);
+        if (!Number.isNaN(rateValue) && rateValue > 0 && rateValue < 5) {
+            return Math.round(rateValue);
+        }
+        return 5;
+    }
+    return null;
 }
 
-const aiTableAttributePattern = new RegExp(`${aiTableFragmentAttribute}="(.+?)"`, 'm');
-const decodeClipboardJsonData = (encoded) => {
-    const decoded = decodeURIComponent(window.atob(encoded));
-    return JSON.parse(decoded);
-};
-function extractContentFromClipboardText(clipboardText) {
-    const contents = clipboardText
-        .split('\n')
-        .map((row) => row.split('\t'))
-        .filter((row) => row.length > 0 && row.some((cell) => cell.trim().length > 0));
-    return contents;
-}
-function processTableCell(cellHtml) {
-    const linkPattern = /<a[^>]*?href=["']([^"']+)["'][^>]*?>([^<]*?)<\/a>/i;
-    const match = cellHtml.match(linkPattern);
-    const link = match ? { href: match[1], text: match[2] } : null;
-    const content = link ? cellHtml.replace(linkPattern, `[LINK:${link.text}](${link.href})`) : cellHtml;
-    const cleanContent = content
-        .replace(/<[^>]+>/g, '')
-        .replace(/&nbsp;/g, ' ')
-        .replace(/\s+/g, ' ')
-        .trim();
-    return link ? cleanContent.replace(`[LINK:${link.text}](${link.href})`, `<a href="${link.href}">${link.text}</a>`) : cleanContent;
-}
-function extractContentFromClipboardHtml(clipboardHtml) {
-    const tablePattern = /<table[^>]*>([\s\S]*?)<\/table>/i;
-    const trPattern = /<tr[^>]*>([\s\S]*?)<\/tr>/gi;
-    const tdPattern = /<td[^>]*?>([\s\S]*?)<\/td>/gi;
-    try {
-        const tableMatch = clipboardHtml.match(tablePattern);
-        const tableContent = tableMatch ? tableMatch[1] : clipboardHtml;
-        const rows = tableContent.match(trPattern) || [];
-        return rows
-            .map((row) => {
-            const contents = [];
-            let tdMatch;
-            while ((tdMatch = tdPattern.exec(row)) !== null) {
-                contents.push(processTableCell(tdMatch[1]));
-            }
-            return contents;
-        })
-            .filter((row) => row.length > 0);
+class RichTextField extends Field {
+    isValid(cellValue) {
+        return Array.isArray(cellValue) || cellValue === null;
     }
-    catch (error) {
-        console.warn('Failed to extract content from HTML:', error);
-        return [];
+    isMeetFilter(condition, cellValue, options) {
+        const textValue = transformCellValue(options.aiTable, options.field, cellValue || []);
+        switch (condition.operation) {
+            case AITableFilterOperation.empty:
+                return isEmpty(textValue);
+            case AITableFilterOperation.exists:
+                return !isEmpty(textValue);
+            case AITableFilterOperation.contain:
+                return !isEmpty(textValue) && stringInclude(textValue, condition.value);
+            default:
+                return super.isMeetFilter(condition, textValue);
+        }
+    }
+    compare(cellValue1, cellValue2, references, sortKey, options) {
+        const value1 = transformCellValue(options.aiTable, options.field, cellValue1 || []);
+        const value2 = transformCellValue(options.aiTable, options.field, cellValue2 || []);
+        return compareString(value1, value2);
+    }
+    toFieldValue(plainText, targetField, originData) {
+        return toRichTextFieldValue(plainText, targetField, originData);
     }
 }
-function extractAITableContentFromClipboardHtml(clipboardHtml) {
-    const aiTableFragment = clipboardHtml.match(aiTableAttributePattern);
-    if (aiTableFragment && !!aiTableFragment.length) {
-        return decodeClipboardJsonData(aiTableFragment[1]);
+function toRichTextFieldValue(plainText, targetField, originData) {
+    if (originData) {
+        const { field, cellValue } = originData;
+        if (field.type === AITableFieldType.richText) {
+            return cellValue;
+        }
     }
     return null;
 }
-const readClipboardData = async () => {
-    const clipboardData = await readFromClipboard();
-    let clipboardContent = [];
-    let aiTableContent = null;
-    if (clipboardData) {
-        const clipboardHtml = clipboardData.html;
-        const clipboardText = clipboardData.text;
-        if (clipboardHtml) {
-            aiTableContent = extractAITableContentFromClipboardHtml(clipboardHtml);
-            clipboardContent = extractContentFromClipboardHtml(clipboardHtml);
-        }
-        if (!clipboardContent.length && clipboardText) {
-            clipboardContent = extractContentFromClipboardText(clipboardText);
+
+class TextField extends Field {
+    isValid(cellValue) {
+        return typeof cellValue === 'string' || cellValue === null;
+    }
+    isMeetFilter(condition, cellValue) {
+        switch (condition.operation) {
+            case AITableFilterOperation.empty:
+                return isEmpty(cellValue);
+            case AITableFilterOperation.exists:
+                return !isEmpty(cellValue);
+            case AITableFilterOperation.contain:
+                return !isEmpty(cellValue) && stringInclude(cellValue, condition.value);
+            default:
+                return super.isMeetFilter(condition, cellValue);
         }
     }
-    return {
-        clipboardContent,
-        aiTableContent
-    };
+    compare(cellValue1, cellValue2) {
+        const value1 = cellValueToSortValue(cellValue1);
+        const value2 = cellValueToSortValue(cellValue2);
+        return compareString(value1, value2);
+    }
+    toFieldValue(plainText) {
+        return toTextFieldValue(plainText);
+    }
+}
+function toTextFieldValue(plainText) {
+    return plainText.trim();
+}
+function cellValueToSortValue(cellValue) {
+    return (cellValue && cellValue.trim()) || null;
+}
+
+const FieldModelMap = {
+    [AITableFieldType.text]: new TextField(),
+    [AITableFieldType.richText]: new RichTextField(),
+    [AITableFieldType.select]: new SelectField(),
+    [AITableFieldType.date]: new DateField(),
+    [AITableFieldType.createdAt]: new DateField(),
+    [AITableFieldType.updatedAt]: new DateField(),
+    [AITableFieldType.number]: new NumberField(),
+    [AITableFieldType.rate]: new RateField(),
+    [AITableFieldType.link]: new LinkField(),
+    [AITableFieldType.member]: new MemberField(),
+    [AITableFieldType.progress]: new ProgressField(),
+    [AITableFieldType.createdBy]: new MemberField(),
+    [AITableFieldType.updatedBy]: new MemberField(),
+    [AITableFieldType.attachment]: new AttachmentField()
 };
-function getPasteValue(plainText, aiTableContent, recordIndex, fieldIndex, targetField, references) {
-    let field = null;
-    let record = null;
-    if (aiTableContent) {
-        const { fields, records } = aiTableContent;
-        field = fields[fieldIndex];
-        record = records[recordIndex];
+
+function getColumnIndicesSizeMap(aiTable, fields) {
+    const fieldSizeMap = aiTable.gridData().fieldsSizeMap;
+    const columnIndicesSizeMap = {};
+    fields?.forEach((field, index) => {
+        columnIndicesSizeMap[index] = fieldSizeMap[field._id] ?? getFieldOptionByField(aiTable, field).width;
+    });
+    return columnIndicesSizeMap;
+}
+/**
+ * 获取单元格位置
+ * 根据单元格是否是第一列/最后一列确定单元格所在的位置
+ */
+function getCellHorizontalPosition(options) {
+    const { columnWidth } = options;
+    return { width: columnWidth, offset: 0 };
+}
+function transformCellValue(aiTable, field, cellValue) {
+    const richTextField = FieldModelMap[field.type];
+    if (!richTextField.isValid(cellValue)) {
+        return null;
     }
-    if (targetField.type === AITableFieldType.attachment || (field && field.type === AITableFieldType.attachment)) {
-        return { value: null, newField: null };
+    const fieldService = AI_TABLE_GRID_FIELD_SERVICE_MAP.get(aiTable);
+    if (!fieldService) {
+        return cellValue;
     }
-    if (targetField.type !== AITableFieldType.link) {
-        plainText = extractText(plainText);
+    const fieldRenderers = fieldService.aiFieldConfig?.fieldRenderers;
+    if (!fieldRenderers) {
+        return cellValue;
     }
-    let originData = field && record ? { field, cellValue: getFieldValue(record, field) } : null;
-    if (targetField.type === AITableFieldType.select) {
-        let { existOptionIds, newOptions } = processPastedValueForSelect(plainText, targetField, originData);
-        let newField = null;
-        let newOptionIds = [];
-        if (newOptions.length) {
-            newField = {
-                ...targetField,
-                settings: {
-                    ...targetField.settings,
-                    options: [...(targetField.settings?.options || []), ...newOptions]
-                }
-            };
-            newOptionIds = newOptions.map((option) => option._id).filter((id) => !!id);
+    const cellTransform = fieldRenderers[field.type]?.transform;
+    if (!cellTransform) {
+        return cellValue;
+    }
+    const cellText = cellTransform(field, cellValue);
+    if (cellText == null) {
+        return cellValue;
+    }
+    return cellText;
+}
+/**
+ * `\u4e00`: https://www.compart.com/en/unicode/U+4E00
+ * `\u9fa5`: https://www.compart.com/en/unicode/U+9FA5
+ */
+const UNIFIED_IDEOGRAPHS_REGEX = /^[\u4e00-\u9fa5]+$/;
+const SET_OF_LETTERS_REGEX = /^[a-zA-Z\/ ]+$/;
+function getAvatarShortName(name) {
+    if (!name) {
+        return '';
+    }
+    name = name.trim();
+    if (UNIFIED_IDEOGRAPHS_REGEX.test(name) && name.length > 2) {
+        return name.slice(name.length - 2);
+    }
+    if (SET_OF_LETTERS_REGEX.test(name) && name.indexOf(' ') > 0) {
+        const words = name.split(' ');
+        return (words[0].slice(0, 1) + words[1].slice(0, 1)).toUpperCase();
+    }
+    return name.length > 2 ? name.slice(0, 2).toUpperCase() : name.toUpperCase();
+}
+function getAvatarBgColor(name) {
+    if (!name) {
+        return;
+    }
+    const colors = ['#56abfb', '#5dcfff', '#84e17e', '#73d897', '#ff9f73', '#fa8888', '#fb7fb7', '#9a7ef4', '#868af6'];
+    const nameArray = name.split('');
+    const code = name && name.length > 0
+        ? nameArray.reduce(function (result, item) {
+            result.value += item.charCodeAt(0);
+            return result;
+        }, { value: 0 }).value
+        : 0;
+    return colors[code % 9];
+}
+
+function getPlaceHolderCellsConfigs(options) {
+    const { aiTable, coordinate, columnStartIndex, columnStopIndex, rowStartIndex, rowStopIndex } = options;
+    const { linearRows } = aiTable.context;
+    const { rowHeight, columnCount, rowCount } = coordinate;
+    const visibleColumns = AITable.getVisibleFields(aiTable);
+    let configs = [];
+    for (let columnIndex = columnStartIndex; columnIndex <= columnStopIndex; columnIndex++) {
+        // 当前列索引超出总列数范围，返回空
+        if (columnIndex > columnCount - 1) {
+            return [];
+        }
+        const field = visibleColumns[columnIndex];
+        const fieldId = field._id;
+        // 当前列不存在，返回空
+        if (field == null) {
+            return [];
+        }
+        // 当前列的 X 轴偏移量和列宽度
+        const x = coordinate.getColumnOffset(columnIndex) + AI_TABLE_OFFSET * 2;
+        const columnWidth = coordinate.getColumnWidth(columnIndex);
+        for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
+            // 当前行索引是否超出总行数范围，超出则退出循环
+            if (rowIndex > rowCount - 1) {
+                break;
+            }
+            const row = linearRows()[rowIndex];
+            const { _id: recordId, type } = row;
+            if (type !== AITableRowType.record) {
+                continue;
+            }
+            // 当前行的 Y 轴偏移量，并根据列宽和列索引获取单元格的水平位置（宽度和偏移量）
+            const y = coordinate.getRowOffset(rowIndex) + AI_TABLE_OFFSET * 2;
+            const { width, offset } = getCellHorizontalPosition({
+                columnWidth,
+                columnIndex,
+                columnCount
+            });
+            const height = rowHeight - AI_TABLE_OFFSET * 4;
+            configs.unshift({
+                key: `placeholder-cell-${fieldId}-${recordId}`,
+                name: generateTargetName({
+                    targetName: AI_TABLE_CELL,
+                    fieldId,
+                    recordId
+                }),
+                x: x + offset,
+                y,
+                width: width - AI_TABLE_OFFSET * 4,
+                height,
+                fill: Colors.transparent,
+                strokeEnabled: false,
+                hitStrokeWidth: 0,
+                transformsEnabled: 'position',
+                perfectDrawEnabled: false,
+                shadowEnabled: false
+            });
         }
-        const selectFieldValue = newOptionIds?.length ? [...existOptionIds, ...newOptionIds] : existOptionIds;
-        return {
-            value: selectFieldValue,
-            newField
-        };
     }
-    return { value: FieldModelMap[targetField.type].toFieldValue(plainText, targetField, originData, references), newField: null };
-}
-function appendRecord(aiTable, actions) {
-    const allRecords = aiTable.records();
-    const lastRecordId = allRecords.length > 0 ? allRecords[allRecords.length - 1]._id : '';
-    actions.addRecord({
-        originId: lastRecordId
-    });
+    return configs;
 }
-function appendField(aiTable, originField, actions) {
-    const fields = aiTable.gridData().fields;
-    const lastFieldId = fields.length > 0 ? fields[fields.length - 1]._id : '';
-    let defaultFieldValue;
-    if (originField) {
-        const fieldOptions = getFieldOptions(aiTable);
-        defaultFieldValue = {
-            ...originField,
-            name: createDefaultFieldName(aiTable, fieldOptions.find((item) => item.type === originField.type)),
-            _id: idCreator()
-        };
-    }
-    else {
-        defaultFieldValue = createDefaultField(aiTable, AITableFieldType.text);
+
+const fontCache = {};
+const textDataCache = new LRUCache({
+    max: DEFAULT_TEXT_MAX_CACHE
+});
+/**
+ * 计算给定文本在指定字体和 Canvas 环境下的宽度。
+ * 它通过缓存机制来优化性能，避免重复计算相同文本的宽度
+ */
+const getTextWidth = (ctx, text, font) => {
+    let width = 0;
+    if (!text || typeof text !== 'string') {
+        return width;
     }
-    actions.addField({
-        originId: lastFieldId,
-        defaultValue: defaultFieldValue
-    });
-}
-const writeToAITable = async (aiTable, actions) => {
-    const selectedCells = Array.from(aiTable.selection().selectedCells);
-    if (!selectedCells.length) {
-        return;
+    let cacheOfFont = fontCache[font];
+    if (!cacheOfFont) {
+        cacheOfFont = fontCache[font] = new LRUCache({
+            max: 500
+        });
     }
-    const { clipboardContent, aiTableContent } = await readClipboardData();
-    if (!clipboardContent.length) {
-        return;
+    width = cacheOfFont.get(text);
+    if (width == null) {
+        ctx.font = font;
+        width = ctx.measureText(text).width;
+        cacheOfFont.set(text, width);
     }
-    const [firstCell] = selectedCells;
-    const [startRecordId, startFieldId] = firstCell.split(':');
-    const startRowIndex = aiTable.context.visibleRowsIndexMap().get(startRecordId) ?? 0;
-    const startColIndex = aiTable.context.visibleColumnsIndexMap().get(startFieldId) ?? 0;
-    const references = aiTable.context.references();
-    let isPasteSuccess = false;
-    clipboardContent.forEach((row, i) => {
-        const targetRowIndex = startRowIndex + i;
-        if (targetRowIndex >= aiTable.context.linearRows().length - 1) {
-            appendRecord(aiTable, actions);
-        }
-        row.forEach((plainText, j) => {
-            const targetColIndex = startColIndex + j;
-            if (targetColIndex >= AITable.getVisibleFields(aiTable).length) {
-                const originField = aiTableContent?.fields[j] || null;
-                appendField(aiTable, originField, actions);
-            }
-            const targetRecord = aiTable.context.linearRows()[targetRowIndex];
-            const targetField = AITable.getVisibleFields(aiTable)[targetColIndex];
-            const recordIndex = i;
-            const fieldIndex = j;
-            const { value, newField } = getPasteValue(plainText, aiTableContent, recordIndex, fieldIndex, targetField, references);
-            if (newField) {
-                actions.setField(newField);
+    return width;
+};
+
+const imageCache = (() => {
+    const imageMap = {};
+    const imgPromises = [];
+    function loadImage(name, src, option) {
+        imgPromises.push(new Promise((resolve, reject) => {
+            const img = new Image();
+            img.src = src;
+            img.referrerPolicy = 'no-referrer';
+            if (!option?.crossOrigin) {
+                img.crossOrigin = 'Anonymous';
             }
-            if (value !== null) {
-                try {
-                    actions.updateFieldValue({
-                        value,
-                        path: [targetRecord._id, targetField._id]
+            imageMap[name] = {
+                img,
+                success: false
+            };
+            try {
+                img.onload = () => {
+                    imageMap[name] = {
+                        img,
+                        success: true
+                    };
+                    resolve({
+                        name,
+                        img
                     });
-                    isPasteSuccess = true;
-                }
-                catch (error) { }
+                };
             }
-        });
-    });
-    return isPasteSuccess;
+            catch (err) {
+                imageMap[name] = {
+                    img,
+                    success: false
+                };
+                reject(err);
+            }
+        }));
+    }
+    function imageMapOnload(callback) {
+        Promise.all(imgPromises).then(callback);
+    }
+    function getImage(name) {
+        const imgInfo = imageMap[name];
+        if (imgInfo == null) {
+            return null;
+        }
+        const { img, success } = imgInfo;
+        if (!success)
+            return false;
+        return img;
+    }
+    return {
+        loadImage,
+        getImage,
+        imageMapOnload,
+        imageMap
+    };
+})();
+
+const isWindowsOS = () => {
+    const agent = navigator.userAgent.toLowerCase();
+    if (agent.indexOf('win32') >= 0 || agent.indexOf('wow32') >= 0) {
+        return true;
+    }
+    if (agent.indexOf('win64') >= 0 || agent.indexOf('wow64') >= 0) {
+        return true;
+    }
+    return false;
+};
+const isWindows = isWindowsOS();
+const isMac = () => {
+    const agent = navigator.userAgent;
+    return /macintosh/i.test(agent);
 };
 
 const getVisibleRangeInfo = (coordinate, scrollState) => {
@@ -4264,7 +4268,7 @@ const getHoverEditorBoxOffset = () => {
     return borderSpace / 2;
 };
 
-const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container, isReadOnly) => {
+const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, container, isReadOnly, isRowDragDisabled) => {
     const { targetName, mouseStyle } = getDetailByTargetName(realTargetName);
     if (mouseStyle)
         return setMouseStyle(mouseStyle, container);
@@ -4284,6 +4288,12 @@ const handleMouseStyle = (realTargetName, areaType = AITableAreaType.grid, conta
             }
             return setMouseStyle('col-resize', container);
         }
+        case AI_TABLE_ROW_DRAG: {
+            if (isReadOnly || isRowDragDisabled) {
+                return setMouseStyle('default', container);
+            }
+            return setMouseStyle('pointer', container);
+        }
         default:
             return setMouseStyle('default', container);
     }
@@ -6428,20 +6438,20 @@ class AddRowLayout extends Layout {
         const frozenOffset = AI_TABLE_OFFSET;
         const fill = isHoverRow ? this.colors.gray80 : this.colors.transparent;
         this.rect({
-            x: frozenOffset,
+            x: frozenOffset + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y: y + AI_TABLE_OFFSET,
             width: columnWidth + AI_TABLE_ROW_HEAD_WIDTH - frozenOffset + 1,
             height: rowHeight,
             fill
         });
         this.line({
-            x: frozenOffset,
+            x: frozenOffset + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y,
             points: [0, rowHeight, columnWidth + AI_TABLE_ROW_HEAD_WIDTH - frozenOffset + 1, rowHeight],
             stroke: this.colors.gray200
         });
         this.path({
-            x: AI_TABLE_CELL_PADDING,
+            x: AI_TABLE_CELL_PADDING + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y: y + (rowHeight - AI_TABLE_ICON_COMMON_SIZE) / 2 - AI_TABLE_OFFSET,
             data: AddOutlinedPath,
             size: AI_TABLE_ROW_HEAD_SIZE,
@@ -6511,7 +6521,7 @@ class CellDrawer extends Drawer {
         const { field, cellValue } = render;
         const fieldType = field.type;
         const fieldMethod = FieldModelMap[fieldType];
-        if (!fieldMethod.isValid(cellValue) || cellValue == null) {
+        if (!fieldMethod.isValid(cellValue)) {
             return;
         }
         switch (fieldType) {
@@ -6541,7 +6551,10 @@ class CellDrawer extends Drawer {
         }
     }
     renderCellText(render, ctx) {
-        const { x, y, transformValue, cellValue, field, columnWidth, style } = render;
+        const { x, y, transformValue, field, columnWidth, style } = render;
+        if (isNil(transformValue)) {
+            return;
+        }
         const fieldType = field.type;
         let renderText = fieldType === AITableFieldType.link ? transformValue?.text : transformValue;
         if (renderText == null) {
@@ -6905,12 +6918,11 @@ class CellDrawer extends Drawer {
     renderCellDate(render, ctx) {
         const { x, y, transformValue, columnWidth, style } = render;
         const colors = AITable.getColors();
-        let cellText = transformValue;
-        if (cellText == null || !___default.isString(cellText)) {
+        if (isNil(transformValue)) {
             return;
         }
         const textMaxWidth = columnWidth - 2 * AI_TABLE_CELL_PADDING;
-        const { text } = this.textEllipsis({ text: cellText, maxWidth: columnWidth && textMaxWidth });
+        const { text } = this.textEllipsis({ text: transformValue, maxWidth: columnWidth && textMaxWidth });
         if (ctx) {
             const color = style?.color || colors.gray800;
             this.text({
@@ -6924,13 +6936,12 @@ class CellDrawer extends Drawer {
         }
     }
     renderCellRate(render, ctx) {
-        const { x, y, transformValue: _cellValue } = render;
+        const { x, y, transformValue } = render;
         const max = AI_TABLE_RATE_MAX;
-        const cellValue = _cellValue;
         const size = AI_TABLE_CELL_EMOJI_SIZE;
         return [...Array(max).keys()].map((item, index) => {
             const value = index + 1;
-            const checked = value <= cellValue;
+            const checked = value <= (transformValue || 0);
             const iconX = index * size + AI_TABLE_CELL_PADDING + index * AI_TABLE_CELL_EMOJI_PADDING;
             const iconY = (AI_TABLE_ROW_BLANK_HEIGHT - size) / 2;
             if (ctx) {
@@ -6949,12 +6960,9 @@ class CellDrawer extends Drawer {
     renderCellProgress(render, ctx) {
         const { x, y, transformValue, columnWidth, style } = render;
         const colors = AITable.getColors();
-        let cellValue = transformValue;
-        if (isNil(cellValue)) {
-            cellValue = 0;
-        }
-        if (!___default.isNumber(cellValue)) {
-            return;
+        let validateTransformValue = transformValue;
+        if (isNil(validateTransformValue)) {
+            validateTransformValue = 0;
         }
         const width = columnWidth - 2 * AI_TABLE_CELL_PADDING - AI_TABLE_PROGRESS_TEXT_Width;
         const height = AI_TABLE_PROGRESS_BAR_HEIGHT;
@@ -6972,7 +6980,7 @@ class CellDrawer extends Drawer {
             fill: colors.gray200
         });
         // 计算并绘制进度
-        const progressWidth = (cellValue / 100) * width;
+        const progressWidth = (validateTransformValue / 100) * width;
         this.rect({
             x: x + offsetX,
             y: y + offsetY,
@@ -6984,14 +6992,13 @@ class CellDrawer extends Drawer {
         this.text({
             x: x + offsetX + width + AI_TABLE_TEXT_GAP,
             y: y + textOffsetY,
-            text: `${cellValue}%`,
+            text: `${validateTransformValue}%`,
             fillStyle: colors.gray800
         });
     }
     renderCellMember(render, ctx) {
-        const { references, x, y, field, transformValue: _cellValue, rowHeight, columnWidth, isActive } = render;
-        const cellValue = _cellValue;
-        if (!cellValue?.length || !references) {
+        const { references, x, y, field, transformValue, rowHeight, columnWidth, isActive } = render;
+        if (!transformValue?.length || !references) {
             return;
         }
         const settings = field.settings;
@@ -7006,10 +7013,10 @@ class CellDrawer extends Drawer {
         const maxTextWidth = isOperating
             ? columnWidth - 2 * AI_TABLE_CELL_PADDING - itemOtherWidth - AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE - 12
             : columnWidth - 2 * AI_TABLE_CELL_PADDING - itemOtherWidth;
-        const listCount = cellValue.length;
+        const listCount = transformValue.length;
         let isOverflow = false;
         for (let index = 0; index < listCount; index++) {
-            const userInfo = references?.members[cellValue[index]];
+            const userInfo = references?.members[transformValue[index]];
             if (!userInfo)
                 continue;
             const { uid, display_name, avatar } = userInfo;
@@ -7097,8 +7104,10 @@ class CellDrawer extends Drawer {
         }
     }
     renderCellAttachment(render, ctx) {
-        const { references, x, y, field, transformValue: _cellValue, rowHeight, columnWidth, isActive } = render;
-        const cellValue = _cellValue || [];
+        const { references, x, y, field, transformValue, rowHeight, columnWidth, isActive } = render;
+        if (isNil(transformValue)) {
+            return;
+        }
         const fileIconSize = AI_TABLE_FILE_ICON_SIZE;
         const itemHeight = AI_TABLE_FILE_ICON_ITEM_HEIGHT;
         const isOperating = isActive;
@@ -7109,10 +7118,10 @@ class CellDrawer extends Drawer {
         const maxTextWidth = isOperating
             ? columnWidth - 2 * AI_TABLE_CELL_PADDING - itemOtherWidth - AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE - 12
             : columnWidth - 2 * AI_TABLE_CELL_PADDING - itemOtherWidth;
-        const listCount = cellValue.length;
+        const listCount = transformValue.length;
         let isOverflow = false;
         for (let index = 0; index < listCount; index++) {
-            const attachmentInfo = references?.attachments[cellValue[index]];
+            const attachmentInfo = references?.attachments[transformValue[index]];
             if (!attachmentInfo)
                 continue;
             const { title, addition } = attachmentInfo;
@@ -7200,9 +7209,9 @@ class RecordRowLayout extends Layout {
             fillBg = colors.gray80;
         }
         this.customRect({
-            x: AI_TABLE_OFFSET,
+            x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y,
-            width: AI_TABLE_ROW_HEAD_WIDTH - AI_TABLE_OFFSET,
+            width: AI_TABLE_ROW_HEAD_WIDTH - AI_TABLE_OFFSET - AI_TABLE_ROW_DRAG_ICON_WIDTH,
             height: rowHeight,
             fill: fillBg,
             strokes: {
@@ -7223,7 +7232,7 @@ class RecordRowLayout extends Layout {
             // 设置字体样式，居中绘制行号
             this.setStyle({ fontSize: DEFAULT_FONT_SIZE });
             this.text({
-                x: AI_TABLE_ROW_HEAD_WIDTH / 2,
+                x: (AI_TABLE_ROW_HEAD_WIDTH + AI_TABLE_ROW_DRAG_ICON_WIDTH) / 2,
                 y: y + AI_TABLE_FIELD_HEAD_HEIGHT / 2,
                 text: String(row.displayIndex),
                 textAlign: DEFAULT_TEXT_ALIGN_CENTER,
@@ -7483,6 +7492,9 @@ class AITableIcon {
                 case AITableCheckType.unchecked:
                     pathData = Unchecked;
                     break;
+                case DragType.record:
+                    pathData = RowDragPath;
+                    break;
             }
             return {
                 x: backgroundWidth && (backgroundWidth - size * (scaleX || 1)) / 2,
@@ -7948,6 +7960,16 @@ class AITableFrozenColumnHeads {
                 columnStopIndex: this.coordinate().frozenColumnCount - 1
             });
         });
+        this.dragHeadBgConfig = computed(() => {
+            return {
+                x: AI_TABLE_OFFSET,
+                y: AI_TABLE_OFFSET,
+                width: AI_TABLE_ROW_DRAG_ICON_WIDTH,
+                height: this.fieldHeadHeight(),
+                fill: Colors.white,
+                listening: false
+            };
+        });
         this.numberHeadBgConfig = computed(() => {
             return {
                 x: AI_TABLE_OFFSET,
@@ -7959,7 +7981,7 @@ class AITableFrozenColumnHeads {
             };
         });
         this.topLineConfig = {
-            x: AI_TABLE_OFFSET,
+            x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
             y: AI_TABLE_OFFSET,
             points: [0, 0, AI_TABLE_ROW_HEAD_WIDTH, 0],
             stroke: Colors.gray200,
@@ -7968,7 +7990,7 @@ class AITableFrozenColumnHeads {
         };
         this.bottomLineConfig = computed(() => {
             return {
-                x: AI_TABLE_OFFSET,
+                x: AI_TABLE_OFFSET + AI_TABLE_ROW_DRAG_ICON_WIDTH,
                 y: AI_TABLE_OFFSET,
                 points: [AI_TABLE_ROW_HEAD_WIDTH, this.fieldHeadHeight(), 0, this.fieldHeadHeight()],
                 stroke: Colors.gray200,
@@ -7979,7 +8001,7 @@ class AITableFrozenColumnHeads {
         this.iconConfig = computed(() => {
             return {
                 name: AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX,
-                x: AI_TABLE_CELL_PADDING,
+                x: AI_TABLE_CELL_PADDING + AI_TABLE_ROW_DRAG_ICON_WIDTH,
                 y: (this.fieldHeadHeight() - AI_TABLE_ICON_COMMON_SIZE) / 2,
                 type: this.isChecked() ? AITableCheckType.checked : AITableCheckType.unchecked,
                 fill: this.isChecked() || (this.config().pointPosition.targetName === AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX && !this.isChecked())
@@ -8003,6 +8025,7 @@ class AITableFrozenColumnHeads {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableFrozenColumnHeads, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AITableFrozenColumnHeads, isStandalone: true, selector: "ai-table-frozen-column-heads", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+        <ko-rect [config]="dragHeadBgConfig()"></ko-rect>
         <ko-rect [config]="numberHeadBgConfig()"></ko-rect>
         <ko-line [config]="topLineConfig"></ko-line>
         <ko-line [config]="bottomLineConfig()"></ko-line>
@@ -8020,6 +8043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'ai-table-frozen-column-heads',
                     template: `
+        <ko-rect [config]="dragHeadBgConfig()"></ko-rect>
         <ko-rect [config]="numberHeadBgConfig()"></ko-rect>
         <ko-line [config]="topLineConfig"></ko-line>
         <ko-line [config]="bottomLineConfig()"></ko-line>
@@ -8158,11 +8182,21 @@ class AITableHoverRowHeads {
                             targetName: AI_TABLE_ROW_SELECT_CHECKBOX,
                             recordId
                         }),
-                        x: AI_TABLE_CELL_PADDING,
+                        x: AI_TABLE_CELL_PADDING + AI_TABLE_ROW_DRAG_ICON_WIDTH,
                         y: iconOffsetY,
                         type: isCheckedRow ? AITableCheckType.checked : AITableCheckType.unchecked,
                         fill: isCheckedRow || (targetName === AI_TABLE_ROW_SELECT_CHECKBOX && !isCheckedRow) ? Colors.primary : Colors.gray300
                     };
+                    operationGroup.dragConfig = {
+                        name: generateTargetName({
+                            targetName: AI_TABLE_ROW_DRAG,
+                            recordId
+                        }),
+                        x: 0,
+                        y: iconOffsetY,
+                        type: DragType.record,
+                        fill: Colors.gray600
+                    };
                     headConfigs.push(operationGroup);
                 }
             }
@@ -8179,6 +8213,9 @@ class AITableHoverRowHeads {
                 @if (config.iconConfig) {
                     <ai-table-icon [config]="config.iconConfig"></ai-table-icon>
                 }
+                @if (config.dragConfig) {
+                    <ai-table-icon [config]="config.dragConfig"></ai-table-icon>
+                }
             </ko-group>
         }
     `, isInline: true, dependencies: [{ kind: "component", type: KoContainer, selector: "ko-layer, ko-fastlayer, ko-group" }, { kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }, { kind: "component", type: AITableIcon, selector: "ai-table-icon", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -8196,6 +8233,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 @if (config.iconConfig) {
                     <ai-table-icon [config]="config.iconConfig"></ai-table-icon>
                 }
+                @if (config.dragConfig) {
+                    <ai-table-icon [config]="config.dragConfig"></ai-table-icon>
+                }
             </ko-group>
         }
     `,
@@ -8991,6 +9031,7 @@ class AITableGridBase {
         this.aiContextMenuItems = input();
         this.aiFieldConfig = input();
         this.aiReadonly = input(false);
+        this.aiRowDragDisabled = input(false);
         this.aiPlugins = input();
         this.aiReferences = input.required();
         this.aiBuildRenderDataFn = input();
@@ -9008,6 +9049,7 @@ class AITableGridBase {
         this.aiUpdateFieldValue = output();
         this.aiSetField = output();
         this.aiSetFieldWidth = output();
+        this.aiMoveRecords = output();
         this.aiClick = output();
         this.aiDbClick = output();
         this.fieldMenus = computed(() => {
@@ -9056,7 +9098,7 @@ class AITableGridBase {
         AI_TABLE_GRID_FIELD_SERVICE_MAP.set(this.aiTable, this.aiTableGridFieldService);
     }
     addRecord() {
-        const records = this.aiRecords();
+        const records = this.aiTable.gridData().records;
         const recordCount = records.length;
         this.aiAddRecord.emit({
             originId: recordCount > 0 ? records[records.length - 1]._id : ''
@@ -9132,7 +9174,7 @@ class AITableGridBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableGridBase, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AITableGridBase, isStandalone: true, selector: "ai-table-grid-base", inputs: { aiRecords: { classPropertyName: "aiRecords", publicName: "aiRecords", isSignal: true, isRequired: true, transformFunction: null }, aiFields: { classPropertyName: "aiFields", publicName: "aiFields", isSignal: true, isRequired: true, transformFunction: null }, aiFieldsSizeMap: { classPropertyName: "aiFieldsSizeMap", publicName: "aiFieldsSizeMap", isSignal: true, isRequired: true, transformFunction: null }, aiContextMenuItems: { classPropertyName: "aiContextMenuItems", publicName: "aiContextMenuItems", isSignal: true, isRequired: false, transformFunction: null }, aiFieldConfig: { classPropertyName: "aiFieldConfig", publicName: "aiFieldConfig", isSignal: true, isRequired: false, transformFunction: null }, aiReadonly: { classPropertyName: "aiReadonly", publicName: "aiReadonly", isSignal: true, isRequired: false, transformFunction: null }, aiPlugins: { classPropertyName: "aiPlugins", publicName: "aiPlugins", isSignal: true, isRequired: false, transformFunction: null }, aiReferences: { classPropertyName: "aiReferences", publicName: "aiReferences", isSignal: true, isRequired: true, transformFunction: null }, aiBuildRenderDataFn: { classPropertyName: "aiBuildRenderDataFn", publicName: "aiBuildRenderDataFn", isSignal: true, isRequired: false, transformFunction: null }, aiGetI18nTextByKey: { classPropertyName: "aiGetI18nTextByKey", publicName: "aiGetI18nTextByKey", isSignal: true, isRequired: false, transformFunction: null }, aiKeywords: { classPropertyName: "aiKeywords", publicName: "aiKeywords", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { aiRecords: "aiRecordsChange", aiFields: "aiFieldsChange", aiFieldsSizeMap: "aiFieldsSizeMapChange", aiTableInitialized: "aiTableInitialized", aiAddRecord: "aiAddRecord", aiAddField: "aiAddField", aiMoveField: "aiMoveField", aiUpdateFieldValue: "aiUpdateFieldValue", aiSetField: "aiSetField", aiSetFieldWidth: "aiSetFieldWidth", aiClick: "aiClick", aiDbClick: "aiDbClick" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AITableGridBase, isStandalone: true, selector: "ai-table-grid-base", inputs: { aiRecords: { classPropertyName: "aiRecords", publicName: "aiRecords", isSignal: true, isRequired: true, transformFunction: null }, aiFields: { classPropertyName: "aiFields", publicName: "aiFields", isSignal: true, isRequired: true, transformFunction: null }, aiFieldsSizeMap: { classPropertyName: "aiFieldsSizeMap", publicName: "aiFieldsSizeMap", isSignal: true, isRequired: true, transformFunction: null }, aiContextMenuItems: { classPropertyName: "aiContextMenuItems", publicName: "aiContextMenuItems", isSignal: true, isRequired: false, transformFunction: null }, aiFieldConfig: { classPropertyName: "aiFieldConfig", publicName: "aiFieldConfig", isSignal: true, isRequired: false, transformFunction: null }, aiReadonly: { classPropertyName: "aiReadonly", publicName: "aiReadonly", isSignal: true, isRequired: false, transformFunction: null }, aiRowDragDisabled: { classPropertyName: "aiRowDragDisabled", publicName: "aiRowDragDisabled", isSignal: true, isRequired: false, transformFunction: null }, aiPlugins: { classPropertyName: "aiPlugins", publicName: "aiPlugins", isSignal: true, isRequired: false, transformFunction: null }, aiReferences: { classPropertyName: "aiReferences", publicName: "aiReferences", isSignal: true, isRequired: true, transformFunction: null }, aiBuildRenderDataFn: { classPropertyName: "aiBuildRenderDataFn", publicName: "aiBuildRenderDataFn", isSignal: true, isRequired: false, transformFunction: null }, aiGetI18nTextByKey: { classPropertyName: "aiGetI18nTextByKey", publicName: "aiGetI18nTextByKey", isSignal: true, isRequired: false, transformFunction: null }, aiKeywords: { classPropertyName: "aiKeywords", publicName: "aiKeywords", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { aiRecords: "aiRecordsChange", aiFields: "aiFieldsChange", aiFieldsSizeMap: "aiFieldsSizeMapChange", aiTableInitialized: "aiTableInitialized", aiAddRecord: "aiAddRecord", aiAddField: "aiAddField", aiMoveField: "aiMoveField", aiUpdateFieldValue: "aiUpdateFieldValue", aiSetField: "aiSetField", aiSetFieldWidth: "aiSetFieldWidth", aiMoveRecords: "aiMoveRecords", aiClick: "aiClick", aiDbClick: "aiDbClick" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AITableGridBase, decorators: [{
             type: Component,
@@ -9271,11 +9313,13 @@ class AITableDragComponent {
         }
         this.setDisplayStyle('block');
         const moveX = e.x - (this.mouseStartPosition?.x || 0);
+        const moveY = e.y - (this.mouseStartPosition?.y || 0);
         switch (drag.type) {
             case DragType.field:
                 this.movingColumn(drag, moveX);
                 break;
             case DragType.record:
+                this.movingRecord(drag, moveY);
                 break;
             case DragType.columnWidth:
                 this.movingColumnWidth(drag, moveX);
@@ -9362,6 +9406,43 @@ class AITableDragComponent {
             width: Math.max(MIN_COLUMN_WIDTH, sourceColumnWidth + moveX)
         };
     }
+    movingRecord(drag, moveY) {
+        const aiTable = this.aiTableGridSelectionService.aiTable;
+        const scroll = drag.scroll || { x: 0, y: 0 };
+        const coordinate = drag.coordinate;
+        const visibleRowIndexMap = aiTable.context.visibleRowsIndexMap();
+        const sourceRowId = drag.sourceIds.values().next().value;
+        const sourceRowIndex = visibleRowIndexMap.get(sourceRowId) || 0;
+        const sourceRowStartY = coordinate.getRowOffset(sourceRowIndex);
+        const sourceRowHeight = coordinate.getRowHeight(sourceRowIndex);
+        this.setRectStyles({
+            width: '100%',
+            height: `${sourceRowHeight}px`,
+            top: `${sourceRowStartY + moveY}px`,
+            left: '0'
+        });
+        const pointerY = moveY + sourceRowStartY + sourceRowHeight / 2;
+        const targetRowIndex = coordinate.getRowStartIndex(pointerY + scroll.y);
+        const targetRowStartY = coordinate.getRowOffset(targetRowIndex);
+        if ((targetRowIndex >= 0 && sourceRowIndex > targetRowIndex && sourceRowIndex - targetRowIndex > 0) ||
+            (sourceRowIndex < targetRowIndex && targetRowIndex - sourceRowIndex > 1)) {
+            this.setAuxiliaryLineStyles({
+                width: `calc(100% - ${AI_TABLE_ROW_DRAG_ICON_WIDTH}px)`,
+                height: '2px',
+                top: `${targetRowStartY}px`,
+                left: `${AI_TABLE_ROW_DRAG_ICON_WIDTH}px`
+            });
+            this.draggedData = {
+                type: DragType.record,
+                recordIds: drag.sourceIds,
+                targetIndex: targetRowIndex
+            };
+        }
+        else {
+            this.resetAuxiliaryLine();
+            this.draggedData = null;
+        }
+    }
     handleDragEnd() {
         if (this.draggedData) {
             this.dragEnd.emit({ ...this.draggedData });
@@ -9410,7 +9491,7 @@ class AITableDragComponent {
         });
     }
     resetAuxiliaryLine() {
-        this.setAuxiliaryLineStyles({ width: 0 });
+        this.setAuxiliaryLineStyles({ width: 0, height: 0, top: '0', left: '0' });
     }
     ngOnDestroy() {
         if (this.mousedownListener)
@@ -9621,7 +9702,7 @@ class AITableGrid extends AITableGridBase {
             const { context } = this.aiTable;
             const { x, y } = pos;
             const curMousePosition = getMousePosition(this.aiTable, x, y, this.coordinate(), AITable.getVisibleFields(this.aiTable), context, targetName);
-            handleMouseStyle(curMousePosition.realTargetName, curMousePosition.areaType, this.containerElement(), this.aiReadonly());
+            handleMouseStyle(curMousePosition.realTargetName, curMousePosition.areaType, this.containerElement(), this.aiReadonly(), this.aiRowDragDisabled());
             context.setPointPosition(curMousePosition);
             this.timer = null;
             if (this.isDragSelecting) {
@@ -9667,6 +9748,21 @@ class AITableGrid extends AITableGridBase {
                 this.updateDragSelectionState(true, dragSelectionStart);
                 this.aiTableGridSelectionService.selectCells(dragSelectionStart);
                 return;
+            case AI_TABLE_ROW_DRAG:
+                if (!recordId)
+                    return;
+                mouseEvent.preventDefault();
+                const selectedRecords = this.aiTable.selection().selectedRecords;
+                let dragRecords = [];
+                if (selectedRecords.has(recordId)) {
+                    dragRecords = [recordId, ...selectedRecords.values()];
+                }
+                else {
+                    // 当前拖拽行不在选中行中，只拖拽当前行
+                    dragRecords = [recordId];
+                }
+                this.handleRowDragStart(dragRecords);
+                return;
             case AI_TABLE_ROW_ADD_BUTTON:
             case AI_TABLE_FIELD_ADD_BUTTON:
             case AI_TABLE_ROW_SELECT_CHECKBOX:
@@ -9995,6 +10091,16 @@ class AITableGrid extends AITableGridBase {
             });
         }
     }
+    handleRowDragStart(recordIds) {
+        if (!this.aiReadonly() && !this.aiRowDragDisabled() && recordIds.length > 0) {
+            this.aiTableGridSelectionService.drag({
+                type: DragType.record,
+                sourceIds: new Set(recordIds),
+                scroll: this.getScrollPosition(),
+                coordinate: this.coordinate()
+            });
+        }
+    }
     getScrollPosition() {
         const horizontalBar = this.horizontalBarRef()?.nativeElement;
         const verticalBar = this.verticalBarRef()?.nativeElement;
@@ -10024,6 +10130,12 @@ class AITableGrid extends AITableGridBase {
                 }
                 break;
             case DragType.record:
+                if (data.recordIds && isNumber(data.targetIndex)) {
+                    this.aiMoveRecords.emit({
+                        recordIds: Array.from(data.recordIds).map((id) => [id]),
+                        newPath: [data.targetIndex]
+                    });
+                }
                 return;
         }
         this.aiTableGridSelectionService.clearDrag();
@@ -10042,5 +10154,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsSameOptionPipe, AITableFieldSetting, AITableFieldType, AITableFilterOperation, AITableGrid, AITableGridEventService, AITableGridFieldService, AITableGridI18nKey, AITableGridSelectionService, AITableMemberType, AITableMouseDownType, AITableQueries, AITableRenderer, AITableRowColumnType, AITableRowType, AITableSelectAllState, AITableSelectOptionStyle, AITableStatType, AI_TABLE_ACTION_COMMON_RADIUS, AI_TABLE_ACTION_COMMON_RIGHT_PADDING, AI_TABLE_ACTION_COMMON_SIZE, AI_TABLE_BLANK, AI_TABLE_CELL, AI_TABLE_CELL_ACTIVE_BORDER_WIDTH, AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE, AI_TABLE_CELL_ATTACHMENT_ADD, AI_TABLE_CELL_ATTACHMENT_FILE, AI_TABLE_CELL_BORDER, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE, AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE_OFFSET, AI_TABLE_CELL_EDIT, AI_TABLE_CELL_EMOJI_PADDING, AI_TABLE_CELL_EMOJI_SIZE, AI_TABLE_CELL_FIELD_ITEM_HEIGHT, AI_TABLE_CELL_MAX_ROW_COUNT, AI_TABLE_CELL_MEMBER_ITEM_HEIGHT, AI_TABLE_CELL_MEMBER_ITEM_PADDING, AI_TABLE_CELL_MEMBER_MAX_HEIGHT, AI_TABLE_CELL_MULTI_DOT_RADIUS, AI_TABLE_CELL_MULTI_ITEM_MARGIN_LEFT, AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP, AI_TABLE_CELL_MULTI_ITEM_MIN_WIDTH, AI_TABLE_CELL_MULTI_PADDING_LEFT, AI_TABLE_CELL_MULTI_PADDING_TOP, AI_TABLE_CELL_PADDING, AI_TABLE_COMMON_FONT_SIZE, AI_TABLE_DEFAULT_COLUMN_WIDTH, AI_TABLE_DOT_RADIUS, AI_TABLE_FIELD_ADD_BUTTON, AI_TABLE_FIELD_ADD_BUTTON_WIDTH, AI_TABLE_FIELD_HEAD, AI_TABLE_FIELD_HEAD_HEIGHT, AI_TABLE_FIELD_HEAD_ICON_GAP_SIZE, AI_TABLE_FIELD_HEAD_MORE, AI_TABLE_FIELD_HEAD_OPACITY_LINE, AI_TABLE_FIELD_HEAD_SELECT_CHECKBOX, AI_TABLE_FIELD_HEAD_TEXT_MIN_WIDTH, AI_TABLE_FIELD_ITEM_MARGIN_RIGHT, AI_TABLE_FIELD_MAX_WIDTH, AI_TABLE_FIELD_MIDDLE_WIDTH, AI_TABLE_FIELD_MINI_WIDTH, AI_TABLE_FIELD_MIN_WIDTH, AI_TABLE_FILE_ICON_ITEM_HEIGHT, AI_TABLE_FILE_ICON_SIZE, AI_TABLE_GRID_FIELD_SERVICE_MAP, AI_TABLE_ICON_COMMON_SIZE, AI_TABLE_MEMBER_AVATAR_SIZE, AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT, AI_TABLE_MEMBER_ITEM_PADDING_RIGHT, AI_TABLE_MIN_TEXT_WIDTH, AI_TABLE_OFFSET, AI_TABLE_OPTION_ITEM_FONT_SIZE, AI_TABLE_OPTION_ITEM_HEIGHT, AI_TABLE_OPTION_ITEM_PADDING, AI_TABLE_OPTION_ITEM_RADIUS, AI_TABLE_PIECE_RADIUS, AI_TABLE_PIECE_WIDTH, AI_TABLE_POPOVER_LEFT_OFFSET, AI_TABLE_PREVENT_CLEAR_SELECTION_CLASS, AI_TABLE_PROGRESS_BAR_HEIGHT, AI_TABLE_PROGRESS_BAR_RADIUS, AI_TABLE_PROGRESS_TEXT_Width, AI_TABLE_RATE_MAX, 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, 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, isActiveCell, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isDateFiled, isEmpty, isMac, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, readFromClipboard, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, transformCellValue, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
+export { AITable, AITableAreaType, AITableAvatarSize, AITableAvatarType, AITableCheckType, AITableContextMenu, AITableDomGrid, AITableFieldIsSameOptionPipe, AITableFieldSetting, 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_RATE_MAX, AI_TABLE_ROW_ADD_BUTTON, AI_TABLE_ROW_BLANK_HEIGHT, AI_TABLE_ROW_DRAG, AI_TABLE_ROW_DRAG_ICON_WIDTH, AI_TABLE_ROW_HEAD, AI_TABLE_ROW_HEAD_SIZE, AI_TABLE_ROW_HEAD_WIDTH, AI_TABLE_ROW_HEIGHT, AI_TABLE_ROW_SELECT_CHECKBOX, AI_TABLE_SCROLL_BAR_PADDING, AI_TABLE_TAG_FONT_SIZE, AI_TABLE_TAG_PADDING, AI_TABLE_TEXT_GAP, AbstractEditCellEditor, AddOutlinedPath, AttachmentPath, Check, Colors, ColumnCalendarFilledPath, ColumnLinkOutlinedPath, ColumnMemberFilledPath, ColumnMultipleFillPath, ColumnNumberFilledPath, ColumnProgressFilledPath, ColumnRatingFilledPath, ColumnRichTextFilledPath, ColumnSelectFilledPath, ColumnTextFilledPath, Coordinate, DBL_CLICK_EDIT_TYPE, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_STYLE, DEFAULT_FONT_WEIGHT, DEFAULT_ICON_SHAPE, DEFAULT_ICON_SIZE, DEFAULT_POINT_POSITION, DEFAULT_SCROLL_STATE, DEFAULT_TEXT_ALIGN_CENTER, DEFAULT_TEXT_ALIGN_LEFT, DEFAULT_TEXT_ALIGN_RIGHT, DEFAULT_TEXT_DECORATION, DEFAULT_TEXT_ELLIPSIS, DEFAULT_TEXT_FILL, DEFAULT_TEXT_LINE_HEIGHT, DEFAULT_TEXT_LISTENING, DEFAULT_TEXT_MAX_CACHE, DEFAULT_TEXT_MAX_HEIGHT, DEFAULT_TEXT_SCALE, DEFAULT_TEXT_TRANSFORMS_ENABLED, DEFAULT_TEXT_VERTICAL_ALIGN_MIDDLE, DEFAULT_TEXT_VERTICAL_ALIGN_TOP, DEFAULT_TEXT_WRAP, DEFAULT_WRAP_TEXT_MAX_ROW, DateCellEditorComponent, DepartmentOutlinedPath, Direction, DragType, EditPath, FONT_SIZE_SM, FieldModelMap, GRID_CELL_EDITOR_MAP, IsSelectRecordPipe, KO_CONTAINER_TOKEN, KoComponent, KoContainer, KoShape, KoShapeTypes, KoStage, LinkCellEditorComponent, MIN_COLUMN_WIDTH, MOUSEOVER_EDIT_TYPE, MemberSettingPipe, MoreStandOutlinedPath, NumberCellEditorComponent, ProgressEditorComponent, RendererContext, RowDragPath, RowHeight, SelectCellEditorComponent, SelectOptionComponent, SelectOptionPipe, SelectOptionsPipe, SelectSettingPipe, StarFill, TextCellEditorComponent, TextMeasure, Unchecked, UserPipe, WebOutlinedPath, aiTableFragmentAttribute, applyNodeProps, buildClipboardData, buildGridData, buildGridLinearRows, castToString, compareNumber, compareString, createAITable, createActiveCellBorder, createCells, createDefaultField, createDefaultFieldName, createListener, extractLinkUrl, extractText, generateNewName, generateTargetName, getAvatarBgColor, getAvatarShortName, getCellEditorBorderSpace, getCellHorizontalPosition, getColumnIndicesSizeMap, getDefaultFieldValue, getDefaultI18nTextByKey, getDetailByTargetName, getEditorBoxOffset, getEditorSpace, getFieldOptionByField, getFieldOptions, getFieldValue, getHoverCell, getHoverEditorBoxOffset, getHoverEditorSpace, getI18nTextByKey, getMousePosition, getName, getPlaceHolderCellsConfigs, getSystemFieldValue, getTargetName, getTextWidth, getVisibleRangeInfo, handleMouseStyle, hasIntersect, idCreator, idsCreator, imageCache, isActiveCell, isArrayField, isCellMatchKeywords, isClipboardReadSupported, isClipboardReadTextSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isDateFiled, isEmpty, isMac, isNumberFiled, isSameFieldOption, isSelectedField, isSystemField, isWindows, isWindowsOS, isWithinFrozenColumnBoundary, readFromClipboard, scrollMax, setMouseStyle, shortIdCreator, shortIdsCreator, stringInclude, textDataCache, transformCellValue, updatePicture, writeToAITable, writeToClipboard, zhIntlCollator };
 //# sourceMappingURL=ai-table-grid.mjs.map