@visactor/vtable 1.1.3-alpha.2 → 1.2.0-alpha.0

package/dist/vtable.js

@@ -24538,8 +24538,6 @@
         selectionStyle: {
             cellBgColor: 'rgba(0, 0, 255,0.1)',
             cellBorderLineWidth: 2,
-            inlineColumnBgColor: '#CCE0FF',
-            inlineRowBgColor: '#CCE0FF',
             cellBorderColor: '#0000ff'
         },
         tooltipStyle: {
@@ -24722,6 +24720,7 @@
             return getProp$1(obj, superTheme, ['_contentOffset']) ?? 0;
         }
         get defaultStyle() {
+            const that = this;
             if (!this._defaultStyle) {
                 const { obj, superTheme } = this.internalTheme;
                 const defaultStyle = ingoreNoneValueMerge({}, superTheme.defaultStyle, obj.defaultStyle);
@@ -24780,6 +24779,29 @@
                         }
                         return undefined;
                     },
+                    get select() {
+                        if (defaultStyle.select) {
+                            return {
+                                get inlineColumnBgColor() {
+                                    return (defaultStyle.select?.inlineColumnBgColor ??
+                                        that.selectionStyle?.inlineColumnBgColor ??
+                                        (that.selectionStyle?.cellBgColor && typeof that.selectionStyle.cellBgColor === 'string'
+                                            ? changeColor(that.selectionStyle.cellBgColor, 0.1, false)
+                                            : undefined) ??
+                                        undefined);
+                                },
+                                get inlineRowBgColor() {
+                                    return (defaultStyle.select?.inlineRowBgColor ??
+                                        that.selectionStyle.inlineRowBgColor ??
+                                        (that.selectionStyle?.cellBgColor && typeof that.selectionStyle.cellBgColor === 'string'
+                                            ? changeColor(that.selectionStyle.cellBgColor, 0.1, false)
+                                            : undefined) ??
+                                        undefined);
+                                }
+                            };
+                        }
+                        return undefined;
+                    },
                     get padding() {
                         return defaultStyle.padding ?? [10, 16, 10, 16];
                     },
@@ -25123,6 +25145,12 @@
                     },
                     get cellBorderLineWidth() {
                         return selectionStyle?.cellBorderLineWidth ?? 2;
+                    },
+                    get inlineColumnBgColor() {
+                        return selectionStyle?.inlineColumnBgColor;
+                    },
+                    get inlineRowBgColor() {
+                        return selectionStyle?.inlineRowBgColor;
                     }
                 };
             }
@@ -25168,6 +25196,7 @@
             return new TableTheme(obj, this);
         }
         getStyle(style) {
+            const that = this;
             return {
                 get fontSize() {
                     return style.fontSize;
@@ -25223,6 +25252,26 @@
                     }
                     return undefined;
                 },
+                get select() {
+                    return {
+                        get inlineColumnBgColor() {
+                            return (style.select?.inlineColumnBgColor ??
+                                that.selectionStyle?.inlineColumnBgColor ??
+                                (that.selectionStyle?.cellBgColor && typeof that.selectionStyle.cellBgColor === 'string'
+                                    ? changeColor(that.selectionStyle.cellBgColor, 0.1, false)
+                                    : undefined) ??
+                                undefined);
+                        },
+                        get inlineRowBgColor() {
+                            return (style.select?.inlineRowBgColor ??
+                                that.selectionStyle.inlineRowBgColor ??
+                                (that.selectionStyle?.cellBgColor && typeof that.selectionStyle.cellBgColor === 'string'
+                                    ? changeColor(that.selectionStyle.cellBgColor, 0.1, false)
+                                    : undefined) ??
+                                undefined);
+                        }
+                    };
+                },
                 get frameStyle() {
                     if (style.frameStyle) {
                         return {
@@ -35176,7 +35225,55 @@
         }
     };
 
-    function dealWithCustom(customLayout, customRender, col, row, width, height, autoWidth, autoHeight, padding, table) {
+    function getCellEventArgsSet(e) {
+        const tableEvent = {
+            abstractPos: {
+                x: e.x,
+                y: e.y
+            }
+        };
+        const targetCell = getTargetCell(e.target);
+        if (targetCell) {
+            tableEvent.eventArgs = {
+                col: targetCell.col,
+                row: targetCell.row,
+                event: e,
+                targetCell,
+                mergeInfo: getMergeCellInfo(targetCell),
+                target: e.target
+            };
+        }
+        return tableEvent;
+    }
+    function getTargetCell(target) {
+        while (target && target.parent) {
+            if (target.role === 'cell') {
+                return target;
+            }
+            target = target.parent;
+        }
+        return null;
+    }
+    function getMergeCellInfo(cellGroup) {
+        if (isValid$1(cellGroup.mergeStartCol) &&
+            isValid$1(cellGroup.mergeStartRow) &&
+            isValid$1(cellGroup.mergeEndCol) &&
+            isValid$1(cellGroup.mergeEndRow)) {
+            return {
+                colStart: cellGroup.mergeStartCol,
+                colEnd: cellGroup.mergeEndCol,
+                rowStart: cellGroup.mergeStartRow,
+                rowEnd: cellGroup.mergeEndRow
+            };
+        }
+        return undefined;
+    }
+    const regIndexReg = /radio-\d+-\d+-(\d+)/;
+
+    const CUSTOM_MERGE_PRE_NAME = '_custom_';
+    const CUSTOM_CONTAINER_NAME = 'custom-container';
+    const CUSTOM_MERGE_CONTAINER_NAME = CUSTOM_MERGE_PRE_NAME + '_0';
+    function dealWithCustom(customLayout, customRender, col, row, width, height, autoWidth, autoHeight, padding, range, table) {
         let renderDefault = true;
         let enableCellPadding = false;
         let expectedWidth;
@@ -35205,7 +35302,7 @@
             }
             if (customRenderObj.rootContainer instanceof Group$2) {
                 elementsGroup = customRenderObj.rootContainer;
-                elementsGroup.name = 'custom-container';
+                elementsGroup.name = CUSTOM_CONTAINER_NAME;
             }
             renderDefault = customRenderObj.renderDefault;
             enableCellPadding = customRenderObj.enableCellPadding;
@@ -35253,6 +35350,9 @@
             });
         }
         dealPercentCalc(elementsGroup, width, height);
