@visactor/vtable-plugins 1.11.1

package/dist/vtable-plugins.js

@@ -0,0 +1,350 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@visactor/vtable/es/vrender'), require('@visactor/vtable/es/tools/cell-range'), require('@visactor/vtable/es/tools/helper')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@visactor/vtable/es/vrender', '@visactor/vtable/es/tools/cell-range', '@visactor/vtable/es/tools/helper'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.VTable = global.VTable || {}, global.VTable.plugins = {}), global.vrender, global.cellRange, global.helper));
+})(this, (function (exports, vrender, cellRange, helper) { 'use strict';
+
+    class CarouselAnimationPlugin {
+        table;
+        rowCount;
+        colCount;
+        animationDuration;
+        animationDelay;
+        animationEasing;
+        replaceScrollAction;
+        playing;
+        row;
+        col;
+        willUpdateRow = false;
+        willUpdateCol = false;
+        customDistRowFunction;
+        customDistColFunction;
+        constructor(table, options) {
+            this.table = table;
+            this.rowCount = options?.rowCount ?? undefined;
+            this.colCount = options?.colCount ?? undefined;
+            this.animationDuration = options?.animationDuration ?? 500;
+            this.animationDelay = options?.animationDelay ?? 1000;
+            this.animationEasing = options?.animationEasing ?? 'linear';
+            this.replaceScrollAction = options?.replaceScrollAction ?? false;
+            this.customDistColFunction = options.customDistColFunction;
+            this.customDistRowFunction = options.customDistRowFunction;
+            this.reset();
+            this.init();
+        }
+        init() {
+            if (this.replaceScrollAction) {
+                this.table.disableScroll();
+                this.table.scenegraph.stage.addEventListener('wheel', this.onScrollEnd.bind(this));
+            }
+        }
+        reset() {
+            this.playing = false;
+            this.row = this.table.frozenRowCount;
+            this.col = this.table.frozenColCount;
+        }
+        onScrollEnd(e) {
+            if (this.rowCount) {
+                if (e.deltaY > 0) {
+                    this.row += this.rowCount;
+                    this.row = Math.min(this.row, this.table.rowCount - this.table.frozenRowCount);
+                }
+                else if (e.deltaY < 0) {
+                    this.row -= this.rowCount;
+                    this.row = Math.max(this.row, this.table.frozenRowCount);
+                }
+                this.table.scrollToRow(this.row, { duration: this.animationDuration, easing: this.animationEasing });
+            }
+            else if (this.colCount) {
+                if (e.deltaX > 0) {
+                    this.col += this.colCount;
+                    this.col = Math.min(this.col, this.table.colCount - this.table.frozenColCount);
+                }
+                else if (e.deltaX < 0) {
+                    this.col -= this.colCount;
+                    this.col = Math.max(this.col, this.table.frozenColCount);
+                }
+                this.table.scrollToCol(this.col, { duration: this.animationDuration, easing: this.animationEasing });
+            }
+        }
+        play() {
+            this.playing = true;
+            if (this.rowCount && !this.willUpdateRow) {
+                this.updateRow();
+            }
+            else if (this.colCount && !this.willUpdateCol) {
+                this.updateCol();
+            }
+        }
+        pause() {
+            this.playing = false;
+        }
+        updateRow() {
+            if (!this.playing || this.table.isReleased) {
+                return;
+            }
+            let animation = true;
+            const customRow = this.customDistRowFunction && this.customDistRowFunction(this.row, this.table);
+            if (customRow) {
+                this.row = customRow.distRow;
+                animation = customRow.animation ?? true;
+            }
+            else if (this.table.scenegraph.proxy.screenTopRow !== this.row) {
+                this.row = this.table.frozenRowCount;
+                animation = false;
+            }
+            else {
+                this.row += this.rowCount;
+            }
+            this.table.scrollToRow(this.row, animation ? { duration: this.animationDuration, easing: this.animationEasing } : undefined);
+            this.willUpdateRow = true;
+            setTimeout(() => {
+                this.willUpdateRow = false;
+                this.updateRow();
+            }, this.animationDuration + this.animationDelay);
+        }
+        updateCol() {
+            if (!this.playing || this.table.isReleased) {
+                return;
+            }
+            let animation = true;
+            const customCol = this.customDistColFunction && this.customDistColFunction(this.col, this.table);
+            if (customCol) {
+                this.col = customCol.distCol;
+                animation = customCol.animation ?? true;
+            }
+            else if (this.table.scenegraph.proxy.screenLeftCol !== this.col) {
+                this.col = this.table.frozenColCount;
+                animation = false;
+            }
+            else {
+                this.col += this.colCount;
+            }
+            this.table.scrollToCol(this.col, animation ? { duration: this.animationDuration, easing: this.animationEasing } : undefined);
+            this.willUpdateCol = true;
+            setTimeout(() => {
+                this.willUpdateCol = false;
+                this.updateCol();
+            }, this.animationDuration + this.animationDelay);
+        }
+    }
+
+    class InvertHighlightPlugin {
+        table;
+        range;
+        _fill;
+        _opacity;
+        constructor(table, options) {
+            this.table = table;
+            this._fill = options?.fill ?? '#000';
+            this._opacity = options?.opacity ?? 0.5;
+        }
+        setInvertHighlightRange(range) {
+            if (cellRange.isSameRange(this.range, range)) {
+                return;
+            }
+            this.range = range;
+            if (!range) {
+                this.deleteAllCellGroupShadow();
+            }
+            else {
+                this.updateCellGroupShadow();
+            }
+            this.table.scenegraph.updateNextFrame();
+        }
+        deleteAllCellGroupShadow() {
+            if (!this.table.isPivotTable()) {
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup);
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup);
+            }
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup);
+        }
+        updateCellGroupShadow() {
+            if (!this.table.isPivotTable()) {
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup, this.range);
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup, this.range);
+            }
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup, this.range);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup, this.range);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup), this.range;
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup, this.range);
+        }
+        updateCellGroupShadowInContainer(container, range) {
+            container.forEachChildrenSkipChild((item) => {
+                const column = item;
+                if (column.role === 'column') {
+                    column.forEachChildrenSkipChild((item) => {
+                        const cell = item;
+                        if (cell.role !== 'cell') {
+                            return;
+                        }
+                        cell.attachShadow(cell.shadowRoot);
+                        const shadowGroup = cell.shadowRoot;
+                        if (!range) {
+                            shadowGroup.removeAllChild();
+                        }
+                        else if (helper.cellInRange(range, cell.col, cell.row)) {
+                            shadowGroup.removeAllChild();
+                        }
+                        else if (!shadowGroup.firstChild) {
+                            const shadowRect = vrender.createRect({
+                                x: 0,
+                                y: 0,
+                                width: cell.attribute.width,
+                                height: cell.attribute.height,
+                                fill: this._fill,
+                                opacity: this._opacity
+                            });
+                            shadowRect.name = 'shadow-rect';
+                            shadowGroup.appendChild(shadowRect);
+                        }
+                    });
+                }
+            });
+        }
+    }
+
+    class HeaderHighlightPlugin {
+        table;
+        options;
+        colHeaderRange;
+        rowHeaderRange;
+        constructor(table, options) {
+            this.table = table;
+            this.options = options;
+            this.registerStyle();
+            this.bindEvent();
+        }
+        registerStyle() {
+            this.table.registerCustomCellStyle('col-highlight', {
+                bgColor: this.options?.colHighlightBGColor ?? '#82b2f5',
+                color: this.options?.colHighlightColor ?? '#FFF'
+            });
+            this.table.registerCustomCellStyle('row-highlight', {
+                bgColor: this.options?.rowHighlightBGColor ?? '#82b2f5',
+                color: this.options?.rowHighlightColor ?? '#FFF'
+            });
+        }
+        bindEvent() {
+            this.table.on('selected_cell', e => {
+                this.updateHighlight();
+            });
+            this.table.on('selected_clear', () => {
+                this.clearHighlight();
+            });
+            this.table.on('mousemove_table', () => {
+                if (this.table.stateManager.select.selecting) {
+                    this.updateHighlight();
+                }
+            });
+        }
+        clearHighlight() {
+            this.colHeaderRange && this.table.arrangeCustomCellStyle({ range: this.colHeaderRange }, undefined);
+            this.rowHeaderRange && this.table.arrangeCustomCellStyle({ range: this.rowHeaderRange }, undefined);
+            this.colHeaderRange = undefined;
+            this.rowHeaderRange = undefined;
+        }
+        updateHighlight() {
+            if (this.options?.colHighlight === false && this.options?.rowHighlight === false) {
+                return;
+            }
+            const selectRanges = this.table.getSelectedCellRanges();
+            if (selectRanges.length === 0) {
+                this.clearHighlight();
+                return;
+            }
+            const selectRange = selectRanges[0];
+            const rowSelectRange = [selectRange.start.row, selectRange.end.row];
+            rowSelectRange.sort((a, b) => a - b);
+            const colSelectRange = [selectRange.start.col, selectRange.end.col];
+            colSelectRange.sort((a, b) => a - b);
+            let colHeaderRange;
+            let rowHeaderRange;
+            if (this.table.isPivotTable()) {
+                colHeaderRange = {
+                    start: {
+                        col: colSelectRange[0],
+                        row: 0
+                    },
+                    end: {
+                        col: colSelectRange[1],
+                        row: this.table.columnHeaderLevelCount - 1
+                    }
+                };
+                rowHeaderRange = {
+                    start: {
+                        col: 0,
+                        row: rowSelectRange[0]
+                    },
+                    end: {
+                        col: this.table.rowHeaderLevelCount - 1,
+                        row: rowSelectRange[1]
+                    }
+                };
+            }
+            else if (this.table.internalProps.transpose) {
+                rowHeaderRange = {
+                    start: {
+                        col: 0,
+                        row: rowSelectRange[0]
+                    },
+                    end: {
+                        col: this.table.rowHeaderLevelCount - 1,
+                        row: rowSelectRange[1]
+                    }
+                };
+            }
+            else {
+                colHeaderRange = {
+                    start: {
+                        col: colSelectRange[0],
+                        row: 0
+                    },
+                    end: {
+                        col: colSelectRange[1],
+                        row: this.table.columnHeaderLevelCount - 1
+                    }
+                };
+                if (this.table.internalProps.rowSeriesNumber) {
+                    rowHeaderRange = {
+                        start: {
+                            col: 0,
+                            row: rowSelectRange[0]
+                        },
+                        end: {
+                            col: 0,
+                            row: rowSelectRange[1]
+                        }
+                    };
+                }
+            }
+            if (this.options?.colHighlight !== false && !isSameRange(this.colHeaderRange, colHeaderRange)) {
+                this.colHeaderRange && this.table.arrangeCustomCellStyle({ range: this.colHeaderRange }, undefined);
+                colHeaderRange && this.table.arrangeCustomCellStyle({ range: colHeaderRange }, 'col-highlight');
+                this.colHeaderRange = colHeaderRange;
+            }
+            if (this.options?.rowHighlight !== false && !isSameRange(this.rowHeaderRange, rowHeaderRange)) {
+                this.rowHeaderRange && this.table.arrangeCustomCellStyle({ range: this.rowHeaderRange }, undefined);
+                rowHeaderRange && this.table.arrangeCustomCellStyle({ range: rowHeaderRange }, 'row-highlight');
+                this.rowHeaderRange = rowHeaderRange;
+            }
+        }
+    }
+    function isSameRange(a, b) {
+        if (a === undefined && b === undefined) {
+            return true;
+        }
+        if (a === undefined || b === undefined) {
+            return false;
+        }
+        return (a.start.col === b.start.col && a.start.row === b.start.row && a.end.col === b.end.col && a.end.row === b.end.row);
+    }
+
+    exports.CarouselAnimationPlugin = CarouselAnimationPlugin;
+    exports.HeaderHighlightPlugin = HeaderHighlightPlugin;
+    exports.InvertHighlightPlugin = InvertHighlightPlugin;
+
+}));

