@visactor/vtable 0.17.0 → 0.17.1

package/cjs/scenegraph/scenegraph.js

@@ -15,39 +15,11 @@ const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vu
 (0, vrender_components_1.loadPoptip)(), vrender_1.container.load(contributions_1.default), 
 vrender_1.container.load(text_measure_1.default);
 
-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
-    }
-};
-
 class Scenegraph {
     constructor(table) {
         let width, height;
         this.table = table, this.hasFrozen = !1, this.clear = !0, this.mergeMap = new Map, 
-        (0, vrender_components_1.setPoptipTheme)(poptipStyle), "node" === env_1.Env.mode ? (vrender_1.vglobal.setEnv("node", table.options.modeParams), 
+        (0, vrender_components_1.setPoptipTheme)(this.table.theme.textPopTipStyle), "node" === env_1.Env.mode ? (vrender_1.vglobal.setEnv("node", table.options.modeParams), 
         width = table.canvasWidth, height = table.canvasHeight) : (vrender_1.vglobal.setEnv("browser"), 
         width = table.canvas.width, height = table.canvas.height), this.stage = (0, vrender_1.createStage)({
             canvas: table.canvas,
@@ -57,7 +29,6 @@ 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);
             }
@@ -111,7 +82,9 @@ 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({
@@ -178,7 +151,9 @@ 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 proxy_1.SceneProxy(this.table), (0, frame_border_1.createFrameBorder)(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0, !0), 
         this.table.isPivotChart() && ((0, corner_cell_1.createCornerCell)(this.rightTopCornerGroup, this.table.theme.cornerRightTopCellStyle || this.table.theme.cornerHeaderStyle || {}), 
         (0, corner_cell_1.createCornerCell)(this.leftBottomCornerGroup, this.table.theme.cornerLeftBottomCellStyle || this.table.theme.cornerHeaderStyle || {}), 
@@ -204,7 +179,7 @@ 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) {
@@ -266,6 +241,12 @@ class Scenegraph {
     setIconNormalStyle(icon, col, row) {
         (0, icon_update_1.setIconNormalStyle)(icon, col, row, this);
     }
+    residentHoverIcon(col, row) {
+        (0, icon_update_1.residentHoverIcon)(col, row, this);
+    }
+    resetResidentHoverIcon(col, row) {
+        (0, icon_update_1.resetResidentHoverIcon)(col, row, this);
+    }
     deactivateChart(col, row) {
         var _a, _b;
         if (-1 === col || -1 === row) return;
@@ -418,10 +399,10 @@ 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);
@@ -655,12 +636,17 @@ 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 = (0, vutils_1.isArray)(text.attribute.text) ? text.attribute.text.join("") : text.attribute.text;
             let cacheStr = "";
             if ((0, vutils_1.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;
     }