@visactor/vtable-plugins 1.17.7-alpha.0 → 1.17.7

package/cjs/add-row-column.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="node" />
+import * as VTable from '@visactor/vtable';
+export interface AddRowColumnOptions {
+    addColumnEnable?: boolean;
+    addRowEnable?: boolean;
+    addColumnCallback?: (col: number) => void;
+    addRowCallback?: (row: number) => void;
+}
+export declare class AddRowColumnPlugin implements VTable.plugins.IVTablePlugin {
+    id: string;
+    runTime: ("mouseleave_table" | "mouseenter_cell" | "mouseleave_cell")[];
+    pluginOptions: AddRowColumnOptions;
+    table: VTable.ListTable;
+    hoverCell: VTable.TYPES.CellAddressWithBound;
+    hideAllTimeoutId_addColumn: NodeJS.Timeout;
+    hideAllTimeoutId_addRow: NodeJS.Timeout;
+    leftDotForAddColumn: HTMLElement;
+    rightDotForAddColumn: HTMLElement;
+    addIconForAddColumn: HTMLElement;
+    addLineForAddColumn: HTMLElement;
+    topDotForAddRow: HTMLElement;
+    bottomDotForAddRow: HTMLElement;
+    addIconForAddRow: HTMLElement;
+    addLineForAddRow: HTMLElement;
+    constructor(pluginOptions?: AddRowColumnOptions);
+    run(...args: any[]): void;
+    initAddColumnDomElement(): void;
+    bindEventForAddColumn(): void;
+    showDotForAddColumn(top: number, left: number, right: number, isShowLeft?: boolean, isShowRight?: boolean): void;
+    showAddIconForAddColumn(left: number, top: number, isLeft: boolean): void;
+    showSplitLineForAddColumn(left: number, top: number, height: number): void;
+    delayHideAllForAddColumn(delay?: number): void;
+    initAddRowDomElement(): void;
+    bindEventForAddRow(): void;
+    showDotForAddRow(top: number, left: number, bottom: number, isShowTop?: boolean, isShowBottom?: boolean): void;
+    showAddIconForAddRow(left: number, top: number, isTop: boolean): void;
+    showSplitLineForAddRow(left: number, top: number, width: number): void;
+    delayHideAllForAddRow(delay?: number): void;
+    release(): void;
+}

package/cjs/add-row-column.js