+        if (range && (range.start.col !== range.end.col || range.start.row !== range.end.row)) {
+            bindAttributeUpdate(elementsGroup, col, row, 0);
+        }
         return {
             elementsGroup,
             renderDefault
@@ -35268,7 +35368,7 @@
             stroke: false,
             pickable: false
         });
-        customGroup.name = 'custom-container';
+        customGroup.name = CUSTOM_CONTAINER_NAME;
         const elementsAdjusted = adjustElementsPos(elements, width, height, value);
         elementsAdjusted.forEach(element => {
             if (element.clickable) {
@@ -35543,6 +35643,51 @@
             });
         }
     }
+    function bindAttributeUpdate(group, col, row, index, preId) {
+        if (!group) {
+            return;
+        }
+        group.name = `${CUSTOM_MERGE_PRE_NAME}${preId ?? ''}_${index}`;
+        group.onBeforeAttributeUpdate = onBeforeAttributeUpdate;
+        if (group.type === 'group' && group.childrenCount) {
+            group.forEachChildren((child, childIndex) => {
+                bindAttributeUpdate(child, col, row, childIndex, (preId ?? '') + '_' + index);
+            });
+        }
+    }
+    function onBeforeAttributeUpdate(val, attribute) {
+        const graphic = this;
+        const cellGroup = getTargetCell(graphic);
+        const table = cellGroup.stage.table;
+        graphic.skipAttributeUpdate = true;
+        const { mergeStartCol, mergeEndCol, mergeStartRow, mergeEndRow } = cellGroup;
+        if (isValid$1(mergeStartCol) &&
+            isValid$1(mergeEndCol) &&
+            isValid$1(mergeStartRow) &&
+            isValid$1(mergeEndRow) &&
+            (mergeStartCol !== mergeEndCol || mergeStartRow !== mergeEndRow)) {
+            for (let col = mergeStartCol; col <= mergeEndCol; col++) {
+                for (let row = mergeStartRow; row <= mergeEndRow; row++) {
+                    if (col === cellGroup.col && row === cellGroup.row) {
+                        continue;
+                    }
+                    const cell = table.scenegraph.getCell(col, row);
+                    if (cell.role === 'cell') {
+                        const target = cell.getChildByName(graphic.name, true);
+                        if (!target || target.skipAttributeUpdate) {
+                            continue;
+                        }
+                        for (const key in val) {
+                            if (val[key] !== target.attribute[key] && key !== 'dx' && key !== 'dy') {
+                                target.setAttribute(key, val[key]);
+                            }
+                        }
+                    }
+                }
+            }
+            graphic.skipAttributeUpdate = undefined;
+        }
+    }
 
     const icons = {};
     class IconCache {
@@ -37639,6 +37784,12 @@
     }
 
     function breakString(textStr, table) {
+        let moreThanMaxCharacters = false;
+        if (isString$2(textStr) && textStr.length > (table.options.maxCharactersNumber || 200)) {
+            textStr = textStr.slice(0, table.options.maxCharactersNumber || 200);
+            textStr += '\u2026';
+            moreThanMaxCharacters = true;
+        }
         let text;
         if (!table.internalProps.enableLineBreak && !table.options.customConfig?.multilinesForXTable) {
             text = [convertInternal(textStr)];
@@ -37649,7 +37800,10 @@
         while (text.length && text.length > 1 && !text[text.length - 1]) {
             text.pop();
         }
-        return text;
+        return {
+            text,
+            moreThanMaxCharacters
+        };
     }
 
     function createCellContent(cellGroup, icons, textStr, padding, autoColWidth, autoRowHeight, autoWrapText, lineClamp, cellWidth, cellHeight, textAlign, textBaseline, table, cellTheme, range) {
@@ -37670,7 +37824,7 @@
         let absoluteRightIconWidth = 0;
         if (!Array.isArray(icons) || icons.length === 0) {
             if (isValid$1(textStr)) {
-                const text = breakString(textStr, table);
+                const { text, moreThanMaxCharacters } = breakString(textStr, table);
                 const hierarchyOffset = range
                     ? getHierarchyOffset(range.start.col, range.start.row, table)
                     : getHierarchyOffset(cellGroup.col, cellGroup.row, table);
@@ -37685,6 +37839,7 @@
                 }
                 const attribute = {
                     text: text.length === 1 ? text[0] : text,
+                    moreThanMaxCharacters,
                     maxLineWidth: autoColWidth ? Infinity : cellWidth - (padding[1] + padding[3] + hierarchyOffset),
                     textBaseline: 'top',
                     autoWrapText,
@@ -37783,9 +37938,10 @@
                 const hierarchyOffset = range
                     ? getHierarchyOffset(range.start.col, range.start.row, table)
                     : getHierarchyOffset(cellGroup.col, cellGroup.row, table);
-                const text = breakString(textStr, table);
+                const { text, moreThanMaxCharacters } = breakString(textStr, table);
                 const attribute = {
                     text: text.length === 1 ? text[0] : text,
+                    moreThanMaxCharacters,
                     maxLineWidth: autoColWidth
                         ? Infinity
                         : cellWidth - (padding[1] + padding[3]) - leftIconWidth - rightIconWidth - hierarchyOffset,
@@ -38847,7 +39003,7 @@
                     customLayout = define?.customLayout;
                 }
                 if (customLayout || customRender) {
-                    const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, false, table.isAutoRowHeight(row), padding, table);
+                    const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, false, table.isAutoRowHeight(row), padding, range, table);
                     customElementsGroup = customResult.elementsGroup;
                     renderDefault = customResult.renderDefault;
                 }
@@ -38928,7 +39084,7 @@
                     cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table);
                 }
                 if (customLayout || customRender) {
-                    customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], table);
+                    customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table);
                 }
             }
         }
