@visactor/vtable 0.23.1 → 0.23.2-alpha.0

package/dist/vtable.js

@@ -35210,6 +35210,63 @@
         }
         return 0;
     }
+    function parseMarkLineGetExtendRange(markLine) {
+        if (markLine) {
+            if (Array.isArray(markLine)) {
+                let extendRange;
+                for (let i = 0; i < markLine.length; i++) {
+                    if (markLine[i].autoRange) {
+                        if (markLine[i].y === 'sum' ||
+                            markLine[i].x === 'sum' ||
+                            markLine[i].y1 === 'sum' ||
+                            markLine[i].x1 === 'sum') {
+                            return 'sum';
+                        }
+                        if (markLine[i].y === 'max' ||
+                            markLine[i].x === 'max' ||
+                            markLine[i].y1 === 'max' ||
+                            markLine[i].x1 === 'max') {
+                            extendRange = 'max';
+                        }
+                        if (typeof markLine[i].y === 'number' && typeof (extendRange ?? 0) === 'number') {
+                            extendRange = Math.max(extendRange ?? 0, markLine[i].y);
+                        }
+                        if (typeof markLine[i].x === 'number' && typeof (extendRange ?? 0) === 'number') {
+                            extendRange = Math.max(extendRange ?? 0, markLine[i].x);
+                        }
+                        if (typeof markLine[i].y1 === 'number' && typeof (extendRange ?? 0) === 'number') {
+                            extendRange = Math.max(extendRange ?? 0, markLine[i].y1);
+                        }
+                        if (typeof markLine[i].x1 === 'number' && typeof (extendRange ?? 0) === 'number') {
+                            extendRange = Math.max(extendRange ?? 0, markLine[i].x1);
+                        }
+                    }
+                }
+                return extendRange;
+            }
+            else if (markLine.autoRange) {
+                if (markLine.y === 'sum' || markLine.x === 'sum' || markLine.y1 === 'sum' || markLine.x1 === 'sum') {
+                    return 'sum';
+                }
+                if (markLine.y === 'max' || markLine.x === 'max' || markLine.y1 === 'max' || markLine.x1 === 'max') {
+                    return 'max';
+                }
+                if (typeof markLine.y === 'number') {
+                    return markLine.y;
+                }
+                if (typeof markLine.x === 'number') {
+                    return markLine.x;
+                }
+                if (typeof markLine.y1 === 'number') {
+                    return markLine.y1;
+                }
+                if (typeof markLine.x1 === 'number') {
+                    return markLine.x1;
+                }
+            }
+        }
+        return undefined;
+    }
 
     let Icon$1 = class Icon extends Image$2 {
         role;
@@ -36278,7 +36335,7 @@
             strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
             cursor: cellTheme?.group?.cursor ?? undefined,
             lineDash: cellTheme?.group?.lineDash ?? undefined,
-            lineCap: 'square',
+            lineCap: 'butt',
             clip: true,
             cornerRadius: cellTheme.group.cornerRadius
         });
@@ -36983,7 +37040,7 @@
                 strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
                 cursor: cellTheme?.group?.cursor ?? undefined,
                 lineDash: cellTheme?.group?.lineDash ?? undefined,
-                lineCap: 'square',
+                lineCap: 'butt',
                 clip: true,
                 cornerRadius: cellTheme.group.cornerRadius
             });
@@ -37367,7 +37424,7 @@
                 strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
                 cursor: cellTheme?.group?.cursor ?? undefined,
                 lineDash: cellTheme?.group?.lineDash ?? undefined,
-                lineCap: 'square',
+                lineCap: 'butt',
                 clip: true,
                 cornerRadius: cellTheme.group.cornerRadius
             });
@@ -38125,7 +38182,7 @@
             strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
             cursor: cellTheme?.group?.cursor ?? undefined,
             lineDash: cellTheme?.group?.lineDash ?? undefined,