@@ -0,0 +1,217 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AddRowColumnPlugin = void 0;
+
+const VTable = __importStar(require("@visactor/vtable"));
+
+class AddRowColumnPlugin {
+    constructor(pluginOptions = {
+        addColumnEnable: !0,
+        addRowEnable: !0
+    }) {
+        var _a, _b;
+        this.id = "add-row-column", this.runTime = [ VTable.TABLE_EVENT_TYPE.MOUSEENTER_CELL, VTable.TABLE_EVENT_TYPE.MOUSELEAVE_CELL, VTable.TABLE_EVENT_TYPE.MOUSELEAVE_TABLE ], 
+        this.pluginOptions = pluginOptions, this.pluginOptions.addColumnEnable = null === (_a = this.pluginOptions.addColumnEnable) || void 0 === _a || _a, 
+        this.pluginOptions.addRowEnable = null === (_b = this.pluginOptions.addRowEnable) || void 0 === _b || _b, 
+        this.pluginOptions.addColumnEnable && (this.initAddColumnDomElement(), this.bindEventForAddColumn()), 
+        this.pluginOptions.addRowEnable && (this.initAddRowDomElement(), this.bindEventForAddRow());
+    }
+    run(...args) {
+        const eventArgs = args[0], runTime = args[1], table = args[2];
+        if (this.table = table, runTime === VTable.TABLE_EVENT_TYPE.MOUSEENTER_CELL) {
+            clearTimeout(this.hideAllTimeoutId_addColumn), clearTimeout(this.hideAllTimeoutId_addRow);
+            const canvasBounds = table.canvas.getBoundingClientRect(), cell = table.getCellAtRelativePosition(eventArgs.event.clientX - canvasBounds.left, eventArgs.event.clientY - canvasBounds.top);
+            this.hoverCell = cell;
+            const cellRect = table.getCellRelativeRect(cell.col, cell.row);
+            if (this.pluginOptions.addColumnEnable) {
+                const isRowSerierNumberCol = table.isSeriesNumber(cell.col, 0);
+                this.showDotForAddColumn(canvasBounds.top - 6, cellRect.left + canvasBounds.left, cellRect.right + canvasBounds.left, !isRowSerierNumberCol);
+            }
+            if (this.pluginOptions.addRowEnable) {
+                const isHeader = table.isHeader(cell.col, cell.row);
+                this.showDotForAddRow(cellRect.top + canvasBounds.top, canvasBounds.left - 6, cellRect.bottom + canvasBounds.top, !isHeader, !isHeader);
+            }
+        } else runTime === VTable.TABLE_EVENT_TYPE.MOUSELEAVE_CELL || runTime === VTable.TABLE_EVENT_TYPE.MOUSELEAVE_TABLE && (this.pluginOptions.addColumnEnable && this.delayHideAllForAddColumn(), 
+        this.pluginOptions.addRowEnable && this.delayHideAllForAddRow());
+    }
+    initAddColumnDomElement() {
+        this.leftDotForAddColumn = document.createElement("div"), this.leftDotForAddColumn.style.width = "6px", 
+        this.leftDotForAddColumn.style.height = "6px", this.leftDotForAddColumn.style.backgroundColor = "#4A90E2", 
+        this.leftDotForAddColumn.style.position = "absolute", this.leftDotForAddColumn.style.cursor = "pointer", 
+        this.leftDotForAddColumn.style.zIndex = "1000", this.leftDotForAddColumn.style.borderRadius = "50%", 
+        this.leftDotForAddColumn.style.border = "1px solid white", this.leftDotForAddColumn.style.boxShadow = "0 1px 3px rgba(0,0,0,0.2)", 
+        document.body.appendChild(this.leftDotForAddColumn), this.rightDotForAddColumn = document.createElement("div"), 
+        this.rightDotForAddColumn.style.width = "6px", this.rightDotForAddColumn.style.height = "6px", 
+        this.rightDotForAddColumn.style.backgroundColor = "#4A90E2", this.rightDotForAddColumn.style.position = "absolute", 
+        this.rightDotForAddColumn.style.cursor = "pointer", this.rightDotForAddColumn.style.zIndex = "1000", 
+        this.rightDotForAddColumn.style.borderRadius = "50%", this.rightDotForAddColumn.style.border = "1px solid white", 
+        this.rightDotForAddColumn.style.boxShadow = "0 1px 3px rgba(0,0,0,0.2)", document.body.appendChild(this.rightDotForAddColumn), 
+        this.addIconForAddColumn = document.createElement("div"), this.addIconForAddColumn.style.width = "18px", 
+        this.addIconForAddColumn.style.height = "18px", this.addIconForAddColumn.style.backgroundColor = "#4A90E2", 
+        this.addIconForAddColumn.style.position = "absolute", this.addIconForAddColumn.style.zIndex = "1001", 
+        this.addIconForAddColumn.style.display = "none", this.addIconForAddColumn.style.borderRadius = "50%", 
+        this.addIconForAddColumn.style.boxShadow = "0 2px 5px rgba(0,0,0,0.2)", this.addIconForAddColumn.style.display = "flex", 
+        this.addIconForAddColumn.style.justifyContent = "center", this.addIconForAddColumn.style.alignItems = "center", 
+        this.addIconForAddColumn.style.border = "1px solid white", document.body.appendChild(this.addIconForAddColumn);
+        const addIconText = document.createElement("div");
+        addIconText.textContent = "+", addIconText.style.color = "white", addIconText.style.fontSize = "18px", 
+        addIconText.style.fontWeight = "bold", addIconText.style.lineHeight = "15px", addIconText.style.userSelect = "none", 
+        addIconText.style.cursor = "pointer", addIconText.style.verticalAlign = "top", addIconText.style.textAlign = "center", 
+        this.addIconForAddColumn.appendChild(addIconText), this.addLineForAddColumn = document.createElement("div"), 
+        this.addLineForAddColumn.style.width = "2px", this.addLineForAddColumn.style.height = "10px", 
+        this.addLineForAddColumn.style.backgroundColor = "#4A90E2", this.addLineForAddColumn.style.position = "absolute", 
+        this.addLineForAddColumn.style.zIndex = "1001", this.addLineForAddColumn.style.display = "none", 
+        document.body.appendChild(this.addLineForAddColumn);
+    }
+    bindEventForAddColumn() {
+        this.leftDotForAddColumn.addEventListener("mouseenter", (() => {
+            clearTimeout(this.hideAllTimeoutId_addColumn), this.addIconForAddColumn.style.display = "block";
+            const dotWidth = this.leftDotForAddColumn.offsetWidth, dotHeight = this.leftDotForAddColumn.offsetHeight;
+            this.showAddIconForAddColumn(this.leftDotForAddColumn.offsetLeft + dotWidth / 2, this.leftDotForAddColumn.offsetTop + dotHeight / 2, !0), 
+            this.showSplitLineForAddColumn(this.leftDotForAddColumn.offsetLeft + dotWidth / 2 - 1, this.leftDotForAddColumn.offsetTop + dotHeight / 2 + 2, this.table.getDrawRange().height);
+        })), this.rightDotForAddColumn.addEventListener("mouseenter", (() => {
+            clearTimeout(this.hideAllTimeoutId_addColumn), this.addIconForAddColumn.style.display = "block";
+            const dotWidth = this.rightDotForAddColumn.offsetWidth, dotHeight = this.rightDotForAddColumn.offsetHeight;
+            this.showAddIconForAddColumn(this.rightDotForAddColumn.offsetLeft + dotWidth / 2, this.rightDotForAddColumn.offsetTop + dotHeight / 2, !1), 
+            this.showSplitLineForAddColumn(this.rightDotForAddColumn.offsetLeft + dotWidth / 2 - 1, this.rightDotForAddColumn.offsetTop + dotHeight / 2 + 2, this.table.getDrawRange().height);
+        })), this.addIconForAddColumn.addEventListener("mouseleave", (() => {
+            this.addIconForAddColumn.style.display = "none", this.addLineForAddColumn.style.display = "none", 
+            this.delayHideAllForAddColumn();
+        })), this.addIconForAddColumn.addEventListener("click", (e => {
+            const isLeft = "left" === this.addIconForAddColumn.dataset.addIconType, columns = this.table.options.columns, col = this.hoverCell.col, addColIndex = isLeft ? col : col + 1;
+            this.pluginOptions.addColumnCallback ? this.pluginOptions.addColumnCallback(addColIndex) : (columns.splice(addColIndex, 0, {
+                field: "",
+                title: `New Column ${col}`,
+                width: 100
+            }), this.table.updateColumns(columns)), this.delayHideAllForAddColumn(0);
+        }));
+    }
+    showDotForAddColumn(top, left, right, isShowLeft = !0, isShowRight = !0) {
+        const dotWidth = this.leftDotForAddColumn.offsetWidth, dotHeight = this.leftDotForAddColumn.offsetHeight;
+        this.leftDotForAddColumn.style.left = left - dotWidth / 2 + "px", this.leftDotForAddColumn.style.top = top - dotHeight / 2 + "px", 
+        this.rightDotForAddColumn.style.left = right - dotWidth / 2 + "px", this.rightDotForAddColumn.style.top = top - dotHeight / 2 + "px", 
+        this.leftDotForAddColumn.style.display = isShowLeft ? "block" : "none", this.rightDotForAddColumn.style.display = isShowRight ? "block" : "none";
+    }
+    showAddIconForAddColumn(left, top, isLeft) {
+        const iconWidth = this.addIconForAddColumn.offsetWidth, iconHeight = this.addIconForAddColumn.offsetHeight, dotHeight = this.leftDotForAddColumn.offsetHeight;
+        this.addIconForAddColumn.style.left = left - iconWidth / 2 + "px", this.addIconForAddColumn.style.top = top - iconHeight / 2 - dotHeight / 2 + "px", 
+        this.addIconForAddColumn.dataset.addIconType = isLeft ? "left" : "right";
+    }
+    showSplitLineForAddColumn(left, top, height) {
+        this.addLineForAddColumn.style.left = `${left}px`, this.addLineForAddColumn.style.top = `${top}px`, 
+        this.addLineForAddColumn.style.height = `${height}px`, this.addLineForAddColumn.style.display = "block";
+    }
+    delayHideAllForAddColumn(delay = 1e3) {
+        this.hideAllTimeoutId_addColumn = setTimeout((() => {
+            this.addIconForAddColumn.style.display = "none", this.addLineForAddColumn.style.display = "none", 
+            this.leftDotForAddColumn.style.display = "none", this.rightDotForAddColumn.style.display = "none";
+        }), delay);
+    }
+    initAddRowDomElement() {
+        this.topDotForAddRow = document.createElement("div"), this.topDotForAddRow.style.width = "6px", 
+        this.topDotForAddRow.style.height = "6px", this.topDotForAddRow.style.backgroundColor = "#4A90E2", 
+        this.topDotForAddRow.style.position = "absolute", this.topDotForAddRow.style.cursor = "pointer", 
+        this.topDotForAddRow.style.zIndex = "1000", this.topDotForAddRow.style.borderRadius = "50%", 
+        this.topDotForAddRow.style.border = "1px solid white", this.topDotForAddRow.style.boxShadow = "0 1px 3px rgba(0,0,0,0.2)", 
+        document.body.appendChild(this.topDotForAddRow), this.bottomDotForAddRow = document.createElement("div"), 
+        this.bottomDotForAddRow.style.width = "6px", this.bottomDotForAddRow.style.height = "6px", 
+        this.bottomDotForAddRow.style.backgroundColor = "#4A90E2", this.bottomDotForAddRow.style.position = "absolute", 
+        this.bottomDotForAddRow.style.cursor = "pointer", this.bottomDotForAddRow.style.zIndex = "1000", 
+        this.bottomDotForAddRow.style.borderRadius = "50%", this.bottomDotForAddRow.style.border = "1px solid white", 
+        this.bottomDotForAddRow.style.boxShadow = "0 1px 3px rgba(0,0,0,0.2)", document.body.appendChild(this.bottomDotForAddRow), 
+        this.addIconForAddRow = document.createElement("div"), this.addIconForAddRow.style.width = "18px", 
+        this.addIconForAddRow.style.height = "18px", this.addIconForAddRow.style.backgroundColor = "#4A90E2", 
+        this.addIconForAddRow.style.position = "absolute", this.addIconForAddRow.style.zIndex = "1001", 
+        this.addIconForAddRow.style.display = "none", this.addIconForAddRow.style.borderRadius = "50%", 
+        this.addIconForAddRow.style.boxShadow = "0 2px 5px rgba(0,0,0,0.2)", this.addIconForAddRow.style.display = "flex", 
+        this.addIconForAddRow.style.justifyContent = "center", this.addIconForAddRow.style.alignItems = "center", 
+        this.addIconForAddRow.style.border = "1px solid white", document.body.appendChild(this.addIconForAddRow);
+        const addIconText = document.createElement("div");
+        addIconText.textContent = "+", addIconText.style.color = "white", addIconText.style.fontSize = "18px", 
+        addIconText.style.fontWeight = "bold", addIconText.style.lineHeight = "15px", addIconText.style.userSelect = "none", 
+        addIconText.style.cursor = "pointer", addIconText.style.verticalAlign = "top", addIconText.style.textAlign = "center", 
+        this.addIconForAddRow.appendChild(addIconText), this.addLineForAddRow = document.createElement("div"), 
+        this.addLineForAddRow.style.width = "10px", this.addLineForAddRow.style.height = "2px", 
+        this.addLineForAddRow.style.backgroundColor = "#4A90E2", this.addLineForAddRow.style.position = "absolute", 
+        this.addLineForAddRow.style.zIndex = "1001", this.addLineForAddRow.style.display = "none", 
+        document.body.appendChild(this.addLineForAddRow);
+    }
+    bindEventForAddRow() {
+        this.topDotForAddRow.addEventListener("mouseenter", (() => {
+            clearTimeout(this.hideAllTimeoutId_addRow), this.addIconForAddRow.style.display = "block";
+            const dotWidth = this.topDotForAddRow.offsetWidth, dotHeight = this.topDotForAddRow.offsetHeight;
+            this.showAddIconForAddRow(this.topDotForAddRow.offsetLeft + dotWidth / 2, this.topDotForAddRow.offsetTop + dotHeight / 2, !0), 
+            this.showSplitLineForAddRow(this.topDotForAddRow.offsetLeft + dotWidth + 2, this.topDotForAddRow.offsetTop + dotHeight / 2 - 1, this.table.getDrawRange().width);
+        })), this.bottomDotForAddRow.addEventListener("mouseenter", (() => {
+            clearTimeout(this.hideAllTimeoutId_addRow), this.addIconForAddRow.style.display = "block";
+            const dotWidth = this.bottomDotForAddRow.offsetWidth, dotHeight = this.bottomDotForAddRow.offsetHeight;
+            this.showAddIconForAddRow(this.bottomDotForAddRow.offsetLeft + dotWidth / 2, this.bottomDotForAddRow.offsetTop + dotHeight / 2, !1), 
+            this.showSplitLineForAddRow(this.bottomDotForAddRow.offsetLeft + dotWidth + 2, this.bottomDotForAddRow.offsetTop + dotHeight / 2 - 1, this.table.getDrawRange().height);
+        })), this.addIconForAddRow.addEventListener("mouseleave", (() => {
+            this.addIconForAddRow.style.display = "none", this.addLineForAddRow.style.display = "none", 
+            this.delayHideAllForAddRow();
+        })), this.addIconForAddRow.addEventListener("click", (e => {
+            const isTop = "top" === this.addIconForAddRow.dataset.addIconType, row = this.hoverCell.row, addRowIndex = isTop ? row : row + 1;
+            if (this.pluginOptions.addRowCallback) this.pluginOptions.addRowCallback(addRowIndex); else {
+                const recordIndex = this.table.getRecordIndexByCell(0, addRowIndex);
+                this.table.addRecord({}, recordIndex);
+            }
+            this.delayHideAllForAddRow(0);
+        }));
+    }
+    showDotForAddRow(top, left, bottom, isShowTop = !0, isShowBottom = !0) {
+        const dotWidth = this.topDotForAddRow.offsetWidth, dotHeight = this.topDotForAddRow.offsetHeight;
+        this.topDotForAddRow.style.left = left - dotWidth / 2 + "px", this.topDotForAddRow.style.top = top - dotHeight / 2 + "px", 
+        this.bottomDotForAddRow.style.left = left - dotWidth / 2 + "px", this.bottomDotForAddRow.style.top = bottom - dotHeight / 2 + "px", 
+        this.topDotForAddRow.style.display = isShowTop ? "block" : "none", this.bottomDotForAddRow.style.display = isShowBottom ? "block" : "none";
+    }
+    showAddIconForAddRow(left, top, isTop) {
+        const iconWidth = this.addIconForAddRow.offsetWidth, iconHeight = this.addIconForAddRow.offsetHeight, dotWidth = this.topDotForAddRow.offsetWidth;
+        this.addIconForAddRow.style.left = left - iconWidth / 2 - dotWidth / 2 + "px", this.addIconForAddRow.style.top = top - iconHeight / 2 + "px", 
+        this.addIconForAddRow.dataset.addIconType = isTop ? "top" : "bottom";
+    }
+    showSplitLineForAddRow(left, top, width) {
+        this.addLineForAddRow.style.left = `${left}px`, this.addLineForAddRow.style.top = `${top}px`, 
+        this.addLineForAddRow.style.width = `${width}px`, this.addLineForAddRow.style.display = "block";
+    }
+    delayHideAllForAddRow(delay = 1e3) {
+        this.hideAllTimeoutId_addRow = setTimeout((() => {
+            this.addIconForAddRow.style.display = "none", this.addLineForAddRow.style.display = "none", 
+            this.topDotForAddRow.style.display = "none", this.bottomDotForAddRow.style.display = "none";
+        }), delay);
+    }
+    release() {
+        this.leftDotForAddColumn.remove(), this.rightDotForAddColumn.remove(), this.addIconForAddColumn.remove(), 
+        this.addLineForAddColumn.remove(), this.topDotForAddRow.remove(), this.bottomDotForAddRow.remove(), 
+        this.addIconForAddRow.remove(), this.addLineForAddRow.remove();
+    }
+}
+
+exports.AddRowColumnPlugin = AddRowColumnPlugin;

