office-viewer 0.2.1 → 0.3.0

package/esm/excel/render/drawing/getOneCellAnchorPosition.js

@@ -0,0 +1,31 @@
+import { emuToPx } from '../../../util/emuToPx.js';
+
+function getOneCellAnchorPosition(oneCellAnchor, sheet) {
+    var _a, _b, _c, _d, _e;
+    var x = 0;
+    var y = 0;
+    var width = 0;
+    var height = 0;
+    var from = (_a = oneCellAnchor.from) === null || _a === void 0 ? void 0 : _a[0];
+    if (from) {
+        var cellRow = ((_b = from.row) === null || _b === void 0 ? void 0 : _b[0]) || 0;
+        var cellRowOffset = emuToPx((_c = from.rowOff) === null || _c === void 0 ? void 0 : _c[0]);
+        var cellCol = ((_d = from.col) === null || _d === void 0 ? void 0 : _d[0]) || 0;
+        var cellColOffset = emuToPx((_e = from.colOff) === null || _e === void 0 ? void 0 : _e[0]);
+        var cellPosition = sheet.getCellPosition(cellRow, cellCol);
+        return {
+            x: cellPosition.x,
+            y: cellPosition.y,
+            width: cellColOffset,
+            height: cellRowOffset
+        };
+    }
+    return {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+    };
+}
+
+export { getOneCellAnchorPosition };

package/esm/excel/render/drawing/getPositionByMaker.d.ts

@@ -0,0 +1,11 @@
+import { CT_Marker } from '../../../openxml/ExcelTypes';
+import { Sheet } from '../../sheet/Sheet';
+/**
+ * 基于 maker 计算位置信息
+ */
+export declare function getPositionByMaker(maker: CT_Marker, sheet: Sheet): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/esm/excel/render/drawing/getRectFromAnchorPoint.d.ts

@@ -0,0 +1,18 @@
+import { CT_Marker } from '../../../openxml/ExcelTypes';
+import { Sheet } from '../../sheet/Sheet';
+import { ViewRange } from 'src/excel/sheet/ViewRange';
+export declare function getRectFromOneAnchorPoint(currentSheet: Sheet, cell: CT_Marker, viewRange: ViewRange): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * 基于 Anchor Point 计算位置信息
+ */
+export declare function getRectFromTwoAnchorPoint(currentSheet: Sheet, from: CT_Marker, to: CT_Marker, viewRange: ViewRange): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/esm/excel/render/drawing/getRectFromAnchorPoint.js

@@ -0,0 +1,43 @@
+import { emuToPx } from '../../../util/emuToPx.js';
+import { findPositionInViewRange } from './findPositionInViewRange.js';
+
+function getRectFromOneAnchorPoint(currentSheet, cell, viewRange) {
+    var _a, _b, _c, _d;
+    var cellRow = ((_a = cell.row) === null || _a === void 0 ? void 0 : _a[0]) || 0;
+    var cellRowOffset = emuToPx((_b = cell.rowOff) === null || _b === void 0 ? void 0 : _b[0]);
+    var cellCol = ((_c = cell.col) === null || _c === void 0 ? void 0 : _c[0]) || 0;
+    var cellColOffset = emuToPx((_d = cell.colOff) === null || _d === void 0 ? void 0 : _d[0]);
+    var cellPosition = findPositionInViewRange(currentSheet, cellRow, cellCol, viewRange);
+    return {
+        x: cellPosition.x,
+        y: cellPosition.y,
+        width: cellColOffset,
+        height: cellRowOffset
+    };
+}
+/**
+ * 基于 Anchor Point 计算位置信息
+ */
+function getRectFromTwoAnchorPoint(currentSheet, from, to, viewRange) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var fromRow = ((_a = from.row) === null || _a === void 0 ? void 0 : _a[0]) || 0;
+    var fromRowOffset = emuToPx((_b = from.rowOff) === null || _b === void 0 ? void 0 : _b[0]);
+    var fromCol = ((_c = from.col) === null || _c === void 0 ? void 0 : _c[0]) || 0;
+    var fromColOffset = emuToPx((_d = from.colOff) === null || _d === void 0 ? void 0 : _d[0]);
+    var toRow = ((_e = to.row) === null || _e === void 0 ? void 0 : _e[0]) || 0;
+    var toRowOffset = emuToPx((_f = to.rowOff) === null || _f === void 0 ? void 0 : _f[0]);
+    var toCol = ((_g = to.col) === null || _g === void 0 ? void 0 : _g[0]) || 0;
+    var toColOffset = emuToPx((_h = to.colOff) === null || _h === void 0 ? void 0 : _h[0]);
+    var fromPosition = findPositionInViewRange(currentSheet, fromRow, fromCol, viewRange);
+    var toPosition = findPositionInViewRange(currentSheet, toRow, toCol, viewRange);
+    var x = fromPosition.x + fromColOffset;
+    var y = fromPosition.y + fromRowOffset;
+    return {
+        x: x,
+        y: y,
+        width: toPosition.x + toColOffset - x,
+        height: toPosition.y + toRowOffset - y
+    };
+}
+
+export { getRectFromOneAnchorPoint, getRectFromTwoAnchorPoint };