@@ -38973,7 +39129,7 @@
             const textMark = oldCellGroup.getChildByName('text');
             if (textMark) {
                 const text = table.getCellValue(col, row);
-                const textArr = breakString(text, table);
+                const { text: textArr, moreThanMaxCharacters } = breakString(text, table);
                 const hierarchyOffset = getHierarchyOffset(col, row, table);
                 const lineClamp = cellStyle.lineClamp;
                 const padding = getQuadProps(getProp('padding', cellStyle, col, row, table)) ?? [0, 0, 0, 0];
@@ -38990,6 +39146,7 @@
                 }
                 const attribute = {
                     text: textArr.length === 1 && !autoWrapText ? textArr[0] : textArr,
+                    moreThanMaxCharacters,
                     maxLineWidth: cellWidth - (padding[1] + padding[3] + hierarchyOffset),
                     textBaseline: 'top',
                     autoWrapText,
@@ -39178,7 +39335,7 @@
             if (customMerge) {
                 const { range: customMergeRange, text: customMergeText, style: customMergeStyle, customLayout: customMergeLayout, customRender: customMergeRender } = customMerge;
                 if (customMergeLayout || customMergeRender) {
-                    const customResult = dealWithCustom(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], table);
+                    const customResult = dealWithCustom(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], customMergeRange, table);
                     const customElementsGroup = customResult.elementsGroup;
                     if (cellGroup.childrenCount > 0 && customElementsGroup) {
                         cellGroup.insertBefore(customElementsGroup, cellGroup.firstChild);
@@ -40930,7 +41087,7 @@
         }
         else {
             text = cellValue;
-            const lines = breakString(text, table);
+            const lines = breakString(text, table).text;
             const cellWidth = table.getColsWidth(col, endCol);
             if (iconInlineFront.length || iconInlineEnd.length) {
                 if (autoWrapText) {
@@ -41122,7 +41279,8 @@
         }
         else {
             let renderDefault = true;
-            const customContainer = cell.getChildByName('custom-container');
+            const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) ||
+                cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
             if (customContainer) {
                 let customElementsGroup;
                 customContainer.removeAllChild();
@@ -41134,7 +41292,8 @@
                             continue;
                         }
                         const mergedCell = scene.getCell(col, mergeRow);
-                        const customContainer = mergedCell.getChildByName('custom-container');
+                        const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) ||
+                            cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
                         customContainer.removeAllChild();
                         mergedCell.removeChild(customContainer);
                         getCustomCellMergeCustom(col, mergeRow, mergedCell, scene.table);
@@ -41163,7 +41322,12 @@
                             width = scene.table.getColsWidth(cell.mergeStartCol, cell.mergeEndCol);
                             height = scene.table.getRowsHeight(cell.mergeStartRow, cell.mergeEndRow);
                         }
-                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.isAutoRowHeight(row), padding, scene.table);
+                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.isAutoRowHeight(row), padding, isMergeCellGroup(cell)
+                            ? {
+                                start: { col: cell.mergeStartCol, row: cell.mergeStartRow },
+                                end: { col: cell.mergeEndCol, row: cell.mergeEndRow }
+                            }
+                            : undefined, scene.table);
                         customElementsGroup = customResult.elementsGroup;
                         renderDefault = customResult.renderDefault;
                     }