package/cjs/add-row-column.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["add-row-column.ts"],"names":[],"mappings":"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","file":"add-row-column.js","sourcesContent":["import * as VTable from '@visactor/vtable';\n/**\n * 添加行和列的插件的配置选项\n */\nexport interface AddRowColumnOptions {\n  /**\n   * 是否启用添加列\n   */\n  addColumnEnable?: boolean;\n  /**\n   * 是否启用添加行\n   */\n  addRowEnable?: boolean;\n  /**\n   * 添加列的回调函数\n   */\n  addColumnCallback?: (col: number) => void;\n  /**\n   * 添加行的回调函数\n   */\n  addRowCallback?: (row: number) => void;\n}\n/**\n * 添加行和列的插件\n * 该插件监听了table的MOUSEENTER_CELL,MOUSELEAVE_CELL,MOUSELEAVE_TABLE事件\n * 当鼠标hover到table的cell时，会显示添加行和列的dot和加号\n * 当鼠标离开table的cell时，会隐藏添加行和列的dot和加号\n */\nexport class AddRowColumnPlugin implements VTable.plugins.IVTablePlugin {\n  id = 'add-row-column';\n  runTime = [\n    VTable.TABLE_EVENT_TYPE.MOUSEENTER_CELL,\n    VTable.TABLE_EVENT_TYPE.MOUSELEAVE_CELL,\n    VTable.TABLE_EVENT_TYPE.MOUSELEAVE_TABLE\n  ];\n  pluginOptions: AddRowColumnOptions;\n  table: VTable.ListTable;\n  hoverCell: VTable.TYPES.CellAddressWithBound;\n  hideAllTimeoutId_addColumn: NodeJS.Timeout;\n  hideAllTimeoutId_addRow: NodeJS.Timeout;\n  leftDotForAddColumn: HTMLElement;\n  rightDotForAddColumn: HTMLElement;\n  addIconForAddColumn: HTMLElement;\n  addLineForAddColumn: HTMLElement;\n  topDotForAddRow: HTMLElement;\n  bottomDotForAddRow: HTMLElement;\n  addIconForAddRow: HTMLElement;\n  addLineForAddRow: HTMLElement;\n\n  constructor(\n    pluginOptions: AddRowColumnOptions = {\n      addColumnEnable: true,\n      addRowEnable: true\n    }\n  ) {\n    this.pluginOptions = pluginOptions;\n    this.pluginOptions.addColumnEnable = this.pluginOptions.addColumnEnable ?? true;\n    this.pluginOptions.addRowEnable = this.pluginOptions.addRowEnable ?? true;\n    if (this.pluginOptions.addColumnEnable) {\n      this.initAddColumnDomElement();\n      this.bindEventForAddColumn();\n    }\n    if (this.pluginOptions.addRowEnable) {\n      this.initAddRowDomElement();\n      this.bindEventForAddRow();\n    }\n  }\n  run(...args: any[]) {\n    const eventArgs = args[0];\n    const runTime = args[1];\n    const table: VTable.BaseTableAPI = args[2];\n    this.table = table as VTable.ListTable;\n    if (runTime === VTable.TABLE_EVENT_TYPE.MOUSEENTER_CELL) {\n      clearTimeout(this.hideAllTimeoutId_addColumn);\n      clearTimeout(this.hideAllTimeoutId_addRow);\n      const canvasBounds = table.canvas.getBoundingClientRect();\n      const cell = table.getCellAtRelativePosition(\n        eventArgs.event.clientX - canvasBounds.left,\n        eventArgs.event.clientY - canvasBounds.top\n      );\n      this.hoverCell = cell;\n      const cellRect = table.getCellRelativeRect(cell.col, cell.row);\n      if (this.pluginOptions.addColumnEnable) {\n        const isRowSerierNumberCol = table.isSeriesNumber(cell.col, 0);\n        this.showDotForAddColumn(\n          canvasBounds.top - 6,\n          cellRect.left + canvasBounds.left,\n          cellRect.right + canvasBounds.left,\n          !isRowSerierNumberCol\n        );\n      }\n      if (this.pluginOptions.addRowEnable) {\n        const isHeader = table.isHeader(cell.col, cell.row);\n        this.showDotForAddRow(\n          cellRect.top + canvasBounds.top,\n          canvasBounds.left - 6,\n          cellRect.bottom + canvasBounds.top,\n          !isHeader,\n          !isHeader\n        );\n      }\n    } else if (runTime === VTable.TABLE_EVENT_TYPE.MOUSELEAVE_CELL) {\n    } else if (runTime === VTable.TABLE_EVENT_TYPE.MOUSELEAVE_TABLE) {\n      if (this.pluginOptions.addColumnEnable) {\n        this.delayHideAllForAddColumn();\n      }\n      if (this.pluginOptions.addRowEnable) {\n        this.delayHideAllForAddRow();\n      }\n    }\n  }\n  // #region 添加列\n  initAddColumnDomElement() {\n    //创建一个div 作为hoverCell的顶部左侧的圆点\n    this.leftDotForAddColumn = document.createElement('div');\n    this.leftDotForAddColumn.style.width = '6px';\n    this.leftDotForAddColumn.style.height = '6px';\n    this.leftDotForAddColumn.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.leftDotForAddColumn.style.position = 'absolute';\n    this.leftDotForAddColumn.style.cursor = 'pointer';\n    this.leftDotForAddColumn.style.zIndex = '1000';\n    this.leftDotForAddColumn.style.borderRadius = '50%';\n    this.leftDotForAddColumn.style.border = '1px solid white';\n    this.leftDotForAddColumn.style.boxShadow = '0 1px 3px rgba(0,0,0,0.2)';\n    document.body.appendChild(this.leftDotForAddColumn);\n\n    //创建一个div 作为hoverCell的顶部右侧的圆点\n    this.rightDotForAddColumn = document.createElement('div');\n    this.rightDotForAddColumn.style.width = '6px';\n    this.rightDotForAddColumn.style.height = '6px';\n    this.rightDotForAddColumn.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.rightDotForAddColumn.style.position = 'absolute';\n    this.rightDotForAddColumn.style.cursor = 'pointer';\n    this.rightDotForAddColumn.style.zIndex = '1000';\n    this.rightDotForAddColumn.style.borderRadius = '50%';\n    this.rightDotForAddColumn.style.border = '1px solid white';\n    this.rightDotForAddColumn.style.boxShadow = '0 1px 3px rgba(0,0,0,0.2)';\n    document.body.appendChild(this.rightDotForAddColumn);\n\n    //创建+加号 当鼠标hover到圆点上时，显示+加号\n    this.addIconForAddColumn = document.createElement('div');\n    this.addIconForAddColumn.style.width = '18px';\n    this.addIconForAddColumn.style.height = '18px';\n    this.addIconForAddColumn.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.addIconForAddColumn.style.position = 'absolute';\n    this.addIconForAddColumn.style.zIndex = '1001';\n    this.addIconForAddColumn.style.display = 'none';\n    this.addIconForAddColumn.style.borderRadius = '50%';\n    this.addIconForAddColumn.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';\n    this.addIconForAddColumn.style.display = 'flex';\n    this.addIconForAddColumn.style.justifyContent = 'center';\n    this.addIconForAddColumn.style.alignItems = 'center';\n    this.addIconForAddColumn.style.border = '1px solid white';\n    document.body.appendChild(this.addIconForAddColumn);\n\n    //addIcon中添加一个+号\n    const addIconText = document.createElement('div');\n    addIconText.textContent = '+';\n    addIconText.style.color = 'white';\n    addIconText.style.fontSize = '18px';\n    addIconText.style.fontWeight = 'bold';\n    addIconText.style.lineHeight = '15px';\n    addIconText.style.userSelect = 'none';\n    addIconText.style.cursor = 'pointer';\n    addIconText.style.verticalAlign = 'top';\n    addIconText.style.textAlign = 'center';\n\n    this.addIconForAddColumn.appendChild(addIconText);\n\n    // 创建加号下面列间隔线\n    this.addLineForAddColumn = document.createElement('div');\n    this.addLineForAddColumn.style.width = '2px';\n    this.addLineForAddColumn.style.height = '10px';\n    this.addLineForAddColumn.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.addLineForAddColumn.style.position = 'absolute';\n    this.addLineForAddColumn.style.zIndex = '1001';\n    this.addLineForAddColumn.style.display = 'none';\n    document.body.appendChild(this.addLineForAddColumn);\n  }\n  bindEventForAddColumn() {\n    this.leftDotForAddColumn.addEventListener('mouseenter', () => {\n      clearTimeout(this.hideAllTimeoutId_addColumn);\n      this.addIconForAddColumn.style.display = 'block';\n      const dotWidth = this.leftDotForAddColumn.offsetWidth;\n      const dotHeight = this.leftDotForAddColumn.offsetHeight;\n      this.showAddIconForAddColumn(\n        this.leftDotForAddColumn.offsetLeft + dotWidth / 2,\n        this.leftDotForAddColumn.offsetTop + dotHeight / 2,\n        true\n      );\n      this.showSplitLineForAddColumn(\n        this.leftDotForAddColumn.offsetLeft + dotWidth / 2 - 1,\n        this.leftDotForAddColumn.offsetTop + dotHeight / 2 + 2,\n        this.table.getDrawRange().height\n      );\n    });\n\n    this.rightDotForAddColumn.addEventListener('mouseenter', () => {\n      clearTimeout(this.hideAllTimeoutId_addColumn);\n      this.addIconForAddColumn.style.display = 'block';\n      const dotWidth = this.rightDotForAddColumn.offsetWidth;\n      const dotHeight = this.rightDotForAddColumn.offsetHeight;\n      this.showAddIconForAddColumn(\n        this.rightDotForAddColumn.offsetLeft + dotWidth / 2,\n        this.rightDotForAddColumn.offsetTop + dotHeight / 2,\n        false\n      );\n      this.showSplitLineForAddColumn(\n        this.rightDotForAddColumn.offsetLeft + dotWidth / 2 - 1,\n        this.rightDotForAddColumn.offsetTop + dotHeight / 2 + 2,\n        this.table.getDrawRange().height\n      );\n    });\n\n    // this.addIconForAddColumn.addEventListener('mouseenter', () => {\n    //   clearTimeout(this.hideAllTimeoutId_addColumn);\n    // });\n    this.addIconForAddColumn.addEventListener('mouseleave', () => {\n      this.addIconForAddColumn.style.display = 'none';\n      this.addLineForAddColumn.style.display = 'none';\n      this.delayHideAllForAddColumn();\n    });\n\n    this.addIconForAddColumn.addEventListener('click', (e: MouseEvent) => {\n      const isLeft = this.addIconForAddColumn.dataset.addIconType === 'left';\n      const columns = this.table.options.columns;\n      const col = this.hoverCell.col;\n      const addColIndex = isLeft ? col : col + 1;\n      if (this.pluginOptions.addColumnCallback) {\n        this.pluginOptions.addColumnCallback(addColIndex);\n      } else {\n        columns.splice(addColIndex, 0, {\n          field: ``,\n          title: `New Column ${col}`,\n          width: 100\n        });\n        this.table.updateColumns(columns);\n      }\n      this.delayHideAllForAddColumn(0);\n    });\n  }\n  showDotForAddColumn(\n    top: number,\n    left: number,\n    right: number,\n    isShowLeft: boolean = true,\n    isShowRight: boolean = true\n  ) {\n    // 动态获取元素尺寸\n    const dotWidth = this.leftDotForAddColumn.offsetWidth;\n    const dotHeight = this.leftDotForAddColumn.offsetHeight;\n    this.leftDotForAddColumn.style.left = `${left - dotWidth / 2}px`;\n    this.leftDotForAddColumn.style.top = `${top - dotHeight / 2}px`;\n    this.rightDotForAddColumn.style.left = `${right - dotWidth / 2}px`;\n    this.rightDotForAddColumn.style.top = `${top - dotHeight / 2}px`;\n    this.leftDotForAddColumn.style.display = isShowLeft ? 'block' : 'none';\n    this.rightDotForAddColumn.style.display = isShowRight ? 'block' : 'none';\n  }\n  showAddIconForAddColumn(left: number, top: number, isLeft: boolean) {\n    // 动态获取元素尺寸\n    const iconWidth = this.addIconForAddColumn.offsetWidth;\n    const iconHeight = this.addIconForAddColumn.offsetHeight;\n    const dotHeight = this.leftDotForAddColumn.offsetHeight;\n    this.addIconForAddColumn.style.left = `${left - iconWidth / 2}px`;\n    this.addIconForAddColumn.style.top = `${top - iconHeight / 2 - dotHeight / 2}px`;\n    if (isLeft) {\n      this.addIconForAddColumn.dataset.addIconType = 'left';\n    } else {\n      this.addIconForAddColumn.dataset.addIconType = 'right';\n    }\n  }\n  showSplitLineForAddColumn(left: number, top: number, height: number) {\n    this.addLineForAddColumn.style.left = `${left}px`;\n    this.addLineForAddColumn.style.top = `${top}px`;\n    this.addLineForAddColumn.style.height = `${height}px`;\n    this.addLineForAddColumn.style.display = 'block';\n  }\n  delayHideAllForAddColumn(delay: number = 1000) {\n    this.hideAllTimeoutId_addColumn = setTimeout(() => {\n      this.addIconForAddColumn.style.display = 'none';\n      this.addLineForAddColumn.style.display = 'none';\n      this.leftDotForAddColumn.style.display = 'none';\n      this.rightDotForAddColumn.style.display = 'none';\n    }, delay);\n  }\n  // #endregion\n\n  // #region 添加行\n  initAddRowDomElement() {\n    //创建一个div 作为hoverCell的顶部左侧的圆点\n    this.topDotForAddRow = document.createElement('div');\n    this.topDotForAddRow.style.width = '6px';\n    this.topDotForAddRow.style.height = '6px';\n    this.topDotForAddRow.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.topDotForAddRow.style.position = 'absolute';\n    this.topDotForAddRow.style.cursor = 'pointer';\n    this.topDotForAddRow.style.zIndex = '1000';\n    this.topDotForAddRow.style.borderRadius = '50%';\n    this.topDotForAddRow.style.border = '1px solid white';\n    this.topDotForAddRow.style.boxShadow = '0 1px 3px rgba(0,0,0,0.2)';\n    document.body.appendChild(this.topDotForAddRow);\n\n    //创建一个div 作为hoverCell的底部右侧的圆点\n    this.bottomDotForAddRow = document.createElement('div');\n    this.bottomDotForAddRow.style.width = '6px';\n    this.bottomDotForAddRow.style.height = '6px';\n    this.bottomDotForAddRow.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.bottomDotForAddRow.style.position = 'absolute';\n    this.bottomDotForAddRow.style.cursor = 'pointer';\n    this.bottomDotForAddRow.style.zIndex = '1000';\n    this.bottomDotForAddRow.style.borderRadius = '50%';\n    this.bottomDotForAddRow.style.border = '1px solid white';\n    this.bottomDotForAddRow.style.boxShadow = '0 1px 3px rgba(0,0,0,0.2)';\n    document.body.appendChild(this.bottomDotForAddRow);\n\n    //创建+加号 当鼠标hover到圆点上时，显示+加号\n    this.addIconForAddRow = document.createElement('div');\n    this.addIconForAddRow.style.width = '18px';\n    this.addIconForAddRow.style.height = '18px';\n    this.addIconForAddRow.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.addIconForAddRow.style.position = 'absolute';\n    this.addIconForAddRow.style.zIndex = '1001';\n    this.addIconForAddRow.style.display = 'none';\n    this.addIconForAddRow.style.borderRadius = '50%';\n    this.addIconForAddRow.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';\n    this.addIconForAddRow.style.display = 'flex';\n    this.addIconForAddRow.style.justifyContent = 'center';\n    this.addIconForAddRow.style.alignItems = 'center';\n    this.addIconForAddRow.style.border = '1px solid white';\n    document.body.appendChild(this.addIconForAddRow);\n\n    //addIcon中添加一个+号\n    const addIconText = document.createElement('div');\n    addIconText.textContent = '+';\n    addIconText.style.color = 'white';\n    addIconText.style.fontSize = '18px';\n    addIconText.style.fontWeight = 'bold';\n    addIconText.style.lineHeight = '15px';\n    addIconText.style.userSelect = 'none';\n    addIconText.style.cursor = 'pointer';\n    addIconText.style.verticalAlign = 'top';\n    addIconText.style.textAlign = 'center';\n\n    this.addIconForAddRow.appendChild(addIconText);\n\n    // 创建加号下面行间隔线\n    this.addLineForAddRow = document.createElement('div');\n    this.addLineForAddRow.style.width = '10px';\n    this.addLineForAddRow.style.height = '2px';\n    this.addLineForAddRow.style.backgroundColor = '#4A90E2'; // 蓝色\n    this.addLineForAddRow.style.position = 'absolute';\n    this.addLineForAddRow.style.zIndex = '1001';\n    this.addLineForAddRow.style.display = 'none';\n    document.body.appendChild(this.addLineForAddRow);\n  }\n  bindEventForAddRow() {\n    this.topDotForAddRow.addEventListener('mouseenter', () => {\n      clearTimeout(this.hideAllTimeoutId_addRow);\n      this.addIconForAddRow.style.display = 'block';\n      const dotWidth = this.topDotForAddRow.offsetWidth;\n      const dotHeight = this.topDotForAddRow.offsetHeight;\n      this.showAddIconForAddRow(\n        this.topDotForAddRow.offsetLeft + dotWidth / 2,\n        this.topDotForAddRow.offsetTop + dotHeight / 2,\n        true\n      );\n      this.showSplitLineForAddRow(\n        this.topDotForAddRow.offsetLeft + dotWidth + 2,\n        this.topDotForAddRow.offsetTop + dotHeight / 2 - 1,\n        this.table.getDrawRange().width\n      );\n    });\n\n    this.bottomDotForAddRow.addEventListener('mouseenter', () => {\n      clearTimeout(this.hideAllTimeoutId_addRow);\n      this.addIconForAddRow.style.display = 'block';\n      const dotWidth = this.bottomDotForAddRow.offsetWidth;\n      const dotHeight = this.bottomDotForAddRow.offsetHeight;\n      this.showAddIconForAddRow(\n        this.bottomDotForAddRow.offsetLeft + dotWidth / 2,\n        this.bottomDotForAddRow.offsetTop + dotHeight / 2,\n        false\n      );\n      this.showSplitLineForAddRow(\n        this.bottomDotForAddRow.offsetLeft + dotWidth + 2,\n        this.bottomDotForAddRow.offsetTop + dotHeight / 2 - 1,\n        this.table.getDrawRange().height\n      );\n    });\n\n    this.addIconForAddRow.addEventListener('mouseleave', () => {\n      this.addIconForAddRow.style.display = 'none';\n      this.addLineForAddRow.style.display = 'none';\n      this.delayHideAllForAddRow();\n    });\n\n    this.addIconForAddRow.addEventListener('click', (e: MouseEvent) => {\n      const isTop = this.addIconForAddRow.dataset.addIconType === 'top';\n      const row = this.hoverCell.row;\n      const addRowIndex = isTop ? row : row + 1;\n      if (this.pluginOptions.addRowCallback) {\n        this.pluginOptions.addRowCallback(addRowIndex);\n      } else {\n        const recordIndex = this.table.getRecordIndexByCell(0, addRowIndex);\n        this.table.addRecord({}, recordIndex);\n      }\n      this.delayHideAllForAddRow(0);\n    });\n  }\n  showDotForAddRow(top: number, left: number, bottom: number, isShowTop: boolean = true, isShowBottom: boolean = true) {\n    // 动态获取元素尺寸\n    const dotWidth = this.topDotForAddRow.offsetWidth;\n    const dotHeight = this.topDotForAddRow.offsetHeight;\n    this.topDotForAddRow.style.left = `${left - dotWidth / 2}px`;\n    this.topDotForAddRow.style.top = `${top - dotHeight / 2}px`;\n    this.bottomDotForAddRow.style.left = `${left - dotWidth / 2}px`;\n    this.bottomDotForAddRow.style.top = `${bottom - dotHeight / 2}px`;\n    this.topDotForAddRow.style.display = isShowTop ? 'block' : 'none';\n    this.bottomDotForAddRow.style.display = isShowBottom ? 'block' : 'none';\n  }\n  showAddIconForAddRow(left: number, top: number, isTop: boolean) {\n    // 动态获取元素尺寸\n    const iconWidth = this.addIconForAddRow.offsetWidth;\n    const iconHeight = this.addIconForAddRow.offsetHeight;\n    const dotWidth = this.topDotForAddRow.offsetWidth;\n    this.addIconForAddRow.style.left = `${left - iconWidth / 2 - dotWidth / 2}px`;\n    this.addIconForAddRow.style.top = `${top - iconHeight / 2}px`;\n    if (isTop) {\n      this.addIconForAddRow.dataset.addIconType = 'top';\n    } else {\n      this.addIconForAddRow.dataset.addIconType = 'bottom';\n    }\n  }\n  showSplitLineForAddRow(left: number, top: number, width: number) {\n    this.addLineForAddRow.style.left = `${left}px`;\n    this.addLineForAddRow.style.top = `${top}px`;\n    this.addLineForAddRow.style.width = `${width}px`;\n    this.addLineForAddRow.style.display = 'block';\n  }\n  delayHideAllForAddRow(delay: number = 1000) {\n    this.hideAllTimeoutId_addRow = setTimeout(() => {\n      this.addIconForAddRow.style.display = 'none';\n      this.addLineForAddRow.style.display = 'none';\n      this.topDotForAddRow.style.display = 'none';\n      this.bottomDotForAddRow.style.display = 'none';\n    }, delay);\n  }\n  // #endregion\n  release() {\n    this.leftDotForAddColumn.remove();\n    this.rightDotForAddColumn.remove();\n    this.addIconForAddColumn.remove();\n    this.addLineForAddColumn.remove();\n    this.topDotForAddRow.remove();\n    this.bottomDotForAddRow.remove();\n    this.addIconForAddRow.remove();\n    this.addLineForAddRow.remove();\n  }\n}\n"]}

