@visactor/vtable 0.16.0 → 0.16.2-alpha.0

package/dist/vtable.js

@@ -48997,11 +48997,11 @@
         tickData;
         scale;
         component;
-        constructor(option, width, height, padding, chartSpecTheme, table) {
+        constructor(option, width, height, padding, table) {
             this.table = table;
             this.orient = option.orient ?? 'left';
             this.type = option.type ?? 'band';
-            this.option = merge$1({}, getCommonAxis(chartSpecTheme), getTableAxisTheme(this.orient, table.theme), getChartSpecAxisTheme(this.orient, this.type, chartSpecTheme), option);
+            this.option = merge$1({}, getCommonAxis(option.__vtableChartTheme), getTableAxisTheme(this.orient, table.theme), getChartSpecAxisTheme(this.orient, this.type, option.__vtableChartTheme), option);
             if (this.orient === 'left' || this.orient === 'right') {
                 this.width = width;
                 this.height = height - padding[2];
@@ -53552,8 +53552,7 @@
             cellGroup = createCellGroup(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, customElementsGroup, renderDefault, cellTheme);
             const axisConfig = table.internalProps.layoutMap.getAxisConfigInPivotChart(col, row);
             if (axisConfig) {
-                const spec = table.internalProps.layoutMap.getRawChartSpec(col, row);
-                const axis = new CartesianAxis(axisConfig, cellGroup.attribute.width, cellGroup.attribute.height, padding, spec?.theme, table);
+                const axis = new CartesianAxis(axisConfig, cellGroup.attribute.width, cellGroup.attribute.height, padding, table);
                 cellGroup.clear();
                 cellGroup.appendChild(axis.component);
                 axis.overlap();
@@ -54222,7 +54221,7 @@
                 if (!axisRange) {
                     return;
                 }
-                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                const { range, ticks, axisOption, isZeroAlign, theme } = axisRange;
                 if (isZeroAlign) {
                     const subAxisRange = getRange$1('bottom', col, row + 1, col, layout.columnHeaderLevelCount - 1, col, row, 0, layout);
                     if (subAxisRange) {
@@ -54254,7 +54253,8 @@
                     label: {
                         flush: true
                     },
-                    __ticksForVTable: ticks
+                    __ticksForVTable: ticks,
+                    __vtableChartTheme: theme
                 });
             }
             else if (row === layout.rowCount - layout.bottomFrozenRowCount &&
@@ -54272,7 +54272,7 @@
                 if (!axisRange) {
                     return;
                 }
-                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                const { range, ticks, axisOption, isZeroAlign, theme } = axisRange;
                 if (isZeroAlign) {
                     const subAxisRange = getRange$1('top', col, row - 1, col, row, col, row, 1, layout);
                     if (subAxisRange) {
@@ -54308,7 +54308,8 @@
                     label: {
                         flush: true
                     },
-                    __ticksForVTable: ticks
+                    __ticksForVTable: ticks,
+                    __vtableChartTheme: theme
                 });
             }
             else if (col === layout.rowHeaderLevelCount - 1 &&
@@ -54321,7 +54322,7 @@
                 const data = layout.dataset.collectedValues[rowDimensionKey] ?? [];
                 const rowPath = layout.getRowKeysPath(col, row);
                 const domain = data[rowPath ?? ''] ?? [];
-                const { axisOption, isPercent } = getAxisOption(col + 1, row, 'left', layout);
+                const { axisOption, isPercent, theme } = getAxisOption(col + 1, row, 'left', layout);
                 if (axisOption?.visible === false) {
                     return;
                 }
@@ -54332,7 +54333,8 @@
                     }
                 }, axisOption, {
                     orient: 'left',
-                    type: 'band'
+                    type: 'band',
+                    __vtableChartTheme: theme
                 });
             }
         }
@@ -54352,7 +54354,7 @@
                 if (!axisRange) {
                     return;
                 }
-                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                const { range, ticks, axisOption, isZeroAlign, theme } = axisRange;
                 if (isZeroAlign) {
                     const subAxisRange = getRange$1('right', col + 1, row, col, row, col, row, 1, layout);
                     if (subAxisRange) {
@@ -54389,7 +54391,8 @@
                     label: {
                         flush: true
                     },
-                    __ticksForVTable: ticks
+                    __ticksForVTable: ticks,
+                    __vtableChartTheme: theme
                 });
             }
             else if (col === layout.colCount - layout.rightFrozenColCount &&
@@ -54399,7 +54402,7 @@
                 if (!axisRange) {
                     return;
                 }
-                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                const { range, ticks, axisOption, isZeroAlign, theme } = axisRange;
                 if (isZeroAlign) {
                     const subAxisRange = getRange$1('left', col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 0, layout);
                     if (subAxisRange) {
@@ -54434,7 +54437,8 @@
                     label: {
                         flush: true
                     },
-                    __ticksForVTable: ticks
+                    __ticksForVTable: ticks,
+                    __vtableChartTheme: theme
                 });
             }
             else if (row === layout.rowCount - layout.bottomFrozenRowCount &&
@@ -54447,7 +54451,7 @@
                 const data = layout.dataset.collectedValues[columnDimensionKey] ?? [];
                 const colPath = layout.getColKeysPath(col, row);
                 const domain = data?.[colPath ?? ''] ?? [];
-                const { axisOption, isPercent } = getAxisOption(col, row - 1, 'bottom', layout);
+                const { axisOption, isPercent, theme } = getAxisOption(col, row - 1, 'bottom', layout);
                 if (axisOption?.visible === false) {
                     return;
                 }
@@ -54455,7 +54459,8 @@
                     domain: Array.from(domain)
                 }, axisOption, {
                     orient: 'bottom',
-                    type: 'band'
+                    type: 'band',
+                    __vtableChartTheme: theme
                 });
             }
         }