package/dist/vtable-plugins.min.js

@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@visactor/vtable/es/vrender"),require("@visactor/vtable/es/tools/cell-range"),require("@visactor/vtable/es/tools/helper")):"function"==typeof define&&define.amd?define(["exports","@visactor/vtable/es/vrender","@visactor/vtable/es/tools/cell-range","@visactor/vtable/es/tools/helper"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).VTable=t.VTable||{},t.VTable.plugins={}),t.vrender,t.cellRange,t.helper)}(this,(function(t,e,o,i){"use strict";function l(t,e){return void 0===t&&void 0===e||void 0!==t&&void 0!==e&&(t.start.col===e.start.col&&t.start.row===e.start.row&&t.end.col===e.end.col&&t.end.row===e.end.row)}t.CarouselAnimationPlugin=class{table;rowCount;colCount;animationDuration;animationDelay;animationEasing;replaceScrollAction;playing;row;col;willUpdateRow=!1;willUpdateCol=!1;customDistRowFunction;customDistColFunction;constructor(t,e){this.table=t,this.rowCount=e?.rowCount??void 0,this.colCount=e?.colCount??void 0,this.animationDuration=e?.animationDuration??500,this.animationDelay=e?.animationDelay??1e3,this.animationEasing=e?.animationEasing??"linear",this.replaceScrollAction=e?.replaceScrollAction??!1,this.customDistColFunction=e.customDistColFunction,this.customDistRowFunction=e.customDistRowFunction,this.reset(),this.init()}init(){this.replaceScrollAction&&(this.table.disableScroll(),this.table.scenegraph.stage.addEventListener("wheel",this.onScrollEnd.bind(this)))}reset(){this.playing=!1,this.row=this.table.frozenRowCount,this.col=this.table.frozenColCount}onScrollEnd(t){this.rowCount?(t.deltaY>0?(this.row+=this.rowCount,this.row=Math.min(this.row,this.table.rowCount-this.table.frozenRowCount)):t.deltaY<0&&(this.row-=this.rowCount,this.row=Math.max(this.row,this.table.frozenRowCount)),this.table.scrollToRow(this.row,{duration:this.animationDuration,easing:this.animationEasing})):this.colCount&&(t.deltaX>0?(this.col+=this.colCount,this.col=Math.min(this.col,this.table.colCount-this.table.frozenColCount)):t.deltaX<0&&(this.col-=this.colCount,this.col=Math.max(this.col,this.table.frozenColCount)),this.table.scrollToCol(this.col,{duration:this.animationDuration,easing:this.animationEasing}))}play(){this.playing=!0,this.rowCount&&!this.willUpdateRow?this.updateRow():this.colCount&&!this.willUpdateCol&&this.updateCol()}pause(){this.playing=!1}updateRow(){if(!this.playing||this.table.isReleased)return;let t=!0;const e=this.customDistRowFunction&&this.customDistRowFunction(this.row,this.table);e?(this.row=e.distRow,t=e.animation??!0):this.table.scenegraph.proxy.screenTopRow!==this.row?(this.row=this.table.frozenRowCount,t=!1):this.row+=this.rowCount,this.table.scrollToRow(this.row,t?{duration:this.animationDuration,easing:this.animationEasing}:void 0),this.willUpdateRow=!0,setTimeout((()=>{this.willUpdateRow=!1,this.updateRow()}),this.animationDuration+this.animationDelay)}updateCol(){if(!this.playing||this.table.isReleased)return;let t=!0;const e=this.customDistColFunction&&this.customDistColFunction(this.col,this.table);e?(this.col=e.distCol,t=e.animation??!0):this.table.scenegraph.proxy.screenLeftCol!==this.col?(this.col=this.table.frozenColCount,t=!1):this.col+=this.colCount,this.table.scrollToCol(this.col,t?{duration:this.animationDuration,easing:this.animationEasing}:void 0),this.willUpdateCol=!0,setTimeout((()=>{this.willUpdateCol=!1,this.updateCol()}),this.animationDuration+this.animationDelay)}},t.HeaderHighlightPlugin=class{table;options;colHeaderRange;rowHeaderRange;constructor(t,e){this.table=t,this.options=e,this.registerStyle(),this.bindEvent()}registerStyle(){this.table.registerCustomCellStyle("col-highlight",{bgColor:this.options?.colHighlightBGColor??"#82b2f5",color:this.options?.colHighlightColor??"#FFF"}),this.table.registerCustomCellStyle("row-highlight",{bgColor:this.options?.rowHighlightBGColor??"#82b2f5",color:this.options?.rowHighlightColor??"#FFF"})}bindEvent(){this.table.on("selected_cell",(t=>{this.updateHighlight()})),this.table.on("selected_clear",(()=>{this.clearHighlight()})),this.table.on("mousemove_table",(()=>{this.table.stateManager.select.selecting&&this.updateHighlight()}))}clearHighlight(){this.colHeaderRange&&this.table.arrangeCustomCellStyle({range:this.colHeaderRange},void 0),this.rowHeaderRange&&this.table.arrangeCustomCellStyle({range:this.rowHeaderRange},void 0),this.colHeaderRange=void 0,this.rowHeaderRange=void 0}updateHighlight(){if(!1===this.options?.colHighlight&&!1===this.options?.rowHighlight)return;const t=this.table.getSelectedCellRanges();if(0===t.length)return void this.clearHighlight();const e=t[0],o=[e.start.row,e.end.row];o.sort(((t,e)=>t-e));const i=[e.start.col,e.end.col];let a,s;i.sort(((t,e)=>t-e)),this.table.isPivotTable()?(a={start:{col:i[0],row:0},end:{col:i[1],row:this.table.columnHeaderLevelCount-1}},s={start:{col:0,row:o[0]},end:{col:this.table.rowHeaderLevelCount-1,row:o[1]}}):this.table.internalProps.transpose?s={start:{col:0,row:o[0]},end:{col:this.table.rowHeaderLevelCount-1,row:o[1]}}:(a={start:{col:i[0],row:0},end:{col:i[1],row:this.table.columnHeaderLevelCount-1}},this.table.internalProps.rowSeriesNumber&&(s={start:{col:0,row:o[0]},end:{col:0,row:o[1]}})),!1===this.options?.colHighlight||l(this.colHeaderRange,a)||(this.colHeaderRange&&this.table.arrangeCustomCellStyle({range:this.colHeaderRange},void 0),a&&this.table.arrangeCustomCellStyle({range:a},"col-highlight"),this.colHeaderRange=a),!1===this.options?.rowHighlight||l(this.rowHeaderRange,s)||(this.rowHeaderRange&&this.table.arrangeCustomCellStyle({range:this.rowHeaderRange},void 0),s&&this.table.arrangeCustomCellStyle({range:s},"row-highlight"),this.rowHeaderRange=s)}},t.InvertHighlightPlugin=class{table;range;_fill;_opacity;constructor(t,e){this.table=t,this._fill=e?.fill??"#000",this._opacity=e?.opacity??.5}setInvertHighlightRange(t){o.isSameRange(this.range,t)||(this.range=t,t?this.updateCellGroupShadow():this.deleteAllCellGroupShadow(),this.table.scenegraph.updateNextFrame())}deleteAllCellGroupShadow(){this.table.isPivotTable()||(this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup),this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup)),this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup),this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup),this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup),this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup)}updateCellGroupShadow(){this.table.isPivotTable()||(this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup,this.range),this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup,this.range)),this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup,this.range),this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup,this.range),this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup),this.range,this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup,this.range)}updateCellGroupShadowInContainer(t,o){t.forEachChildrenSkipChild((t=>{const l=t;"column"===l.role&&l.forEachChildrenSkipChild((t=>{const l=t;if("cell"!==l.role)return;l.attachShadow(l.shadowRoot);const a=l.shadowRoot;if(o){if(i.cellInRange(o,l.col,l.row))a.removeAllChild();else if(!a.firstChild){const t=e.createRect({x:0,y:0,width:l.attribute.width,height:l.attribute.height,fill:this._fill,opacity:this._opacity});t.name="shadow-rect",a.appendChild(t)}}else a.removeAllChild()}))}))}}}));