package/cjs/carousel-animation.js

@@ -73,4 +73,5 @@ class CarouselAnimationPlugin {
     }
 }
 
-exports.CarouselAnimationPlugin = CarouselAnimationPlugin;
+exports.CarouselAnimationPlugin = CarouselAnimationPlugin;
+//# sourceMappingURL=carousel-animation.js.map

package/cjs/column-series.d.ts

@@ -0,0 +1,29 @@
+import * as VTable from '@visactor/vtable';
+export interface ColumnSeriesOptions {
+    columnCount: number;
+    generateColumnTitle?: (index: number) => string;
+    generateColumnField?: (index: number) => string;
+    autoExtendColumn?: boolean;
+}
+export declare class ColumnSeriesPlugin implements VTable.plugins.IVTablePlugin {
+    id: string;
+    runTime: ("before_keydown" | "before_init")[];
+    pluginOptions: ColumnSeriesOptions;
+    table: VTable.ListTable;
+    columns: {
+        field?: string;
+        title: string;
+    }[];
+    constructor(pluginOptions: ColumnSeriesOptions);
+    run(...args: any[]): void;
+    generateColumns(columnCount: number): {
+        field?: string;
+        title: string;
+    }[];
+    generateColumn(index: number): {
+        field?: string;
+        title: string;
+    };
+    generateColumnField(index: number): string;
+    resetColumnCount(columnCount: number): void;
+}