package/esm/excel/render/drawing/getTwoCellAnchorPosition.d.ts

@@ -0,0 +1,8 @@
+import { CT_TwoCellAnchor } from '../../../openxml/ExcelTypes';
+import { Sheet } from '../../sheet/Sheet';
+export declare function getTwoCellAnchorPosition(twoCellAnchor: CT_TwoCellAnchor, sheet: Sheet): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/esm/excel/render/drawing/getTwoCellAnchorPosition.js

@@ -0,0 +1,37 @@
+import { emuToPx } from '../../../util/emuToPx.js';
+
+function getTwoCellAnchorPosition(twoCellAnchor, sheet) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var from = (_a = twoCellAnchor.from) === null || _a === void 0 ? void 0 : _a[0];
+    var to = (_b = twoCellAnchor.to) === null || _b === void 0 ? void 0 : _b[0];
+    if (!from || !to) {
+        return {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        };
+    }
+    var fromRow = ((_c = from.row) === null || _c === void 0 ? void 0 : _c[0]) || 0;
+    var fromRowOffset = emuToPx((_d = from.rowOff) === null || _d === void 0 ? void 0 : _d[0]);
+    var fromCol = ((_e = from.col) === null || _e === void 0 ? void 0 : _e[0]) || 0;
+    var fromColOffset = emuToPx((_f = from.colOff) === null || _f === void 0 ? void 0 : _f[0]);
+    var fromPosition = sheet.getCellPosition(fromRow, fromCol);
+    var toRow = ((_g = to.row) === null || _g === void 0 ? void 0 : _g[0]) || 0;
+    var toRowOffset = emuToPx((_h = to.rowOff) === null || _h === void 0 ? void 0 : _h[0]);
+    var toCol = ((_j = to.col) === null || _j === void 0 ? void 0 : _j[0]) || 0;
+    var toColOffset = emuToPx((_k = to.colOff) === null || _k === void 0 ? void 0 : _k[0]);
+    var toPosition = sheet.getCellPosition(toRow, toCol);
+    var x = fromPosition.x + fromColOffset;
+    var y = fromPosition.y + fromRowOffset;
+    var width = toPosition.x + toColOffset - x;
+    var height = toPosition.y + toRowOffset - y;
+    return {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+    };
+}
+
+export { getTwoCellAnchorPosition };

package/esm/excel/render/formulaBar/FormulaBar.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 公式栏
+ */
+import { Workbook } from '../../Workbook';
+import { ExcelRenderOptions } from '../../sheet/ExcelRenderOptions';
+import { CellData } from '../../types/worksheet/CellData';
+import { Input } from '../ui/Input';
+export declare class FormulaBar {
+    dom: HTMLElement;
+    /**
+     * 左侧的单元格名称
+     */
+    nameBox?: HTMLElement;
+    /**
+     * 右侧的输入框
+     */
+    textBox?: HTMLElement;
+    workbook: Workbook;
+    textInput: Input;
+    cellData?: CellData;
+    constructor(dom: HTMLElement, workbook: Workbook, renderOptions: ExcelRenderOptions);
+    initDom(): void;
+    getActiveCell(): import("../../types/RangeRef").RangeRef | null;
+    /**
+     * 同步 dom 节点
+     */
+    sync(): void;
+    changeCellValue(value: string): void;
+}

package/esm/excel/render/formulaBar/FormulaBar.js