@@ -41442,7 +41606,8 @@
         }
         else {
             let renderDefault = true;
-            const customContainer = cell.getChildByName('custom-container');
+            const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) ||
+                cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
             if (customContainer) {
                 let customElementsGroup;
                 customContainer.removeAllChild();
@@ -41454,7 +41619,8 @@
                             continue;
                         }
                         const mergedCell = scene.getCell(mergeCol, row);
-                        const customContainer = mergedCell.getChildByName('custom-container');
+                        const customContainer = mergedCell.getChildByName(CUSTOM_CONTAINER_NAME) ||
+                            cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
                         customContainer.removeAllChild();
                         mergedCell.removeChild(customContainer);
                         getCustomCellMergeCustom(mergeCol, row, mergedCell, scene.table);
@@ -41483,7 +41649,12 @@
                             width = scene.table.getColsWidth(cellGroup.mergeStartCol, cellGroup.mergeEndCol);
                             height = scene.table.getRowsHeight(cellGroup.mergeStartRow, cellGroup.mergeEndRow);
                         }
-                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.isAutoRowHeight(row), padding, scene.table);
+                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.isAutoRowHeight(row), padding, isMergeCellGroup(cellGroup)
+                            ? {
+                                start: { col: cellGroup.mergeStartCol, row: cellGroup.mergeStartRow },
+                                end: { col: cellGroup.mergeEndCol, row: cellGroup.mergeEndRow }
+                            }
+                            : undefined, scene.table);
                         customElementsGroup = customResult.elementsGroup;
                         renderDefault = customResult.renderDefault;
                         isHeightChange = true;
@@ -43379,6 +43550,113 @@
         return hoverMode;
     }
 
+    function getCellSelectColor(cellGroup, table) {
+        let colorKey;
+        if (cellGroup.role === 'cell' &&
+            isValid$1(cellGroup.mergeStartCol) &&
+            isValid$1(cellGroup.mergeStartRow) &&
+            isValid$1(cellGroup.mergeEndCol) &&
+            isValid$1(cellGroup.mergeEndRow)) {
+            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
+            for (let col = colStart; col <= colEnd; col++) {
+                for (let row = rowStart; row <= rowEnd; row++) {
+                    const key = isCellSelected(table.stateManager, col, row);
+                    if (key && (!colorKey || key === 'cellBgColor')) {
+                        colorKey = key;
+                    }
+                }
+            }
+        }
+        else if (cellGroup.role === 'cell') {
+            colorKey = isCellSelected(table.stateManager, cellGroup.col, cellGroup.row);
+        }
+        if (!colorKey) {
+            return undefined;
+        }
+        let selectStyle;
+        const layout = table.internalProps.layoutMap;
+        if (layout.isCornerHeader(cellGroup.col, cellGroup.row)) {
+            selectStyle = table.theme.cornerHeaderStyle?.select || table.theme.headerStyle?.select;
+        }
+        else if (layout.isColumnHeader(cellGroup.col, cellGroup.row)) {
+            selectStyle = table.theme.headerStyle?.select;
+        }
+        else if (layout.isRowHeader(cellGroup.col, cellGroup.row)) {
+            selectStyle = table.theme.rowHeaderStyle?.select;
+        }
+        else if (layout.isBottomFrozenRow(cellGroup.col, cellGroup.row)) {
+            selectStyle =
+                table.theme.bottomFrozenStyle?.select ||
+                    (table.isListTable() ? table.theme.bodyStyle?.select : table.theme.headerStyle?.select);
+        }
+        else if (layout.isRightFrozenColumn(cellGroup.col, cellGroup.row)) {
+            selectStyle =
+                table.theme.rightFrozenStyle?.select ||
+                    (table.isListTable() ? table.theme.bodyStyle?.select : table.theme.rowHeaderStyle?.select);
+        }
+        else if (!table.isHeader(cellGroup.col, cellGroup.row)) {
+            selectStyle = table.theme.bodyStyle?.select;
+        }
+        const fillColor = getProp(colorKey, selectStyle, cellGroup.col, cellGroup.row, table);
+        return fillColor;
+    }
+    function isCellSelected(state, col, row, cellGroup) {
+        const { highlightScope, disableHeader, cellPos, ranges } = state.select;
+        let selectMode;
+        if (ranges?.length === 1 && ranges[0].end.col === ranges[0].start.col && ranges[0].end.row === ranges[0].start.row) {
+            const table = state.table;
+            const isHeader = table.isHeader(col, row);
+            if (isHeader && disableHeader) {
+                return undefined;
+            }
+            if (highlightScope === HighlightScope.single && cellPos.col === col && cellPos.row === row) {
+                selectMode = 'cellBgColor';
+            }
+            else if (highlightScope === HighlightScope.column && cellPos.col === col) {
+                if (cellPos.col === col && cellPos.row === row) {
+                    selectMode = 'cellBgColor';
+                }
+                else {
+                    selectMode = 'inlineColumnBgColor';
+                }
+            }
+            else if (highlightScope === HighlightScope.row && cellPos.row === row) {
+                if (cellPos.col === col && cellPos.row === row) {
+                    selectMode = 'cellBgColor';
+                }
+                else {
+                    selectMode = 'inlineRowBgColor';
+                }
+            }
+            else if (highlightScope === HighlightScope.cross) {
+                if (cellPos.col === col && cellPos.row === row) {
+                    selectMode = 'cellBgColor';
+                }
+                else if (cellPos.col === col) {
+                    selectMode = 'inlineColumnBgColor';
+                }
+                else if (cellPos.row === row) {
+                    selectMode = 'inlineRowBgColor';
+                }
+            }
+            if (selectMode) {
+                let cellDisable;
+                if (isHeader) {
+                    const define = table.getHeaderDefine(col, row);
+                    cellDisable = define?.disableHeaderSelect;
+                }
+                else {
+                    const define = table.getBodyColumnDefine(col, row);
+                    cellDisable = define?.disableSelect;
+                }
+                if (cellDisable) {
+                    selectMode = undefined;
+                }
+            }
+        }
+        return selectMode;
+    }
+
     let SplitGroupBeforeRenderContribution = class SplitGroupBeforeRenderContribution {
         time = BaseRenderContributionTime.beforeFillStroke;
         useStyle = true;
@@ -43398,7 +43676,8 @@
         useStyle = true;
         order = 0;
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb) {
-            const { width = groupAttribute.width, height = groupAttribute.height, stroke = groupAttribute.stroke, strokeArrayColor = groupAttribute.strokeArrayColor, strokeArrayWidth = groupAttribute.strokeArrayWidth, lineWidth = groupAttribute.lineWidth, strokeColor = groupAttribute.stroke } = group.attribute;
+            const { stroke = groupAttribute.stroke, strokeArrayColor = groupAttribute.strokeArrayColor, strokeArrayWidth = groupAttribute.strokeArrayWidth, lineWidth = groupAttribute.lineWidth, strokeColor = groupAttribute.stroke } = group.attribute;
+            let { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;
             if (!stroke || (!Array.isArray(strokeArrayWidth) && lineWidth === 0)) {
                 return;
             }
@@ -43432,6 +43711,10 @@
                         x = Math.floor(x) + 0.5;
                         y = Math.floor(y) + 0.5;
                     }
+                    if (table.options.customConfig?._disableColumnAndRowSizeRound) {
+                        width = Math.round(width);
+                        height = Math.round(height);
+                    }
                     const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width + deltaWidth), Math.ceil(height + deltaHeight));
                     widthForStroke = widthFroDraw;
                     heightForStroke = heightFroDraw;