package/cjs/column-series.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ColumnSeriesPlugin = void 0;
+
+const VTable = __importStar(require("@visactor/vtable"));
+
+class ColumnSeriesPlugin {
+    constructor(pluginOptions) {
+        this.id = "column-series", this.runTime = [ VTable.TABLE_EVENT_TYPE.BEFORE_INIT, VTable.TABLE_EVENT_TYPE.BEFORE_KEYDOWN ], 
+        this.columns = [], this.pluginOptions = Object.assign({
+            columnCount: 100,
+            autoExtendColumn: !0
+        }, pluginOptions);
+    }
+    run(...args) {
+        if (args[1] === VTable.TABLE_EVENT_TYPE.BEFORE_INIT) {
+            const eventArgs = args[0], table = args[2];
+            this.table = table;
+            const options = eventArgs.options;
+            this.columns = this.generateColumns(this.pluginOptions.columnCount), options.columns = this.columns;
+        } else if (args[1] === VTable.TABLE_EVENT_TYPE.BEFORE_KEYDOWN) {
+            "ArrowRight" === args[0].event.key && this.pluginOptions.autoExtendColumn && this.table.stateManager.select.cellPos.col === this.table.colCount - 1 && this.table.addColumn(this.generateColumn(this.table.colCount - 1));
+        }
+    }
+    generateColumns(columnCount) {
+        const columnFields = [];
+        for (let i = 0; i < columnCount; i++) columnFields.push(this.generateColumn(i));
+        return columnFields;
+    }
+    generateColumn(index) {
+        return {
+            title: this.pluginOptions.generateColumnTitle ? this.pluginOptions.generateColumnTitle(index) : this.generateColumnField(index)
+        };
+    }
+    generateColumnField(index) {
+        if (index < 26) return String.fromCharCode(65 + index);
+        const title = [];
+        for (index++; index > 0; ) index--, title.unshift(String.fromCharCode(65 + index % 26)), 
+        index = Math.floor(index / 26);
+        return title.join("");
+    }
+    resetColumnCount(columnCount) {
+        this.pluginOptions.columnCount = columnCount, this.columns = this.generateColumns(columnCount), 
+        this.table.updateColumns(this.columns);
+    }
+}
+
+exports.ColumnSeriesPlugin = ColumnSeriesPlugin;
+//# sourceMappingURL=column-series.js.map