package/es/carousel-animation.d.ts

@@ -0,0 +1,48 @@
+import type { EasingType } from '@visactor/vtable/es/vrender';
+import type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';
+export interface ICarouselAnimationPluginOptions {
+    rowCount?: number;
+    colCount?: number;
+    animationDuration?: number;
+    animationDelay?: number;
+    animationEasing?: EasingType;
+    replaceScrollAction?: boolean;
+    customDistRowFunction?: (row: number, table: BaseTableAPI) => {
+        distRow: number;
+        animation?: boolean;
+    } | undefined;
+    customDistColFunction?: (col: number, table: BaseTableAPI) => {
+        distCol: number;
+        animation?: boolean;
+    } | undefined;
+}
+export declare class CarouselAnimationPlugin {
+    table: BaseTableAPI;
+    rowCount: number;
+    colCount: number;
+    animationDuration: number;
+    animationDelay: number;
+    animationEasing: EasingType;
+    replaceScrollAction: boolean;
+    playing: boolean;
+    row: number;
+    col: number;
+    willUpdateRow: boolean;
+    willUpdateCol: boolean;
+    customDistRowFunction?: (row: number, table: BaseTableAPI) => {
+        distRow: number;
+        animation?: boolean;
+    } | undefined;
+    customDistColFunction?: (col: number, table: BaseTableAPI) => {
+        distCol: number;
+        animation?: boolean;
+    } | undefined;
+    constructor(table: BaseTableAPI, options?: ICarouselAnimationPluginOptions);
+    init(): void;
+    reset(): void;
+    onScrollEnd(e: Event): void;
+    play(): void;
+    pause(): void;
+    updateRow(): void;
+    updateCol(): void;
+}

