@visactor/vtable 0.17.0 → 0.17.1

package/es/scenegraph/scenegraph.js

@@ -58,7 +58,7 @@ import { loadPoptip, setPoptipTheme } from "@visactor/vrender-components";
 
 import textMeasureModule from "./utils/text-measure";
 
-import { getIconByXY, hideClickIcon, hideHoverIcon, setIconHoverStyle, setIconNormalStyle, showClickIcon, showHoverIcon, updateFrozenIcon, updateHierarchyIcon, updateSortIcon } from "./icon/icon-update";
+import { getIconByXY, hideClickIcon, hideHoverIcon, resetResidentHoverIcon, residentHoverIcon, setIconHoverStyle, setIconNormalStyle, showClickIcon, showHoverIcon, updateFrozenIcon, updateHierarchyIcon, updateSortIcon } from "./icon/icon-update";
 
 import { Env } from "../tools/env";
 
@@ -68,39 +68,11 @@ import { updateCol } from "./layout/update-col";
 
 loadPoptip(), container.load(splitModule), container.load(textMeasureModule);
 
-const poptipStyle = {
-    visible: !0,
-    position: "auto",
-    padding: 8,
-    titleStyle: {
-        fontSize: 12,
-        fontWeight: "bold",
-        fill: "#4E5969"
-    },
-    contentStyle: {
-        fontSize: 12,
-        fill: "#4E5969"
-    },
-    panel: {
-        visible: !0,
-        fill: "#fff",
-        stroke: "#ffffff",
-        lineWidth: 0,
-        cornerRadius: 3,
-        shadowBlur: 12,
-        shadowOffsetX: 0,
-        shadowOffsetY: 4,
-        shadowColor: "rgba(0, 0, 0, 0.1)",
-        size: 0,
-        space: 12
-    }
-};
-
 export class Scenegraph {
     constructor(table) {
         let width, height;
         this.table = table, this.hasFrozen = !1, this.clear = !0, this.mergeMap = new Map, 
-        setPoptipTheme(poptipStyle), "node" === Env.mode ? (vglobal.setEnv("node", table.options.modeParams), 
+        setPoptipTheme(this.table.theme.textPopTipStyle), "node" === Env.mode ? (vglobal.setEnv("node", table.options.modeParams), 
         width = table.canvasWidth, height = table.canvasHeight) : (vglobal.setEnv("browser"), 
         width = table.canvas.width, height = table.canvas.height), this.stage = createStage({
             canvas: table.canvas,
@@ -110,7 +82,6 @@ export class Scenegraph {
             background: table.theme.underlayBackgroundColor,
             dpr: table.internalProps.pixelRatio,
             enableLayout: !0,
-            pluginList: table.isPivotChart() ? [ "poptipForText" ] : void 0,
             afterRender: () => {
                 this.table.fireListeners("after_render", null);
             }
@@ -164,7 +135,9 @@ export class Scenegraph {
     }
     clearCells() {
         var _a;
-        this.clear = !0, this.hasFrozen = !1, this.mergeMap.clear(), this.colHeaderGroup.clear(), 
+        (this.table.isPivotChart() || this.table.hasCustomRenderOrLayout()) && this.stage.pluginService.findPluginsByName("poptipForText").forEach((plugin => {
+            plugin.deactivate(this.stage.pluginService);
+        })), this.clear = !0, this.hasFrozen = !1, this.mergeMap.clear(), this.colHeaderGroup.clear(), 
         this.rowHeaderGroup.clear(), this.cornerHeaderGroup.clear(), this.bodyGroup.clear(), 
         this.bottomFrozenGroup.clear(), this.rightFrozenGroup.clear(), this.rightTopCornerGroup.clear(), 
         this.rightBottomCornerGroup.clear(), this.leftBottomCornerGroup.clear(), this.colHeaderGroup.setAttributes({
@@ -231,7 +204,9 @@ export class Scenegraph {
         this.selectedRangeComponents = new Map, this.selectingRangeComponents = new Map;
     }
     createSceneGraph() {
-        this.clear = !1, this.frozenColCount = this.table.frozenColCount, this.frozenRowCount = this.table.columnHeaderLevelCount, 
+        (this.table.isPivotChart() || this.table.hasCustomRenderOrLayout()) && this.stage.pluginService.autoEnablePlugins.getContributions().forEach((p => {
+            "poptipForText" === p.name && this.stage.pluginService.register(p);
+        })), this.clear = !1, this.frozenColCount = this.table.frozenColCount, this.frozenRowCount = this.table.columnHeaderLevelCount, 
         this.proxy = new SceneProxy(this.table), createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0, !0), 
         this.table.isPivotChart() && (createCornerCell(this.rightTopCornerGroup, this.table.theme.cornerRightTopCellStyle || this.table.theme.cornerHeaderStyle || {}), 
         createCornerCell(this.leftBottomCornerGroup, this.table.theme.cornerLeftBottomCellStyle || this.table.theme.cornerHeaderStyle || {}), 
@@ -257,7 +232,7 @@ export class Scenegraph {
     }
     getColGroup(col, isCornerOrColHeader = !1) {
         let element;
-        return element = col < this.frozenColCount && isCornerOrColHeader ? this.cornerHeaderGroup.getColGroup(col) : col < this.frozenColCount ? this.rowHeaderGroup.getColGroup(col) : isCornerOrColHeader ? this.colHeaderGroup.getColGroup(col) : !isCornerOrColHeader && this.table.rightFrozenColCount > 0 && col > this.table.colCount - 1 - this.table.rightFrozenColCount ? this.rightFrozenGroup.getColGroup(col) : this.bodyGroup.getColGroup(col), 
+        return element = col < this.frozenColCount && isCornerOrColHeader ? this.cornerHeaderGroup.getColGroup(col) : col < this.frozenColCount ? this.rowHeaderGroup.getColGroup(col) : isCornerOrColHeader && this.table.rightFrozenColCount > 0 && col > this.table.colCount - 1 - this.table.rightFrozenColCount ? this.rightTopCornerGroup.getColGroup(col) : !isCornerOrColHeader && this.table.rightFrozenColCount > 0 && col > this.table.colCount - 1 - this.table.rightFrozenColCount ? this.rightFrozenGroup.getColGroup(col) : isCornerOrColHeader ? this.colHeaderGroup.getColGroup(col) : this.bodyGroup.getColGroup(col), 
         element || void 0;
     }
     getColGroupInBottom(col) {
@@ -318,6 +293,12 @@ export class Scenegraph {
     setIconNormalStyle(icon, col, row) {
         setIconNormalStyle(icon, col, row, this);
     }
+    residentHoverIcon(col, row) {
+        residentHoverIcon(col, row, this);
+    }
+    resetResidentHoverIcon(col, row) {
+        resetResidentHoverIcon(col, row, this);
+    }
     deactivateChart(col, row) {
         var _a, _b;
         if (-1 === col || -1 === row) return;
@@ -469,10 +450,10 @@ export class Scenegraph {
     }
     updateContainerHeight(row, detaY) {
         row < this.table.frozenRowCount ? (this.colHeaderGroup.setDeltaHeight(detaY), this.cornerHeaderGroup.setDeltaHeight(detaY), 
-        this.rowHeaderGroup.setDeltaY(detaY), this.bodyGroup.setDeltaY(detaY)) : row >= this.table.rowCount - this.table.bottomFrozenRowCount ? (this.leftBottomCornerGroup.setDeltaHeight(detaY), 
+        this.rowHeaderGroup.setDeltaY(detaY), this.bodyGroup.setDeltaY(detaY), this.rightFrozenGroup.setDeltaY(detaY)) : row >= this.table.rowCount - this.table.bottomFrozenRowCount ? (this.leftBottomCornerGroup.setDeltaHeight(detaY), 
         this.bottomFrozenGroup.setDeltaHeight(detaY), this.rightBottomCornerGroup.setDeltaHeight(detaY)) : (this.rowHeaderGroup.setDeltaHeight(detaY), 
-        this.bodyGroup.setDeltaHeight(detaY)), this.updateTableSize(), this.component.updateScrollBar(), 
-        this.updateNextFrame();
+        this.bodyGroup.setDeltaHeight(detaY), this.rightFrozenGroup.setDeltaHeight(detaY)), 
+        this.updateTableSize(), this.component.updateScrollBar(), this.updateNextFrame();
     }
     setColWidth(col, width) {
         const oldWidth = this.table.getColWidth(col);
@@ -693,12 +674,17 @@ export class Scenegraph {
     getCellOverflowText(col, row) {
         var _a, _b;
         const text = this.getCell(col, row).getChildByName("text", !0);
-        if (text) {
+        if (text && "text" === text.type) {
             const textAttributeStr = isArray(text.attribute.text) ? text.attribute.text.join("") : text.attribute.text;
             let cacheStr = "";
             if (isString(text.cache.clipedText) ? cacheStr = text.cache.clipedText : null === (_b = null === (_a = text.cache.layoutData) || void 0 === _a ? void 0 : _a.lines) || void 0 === _b || _b.forEach((line => {
                 cacheStr += line.str;
             })), cacheStr !== textAttributeStr) return textAttributeStr;
+        } else if (text && "richtext" === text.type) {
+            const richtext = text;
+            if (richtext.attribute.ellipsis && richtext._frameCache && richtext.attribute.height < richtext._frameCache.actualHeight) {
+                return richtext.attribute.textConfig.find((item => item.text)).text;
+            }
         }
         return null;
     }