@@ -0,0 +1,86 @@
+import { H } from '../../../util/H.js';
+import { isSingleCell } from '../../io/excel/util/Range.js';
+import { numberToLetters } from '../../io/excel/util/numberToLetters.js';
+import { updateValue } from '../../types/worksheet/CellData.js';
+import { Input } from '../ui/Input.js';
+
+/**
+ * 公式栏
+ */
+var FormulaBar = /** @class */ (function () {
+    function FormulaBar(dom, workbook, renderOptions) {
+        var _this = this;
+        this.dom = dom;
+        this.workbook = workbook;
+        if (!renderOptions.showFormulaBar) {
+            return;
+        }
+        this.initDom();
+        workbook.uiEvent.on('SWITCH_SHEET', function () {
+            _this.sync();
+        });
+        workbook.uiEvent.on('CHANGE_SELECTION', function () {
+            _this.sync();
+        });
+    }
+    FormulaBar.prototype.initDom = function () {
+        var _this = this;
+        var nameBox = H('div', {
+            className: 'ov-excel-formula-bar__name-box',
+            parent: this.dom
+        });
+        this.nameBox = nameBox;
+        var textBox = H('div', {
+            className: 'ov-excel-formula-bar__text-box',
+            parent: this.dom
+        });
+        this.textBox = textBox;
+        var textInput = new Input(textBox, '', '', function (value) {
+            _this.changeCellValue(value);
+        }, 'borderLess');
+        this.textInput = textInput;
+    };
+    FormulaBar.prototype.getActiveCell = function () {
+        var currentSheet = this.workbook.getActiveSheet();
+        var selection = currentSheet.getSelection();
+        if (!selection) {
+            return null;
+        }
+        return selection.activeCell;
+    };
+    /**
+     * 同步 dom 节点
+     */
+    FormulaBar.prototype.sync = function () {
+        var currentSheet = this.workbook.getActiveSheet();
+        var activeCell = this.getActiveCell();
+        if (!activeCell) {
+            return;
+        }
+        if (isSingleCell(activeCell) || currentSheet.isMergeCell(activeCell)) {
+            var cellInfo = this.workbook
+                .getActiveSheet()
+                .getCellInfo(activeCell.startRow, activeCell.startCol);
+            this.textInput.setValue(cellInfo.text);
+            this.cellData = currentSheet.getCellData(activeCell.startRow, activeCell.startCol);
+        }
+        else {
+            this.textInput.setValue('');
+        }
+        this.nameBox.innerText = "".concat(numberToLetters(activeCell.startCol)).concat(activeCell.startRow + 1);
+    };
+    FormulaBar.prototype.changeCellValue = function (value) {
+        var currentSheet = this.workbook.getActiveSheet();
+        var activeCell = this.getActiveCell();
+        if (!activeCell) {
+            return;
+        }
+        if (isSingleCell(activeCell) || currentSheet.isMergeCell(activeCell)) {
+            currentSheet.updateCellValue(activeCell.startRow, activeCell.startCol, updateValue(value, this.cellData));
+            this.workbook.uiEvent.emit('UPDATE_RANGE', currentSheet.getIndex(), activeCell);
+        }
+    };
+    return FormulaBar;
+}());
+
+export { FormulaBar };

package/esm/excel/render/grid/drawGridLines.d.ts

@@ -0,0 +1,12 @@
+import { GridLineOptions } from '../../sheet/ExcelRenderOptions';
+import { Sheet } from '../../sheet/Sheet';
+import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { SheetCanvas, Line } from '../SheetCanvas';
+/**
+ * 生成网格线
+ */
+export declare function generateGridLines(currentSheet: Sheet, viewRange: ViewRange, width: number, height: number): Line[];
+/**
+ * 绘制网格线
+ */
+export declare function drawGridLines(currentSheet: Sheet, viewRange: ViewRange, canvas: SheetCanvas, height: number, width: number, gridLineOptions: GridLineOptions): void;

package/esm/excel/render/grid/drawGridLines.js