package/cjs/column-series.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["column-series.ts"],"names":[],"mappings":"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","file":"column-series.js","sourcesContent":["import * as VTable from '@visactor/vtable';\n/**\n * 添加行和列的插件的配置选项\n */\nexport interface ColumnSeriesOptions {\n  columnCount: number;\n  generateColumnTitle?: (index: number) => string;\n  generateColumnField?: (index: number) => string;\n  /**\n   * 是否自动扩展列\n   * @default true\n   */\n  autoExtendColumn?: boolean;\n}\n/**\n * 生成列序号标题的插件\n */\nexport class ColumnSeriesPlugin implements VTable.plugins.IVTablePlugin {\n  id = 'column-series';\n  runTime = [VTable.TABLE_EVENT_TYPE.BEFORE_INIT, VTable.TABLE_EVENT_TYPE.BEFORE_KEYDOWN];\n  pluginOptions: ColumnSeriesOptions;\n  table: VTable.ListTable;\n  columns: { field?: string; title: string }[] = [];\n  constructor(pluginOptions: ColumnSeriesOptions) {\n    this.pluginOptions = Object.assign({ columnCount: 100, autoExtendColumn: true }, pluginOptions);\n  }\n  run(...args: any[]) {\n    if (args[1] === VTable.TABLE_EVENT_TYPE.BEFORE_INIT) {\n      const eventArgs = args[0];\n      const table: VTable.BaseTableAPI = args[2];\n      this.table = table as VTable.ListTable;\n      const options = eventArgs.options;\n      //根据pluginOptions的columnCount组织columns，column的title生成规则和excel一致，如A~Z,AA~AZ,AB~AZ,AA~ZZ,AAA~ZZZ\n      this.columns = this.generateColumns(this.pluginOptions.columnCount);\n      options.columns = this.columns;\n    } else if (args[1] === VTable.TABLE_EVENT_TYPE.BEFORE_KEYDOWN) {\n      const eventArgs = args[0];\n      const e = eventArgs.event;\n      if (e.key === 'ArrowRight') {\n        if (\n          this.pluginOptions.autoExtendColumn &&\n          this.table.stateManager.select.cellPos.col === this.table.colCount - 1\n        ) {\n          this.table.addColumn(this.generateColumn(this.table.colCount - 1) as VTable.ColumnDefine);\n        }\n      }\n    }\n  }\n  /**\n   * 生成列字段和标题\n   * 规则和excel一致，如A~Z,AA~AZ,AB~AZ,AA~ZZ,AAA~ZZZ\n   * @param columnCount 列数\n   * @returns 列字段和标题的数组\n   */\n  generateColumns(columnCount: number): { field?: string; title: string }[] {\n    const columnFields = [];\n    for (let i = 0; i < columnCount; i++) {\n      columnFields.push(this.generateColumn(i));\n    }\n    return columnFields;\n  }\n  generateColumn(index: number): { field?: string; title: string } {\n    const column = {\n      // field: this.pluginOptions.generateColumnField\n      //   ? this.pluginOptions.generateColumnField(i)\n      //   : this.generateColumnField(i),\n      title: this.pluginOptions.generateColumnTitle\n        ? this.pluginOptions.generateColumnTitle(index)\n        : this.generateColumnField(index)\n    };\n    return column;\n  }\n  /**\n   * 生成excel的列标题，规则和excel一致，如A~Z,AA~AZ,AB~AZ,AA~ZZ,AAA~ZZZ\n   * @param index 从0开始\n   * @returns\n   */\n  generateColumnField(index: number): string {\n    // 处理0-25的情况（A-Z）\n    if (index < 26) {\n      return String.fromCharCode(65 + index);\n    }\n\n    const title = [];\n    index++; // 调整索引，使得第一个26变成AA\n\n    while (index > 0) {\n      index--; // 每次循环前减1，以正确处理进位\n      title.unshift(String.fromCharCode(65 + (index % 26)));\n      index = Math.floor(index / 26);\n    }\n\n    return title.join('');\n  }\n\n  resetColumnCount(columnCount: number) {\n    this.pluginOptions.columnCount = columnCount;\n    this.columns = this.generateColumns(columnCount);\n    this.table.updateColumns(this.columns as VTable.ColumnsDefine);\n  }\n}\n"]}