package/es/carousel-animation.js

@@ -0,0 +1,62 @@
+export class CarouselAnimationPlugin {
+    constructor(table, options) {
+        var _a, _b, _c, _d, _e, _f;
+        this.willUpdateRow = !1, this.willUpdateCol = !1, this.table = table, this.rowCount = null !== (_a = null == options ? void 0 : options.rowCount) && void 0 !== _a ? _a : void 0, 
+        this.colCount = null !== (_b = null == options ? void 0 : options.colCount) && void 0 !== _b ? _b : void 0, 
+        this.animationDuration = null !== (_c = null == options ? void 0 : options.animationDuration) && void 0 !== _c ? _c : 500, 
+        this.animationDelay = null !== (_d = null == options ? void 0 : options.animationDelay) && void 0 !== _d ? _d : 1e3, 
+        this.animationEasing = null !== (_e = null == options ? void 0 : options.animationEasing) && void 0 !== _e ? _e : "linear", 
+        this.replaceScrollAction = null !== (_f = null == options ? void 0 : options.replaceScrollAction) && void 0 !== _f && _f, 
+        this.customDistColFunction = options.customDistColFunction, this.customDistRowFunction = options.customDistRowFunction, 
+        this.reset(), this.init();
+    }
+    init() {
+        this.replaceScrollAction && (this.table.disableScroll(), this.table.scenegraph.stage.addEventListener("wheel", this.onScrollEnd.bind(this)));
+    }
+    reset() {
+        this.playing = !1, this.row = this.table.frozenRowCount, this.col = this.table.frozenColCount;
+    }
+    onScrollEnd(e) {
+        this.rowCount ? (e.deltaY > 0 ? (this.row += this.rowCount, this.row = Math.min(this.row, this.table.rowCount - this.table.frozenRowCount)) : e.deltaY < 0 && (this.row -= this.rowCount, 
+        this.row = Math.max(this.row, this.table.frozenRowCount)), this.table.scrollToRow(this.row, {
+            duration: this.animationDuration,
+            easing: this.animationEasing
+        })) : this.colCount && (e.deltaX > 0 ? (this.col += this.colCount, this.col = Math.min(this.col, this.table.colCount - this.table.frozenColCount)) : e.deltaX < 0 && (this.col -= this.colCount, 
+        this.col = Math.max(this.col, this.table.frozenColCount)), this.table.scrollToCol(this.col, {
+            duration: this.animationDuration,
+            easing: this.animationEasing
+        }));
+    }
+    play() {
+        this.playing = !0, this.rowCount && !this.willUpdateRow ? this.updateRow() : this.colCount && !this.willUpdateCol && this.updateCol();
+    }
+    pause() {
+        this.playing = !1;
+    }
+    updateRow() {
+        var _a;
+        if (!this.playing || this.table.isReleased) return;
+        let animation = !0;
+        const customRow = this.customDistRowFunction && this.customDistRowFunction(this.row, this.table);
+        customRow ? (this.row = customRow.distRow, animation = null === (_a = customRow.animation) || void 0 === _a || _a) : this.table.scenegraph.proxy.screenTopRow !== this.row ? (this.row = this.table.frozenRowCount, 
+        animation = !1) : this.row += this.rowCount, this.table.scrollToRow(this.row, animation ? {
+            duration: this.animationDuration,
+            easing: this.animationEasing
+        } : void 0), this.willUpdateRow = !0, setTimeout((() => {
+            this.willUpdateRow = !1, this.updateRow();
+        }), this.animationDuration + this.animationDelay);
+    }
+    updateCol() {
+        var _a;
+        if (!this.playing || this.table.isReleased) return;
+        let animation = !0;
+        const customCol = this.customDistColFunction && this.customDistColFunction(this.col, this.table);
+        customCol ? (this.col = customCol.distCol, animation = null === (_a = customCol.animation) || void 0 === _a || _a) : this.table.scenegraph.proxy.screenLeftCol !== this.col ? (this.col = this.table.frozenColCount, 
+        animation = !1) : this.col += this.colCount, this.table.scrollToCol(this.col, animation ? {
+            duration: this.animationDuration,
+            easing: this.animationEasing
+        } : void 0), this.willUpdateCol = !0, setTimeout((() => {
+            this.willUpdateCol = !1, this.updateCol();
+        }), this.animationDuration + this.animationDelay);
+    }
+}