@@ -0,0 +1,40 @@
+/**
+ * 生成网格线
+ */
+function generateGridLines(currentSheet, viewRange, width, height) {
+    var rows = viewRange.rows, rowSizes = viewRange.rowSizes, cols = viewRange.cols, colSizes = viewRange.colSizes;
+    var lines = [];
+    // 水平线
+    for (var index = 0; index < rows.length; index++) {
+        var currentRowOffset = rowSizes[index].offset;
+        lines.push({
+            x1: 0,
+            y1: currentRowOffset,
+            x2: width,
+            y2: currentRowOffset
+        });
+    }
+    // 垂直线
+    for (var index = 0; index < cols.length; index++) {
+        var currentColOffset = colSizes[index].offset;
+        lines.push({
+            x1: currentColOffset,
+            y1: 0,
+            x2: currentColOffset,
+            y2: height
+        });
+    }
+    return lines;
+}
+/**
+ * 绘制网格线
+ */
+function drawGridLines(currentSheet, viewRange, canvas, height, width, gridLineOptions) {
+    if (!currentSheet.showGridLines()) {
+        return;
+    }
+    var lines = generateGridLines(currentSheet, viewRange, width, height);
+    canvas.drawLines(lines, gridLineOptions.gridLineColor);
+}
+
+export { drawGridLines, generateGridLines };

package/esm/excel/render/header/drawRowColHeaders.d.ts

@@ -0,0 +1,10 @@
+import { ExcelRenderOptions } from '../../sheet/ExcelRenderOptions';
+import { Sheet } from '../../sheet/Sheet';
+import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { FontSize } from '../../types/FontSize';
+import { FontStyle } from '../../types/FontStyle';
+import { SheetCanvas } from '../SheetCanvas';
+/**
+ * 绘制行列的表头
+ */
+export declare function drawRowColHeaders(currentSheet: Sheet, viewRange: ViewRange, sheetCanvas: SheetCanvas, renderOptions: ExcelRenderOptions, defaultFontSize: FontSize, defaultFontStyle: FontStyle): void;

package/esm/excel/render/header/drawRowColHeaders.js