package/cjs/excel-edit-cell-keyboard.d.ts

@@ -0,0 +1,16 @@
+import * as VTable from '@visactor/vtable';
+import type { TableEvents } from '@visactor/vtable/src/core/TABLE_EVENT_TYPE';
+import type { EventArg } from './types';
+export type IExcelEditCellKeyboardPluginOptions = {};
+export declare class ExcelEditCellKeyboardPlugin implements VTable.plugins.IVTablePlugin {
+    id: string;
+    runTime: "initialized"[];
+    table: VTable.ListTable;
+    pluginOptions: IExcelEditCellKeyboardPluginOptions;
+    constructor(pluginOptions?: IExcelEditCellKeyboardPluginOptions);
+    run(...args: [EventArg, TableEvents[keyof TableEvents] | TableEvents[keyof TableEvents][], VTable.BaseTableAPI]): void;
+    bindEvent(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    isExcelShortcutKey(event: KeyboardEvent): boolean;
+    release(): void;
+}

package/cjs/excel-edit-cell-keyboard.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ExcelEditCellKeyboardPlugin = void 0;
+
+const VTable = __importStar(require("@visactor/vtable"));
+
+class ExcelEditCellKeyboardPlugin {
+    constructor(pluginOptions) {
+        this.id = "excel-edit-cell-keyboard", this.runTime = [ VTable.TABLE_EVENT_TYPE.INITIALIZED ], 
+        this.pluginOptions = pluginOptions, this.bindEvent();
+    }
+    run(...args) {
+        const table = args[2];
+        this.table = table;
+    }
+    bindEvent() {
+        document.addEventListener("keydown", this.handleKeyDown.bind(this), !0);
+    }
+    handleKeyDown(event) {
+        if (this.table.editorManager) if ("keydown" === this.table.editorManager.beginTriggerEditCellMode) {
+            if (this.table.editorManager.editingEditor && this.isExcelShortcutKey(event)) {
+                const {col: col, row: row} = this.table.editorManager.editCell;
+                this.table.editorManager.completeEdit(), this.table.getElement().focus(), event.shiftKey || event.ctrlKey || event.metaKey || ("Enter" === event.key ? this.table.selectCell(col, row + 1) : "Tab" === event.key ? this.table.selectCell(col + 1, row) : "ArrowLeft" === event.key ? this.table.selectCell(col - 1, row) : "ArrowRight" === event.key ? this.table.selectCell(col + 1, row) : "ArrowDown" === event.key ? this.table.selectCell(col, row + 1) : "ArrowUp" === event.key && this.table.selectCell(col, row - 1), 
+                event.stopPropagation(), event.preventDefault());
+            }
+        } else {
+            const {col: col, row: row} = this.table.stateManager.select.cellPos;
+            if (!this.table.editorManager.editingEditor || "Enter" !== event.key && "Tab" !== event.key) {
+                if ("Delete" === event.key) {
+                    const selectCells = this.table.getSelectedCellInfos();
+                    (null == selectCells ? void 0 : selectCells.length) > 0 && deleteSelectRange(selectCells, this.table), 
+                    event.stopPropagation(), event.preventDefault();
+                }
+            } else this.table.editorManager.completeEdit(), this.table.getElement().focus(), 
+            "Enter" === event.key ? this.table.selectCell(col, row + 1) : "Tab" === event.key && this.table.selectCell(col + 1, row), 
+            event.stopPropagation(), event.preventDefault();
+        }
+    }
+    isExcelShortcutKey(event) {
+        return "Enter" === event.key || "Tab" === event.key || "ArrowLeft" === event.key || "ArrowRight" === event.key || "ArrowDown" === event.key || "ArrowUp" === event.key;
+    }
+    release() {
+        document.removeEventListener("keydown", this.handleKeyDown, !0);
+    }
+}
+
+function deleteSelectRange(selectCells, tableInstance) {
+    for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) tableInstance.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, "");
+}
+
+//# sourceMappingURL=excel-edit-cell-keyboard.js.map
+exports.ExcelEditCellKeyboardPlugin = ExcelEditCellKeyboardPlugin;