package/es/carousel-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["carousel-animation.ts"],"names":[],"mappings":"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","file":"carousel-animation.js","sourcesContent":["import type { EasingType } from '@visactor/vtable/es/vrender';\nimport type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';\n\nexport interface ICarouselAnimationPluginOptions {\n  rowCount?: number;\n  colCount?: number;\n  animationDuration?: number;\n  animationDelay?: number;\n  animationEasing?: EasingType;\n  replaceScrollAction?: boolean;\n\n  customDistRowFunction?: (row: number, table: BaseTableAPI) => { distRow: number; animation?: boolean } | undefined;\n  customDistColFunction?: (col: number, table: BaseTableAPI) => { distCol: number; animation?: boolean } | undefined;\n}\n\nexport class CarouselAnimationPlugin {\n  table: BaseTableAPI;\n\n  rowCount: number;\n  colCount: number;\n  animationDuration: number;\n  animationDelay: number;\n  animationEasing: EasingType;\n  replaceScrollAction: boolean;\n\n  playing: boolean;\n  row: number;\n  col: number;\n  willUpdateRow: boolean = false;\n  willUpdateCol: boolean = false;\n\n  customDistRowFunction?: (row: number, table: BaseTableAPI) => { distRow: number; animation?: boolean } | undefined;\n  customDistColFunction?: (col: number, table: BaseTableAPI) => { distCol: number; animation?: boolean } | undefined;\n  constructor(table: BaseTableAPI, options?: ICarouselAnimationPluginOptions) {\n    this.table = table;\n\n    this.rowCount = options?.rowCount ?? undefined;\n    this.colCount = options?.colCount ?? undefined;\n    this.animationDuration = options?.animationDuration ?? 500;\n    this.animationDelay = options?.animationDelay ?? 1000;\n    this.animationEasing = options?.animationEasing ?? 'linear';\n    this.replaceScrollAction = options?.replaceScrollAction ?? false;\n\n    this.customDistColFunction = options.customDistColFunction;\n    this.customDistRowFunction = options.customDistRowFunction;\n\n    this.reset();\n    this.init();\n  }\n\n  init() {\n    if (this.replaceScrollAction) {\n      this.table.disableScroll();\n\n      this.table.scenegraph.stage.addEventListener('wheel', this.onScrollEnd.bind(this));\n    }\n  }\n\n  reset() {\n    this.playing = false;\n    this.row = this.table.frozenRowCount;\n    this.col = this.table.frozenColCount;\n  }\n\n  onScrollEnd(e: Event) {\n    if (this.rowCount) {\n      if ((e as any).deltaY > 0) {\n        this.row += this.rowCount;\n        this.row = Math.min(this.row, this.table.rowCount - this.table.frozenRowCount);\n      } else if ((e as any).deltaY < 0) {\n        this.row -= this.rowCount;\n        this.row = Math.max(this.row, this.table.frozenRowCount);\n      }\n      this.table.scrollToRow(this.row, { duration: this.animationDuration, easing: this.animationEasing });\n    } else if (this.colCount) {\n      if ((e as any).deltaX > 0) {\n        this.col += this.colCount;\n        this.col = Math.min(this.col, this.table.colCount - this.table.frozenColCount);\n      } else if ((e as any).deltaX < 0) {\n        this.col -= this.colCount;\n        this.col = Math.max(this.col, this.table.frozenColCount);\n      }\n      this.table.scrollToCol(this.col, { duration: this.animationDuration, easing: this.animationEasing });\n    }\n  }\n\n  play() {\n    this.playing = true;\n\n    if (this.rowCount && !this.willUpdateRow) {\n      this.updateRow();\n    } else if (this.colCount && !this.willUpdateCol) {\n      this.updateCol();\n    }\n  }\n\n  pause() {\n    this.playing = false;\n  }\n\n  updateRow() {\n    if (!this.playing || this.table.isReleased) {\n      return;\n    }\n\n    let animation = true;\n    const customRow = this.customDistRowFunction && this.customDistRowFunction(this.row, this.table);\n    if (customRow) {\n      this.row = customRow.distRow;\n      animation = customRow.animation ?? true;\n    } else if (this.table.scenegraph.proxy.screenTopRow !== this.row) {\n      this.row = this.table.frozenRowCount;\n      animation = false;\n    } else {\n      this.row += this.rowCount;\n    }\n    this.table.scrollToRow(\n      this.row,\n      animation ? { duration: this.animationDuration, easing: this.animationEasing } : undefined\n    );\n    this.willUpdateRow = true;\n    setTimeout(\n      () => {\n        this.willUpdateRow = false;\n        this.updateRow();\n      },\n      // animation ? this.animationDuration + this.animationDelay : 0\n      this.animationDuration + this.animationDelay\n    );\n  }\n\n  updateCol() {\n    if (!this.playing || this.table.isReleased) {\n      return;\n    }\n\n    let animation = true;\n    const customCol = this.customDistColFunction && this.customDistColFunction(this.col, this.table);\n    if (customCol) {\n      this.col = customCol.distCol;\n      animation = customCol.animation ?? true;\n    } else if (this.table.scenegraph.proxy.screenLeftCol !== this.col) {\n      this.col = this.table.frozenColCount;\n      animation = false;\n    } else {\n      this.col += this.colCount;\n    }\n\n    this.table.scrollToCol(\n      this.col,\n      animation ? { duration: this.animationDuration, easing: this.animationEasing } : undefined\n    );\n\n    this.willUpdateCol = true;\n    setTimeout(\n      () => {\n        this.willUpdateCol = false;\n        this.updateCol();\n      },\n      // animation ? this.animationDuration + this.animationDelay : 0\n      this.animationDuration + this.animationDelay\n    );\n  }\n}\n"]}