@@ -0,0 +1,144 @@
+import { __values } from 'tslib';
+import { numberToLetters } from '../../io/excel/util/numberToLetters.js';
+import { genFontStr } from '../cell/genFontStr.js';
+
+/**
+ * 绘制行列的表头
+ */
+function drawRowColHeaders(currentSheet, viewRange, sheetCanvas, renderOptions, defaultFontSize, defaultFontStyle) {
+    var e_1, _a, e_2, _b;
+    var rows = viewRange.rows, startRowOffset = viewRange.startRowOffset, height = viewRange.height, width = viewRange.width, cols = viewRange.cols, startColOffset = viewRange.startColOffset;
+    var _c = currentSheet.getRowColSize(), rowHeaderWidth = _c.rowHeaderWidth, colHeaderHeight = _c.colHeaderHeight;
+    var gridLineColor = renderOptions.gridLineColor, rowColHeadersBgColor = renderOptions.rowColHeadersBackgroundColor, hiddenRowColHeadersLineColor = renderOptions.hiddenRowColHeadersLineColor;
+    var currentRowOffset = startRowOffset;
+    // 竖向的背景
+    sheetCanvas.drawRect(0, 0, rowHeaderWidth, height, rowColHeadersBgColor);
+    var font = genFontStr(defaultFontStyle);
+    var color = renderOptions.rowColHeadersColor;
+    var hasHiddenRow = false;
+    try {
+        // 绘制竖向的线表头
+        for (var rows_1 = __values(rows), rows_1_1 = rows_1.next(); !rows_1_1.done; rows_1_1 = rows_1.next()) {
+            var i = rows_1_1.value;
+            // 绘制竖向的文字
+            var rowHeight = currentSheet.getRowHeight(i);
+            // 为零就代表隐藏，标记一下
+            if (rowHeight === 0) {
+                hasHiddenRow = true;
+                continue;
+            }
+            // 横向的线
+            var lineY = currentRowOffset + colHeaderHeight;
+            sheetCanvas.drawLine({
+                x1: 0,
+                y1: lineY,
+                x2: rowHeaderWidth,
+                y2: lineY
+            }, gridLineColor);
+            // 如果有隐藏内容的情况
+            if (hasHiddenRow) {
+                // 重置一下
+                hasHiddenRow = false;
+                sheetCanvas.drawLine({
+                    x1: 0,
+                    y1: lineY,
+                    x2: rowHeaderWidth,
+                    y2: lineY
+                }, hiddenRowColHeadersLineColor, 3);
+            }
+            else {
+                sheetCanvas.drawLine({
+                    x1: 0,
+                    y1: lineY,
+                    x2: rowHeaderWidth,
+                    y2: lineY
+                }, gridLineColor);
+            }
+            var textSize = String(i + 1).length;
+            var textWidth = textSize * defaultFontSize.width;
+            sheetCanvas.drawText(font, color, String(i + 1), (rowHeaderWidth - textWidth) / 2, currentRowOffset +
+                (rowHeight - defaultFontSize.height) / 2 +
+                colHeaderHeight, 'top');
+            currentRowOffset += rowHeight;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (rows_1_1 && !rows_1_1.done && (_a = rows_1.return)) _a.call(rows_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    // 绘制最左侧的线，目前 office 365 是不绘制的
+    // sheetCanvas.drawLine(
+    //   {
+    //     x1: 0,
+    //     y1: 0,
+    //     x2: 0,
+    //     y2: currentRowOffset + colHeaderHeight
+    //   },
+    //   gridLineColor
+    // );
+    // 横向的背景
+    sheetCanvas.drawRect(0, 0, width, colHeaderHeight, rowColHeadersBgColor);
+    var currentColOffset = startColOffset;
+    // 横向字体的 Y 坐标，这个是固定的
+    var colTextY = (colHeaderHeight - defaultFontSize.height) / 2;
+    // 绘制横向的线表头
+    // 上一个列的索引
+    var lastColIndex = 0;
+    try {
+        for (var cols_1 = __values(cols), cols_1_1 = cols_1.next(); !cols_1_1.done; cols_1_1 = cols_1.next()) {
+            var i = cols_1_1.value;
+            var colWidth = currentSheet.getColWidth(i);
+            // 竖向的线
+            var lineX = currentColOffset + rowHeaderWidth;
+            // 如果当前索引比上一个索引大 1 以上，就代表有隐藏的列
+            var hasHiddenCol = i - lastColIndex > 1;
+            if (hasHiddenCol) {
+                sheetCanvas.drawLine({
+                    x1: lineX,
+                    y1: 0,
+                    x2: lineX,
+                    y2: colHeaderHeight
+                }, hiddenRowColHeadersLineColor, 3);
+            }
+            else {
+                sheetCanvas.drawLine({
+                    x1: lineX,
+                    y1: 0,
+                    x2: lineX,
+                    y2: colHeaderHeight
+                }, gridLineColor);
+            }
+            // 绘制横向的文字
+            var text = numberToLetters(i);
+            var textSize = text.length;
+            var textWidth = textSize * defaultFontSize.width;
+            sheetCanvas.drawText(font, color, text, currentColOffset + (colWidth - textWidth) / 2 + rowHeaderWidth, colTextY, 'top');
+            currentColOffset += colWidth;
+            lastColIndex = i;
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (cols_1_1 && !cols_1_1.done && (_b = cols_1.return)) _b.call(cols_1);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    // 绘制最上方的线，目前 office 365 是不绘制的
+    // sheetCanvas.drawLine(
+    //   {
+    //     x1: 0,
+    //     y1: 0,
+    //     x2: currentColOffset + rowHeaderWidth,
+    //     y2: 0
+    //   },
+    //   gridLineColor
+    // );
+    // 绘制左上角的背景，TODO: 这里还有别的设计，比如一个倒三角
+    sheetCanvas.drawRect(0, 0, rowHeaderWidth, colHeaderHeight, rowColHeadersBgColor);
+}
+
+export { drawRowColHeaders };

package/esm/excel/render/keyboard/handleCopy.d.ts

@@ -0,0 +1,5 @@
+import { Workbook } from '../../Workbook';
+/**
+ * 复制
+ */
+export declare function handleCopy(e: KeyboardEvent, workbook: Workbook): void;

package/esm/excel/render/keyboard/handleCopy.js

@@ -0,0 +1,19 @@
+import { copySelection } from '../selection/copySelection.js';
+
+/**
+ * 复制
+ */
+function handleCopy(e, workbook) {
+    if (e.metaKey || e.ctrlKey) {
+        // 全选
+        if (e.key === 'a') {
+            console.log('SELECT ALL');
+        }
+        // 复制
+        if (e.key === 'c') {
+            copySelection(workbook);
+        }
+    }
+}
+
+export { handleCopy };

package/esm/excel/render/keyboard/handleKeydown.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 处理键盘事件
+ */
+import { Workbook } from '../../Workbook';
+export declare function handleKeydown(e: KeyboardEvent, workbook: Workbook): void;

package/esm/excel/render/keyboard/handleKeydown.js

@@ -0,0 +1,14 @@
+import { handleCopy } from './handleCopy.js';
+import { handleSelectAll } from './handleSelectAll.js';
+import { handleSheetCanvasKeydown } from './handleSheetArrowKey.js';
+
+/**
+ * 处理键盘事件
+ */
+function handleKeydown(e, workbook) {
+    handleSelectAll(e, workbook);
+    handleCopy(e, workbook);
+    handleSheetCanvasKeydown(e, workbook);
+}
+
+export { handleKeydown };

package/esm/excel/render/keyboard/handlePaste.d.ts

@@ -0,0 +1,5 @@
+import { Workbook } from '../../Workbook';
+/**
+ * 粘贴时触发
+ */
+export declare function handlePaste(e: ClipboardEvent, workbook: Workbook): void;

package/esm/excel/render/keyboard/handlePaste.js

@@ -0,0 +1,16 @@
+/**
+ * 粘贴时触发
+ */
+function handlePaste(e, workbook) {
+    var _a;
+    var html = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/html');
+    if (!html) {
+        return;
+    }
+    var element = document.createElement('div');
+    element.innerHTML = html;
+    element.querySelectorAll('table tr');
+    // TODO: 将表格转成数据
+}
+
+export { handlePaste };

package/esm/excel/render/keyboard/handleSelectAll.d.ts

@@ -0,0 +1,5 @@
+import { Workbook } from '../../Workbook';
+/**
+ * 复制
+ */
+export declare function handleSelectAll(e: KeyboardEvent, workbook: Workbook): void;

package/esm/excel/render/keyboard/handleSelectAll.js

@@ -0,0 +1,17 @@
+import { selectAll } from '../dnd/selectAll.js';
+
+/**
+ * 复制
+ */
+function handleSelectAll(e, workbook) {
+    if (e.metaKey || e.ctrlKey) {
+        // 全选
+        if (e.key === 'a') {
+            var sheetIndex = workbook.getActiveSheet().getIndex();
+            workbook.uiEvent.emit('CHANGE_SELECTION', selectAll(sheetIndex));
+            e.preventDefault();
+        }
+    }
+}
+
+export { handleSelectAll };

package/esm/excel/render/keyboard/handleSheetArrowKey.d.ts

@@ -0,0 +1,5 @@
+import { Workbook } from '../../Workbook';
+/**
+ * 在 sheet canvas 上的事件
+ */
+export declare function handleSheetCanvasKeydown(e: KeyboardEvent, workbook: Workbook): void;

package/esm/excel/render/keyboard/handleSheetArrowKey.js

@@ -0,0 +1,41 @@
+import { MAX_ROW, MAX_COL } from '../Consts.js';
+
+/**
+ * 在 sheet canvas 上的事件
+ */
+function handleSheetCanvasKeydown(e, workbook) {
+    var _a;
+    var currentSheet = workbook.getActiveSheet();
+    var activeCell = (_a = currentSheet.selection) === null || _a === void 0 ? void 0 : _a.activeCell;
+    if (!activeCell) {
+        return;
+    }
+    var changeActiveCell = false;
+    if (e.key === 'ArrowUp') {
+        activeCell.startRow = Math.max(0, activeCell.startRow - 1);
+        changeActiveCell = true;
+    }
+    if (e.key === 'ArrowDown') {
+        activeCell.startRow = Math.min(MAX_ROW, activeCell.startRow + 1);
+        changeActiveCell = true;
+    }
+    if (e.key === 'ArrowLeft') {
+        activeCell.startCol = Math.max(0, activeCell.startCol - 1);
+        changeActiveCell = true;
+    }
+    if (e.key === 'ArrowRight') {
+        activeCell.startCol = Math.min(MAX_COL, activeCell.startCol + 1);
+        changeActiveCell = true;
+    }
+    if (changeActiveCell) {
+        e.preventDefault();
+        activeCell.endRow = activeCell.startRow;
+        activeCell.endCol = activeCell.startCol;
+        if (currentSheet.selection) {
+            currentSheet.selection.cellRanges = [activeCell];
+            workbook.uiEvent.emit('CHANGE_SELECTION', currentSheet.selection);
+        }
+    }
+}
+
+export { handleSheetCanvasKeydown };

package/esm/excel/render/scroll/Scroll.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 当前滚动条滚动的位置
+ */
+export type Scroll = {
+    left: number;
+    top: number;
+};

package/esm/excel/render/selection/Position.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 位置信息
+ */
+export interface Position {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}