package/cjs/excel-edit-cell-keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["excel-edit-cell-keyboard.ts"],"names":[],"mappings":"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","file":"excel-edit-cell-keyboard.js","sourcesContent":["import type { CellRange } from '@visactor/vtable/es/ts-types';\nimport type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';\nimport * as VTable from '@visactor/vtable';\nimport type { TableEvents } from '@visactor/vtable/src/core/TABLE_EVENT_TYPE';\nimport type { EventArg } from './types';\n//备用 插件配置项 目前感觉都走默认逻辑就行\nexport type IExcelEditCellKeyboardPluginOptions = {\n  // 是否响应删除\n  // enableDeleteKey?: boolean;\n};\n\nexport class ExcelEditCellKeyboardPlugin implements VTable.plugins.IVTablePlugin {\n  id = 'excel-edit-cell-keyboard';\n  runTime = [VTable.TABLE_EVENT_TYPE.INITIALIZED];\n  table: VTable.ListTable;\n  pluginOptions: IExcelEditCellKeyboardPluginOptions;\n  constructor(pluginOptions?: IExcelEditCellKeyboardPluginOptions) {\n    this.pluginOptions = pluginOptions;\n\n    this.bindEvent();\n  }\n  run(...args: [EventArg, TableEvents[keyof TableEvents] | TableEvents[keyof TableEvents][], VTable.BaseTableAPI]) {\n    const table: VTable.BaseTableAPI = args[2];\n    this.table = table as VTable.ListTable;\n  }\n\n  bindEvent() {\n    //监听document全局的keydown事件 捕获阶段监听 可以及时阻止事件传播和默认行为\n    document.addEventListener('keydown', this.handleKeyDown.bind(this), true);\n    //   this.table.on('selected_cell', () => {\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  handleKeyDown(event: KeyboardEvent) {\n    if (this.table.editorManager) {\n      //判断是键盘触发编辑单元格的情况下，那么在编辑状态中切换方向需要选中下一个继续编辑\n      if (this.table.editorManager.beginTriggerEditCellMode === 'keydown') {\n        if (this.table.editorManager.editingEditor && this.isExcelShortcutKey(event)) {\n          const { col, row } = this.table.editorManager.editCell;\n          this.table.editorManager.completeEdit();\n          this.table.getElement().focus();\n          if (!event.shiftKey && !event.ctrlKey && !event.metaKey) {\n            //有这些配合键，则不进行选中下一个单元格的行为 执行vtable内部逻辑\n            if (event.key === 'Enter') {\n              this.table.selectCell(col, row + 1);\n            } else if (event.key === 'Tab') {\n              this.table.selectCell(col + 1, row);\n            } else if (event.key === 'ArrowLeft') {\n              this.table.selectCell(col - 1, row);\n            } else if (event.key === 'ArrowRight') {\n              this.table.selectCell(col + 1, row);\n            } else if (event.key === 'ArrowDown') {\n              this.table.selectCell(col, row + 1);\n            } else if (event.key === 'ArrowUp') {\n              this.table.selectCell(col, row - 1);\n            }\n            // 阻止事件传播和默认行为\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }\n      } else {\n        const { col, row } = this.table.stateManager.select.cellPos;\n        if (this.table.editorManager.editingEditor && (event.key === 'Enter' || event.key === 'Tab')) {\n          this.table.editorManager.completeEdit();\n          this.table.getElement().focus();\n          if (event.key === 'Enter') {\n            this.table.selectCell(col, row + 1);\n          } else if (event.key === 'Tab') {\n            this.table.selectCell(col + 1, row);\n          }\n          // 阻止事件传播和默认行为\n          event.stopPropagation();\n          event.preventDefault();\n        } else if (event.key === 'Delete') {\n          //响应删除键，删除\n          const selectCells = this.table.getSelectedCellInfos();\n          if (selectCells?.length > 0) {\n            // 如果选中的是范围，则删除范围内的所有单元格\n            deleteSelectRange(selectCells, this.table);\n          }\n          // 阻止事件传播和默认行为\n          event.stopPropagation();\n          event.preventDefault();\n        }\n      }\n    }\n  }\n  // 判断event的keyCode是否是excel的快捷键\n  isExcelShortcutKey(event: KeyboardEvent) {\n    return (\n      event.key === 'Enter' ||\n      event.key === 'Tab' ||\n      event.key === 'ArrowLeft' ||\n      event.key === 'ArrowRight' ||\n      event.key === 'ArrowDown' ||\n      event.key === 'ArrowUp'\n    );\n  }\n  release() {\n    document.removeEventListener('keydown', this.handleKeyDown, true);\n  }\n}\n//将选中单元格的值设置为空\nfunction deleteSelectRange(selectCells: VTable.TYPES.CellInfo[][], tableInstance: VTable.ListTable) {\n  for (let i = 0; i < selectCells.length; i++) {\n    for (let j = 0; j < selectCells[i].length; j++) {\n      tableInstance.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, '');\n    }\n  }\n}\n"]}

package/cjs/focus-highlight.d.ts

@@ -0,0 +1,23 @@
+import type { Group } from '@visactor/vtable/es/scenegraph/graphic/group';
+import type { CellAddress, CellRange } from '@visactor/vtable/es/ts-types';
+import type { BaseTableAPI } from '@visactor/vtable/es/ts-types/base-table';
+import type * as VTable from '@visactor/vtable';
+export interface FocusHighlightPluginOptions {
+    fill?: string;
+    opacity?: number;
+    highlightRange?: CellAddress | CellRange;
+}
+export declare class FocusHighlightPlugin implements VTable.plugins.IVTablePlugin {
+    id: string;
+    name: string;
+    runTime: ("selected_cell" | "selected_clear" | "initialized")[];
+    table: BaseTableAPI;
+    range?: CellRange;
+    pluginOptions: FocusHighlightPluginOptions;
+    constructor(options?: FocusHighlightPluginOptions);
+    run(...args: any[]): void;
+    setFocusHighlightRange(range?: CellAddress | CellRange): void;
+    deleteAllCellGroupShadow(): void;
+    updateCellGroupShadow(): void;
+    updateCellGroupShadowInContainer(container: Group, range?: CellAddress | CellRange): void;
+}