package/es/header-highlight.d.ts

@@ -0,0 +1,21 @@
+import type { CellRange } from '@visactor/vtable/es/ts-types';
+import type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';
+export interface IHeaderHighlightPluginOptions {
+    rowHighlight?: boolean;
+    colHighlight?: boolean;
+    colHighlightBGColor?: string;
+    colHighlightColor?: string;
+    rowHighlightBGColor?: string;
+    rowHighlightColor?: string;
+}
+export declare class HeaderHighlightPlugin {
+    table: BaseTableAPI;
+    options: IHeaderHighlightPluginOptions;
+    colHeaderRange?: CellRange;
+    rowHeaderRange?: CellRange;
+    constructor(table: BaseTableAPI, options?: IHeaderHighlightPluginOptions);
+    registerStyle(): void;
+    bindEvent(): void;
+    clearHighlight(): void;
+    updateHighlight(): void;
+}

package/es/header-highlight.js

@@ -0,0 +1,100 @@
+export class HeaderHighlightPlugin {
+    constructor(table, options) {
+        this.table = table, this.options = options, this.registerStyle(), this.bindEvent();
+    }
+    registerStyle() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        this.table.registerCustomCellStyle("col-highlight", {
+            bgColor: null !== (_b = null === (_a = this.options) || void 0 === _a ? void 0 : _a.colHighlightBGColor) && void 0 !== _b ? _b : "#82b2f5",
+            color: null !== (_d = null === (_c = this.options) || void 0 === _c ? void 0 : _c.colHighlightColor) && void 0 !== _d ? _d : "#FFF"
+        }), this.table.registerCustomCellStyle("row-highlight", {
+            bgColor: null !== (_f = null === (_e = this.options) || void 0 === _e ? void 0 : _e.rowHighlightBGColor) && void 0 !== _f ? _f : "#82b2f5",
+            color: null !== (_h = null === (_g = this.options) || void 0 === _g ? void 0 : _g.rowHighlightColor) && void 0 !== _h ? _h : "#FFF"
+        });
+    }
+    bindEvent() {
+        this.table.on("selected_cell", (e => {
+            this.updateHighlight();
+        })), this.table.on("selected_clear", (() => {
+            this.clearHighlight();
+        })), this.table.on("mousemove_table", (() => {
+            this.table.stateManager.select.selecting && this.updateHighlight();
+        }));
+    }
+    clearHighlight() {
+        this.colHeaderRange && this.table.arrangeCustomCellStyle({
+            range: this.colHeaderRange
+        }, void 0), this.rowHeaderRange && this.table.arrangeCustomCellStyle({
+            range: this.rowHeaderRange
+        }, void 0), this.colHeaderRange = void 0, this.rowHeaderRange = void 0;
+    }
+    updateHighlight() {
+        var _a, _b, _c, _d;
+        if (!1 === (null === (_a = this.options) || void 0 === _a ? void 0 : _a.colHighlight) && !1 === (null === (_b = this.options) || void 0 === _b ? void 0 : _b.rowHighlight)) return;
+        const selectRanges = this.table.getSelectedCellRanges();
+        if (0 === selectRanges.length) return void this.clearHighlight();
+        const selectRange = selectRanges[0], rowSelectRange = [ selectRange.start.row, selectRange.end.row ];
+        rowSelectRange.sort(((a, b) => a - b));
+        const colSelectRange = [ selectRange.start.col, selectRange.end.col ];
+        let colHeaderRange, rowHeaderRange;
+        colSelectRange.sort(((a, b) => a - b)), this.table.isPivotTable() ? (colHeaderRange = {
+            start: {
+                col: colSelectRange[0],
+                row: 0
+            },
+            end: {
+                col: colSelectRange[1],
+                row: this.table.columnHeaderLevelCount - 1
+            }
+        }, rowHeaderRange = {
+            start: {
+                col: 0,
+                row: rowSelectRange[0]
+            },
+            end: {
+                col: this.table.rowHeaderLevelCount - 1,
+                row: rowSelectRange[1]
+            }
+        }) : this.table.internalProps.transpose ? rowHeaderRange = {
+            start: {
+                col: 0,
+                row: rowSelectRange[0]
+            },
+            end: {
+                col: this.table.rowHeaderLevelCount - 1,
+                row: rowSelectRange[1]
+            }
+        } : (colHeaderRange = {
+            start: {
+                col: colSelectRange[0],
+                row: 0
+            },
+            end: {
+                col: colSelectRange[1],
+                row: this.table.columnHeaderLevelCount - 1
+            }
+        }, this.table.internalProps.rowSeriesNumber && (rowHeaderRange = {
+            start: {
+                col: 0,
+                row: rowSelectRange[0]
+            },
+            end: {
+                col: 0,
+                row: rowSelectRange[1]
+            }
+        })), !1 === (null === (_c = this.options) || void 0 === _c ? void 0 : _c.colHighlight) || isSameRange(this.colHeaderRange, colHeaderRange) || (this.colHeaderRange && this.table.arrangeCustomCellStyle({
+            range: this.colHeaderRange
+        }, void 0), colHeaderRange && this.table.arrangeCustomCellStyle({
+            range: colHeaderRange
+        }, "col-highlight"), this.colHeaderRange = colHeaderRange), !1 === (null === (_d = this.options) || void 0 === _d ? void 0 : _d.rowHighlight) || isSameRange(this.rowHeaderRange, rowHeaderRange) || (this.rowHeaderRange && this.table.arrangeCustomCellStyle({
+            range: this.rowHeaderRange
+        }, void 0), rowHeaderRange && this.table.arrangeCustomCellStyle({
+            range: rowHeaderRange
+        }, "row-highlight"), this.rowHeaderRange = rowHeaderRange);
+    }
+}
+
+function isSameRange(a, b) {
+    return void 0 === a && void 0 === b || void 0 !== a && void 0 !== b && (a.start.col === b.start.col && a.start.row === b.start.row && a.end.col === b.end.col && a.end.row === b.end.row);
+}
+//# sourceMappingURL=header-highlight.js.map