@@ -43655,18 +43938,24 @@
                 Array.isArray(strokeArrayWidth)) {
                 return;
             }
+            const table = group.stage.table;
+            if (!table) {
+                return;
+            }
             const splitLineDash = isArray$1(lineDash[0]) ? getQuadLineDash(lineDash) : [lineDash, lineDash, lineDash, lineDash];
             let { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;
-            width = Math.ceil(width);
-            height = Math.ceil(height);
+            if (table.options.customConfig?._disableColumnAndRowSizeRound) {
+                width = Math.round(width);
+                height = Math.round(height);
+            }
+            else {
+                width = Math.ceil(width);
+                height = Math.ceil(height);
+            }
             let widthForStroke;
             let heightForStroke;
             if (lineWidth & 1) {
-                const table = group.stage.table;
-                if (!table) {
-                    return;
-                }
-                const bottomRight = table?.theme.cellBorderClipDirection === 'bottom-right';
+                const bottomRight = table.theme.cellBorderClipDirection === 'bottom-right';
                 let deltaWidth = 0;
                 let deltaHeight = 0;
                 if (bottomRight) {
@@ -43753,7 +44042,7 @@
         order = 0;
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb) {
             const { lineWidth = groupAttribute.lineWidth, stroke = groupAttribute.stroke, lineDash = groupAttribute.lineDash, strokeArrayWidth = groupAttribute.strokeArrayWidth, strokeArrayColor = groupAttribute.strokeArrayColor, notAdjustPos, cornerRadius = groupAttribute.cornerRadius } = group.attribute;
-            const { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;
+            let { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;
             if (notAdjustPos !== true &&
                 stroke &&
                 Array.isArray(lineDash) &&
@@ -43761,12 +44050,16 @@
                 !Array.isArray(strokeArrayColor) &&
                 !Array.isArray(strokeArrayWidth) &&
                 lineWidth & 1) {
-                const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width), Math.ceil(height));
-                context.beginPath();
                 const table = group.stage.table;
                 if (!table) {
                     return;
                 }
+                if (table.options.customConfig?._disableColumnAndRowSizeRound) {
+                    width = Math.round(width);
+                    height = Math.round(height);
+                }
+                const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width), Math.ceil(height));
+                context.beginPath();
                 const bottomRight = table?.theme.cellBorderClipDirection === 'bottom-right';
                 let deltaWidth = 0;
                 let deltaHeight = 0;
@@ -43810,9 +44103,15 @@
             if (group.role === 'cell') {
                 const table = group.stage.table;
                 if (table && table.stateManager.interactionState !== InteractionState.scrolling) {
-                    const hoverColor = getCellHoverColor(group, table);
-                    if (hoverColor) {
-                        group.attribute._vtableHoverFill = hoverColor;
+                    const selectColor = getCellSelectColor(group, table);
+                    if (selectColor) {
+                        group.attribute._vtableHightLightFill = selectColor;
+                    }
+                    else {
+                        const hoverColor = getCellHoverColor(group, table);
+                        if (hoverColor) {
+                            group.attribute._vtableHightLightFill = hoverColor;
+                        }
                     }
                 }
             }
@@ -43826,15 +44125,15 @@
         useStyle = true;
         order = 0;
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb) {
-            if (group.attribute._vtableHoverFill) {
+            if (group.attribute._vtableHightLightFill) {
                 if (fillCb) ;
                 else if (fVisible) {
                     const oldColor = group.attribute.fill;
-                    group.attribute.fill = group.attribute._vtableHoverFill;
+                    group.attribute.fill = group.attribute._vtableHightLightFill;
                     context.setCommonStyle(group, group.attribute, x, y, groupAttribute);
                     context.fill();
                     group.attribute.fill = oldColor;
-                    group.attribute._vtableHoverFill = undefined;
+                    group.attribute._vtableHightLightFill = undefined;
                 }
             }
         }
@@ -44605,10 +44904,10 @@
         else {
             text = cellValue;
         }
-        const lines = breakString(text, table);
+        const lines = breakString(text, table).text;
         if (lines.length >= 1) {
             lines.forEach((line) => {
-                const width = table.measureText(line.slice(0, table.options.maxCharactersNumber || 200), {
+                const width = table.measureText(line, {
                     fontSize,
                     fontFamily,
                     fontWeight
@@ -44756,7 +45055,7 @@
                     value = customMergeText;
                     customStyle = customMergeStyle;
                     if (customLayout || customRender) {
-                        customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], table);
+                        customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table);
                     }
                 }
             }
@@ -48144,6 +48443,7 @@
                     },
                     placement: baseIcon.tooltip.placement
                 },
+                disappearDelay: baseIcon.tooltip.disappearDelay,
                 style: Object.assign({}, scene.table.internalProps.theme?.tooltipStyle, baseIcon.tooltip?.style)
             };
             if (!scene.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
@@ -48665,6 +48965,44 @@
         }
     }
 
+    function dealWithAnimationAppear(table) {
+        if (!table.options.animationAppear) {
+            return;
+        }
+        let duration;
+        let delay;
+        let type;
+        let direction;
+        if (table.options.animationAppear === true) {
+            duration = 500;
+            delay = 0;
+            type = 'one-by-one';
+            direction = 'column';
+        }
+        else {
+            duration = table.options.animationAppear.duration ?? 500;
+            delay = table.options.animationAppear.delay ?? 0;
+            type = table.options.animationAppear.type ?? 'one-by-one';
+            direction = table.options.animationAppear.direction ?? 'row';
+        }
+        const { scenegraph: scene, frozenColCount, frozenRowCount } = table;
+        const { colStart, colEnd, rowStart, rowEnd } = scene.proxy;
+        for (let col = 0; col <= colEnd; col++) {
+            for (let row = 0; row <= rowEnd; row++) {
+                const cellGroup = scene.highPerformanceGetCell(col, row);
+                if (cellGroup && cellGroup.role === 'cell') {
+                    cellGroup.forEachChildren((child) => {
+                        child.setAttribute('opacity', 0);
+                        child
+                            .animate()
+                            .wait(type === 'one-by-one' ? (direction === 'row' ? row : col) * (duration - delay) : delay)
+                            .to({ opacity: 1 }, duration, 'linear');
+                    });
+                }
+            }
+        }
+    }
+
     registerForVrender();
     loadPoptip();
     container.load(splitModule);
@@ -48724,7 +49062,8 @@
                 enableLayout: true,
                 afterRender: () => {
                     this.table.fireListeners('after_render', null);
-                }
+                },
+                ...table.options.renderOption
             });
             this.stage.defaultLayer.setTheme({
                 group: {
@@ -49458,6 +49797,9 @@
             this.updateBorderSizeAndPosition();
             this.component.updateScrollBar();
             handleTextStick(this.table);
+            if (this.table.options.animationAppear) {
+                dealWithAnimationAppear(this.table);
+            }
             this.updateNextFrame();
         }
         dealWidthMode() {
@@ -49833,6 +50175,9 @@
             const cellGroup = this.getCell(col, row);
             const text = cellGroup.getChildByName('text', true);
             if (text && text.type === 'text') {
+                if (text.attribute.moreThanMaxCharacters) {
+                    return this.table.getCellValue(col, row);
+                }
                 const textAttributeStr = isArray$1(text.attribute.text)
                     ? text.attribute.text.join('')
                     : text.attribute.text;
@@ -49846,7 +50191,7 @@
                     });
                 }
                 if (cacheStr !== textAttributeStr) {
-                    return textAttributeStr;
+                    return this.table.getCellValue(col, row);
                 }
             }
             else if (text && text.type === 'richtext') {
@@ -49854,8 +50199,8 @@
                 if (richtext.attribute.ellipsis &&
                     richtext._frameCache &&
                     richtext.attribute.height < richtext._frameCache.actualHeight) {
-                    const textConfig = richtext.attribute.textConfig.find((item) => item.text);
-                    return textConfig.text;
+                    richtext.attribute.textConfig.find((item) => item.text);
+                    return this.table.getCellValue(col, row);
                 }
             }
             return null;