@@ -54480,7 +54485,8 @@
                     axisOption,
                     isPercent: spec.percent,
                     isZeroAlign: checkZeroAlign(spec, orient, layout),
-                    seriesIndice
+                    seriesIndice,
+                    theme: spec.theme
                 };
             }
         }
@@ -54490,7 +54496,8 @@
         return {
             axisOption,
             isPercent: false,
-            isZeroAlign: checkZeroAlign(spec, orient, layout)
+            isZeroAlign: checkZeroAlign(spec, orient, layout),
+            theme: spec.theme
         };
     }
     function checkZeroAlign(spec, orient, layout) {
@@ -54570,7 +54577,7 @@
         return range;
     }
     function getRange$1(position, colForAxisOption, rowForAxisOption, colForIndicatorKey, rowForIndicatorKey, col, row, defaultSeriesIndice, layout) {
-        const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(colForAxisOption, rowForAxisOption, position, layout);
+        const { axisOption, isPercent, isZeroAlign, seriesIndice, theme } = getAxisOption(colForAxisOption, rowForAxisOption, position, layout);
         if (axisOption?.visible === false) {
             return undefined;
         }
@@ -54609,7 +54616,8 @@
             axisOption,
             isZeroAlign,
             range,
-            ticks
+            ticks,
+            theme
         };
     }
     function isTopOrBottomAxis(col, row, layout) {
@@ -55688,8 +55696,7 @@
             const cellStyle = scene.table._getCellStyle(col, row);
             const padding = getQuadProps(getProp('padding', cellStyle, col, row, scene.table));
             if (axisConfig) {
-                const spec = scene.table.internalProps.layoutMap.getRawChartSpec(col, row);
-                const axis = new CartesianAxis(axisConfig, cellGroup.attribute.width, cellGroup.attribute.height, padding, spec?.theme, scene.table);
+                const axis = new CartesianAxis(axisConfig, cellGroup.attribute.width, cellGroup.attribute.height, padding, scene.table);
                 cellGroup.clear();
                 cellGroup.appendChild(axis.component);
                 axis.overlap();
@@ -58766,7 +58773,7 @@
             this.xLimitRight = totalWidth - totalBodyWidth / 2;
             const widthLimit = this.table.tableNoFrameWidth * 5;
             this.screenColCount = Math.ceil(this.table.tableNoFrameWidth / defaultColWidth);
-            this.firstScreenColLimit = this.bodyLeftCol + Math.min(this.colLimit, Math.ceil(widthLimit / defaultColWidth));
+            this.firstScreenColLimit = Math.max(15, this.bodyLeftCol + Math.min(this.colLimit, Math.ceil(widthLimit / defaultColWidth)));
             this.colUpdatePos = this.bodyRightCol;
         }
         setParamsForRow() {
@@ -58784,7 +58791,7 @@
             this.yLimitBottom = totalHeight - totalBodyHeight / 2;
             const heightLimit = this.table.tableNoFrameHeight * 5;
             this.screenRowCount = Math.ceil(this.table.tableNoFrameHeight / defaultRowHeight);
-            this.firstScreenRowLimit = this.bodyTopRow + Math.min(this.rowLimit, Math.ceil(heightLimit / defaultRowHeight));
+            this.firstScreenRowLimit = Math.max(30, this.bodyTopRow + Math.min(this.rowLimit, Math.ceil(heightLimit / defaultRowHeight)));
             this.rowUpdatePos = this.bodyBottomRow;
         }
         resize() {
@@ -60522,8 +60529,7 @@
                             const axisConfig = table.internalProps.layoutMap.getAxisConfigInPivotChart(cell.col, cell.row);
                             const cellStyle = table._getCellStyle(cell.col, cell.row);
                             const padding = getQuadProps(getProp('padding', cellStyle, cell.col, cell.row, table));
-                            const spec = table.internalProps.layoutMap.getRawChartSpec(cell.col, cell.row);
-                            const axis = new CartesianAxis(axisConfig, cell.attribute.width, cell.attribute.height, padding, spec?.theme, table);
+                            const axis = new CartesianAxis(axisConfig, cell.attribute.width, cell.attribute.height, padding, table);
                             cell.clear();
                             cell.appendChild(axis.component);
                             axis.overlap();
@@ -68420,7 +68426,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.16.0";
+        version = "0.16.2-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -78841,7 +78847,7 @@
         return new Tag$1(params ? params.attribute : {});
     }
 
-    const version = "0.16.0";
+    const version = "0.16.2-alpha.0";
     function getIcons() {
         return get$2();
     }