package/es/header-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["header-highlight.ts"],"names":[],"mappings":"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","file":"header-highlight.js","sourcesContent":["import type { CellRange } from '@visactor/vtable/es/ts-types';\nimport type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';\n\nexport interface IHeaderHighlightPluginOptions {\n  rowHighlight?: boolean;\n  colHighlight?: boolean;\n  colHighlightBGColor?: string;\n  colHighlightColor?: string;\n  rowHighlightBGColor?: string;\n  rowHighlightColor?: string;\n}\n\nexport class HeaderHighlightPlugin {\n  table: BaseTableAPI;\n  options: IHeaderHighlightPluginOptions;\n  colHeaderRange?: CellRange;\n  rowHeaderRange?: CellRange;\n  constructor(table: BaseTableAPI, options?: IHeaderHighlightPluginOptions) {\n    this.table = table;\n    this.options = options;\n\n    this.registerStyle();\n    this.bindEvent();\n  }\n\n  registerStyle() {\n    this.table.registerCustomCellStyle('col-highlight', {\n      bgColor: this.options?.colHighlightBGColor ?? '#82b2f5',\n      color: this.options?.colHighlightColor ?? '#FFF'\n    });\n\n    this.table.registerCustomCellStyle('row-highlight', {\n      bgColor: this.options?.rowHighlightBGColor ?? '#82b2f5',\n      color: this.options?.rowHighlightColor ?? '#FFF'\n    });\n  }\n\n  bindEvent() {\n    this.table.on('selected_cell', e => {\n      this.updateHighlight();\n    });\n\n    this.table.on('selected_clear', () => {\n      this.clearHighlight();\n    });\n\n    this.table.on('mousemove_table', () => {\n      if (this.table.stateManager.select.selecting) {\n        this.updateHighlight();\n      }\n    });\n  }\n\n  clearHighlight() {\n    this.colHeaderRange && this.table.arrangeCustomCellStyle({ range: this.colHeaderRange }, undefined);\n    this.rowHeaderRange && this.table.arrangeCustomCellStyle({ range: this.rowHeaderRange }, undefined);\n\n    // clear range\n    this.colHeaderRange = undefined;\n    this.rowHeaderRange = undefined;\n  }\n\n  updateHighlight() {\n    if (this.options?.colHighlight === false && this.options?.rowHighlight === false) {\n      return;\n    }\n    const selectRanges = this.table.getSelectedCellRanges();\n    if (selectRanges.length === 0) {\n      this.clearHighlight();\n      return;\n    }\n\n    const selectRange = selectRanges[0];\n    const rowSelectRange = [selectRange.start.row, selectRange.end.row];\n    rowSelectRange.sort((a, b) => a - b); // sort\n    const colSelectRange = [selectRange.start.col, selectRange.end.col];\n    colSelectRange.sort((a, b) => a - b); // sort\n\n    let colHeaderRange: CellRange;\n    let rowHeaderRange: CellRange;\n    if (this.table.isPivotTable()) {\n      colHeaderRange = {\n        start: {\n          col: colSelectRange[0],\n          row: 0\n        },\n        end: {\n          col: colSelectRange[1],\n          row: this.table.columnHeaderLevelCount - 1\n        }\n      };\n      rowHeaderRange = {\n        start: {\n          col: 0,\n          row: rowSelectRange[0]\n        },\n        end: {\n          col: this.table.rowHeaderLevelCount - 1,\n          row: rowSelectRange[1]\n        }\n      };\n    } else if (this.table.internalProps.transpose) {\n      rowHeaderRange = {\n        start: {\n          col: 0,\n          row: rowSelectRange[0]\n        },\n        end: {\n          col: this.table.rowHeaderLevelCount - 1,\n          row: rowSelectRange[1]\n        }\n      };\n    } else {\n      colHeaderRange = {\n        start: {\n          col: colSelectRange[0],\n          row: 0\n        },\n        end: {\n          col: colSelectRange[1],\n          row: this.table.columnHeaderLevelCount - 1\n        }\n      };\n      if (this.table.internalProps.rowSeriesNumber) {\n        rowHeaderRange = {\n          start: {\n            col: 0,\n            row: rowSelectRange[0]\n          },\n          end: {\n            col: 0,\n            row: rowSelectRange[1]\n          }\n        };\n      }\n    }\n\n    if (this.options?.colHighlight !== false && !isSameRange(this.colHeaderRange, colHeaderRange)) {\n      this.colHeaderRange && this.table.arrangeCustomCellStyle({ range: this.colHeaderRange }, undefined);\n      colHeaderRange && this.table.arrangeCustomCellStyle({ range: colHeaderRange }, 'col-highlight');\n      this.colHeaderRange = colHeaderRange;\n    }\n\n    if (this.options?.rowHighlight !== false && !isSameRange(this.rowHeaderRange, rowHeaderRange)) {\n      this.rowHeaderRange && this.table.arrangeCustomCellStyle({ range: this.rowHeaderRange }, undefined);\n      rowHeaderRange && this.table.arrangeCustomCellStyle({ range: rowHeaderRange }, 'row-highlight');\n      this.rowHeaderRange = rowHeaderRange;\n    }\n  }\n}\n\nfunction isSameRange(a: CellRange | undefined, b: CellRange | undefined) {\n  if (a === undefined && b === undefined) {\n    return true;\n  }\n\n  if (a === undefined || b === undefined) {\n    return false;\n  }\n\n  return (\n    a.start.col === b.start.col && a.start.row === b.start.row && a.end.col === b.end.col && a.end.row === b.end.row\n  );\n}\n"]}

package/es/index.d.ts

@@ -0,0 +1,3 @@
+export * from './carousel-animation';
+export * from './invert-highlight';
+export * from './header-highlight';

package/es/index.js

@@ -0,0 +1,6 @@
+export * from "./carousel-animation";
+
+export * from "./invert-highlight";
+
+export * from "./header-highlight";
+//# sourceMappingURL=index.js.map