@@ -50258,8 +50603,18 @@
         if (isSelectAll) {
             state.select.ranges = [];
             scenegraph.deleteAllSelectBorder();
+            let _startCol = 0;
+            let _startRow = 0;
+            const { disableHeaderSelect, disableRowSeriesNumberSelect } = table.options.keyboardOptions?.selectAllOnCtrlA || {};
+            if (disableHeaderSelect) {
+                _startCol = table.rowHeaderLevelCount;
+                _startRow = table.columnHeaderLevelCount;
+            }
+            if ((disableRowSeriesNumberSelect || disableHeaderSelect) && table.options.rowSeriesNumber) {
+                _startCol += 1;
+            }
             state.select.ranges.push({
-                start: { col: 0, row: 0 },
+                start: { col: _startCol, row: _startRow },
                 end: { col: table.colCount - 1, row: table.rowCount - 1 }
             });
             const currentRange = state.select.ranges[state.select.ranges.length - 1];
@@ -51708,13 +52063,25 @@
             }
         }
         setSelectState() {
-            const { headerSelectMode, disableSelect, disableHeaderSelect } = Object.assign({}, {
+            const { headerSelectMode, disableSelect, disableHeaderSelect, highlightMode } = Object.assign({}, {
                 headerSelectMode: 'inline',
                 disableSelect: false,
-                disableHeaderSelect: false
+                disableHeaderSelect: false,
+                highlightMode: 'cell'
             }, this.table.options.select);
             if (!disableSelect) {
-                this.select.highlightScope = HighlightScope.single;
+                if (highlightMode === 'cross') {
+                    this.select.highlightScope = HighlightScope.cross;
+                }
+                else if (highlightMode === 'row') {
+                    this.select.highlightScope = HighlightScope.row;
+                }
+                else if (highlightMode === 'column') {
+                    this.select.highlightScope = HighlightScope.column;
+                }
+                else {
+                    this.select.highlightScope = HighlightScope.single;
+                }
             }
             else {
                 this.select.highlightScope = HighlightScope.none;
@@ -51796,7 +52163,8 @@
                             rect: iconInfo.position,
                             placement: inlineIcon.attribute.tooltip.placement
                         },
-                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style, inlineIcon.attribute?.tooltip?.style)
+                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style, inlineIcon.attribute?.tooltip?.style),
+                        disappearDelay: inlineIcon.attribute.tooltip.disappearDelay
                     };
                     if (!this.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
                         this.table.showTooltip(col, row, tooltipOptions);
@@ -52576,51 +52944,6 @@
         });
     }
 