-            lineCap: 'square',
+            lineCap: 'butt',
             clip: true,
             cornerRadius: cellTheme.group.cornerRadius
         });
@@ -38198,7 +38255,7 @@
             strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
             cursor: cellTheme?.group?.cursor ?? undefined,
             lineDash: cellTheme?.group?.lineDash ?? undefined,
-            lineCap: 'square',
+            lineCap: 'butt',
             clip: true,
             cornerRadius: cellTheme.group.cornerRadius
         });
@@ -38300,7 +38357,7 @@
                 strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
                 cursor: cellTheme?.group?.cursor ?? undefined,
                 lineDash: cellTheme?.group?.lineDash ?? undefined,
-                lineCap: 'square',
+                lineCap: 'butt',
                 clip: true,
                 cornerRadius: cellTheme.group.cornerRadius
             });
@@ -41891,7 +41948,7 @@
             rectAttributes.stroke = getStroke(borderColor, strokeArray);
             rectAttributes.lineWidth = borderLineWidth;
             borderLineDash && (rectAttributes.lineDash = borderLineDash);
-            rectAttributes.lineCap = 'square';
+            rectAttributes.lineCap = 'butt';
         }
         if (Array.isArray(borderColor)) {
             rectAttributes.strokeArrayColor = getQuadProps(borderColor);
@@ -47345,7 +47402,7 @@
         rectAttributes.stroke = getStroke(borderColor, undefined);
         rectAttributes.lineWidth = borderLineWidth;
         borderLineDash && (rectAttributes.lineDash = borderLineDash);
-        rectAttributes.lineCap = 'square';
+        rectAttributes.lineCap = 'butt';
         if (Array.isArray(borderColor)) {
             rectAttributes.strokeArrayColor = getQuadProps(borderColor);
         }
@@ -51174,7 +51231,7 @@
                 }
                 return;
             }
-            else if (table.eventManager.isDraging) {
+            else if (table.eventManager.isDraging && stateManager.isSelecting()) {
                 eventManager.dealTableSelect(eventArgsSet, true);
             }
             if (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet)) {
@@ -51293,11 +51350,21 @@
                 }
             }
         });