-    function getCellEventArgsSet(e) {
-        const tableEvent = {
-            abstractPos: {
-                x: e.x,
-                y: e.y
-            }
-        };
-        const targetCell = getTargetCell(e.target);
-        if (targetCell) {
-            tableEvent.eventArgs = {
-                col: targetCell.col,
-                row: targetCell.row,
-                event: e,
-                targetCell,
-                mergeInfo: getMergeCellInfo(targetCell),
-                target: e.target
-            };
-        }
-        return tableEvent;
-    }
-    function getTargetCell(target) {
-        while (target && target.parent) {
-            if (target.role === 'cell') {
-                return target;
-            }
-            target = target.parent;
-        }
-        return null;
-    }
-    function getMergeCellInfo(cellGroup) {
-        if (isValid$1(cellGroup.mergeStartCol) &&
-            isValid$1(cellGroup.mergeStartRow) &&
-            isValid$1(cellGroup.mergeEndCol) &&
-            isValid$1(cellGroup.mergeEndRow)) {
-            return {
-                colStart: cellGroup.mergeStartCol,
-                colEnd: cellGroup.mergeEndCol,
-                rowStart: cellGroup.mergeStartRow,
-                rowEnd: cellGroup.mergeEndRow
-            };
-        }
-        return undefined;
-    }
-    const regIndexReg = /radio-\d+-\d+-(\d+)/;
-
     function bindTableGroupListener(eventManager) {
         const table = eventManager.table;
         const stateManager = table.stateManager;
@@ -56037,8 +56360,8 @@
 .vtable__bubble-tooltip-element {
 	position: absolute;
 	
-	pointer-events: none;
-	user-select: none;
+	// pointer-events: none;
+	//user-select: none;
 	max-width: 300px;
 	z-index: 99999;
 
@@ -56052,6 +56375,8 @@
 }
 .vtable__bubble-tooltip-element--hidden {
 	opacity: 0;
+  pointer-events: none;
+	user-select: none;
 	/* transform: translate(-50%, -50%); */
 	transition: opacity 75ms linear;
 }
@@ -56104,6 +56429,8 @@
         _rootElement;
         _messageElement;
         _triangleElement;
+        _disappearDelay;
+        _disappearDelayId;
         constructor() {
             this._handler = new EventHandler();
             const rootElement = (this._rootElement = createElement('div', [TOOLTIP_CLASS, HIDDEN_CLASS]));
@@ -56113,8 +56440,17 @@
             rootElement.appendChild(messageElement);
             this._messageElement = rootElement.querySelector(`.${CONTENT_CLASS}`) || undefined;
             this._triangleElement = rootElement.querySelector(`.${TRIANGLE_CLASS}`) || undefined;
+            rootElement.addEventListener('mousemove', () => {
+                this._disappearDelayId && clearTimeout(this._disappearDelayId);
+            });
+            rootElement.addEventListener('mouseleave', () => {
+                this._disappearDelay = undefined;
+                this.unbindFromCell();
+            });
         }
         bindToCell(table, col, row, tooltipInstanceInfo, confine) {
+            this._disappearDelay = tooltipInstanceInfo?.disappearDelay;
+            this._disappearDelayId && clearTimeout(this._disappearDelayId);
             const rootElement = this._rootElement;
             const messageElement = this._messageElement;
             const triangle = this._triangleElement;
@@ -56170,10 +56506,21 @@
             }
         }
         unbindFromCell() {
-            const rootElement = this._rootElement;
-            if (rootElement?.parentElement) {
-                rootElement.classList.remove(SHOWN_CLASS);
-                rootElement.classList.add(HIDDEN_CLASS);
+            if (this._disappearDelay) {
+                this._disappearDelayId = setTimeout(() => {
+                    const rootElement = this._rootElement;
+                    if (rootElement?.parentElement) {
+                        rootElement.classList.remove(SHOWN_CLASS);
+                        rootElement.classList.add(HIDDEN_CLASS);
+                    }
+                }, this._disappearDelay ?? 0);
+            }
+            else {
+                const rootElement = this._rootElement;
+                if (rootElement?.parentElement) {
+                    rootElement.classList.remove(SHOWN_CLASS);
+                    rootElement.classList.add(HIDDEN_CLASS);
+                }
             }
         }
         _canBindToCell(table, col, row) {
@@ -56501,6 +56848,7 @@
                         placement: Placement.bottom,
                         rect
                     },
+                    disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
                     style: { arrowMark: false }
                 };
             }
@@ -56517,6 +56865,7 @@
                             placement: Placement.bottom,
                             rect
                         },
+                        disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
                         style: table.theme.tooltipStyle
                     };
                 }
@@ -57858,7 +58207,7 @@
             const customStyleId = this.getCustomCellStyleId(col, row);
             if (customStyleId) {
                 const styleOption = this.getCustomCellStyleOption(customStyleId);
-                return styleOption.style;
+                return styleOption?.style;
             }
             return undefined;
         }
@@ -57949,6 +58298,8 @@
             this.table.scenegraph.updateNextFrame();
         }
         updateCustomCell(customCellStyle, customCellStyleArrangement) {
+            this.customCellStyle.length = 0;
+            this.customCellStyleArrangement.length = 0;
             customCellStyle.forEach((cellStyle) => {
                 this.registerCustomCellStyle(cellStyle.id, cellStyle.style);
             });
@@ -57956,6 +58307,9 @@
                 this.arrangeCustomCellStyle(cellStyle.cellPosition, cellStyle.customStyleId);
             });
         }
+        hasCustomCellStyle(customStyleId) {
+            return this.customCellStyle.some(style => style.id === customStyleId);
+        }
     }
     function mergeStyle(cacheStyle, customCellStyle) {
         cacheStyle = cacheStyle.clone();
@@ -58670,7 +59024,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.1.3-alpha.2";
+        version = "1.2.0-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -61421,6 +61775,9 @@
         }
         changeRecordOrder(source, target) {
         }
+        hasCustomCellStyle(customStyleId) {
+            return this.customCellStylePlugin.hasCustomCellStyle(customStyleId);
+        }
         registerCustomCellStyle(customStyleId, customStyle) {
             this.customCellStylePlugin.registerCustomCellStyle(customStyleId, customStyle);
         }
@@ -71646,7 +72003,7 @@
     }
 
     registerForVrender();
-    const version = "1.1.3-alpha.2";
+    const version = "1.2.0-alpha.0";
     function getIcons() {
         return get$2();
     }