+        table.scenegraph.tableGroup.addEventListener('pointerenter', (e) => {
+            if (table.theme.scrollStyle.visible === 'focus') {
+                stateManager.showHorizontalScrollBar();
+                stateManager.showVerticalScrollBar();
+            }
+        });
         table.scenegraph.tableGroup.addEventListener('pointerleave', (e) => {
             if (!stateManager.isResizeCol() && !stateManager.isMoveCol() && !stateManager.isSelecting()) {
                 stateManager.updateInteractionState(InteractionState.default);
                 stateManager.updateCursor();
             }
+            if (table.theme.scrollStyle.visible === 'focus') {
+                stateManager.hideHorizontalScrollBar();
+                stateManager.hideVerticalScrollBar();
+            }
             if (table.hasListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL)) {
                 if (table.stateManager.hover.cellPos.col !== -1 && table.stateManager.hover.cellPos.row !== -1) {
                     table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, {
@@ -51618,7 +51685,7 @@
                 stateManager.updateCursor();
                 table.scenegraph.updateChartState(null);
             }
-            else if (table.eventManager.isDraging) {
+            else if (table.eventManager.isDraging && stateManager.isSelecting()) {
                 stateManager.endSelectCells();
             }
         });
@@ -56250,7 +56317,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.23.1";
+        version = "0.23.2-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -65229,9 +65296,24 @@
             for (const field in this.collectedValues) {
                 if (this.collectValuesBy[field]?.sumBy) {
                     for (const byKeys in this.collectedValues[field]) {
-                        const max = Object.values(this.collectedValues[field][byKeys]).reduce((acc, cur) => {
-                            return cur.value() > acc ? cur.value() : acc;
-                        }, Number.MIN_SAFE_INTEGER);
+                        let max;
+                        if (this.collectValuesBy[field]?.extendRange === 'sum') {
+                            max = Object.values(this.collectedValues[field][byKeys]).reduce((acc, cur) => {
+                                return acc + cur.value();
+                            }, 0);
+                            max += Math.round(max / 20);
+                        }
+                        else {
+                            max = Object.values(this.collectedValues[field][byKeys]).reduce((acc, cur) => {
+                                return cur.value() > acc ? cur.value() : acc;
+                            }, Number.MIN_SAFE_INTEGER);
+                            if (this.collectValuesBy[field]?.extendRange === 'max') {
+                                max += Math.round(max / 20);
+                            }
+                            else if (typeof this.collectValuesBy[field]?.extendRange === 'number') {
+                                max = Math.max(max, this.collectValuesBy[field]?.extendRange);
+                            }
+                        }
                         const min = Object.values(this.collectedValues[field][byKeys]).reduce((acc, cur) => {
                             return cur.value() < acc ? cur.value() : acc;
                         }, Number.MAX_SAFE_INTEGER);
@@ -67565,28 +67647,26 @@
                     if (indicators[i].chartSpec?.type === 'pie') {
                         continue;
                     }
+                    const indicatorDefine = indicators[i];
+                    const indicatorSpec = indicatorDefine.chartSpec;
                     if (this.options.indicatorsAsCol === false) {
-                        const indicatorDefine = indicators[i];
-                        indicatorDefine.chartSpec?.stack !== false &&
-                            (indicatorDefine.chartSpec?.type === 'bar' ||
-                                indicatorDefine.chartSpec?.type === 'area') &&
-                            (indicatorDefine.chartSpec.stack = true);
+                        indicatorSpec?.stack !== false &&
+                            (indicatorSpec?.type === 'bar' || indicatorSpec?.type === 'area') &&
+                            (indicatorSpec.stack = true);
                         collectValuesBy[indicatorDefine.indicatorKey] = {
                             by: rowKeys,
                             range: true,
-                            sumBy: indicatorDefine.chartSpec?.stack &&
-                                columnKeys.concat(indicatorDefine.chartSpec?.xField)
+                            sumBy: indicatorSpec?.stack && columnKeys.concat(indicatorSpec?.xField)
                         };
-                        if (indicatorDefine.chartSpec.series) {
-                            indicatorDefine.chartSpec.series.forEach((chartSeries) => {
+                        if (indicatorSpec.series) {
+                            indicatorSpec.series.forEach((chartSeries) => {
                                 const xField = typeof chartSeries.xField === 'string' ? chartSeries.xField : chartSeries.xField[0];
                                 collectValuesBy[xField] = {
                                     by: columnKeys,
                                     type: chartSeries.direction !== 'horizontal' ? 'xField' : undefined,
                                     range: chartSeries.direction === 'horizontal',
                                     sortBy: chartSeries.direction !== 'horizontal'
-                                        ? chartSeries?.data?.fields?.[xField]?.domain ??
-                                            indicatorDefine.chartSpec?.data?.fields?.[xField]?.domain
+                                        ? chartSeries?.data?.fields?.[xField]?.domain ?? indicatorSpec?.data?.fields?.[xField]?.domain
                                         : undefined
                                 };
                                 const yField = chartSeries.yField;
@@ -67598,62 +67678,52 @@
                                     range: chartSeries.direction !== 'horizontal',
                                     sumBy: chartSeries.stack && columnKeys.concat(chartSeries?.xField),
                                     sortBy: chartSeries.direction === 'horizontal'
-                                        ? chartSeries?.data?.fields?.[yField]?.domain ??
-                                            indicatorDefine.chartSpec?.data?.fields?.[yField]?.domain
-                                        : undefined
+                                        ? chartSeries?.data?.fields?.[yField]?.domain ?? indicatorSpec?.data?.fields?.[yField]?.domain
+                                        : undefined,
+                                    extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
                                 };
                             });
                         }
                         else {
-                            const xField = typeof indicatorDefine.chartSpec.xField === 'string'
-                                ? indicatorDefine.chartSpec.xField
-                                : indicatorDefine.chartSpec.xField[0];
+                            const xField = typeof indicatorSpec.xField === 'string' ? indicatorSpec.xField : indicatorSpec.xField[0];
                             collectValuesBy[xField] = {
                                 by: columnKeys,
-                                type: indicatorDefine.chartSpec.direction !== 'horizontal' ? 'xField' : undefined,
-                                range: indicatorDefine.chartSpec.direction === 'horizontal',
-                                sortBy: indicatorDefine.chartSpec.direction !== 'horizontal'
-                                    ? indicatorDefine.chartSpec?.data?.fields?.[xField]?.domain
-                                    : undefined
+                                type: indicatorSpec.direction !== 'horizontal' ? 'xField' : undefined,
+                                range: indicatorSpec.direction === 'horizontal',
+                                sortBy: indicatorSpec.direction !== 'horizontal' ? indicatorSpec?.data?.fields?.[xField]?.domain : undefined
                             };
-                            indicatorDefine.chartSpec?.stack !== false &&
-                                (indicatorDefine.chartSpec?.type === 'bar' ||
-                                    indicatorDefine.chartSpec?.type === 'area') &&
-                                (indicatorDefine.chartSpec.stack = true);
-                            const yField = indicatorDefine.chartSpec.yField;
+                            indicatorSpec?.stack !== false &&
+                                (indicatorSpec?.type === 'bar' || indicatorSpec?.type === 'area') &&
+                                (indicatorSpec.stack = true);
+                            const yField = indicatorSpec.yField;
                             collectValuesBy[yField] = {
                                 by: rowKeys,
-                                range: indicators[i].chartSpec.direction !== 'horizontal',
-                                sumBy: indicatorDefine.chartSpec.stack &&
-                                    columnKeys.concat(indicatorDefine.chartSpec?.xField),
-                                sortBy: indicatorDefine.chartSpec.direction === 'horizontal'
-                                    ? indicatorDefine.chartSpec?.data?.fields?.[yField]?.domain
-                                    : undefined
+                                range: indicatorSpec.direction !== 'horizontal',
+                                sumBy: indicatorSpec.stack && columnKeys.concat(indicatorSpec?.xField),
+                                sortBy: indicatorSpec.direction === 'horizontal' ? indicatorSpec?.data?.fields?.[yField]?.domain : undefined,
+                                extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
                             };
                         }
                     }
                     else {
                         const indicatorDefine = indicators[i];
-                        indicatorDefine.chartSpec?.stack !== false &&
-                            (indicatorDefine.chartSpec?.type === 'bar' ||
-                                indicatorDefine.chartSpec?.type === 'area') &&
-                            (indicatorDefine.chartSpec.stack = true);
+                        indicatorSpec?.stack !== false &&
+                            (indicatorSpec?.type === 'bar' || indicatorSpec?.type === 'area') &&
+                            (indicatorSpec.stack = true);
                         collectValuesBy[indicatorDefine.indicatorKey] = {
                             by: columnKeys,
                             range: true,
-                            sumBy: indicatorDefine.chartSpec?.stack &&
-                                rowKeys.concat(indicatorDefine.chartSpec?.yField)
+                            sumBy: indicatorSpec?.stack && rowKeys.concat(indicatorSpec?.yField)
                         };
-                        if (indicatorDefine.chartSpec.series) {
-                            indicatorDefine.chartSpec.series.forEach((chartSeries) => {
+                        if (indicatorSpec.series) {
+                            indicatorSpec.series.forEach((chartSeries) => {
                                 const yField = typeof chartSeries.yField === 'string' ? chartSeries.yField : chartSeries.yField[0];
                                 collectValuesBy[yField] = {
                                     by: rowKeys,
                                     type: chartSeries.direction === 'horizontal' ? 'yField' : undefined,
                                     range: chartSeries.direction !== 'horizontal',
                                     sortBy: chartSeries.direction === 'horizontal'
-                                        ? chartSeries?.data?.fields?.[yField]?.domain ??
-                                            indicatorDefine.chartSpec?.data?.fields?.[yField]?.domain
+                                        ? chartSeries?.data?.fields?.[yField]?.domain ?? indicatorSpec?.data?.fields?.[yField]?.domain
                                         : undefined
                                 };
                                 const xField = chartSeries.xField;
@@ -67665,37 +67735,30 @@
                                     range: chartSeries.direction === 'horizontal',
                                     sumBy: chartSeries.stack && rowKeys.concat(chartSeries?.yField),
                                     sortBy: chartSeries.direction !== 'horizontal'
-                                        ? chartSeries?.data?.fields?.[xField]?.domain ??
-                                            indicatorDefine.chartSpec?.data?.fields?.[xField]?.domain
-                                        : undefined
+                                        ? chartSeries?.data?.fields?.[xField]?.domain ?? indicatorSpec?.data?.fields?.[xField]?.domain
+                                        : undefined,
+                                    extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
                                 };
                             });
                         }
                         else {
-                            const yField = typeof indicatorDefine.chartSpec.yField === 'string'
-                                ? indicatorDefine.chartSpec.yField
-                                : indicatorDefine.chartSpec.yField[0];
+                            const yField = typeof indicatorSpec.yField === 'string' ? indicatorSpec.yField : indicatorSpec.yField[0];
                             collectValuesBy[yField] = {
                                 by: rowKeys,
-                                type: indicatorDefine.chartSpec.direction === 'horizontal' ? 'yField' : undefined,
-                                range: indicatorDefine.chartSpec.direction !== 'horizontal',
-                                sortBy: indicatorDefine.chartSpec.direction === 'horizontal'
-                                    ? indicatorDefine.chartSpec?.data?.fields?.[yField]?.domain
-                                    : undefined
+                                type: indicatorSpec.direction === 'horizontal' ? 'yField' : undefined,
+                                range: indicatorSpec.direction !== 'horizontal',
+                                sortBy: indicatorSpec.direction === 'horizontal' ? indicatorSpec?.data?.fields?.[yField]?.domain : undefined
                             };
-                            indicatorDefine.chartSpec?.stack !== false &&
-                                (indicatorDefine.chartSpec?.type === 'bar' ||
-                                    indicatorDefine.chartSpec?.type === 'area') &&
-                                (indicatorDefine.chartSpec.stack = true);
-                            const xField = indicatorDefine.chartSpec.xField;
+                            indicatorSpec?.stack !== false &&
+                                (indicatorSpec?.type === 'bar' || indicatorSpec?.type === 'area') &&
+                                (indicatorSpec.stack = true);
+                            const xField = indicatorSpec.xField;
                             collectValuesBy[xField] = {
                                 by: columnKeys,
-                                range: indicators[i].chartSpec.direction === 'horizontal',
-                                sumBy: indicatorDefine.chartSpec.stack &&
-                                    rowKeys.concat(indicatorDefine.chartSpec?.yField),
-                                sortBy: indicatorDefine.chartSpec.direction !== 'horizontal'
-                                    ? indicatorDefine.chartSpec?.data?.fields?.[xField]?.domain
-                                    : undefined
+                                range: indicatorSpec.direction === 'horizontal',
+                                sumBy: indicatorSpec.stack && rowKeys.concat(indicatorSpec?.yField),
+                                sortBy: indicatorSpec.direction !== 'horizontal' ? indicatorSpec?.data?.fields?.[xField]?.domain : undefined,
+                                extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
                             };
                         }
                     }
@@ -68488,7 +68551,7 @@
     }
 
     registerForVrender();
-    const version = "0.23.1";
+    const version = "0.23.2-alpha.0";
     function getIcons() {
         return get$2();
     }