office-viewer 0.2.0 → 0.3.0

package/lib/excel/render/autoFilter/filterColumn/setFilterValues.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+/**
+ * 获取配置中的过滤值，目前子支持 val 的情况
+ */
+function setFilterValues(autoFilter, colIndex, options) {
+    var e_1, _a;
+    var _b;
+    var allChecked = options.every(function (option) { return option.checked; });
+    var filterColumn = (_b = autoFilter.filterColumn) === null || _b === void 0 ? void 0 : _b.find(function (column) { return column.colId === colIndex; });
+    var filters = [];
+    try {
+        for (var options_1 = tslib.__values(options), options_1_1 = options_1.next(); !options_1_1.done; options_1_1 = options_1.next()) {
+            var option = options_1_1.value;
+            if (option.checked) {
+                filters.push({ val: option.value });
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (options_1_1 && !options_1_1.done && (_a = options_1.return)) _a.call(options_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (filterColumn) {
+        if (allChecked) {
+            filterColumn.filters = undefined;
+            return;
+        }
+        filterColumn.filters = { filter: filters };
+    }
+    else {
+        if (!allChecked) {
+            autoFilter.filterColumn = autoFilter.filterColumn || [];
+            autoFilter.filterColumn.push({
+                colId: colIndex,
+                filters: { filter: filters }
+            });
+        }
+    }
+}
+
+exports.setFilterValues = setFilterValues;

package/lib/excel/render/autoFilter/filterColumn/toOperatorUI.d.ts

@@ -0,0 +1,6 @@
+import { ST_FilterOperator } from '../../../../openxml/ExcelTypes';
+import { OperatorTypeUI } from './OperatorTypeUI';
+/**
+ * 将 xml 中的操作符转换为界面上的操作符，界面操作的格式会更多
+ */
+export declare function toOperatorUI(operator: ST_FilterOperator, value: string): OperatorTypeUI;

package/lib/excel/render/autoFilter/filterColumn/toOperatorUI.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 将 xml 中的操作符转换为界面上的操作符，界面操作的格式会更多
+ */
+function toOperatorUI(operator, value) {
+    if (operator === 'equal') {
+        if (value.startsWith('*') && value.endsWith('*')) {
+            return 'contains';
+        }
+        if (value.endsWith('*')) {
+            return 'beginsWith';
+        }
+        if (value.startsWith('*')) {
+            return 'endsWith';
+        }
+    }
+    if (operator === 'notEqual') {
+        if (value.startsWith('*') && value.endsWith('*')) {
+            return 'notContains';
+        }
+        if (value.endsWith('*')) {
+            return 'notBeginsWith';
+        }
+        if (value.startsWith('*')) {
+            return 'notEndsWith';
+        }
+    }
+    return operator;
+}
+
+exports.toOperatorUI = toOperatorUI;

package/lib/excel/render/autoFilter/renderAutoFilter.d.ts

@@ -0,0 +1,2 @@
+import { Sheet } from '../../sheet/Sheet';
+export declare function renderAutoFilter(currentSheet: Sheet, dataContainer: HTMLElement): void;

package/lib/excel/render/autoFilter/renderAutoFilter.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var renderAutoFilterIcon = require('./renderAutoFilterIcon.js');
+
+var tableId = 0;
+function renderAutoFilter(currentSheet, dataContainer) {
+    var e_1, _a;
+    var autoFilter = currentSheet.getAutoFilter();
+    if (autoFilter) {
+        // sheet 级别的 autoFilter
+        renderAutoFilterIcon.renderAutoFilterIcon(currentSheet, autoFilter, 'sheetAutoFilter', dataContainer);
+    }
+    // 表格级别的 autoFilter
+    var tables = currentSheet.getTables();
+    try {
+        for (var tables_1 = tslib.__values(tables), tables_1_1 = tables_1.next(); !tables_1_1.done; tables_1_1 = tables_1.next()) {
+            var table = tables_1_1.value;
+            if (table.autoFilter) {
+                renderAutoFilterIcon.renderAutoFilterIcon(currentSheet, table.autoFilter, "table-".concat(tableId++), dataContainer);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (tables_1_1 && !tables_1_1.done && (_a = tables_1.return)) _a.call(tables_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+
+exports.renderAutoFilter = renderAutoFilter;

package/lib/excel/render/autoFilter/renderAutoFilterIcon.d.ts

@@ -0,0 +1,6 @@
+import { CT_AutoFilter } from '../../../openxml/ExcelTypes';
+import { Sheet } from '../../sheet/Sheet';
+/**
+ * 渲染 AutoFilter 图标
+ */
+export declare function renderAutoFilterIcon(sheet: Sheet, autoFilter: CT_AutoFilter, id: string, dataContainer: HTMLElement, headerRowCount?: number): void;

package/lib/excel/render/autoFilter/renderAutoFilterIcon.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Range = require('../../io/excel/util/Range.js');
+var Rect = require('../Rect.js');
+var AutoFilterIconUI = require('./AutoFilterIconUI.js');
+
+var AutoFilterIconCache = {};
+/**
+ * 渲染 AutoFilter 图标
+ */
+function renderAutoFilterIcon(sheet, autoFilter, id, dataContainer, headerRowCount) {
+    if (headerRowCount === void 0) { headerRowCount = 1; }
+    var ref = autoFilter.ref;
+    if (!ref) {
+        console.warn('缺少 ref 字段', autoFilter);
+        return;
+    }
+    var sheetDataRect = sheet.getDataDisplayRect();
+    var _a = sheet.getRowColSize(), rowHeaderWidth = _a.rowHeaderWidth, colHeaderHeight = _a.colHeaderHeight;
+    var rangeRef = Range.parseRange(ref);
+    var startRow = rangeRef.startRow;
+    var startCol = rangeRef.startCol;
+    var endCol = rangeRef.endCol;
+    var colIndex = -1;
+    // 初始化 dom 结构及对象结构
+    for (var i = startCol; i <= endCol; i++) {
+        colIndex++;
+        var fid = "autoFilter-".concat(id, "-").concat(colIndex);
+        var filterIconElement = dataContainer.querySelector("[data-fid=\"".concat(fid, "\"]"));
+        if (filterIconElement) {
+            continue;
+        }
+        var filterIcon = new AutoFilterIconUI.AutoFilterIconUI(sheet, dataContainer, autoFilter, rangeRef, colIndex, fid, headerRowCount);
+        AutoFilterIconCache[fid] = filterIcon;
+    }
+    colIndex = -1;
+    // 判断是否需要显示
+    for (var i = startCol; i <= endCol; i++) {
+        colIndex++;
+        var fid = "autoFilter-".concat(id, "-").concat(colIndex);
+        var position = sheet.getCellPosition(startRow, i);
+        var autoFilerIcon = AutoFilterIconCache[fid];
+        if (Rect.rectIntersect(sheetDataRect, position)) {
+            autoFilerIcon.updatePosition(position.x - rowHeaderWidth, position.y - colHeaderHeight, 
+            // 避免过高展示效果不好
+            Math.min(28, position.height), position.width);
+        }
+        else {
+            autoFilerIcon.hide();
+        }
+    }
+}
+
+exports.renderAutoFilterIcon = renderAutoFilterIcon;

package/lib/excel/render/autoFilter/sortState/ColumnSortOrder.d.ts

@@ -0,0 +1 @@
+export type ColumnSortOrder = 'asc' | 'desc' | 'none';

package/lib/excel/render/autoFilter/sortState/SortButtonUI.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 排序按钮
+ */
+export declare class SortButtonUI {
+    element: HTMLElement;
+    /**
+     * 是否是激活状态
+     */
+    active: boolean;
+    constructor(container: HTMLElement, text: string, onClick: (active: boolean) => void, active: boolean, iconSVG: string);
+    setActive(active: boolean): void;
+}

package/lib/excel/render/autoFilter/sortState/SortButtonUI.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var H = require('../../../../util/H.js');
+
+/**
+ * 排序按钮
+ */
+var SortButtonUI = /** @class */ (function () {
+    function SortButtonUI(container, text, onClick, active, iconSVG) {
+        var _this = this;
+        var element = H.H('div', {
+            className: 'ov-excel-auto-filter__sort-button',
+            parent: container
+        });
+        this.element = element;
+        element.addEventListener('click', function () {
+            onClick(_this.active);
+        });
+        var icon = H.H('div', {
+            className: 'ov-excel-auto-filter__sort-button-icon',
+            parent: element
+        });
+        icon.innerHTML = iconSVG;
+        var textElement = H.H('div', {
+            className: 'ov-excel-auto-filter__sort-button-text',
+            parent: element
+        });
+        textElement.textContent = text;
+        this.active = active;
+    }
+    SortButtonUI.prototype.setActive = function (active) {
+        this.active = active;
+        if (active) {
+            this.element.classList.add('ov-excel-auto-filter__sort-button-active');
+        }
+        else {
+            this.element.classList.remove('ov-excel-auto-filter__sort-button-active');
+        }
+    };
+    return SortButtonUI;
+}());
+
+exports.SortButtonUI = SortButtonUI;

package/lib/excel/render/autoFilter/sortState/SortStateUI.d.ts

@@ -0,0 +1,22 @@
+import { CT_AutoFilter } from '../../../../openxml/ExcelTypes';
+import { Sheet } from '../../../sheet/Sheet';
+import { RangeRef } from '../../../types/RangeRef';
+import type { AutoFilterIconUI } from '../AutoFilterIconUI';
+import { SortButtonUI } from './SortButtonUI';
+/**
+ * 排序相关的操作
+ */
+export declare class SortStateUI {
+    sortContainer: HTMLElement;
+    sortAscButton: SortButtonUI;
+    sortDescButton: SortButtonUI;
+    autoFilter: CT_AutoFilter;
+    rangeRef: RangeRef;
+    colIndex: number;
+    headerRowCount: number;
+    sheet: Sheet;
+    autoFilterIcon: AutoFilterIconUI;
+    constructor(autoFilterIcon: AutoFilterIconUI, container: HTMLElement, sheet: Sheet, autoFilter: CT_AutoFilter, rangeRef: RangeRef, colIndex: number, headerRowCount?: number);
+    clickButton(sortState: 'asc' | 'desc'): void;
+    syncButtonActive(): void;
+}

package/lib/excel/render/autoFilter/sortState/SortStateUI.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var H = require('../../../../util/H.js');
+var Icons = require('../../Icons.js');
+var SortButtonUI = require('./SortButtonUI.js');
+var getColumnSortOrder = require('./getColumnSortOrder.js');
+var setColumnSortOrder = require('./setColumnSortOrder.js');
+
+/**
+ * 排序相关的操作
+ */
+var SortStateUI = /** @class */ (function () {
+    function SortStateUI(autoFilterIcon, container, sheet, autoFilter, rangeRef, colIndex, headerRowCount) {
+        if (headerRowCount === void 0) { headerRowCount = 1; }
+        var _this = this;
+        this.autoFilterIcon = autoFilterIcon;
+        this.rangeRef = rangeRef;
+        var sortContainer = H.H('div', {
+            className: 'excel-auto-filter__menu-sort',
+            parent: container
+        });
+        this.sortContainer = sortContainer;
+        this.colIndex = colIndex;
+        this.autoFilter = autoFilter;
+        this.headerRowCount = headerRowCount;
+        this.sheet = sheet;
+        var sortAscButton = new SortButtonUI.SortButtonUI(sortContainer, sheet.translate('autoFilter.sortAscending'), function (checked) {
+            _this.clickButton('asc');
+        }, false, Icons.Icons.sortUP);
+        this.sortAscButton = sortAscButton;
+        var sortDescButton = new SortButtonUI.SortButtonUI(sortContainer, sheet.translate('autoFilter.sortDescending'), function (checked) {
+            _this.clickButton('desc');
+        }, false, Icons.Icons.sortDown);
+        this.sortDescButton = sortDescButton;
+        this.syncButtonActive();
+    }
+    SortStateUI.prototype.clickButton = function (sortState) {
+        var sheet = this.sheet;
+        var colIndex = this.colIndex;
+        var rangeRef = this.rangeRef;
+        var autoFilter = this.autoFilter;
+        var headerRowCount = this.headerRowCount;
+        setColumnSortOrder.setColumnSortOrder(sheet, colIndex, rangeRef, autoFilter, sortState, headerRowCount);
+        this.sheet
+            .getWorkbook()
+            .uiEvent.emit('APPLY_AUTO_FILTER', this.sheet.getIndex());
+        this.syncButtonActive();
+        this.autoFilterIcon.syncFilterIcon();
+    };
+    SortStateUI.prototype.syncButtonActive = function () {
+        var colIndex = this.colIndex;
+        var rangeRef = this.rangeRef;
+        var autoFilter = this.autoFilter;
+        var columnSortState = getColumnSortOrder.getColumnSortOrder(colIndex, rangeRef, autoFilter.sortState);
+        if (columnSortState === 'asc') {
+            this.sortAscButton.setActive(true);
+            this.sortDescButton.setActive(false);
+        }
+        else if (columnSortState === 'desc') {
+            this.sortAscButton.setActive(false);
+            this.sortDescButton.setActive(true);
+        }
+    };
+    return SortStateUI;
+}());
+
+exports.SortStateUI = SortStateUI;

package/lib/excel/render/autoFilter/sortState/getColumnSortOrder.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 获取配置中这一列的排序状态
+ */
+import { CT_SortState } from '../../../../openxml/ExcelTypes';
+import { RangeRef } from '../../../types/RangeRef';
+export declare function getColumnSortOrder(colIndex: number, rangeRef: RangeRef, sortState?: CT_SortState): "desc" | "none" | "asc";

package/lib/excel/render/autoFilter/sortState/getColumnSortOrder.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Range = require('../../../io/excel/util/Range.js');
+
+/**
+ * 获取配置中这一列的排序状态
+ */
+function getColumnSortOrder(colIndex, rangeRef, sortState) {
+    var e_1, _a;
+    if (!sortState) {
+        return 'none';
+    }
+    try {
+        for (var _b = tslib.__values(sortState.sortCondition || []), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var condition = _c.value;
+            var ref = condition.ref;
+            if (!ref) {
+                continue;
+            }
+            var conditionRangeRef = Range.parseRange(ref);
+            var startCol = rangeRef.startCol, endCol = rangeRef.endCol;
+            if (startCol + colIndex === conditionRangeRef.startCol) {
+                return condition.descending ? 'desc' : 'asc';
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return 'none';
+}
+
+exports.getColumnSortOrder = getColumnSortOrder;

package/lib/excel/render/autoFilter/sortState/setColumnSortOrder.d.ts

@@ -0,0 +1,7 @@
+import { CT_AutoFilter } from '../../../../openxml/ExcelTypes';
+import { Sheet } from '../../../sheet/Sheet';
+import { RangeRef } from '../../../types/RangeRef';
+/**
+ * 设置列排序，这里实际上应该是命令，但目前只当成一种状态变化，主要是因为现阶段只支持浏览
+ */
+export declare function setColumnSortOrder(sheet: Sheet, colIndex: number, rangeRef: RangeRef, autoFilter: CT_AutoFilter, sortOrder: 'asc' | 'desc', headerRowCount: number): void;

package/lib/excel/render/autoFilter/sortState/setColumnSortOrder.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Range = require('../../../io/excel/util/Range.js');
+
+/**
+ * 设置列排序，这里实际上应该是命令，但目前只当成一种状态变化，主要是因为现阶段只支持浏览
+ */
+function setColumnSortOrder(sheet, colIndex, rangeRef, autoFilter, sortOrder, headerRowCount) {
+    var e_1, _a;
+    var _b;
+    var sortStateRangeRef = tslib.__assign({}, rangeRef);
+    sortStateRangeRef.startCol += colIndex;
+    sortStateRangeRef.endCol += colIndex;
+    var sortConditionRef = Range.rangeRefToString(sortStateRangeRef);
+    var sortCondition = {
+        ref: sortConditionRef,
+        descending: sortOrder === 'desc'
+    };
+    if (!autoFilter.sortState) {
+        var sortStateRangeRef_1 = tslib.__assign({}, rangeRef);
+        sortStateRangeRef_1.startRow += headerRowCount;
+        var sortStateRef = Range.rangeRefToString(sortStateRangeRef_1);
+        autoFilter.sortState = {
+            ref: sortStateRef,
+            sortCondition: [sortCondition]
+        };
+        return;
+    }
+    if (autoFilter.sortState.sortCondition === undefined) {
+        autoFilter.sortState.sortCondition = [];
+    }
+    try {
+        for (var _c = tslib.__values(((_b = autoFilter.sortState) === null || _b === void 0 ? void 0 : _b.sortCondition) || []), _d = _c.next(); !_d.done; _d = _c.next()) {
+            var condition = _d.value;
+            var rangeRef_1 = Range.parseRange(condition.ref || '');
+            if (sortStateRangeRef.startCol === rangeRef_1.startCol) {
+                // 统一一下 endRow
+                rangeRef_1.endRow = sortStateRangeRef.endRow;
+                condition.descending = sortOrder === 'desc';
+                sheet.applyAutoFilter(autoFilter, headerRowCount);
+                return;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    autoFilter.sortState.sortCondition.push(sortCondition);
+    sheet.applyAutoFilter(autoFilter, headerRowCount);
+}
+
+exports.setColumnSortOrder = setColumnSortOrder;

package/lib/excel/render/canvas/draw.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 绘制圆角矩形路径
+ * @param cornerRadius 圆角半径
+ */
+export declare function drawRoundedRectPath(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, width: number, height: number, cornerRadius: number | number[]): void;

package/lib/excel/render/canvas/drawOffscreenCanvas.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 使用 OffscreenCanvas 渲染后获取内容
+ * @param func 执行的调用函数
+ * @returns
+ */
+export declare function drawOffscreenCanvas(ratio: number, width: number, height: number, func: (ctx: OffscreenCanvasRenderingContext2D) => void): OffscreenCanvas;

package/lib/excel/render/canvas/drawOffscreenCanvas.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 使用 OffscreenCanvas 渲染后获取内容
+ * @param func 执行的调用函数
+ * @returns
+ */
+function drawOffscreenCanvas(ratio, width, height, func) {
+    var cacheCanvas = new OffscreenCanvas(width * ratio, height * ratio);
+    var cacheCtx = cacheCanvas.getContext('2d');
+    cacheCtx.scale(ratio, ratio);
+    func(cacheCtx);
+    return cacheCanvas;
+}
+
+exports.drawOffscreenCanvas = drawOffscreenCanvas;

package/lib/excel/render/canvas/setPixelRatio.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 设置像素比来支持高清屏幕，参考 Mozilla 里的文档
+ */
+export declare function setPixelRatio(canvas: HTMLCanvasElement, width: number, height: number): number;

package/lib/excel/render/canvas/setPixelRatio.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 设置像素比来支持高清屏幕，参考 Mozilla 里的文档
+ */
+function setPixelRatio(canvas, width, height) {
+    var ratio = window.devicePixelRatio || 1;
+    canvas.width = Math.floor(width * ratio);
+    canvas.height = Math.floor(height * ratio);
+    canvas.style.width = width + 'px';
+    canvas.style.height = height + 'px';
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+        ctx.scale(ratio, ratio);
+    }
+    return ratio;
+}
+
+exports.setPixelRatio = setPixelRatio;

package/lib/excel/render/cell/CellInfoWithSize.d.ts

@@ -0,0 +1,5 @@
+import { CellInfo } from '../../types/CellInfo';
+export type CellInfoWithSize = CellInfo & {
+    width: number;
+    height: number;
+};

package/lib/excel/render/cell/LinkPosition.d.ts

@@ -0,0 +1,14 @@
+import { Rect } from '../Rect';
+/**
+ * 链接位置
+ */
+export type LinkPosition = {
+    /**
+     * 链接位置
+     */
+    url: string;
+    /**
+     * 如果有多个位置，表示折行了，需要每一行都判断
+     */
+    pos: Rect[];
+};

package/lib/excel/render/cell/autoClip.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 自动裁剪，Excel 中似乎会自动避免遮挡，目前还不清楚是怎么实现的
+ */
+import { IDataProvider } from '../../types/IDataProvider';
+import { CellInfoWithSize } from './CellInfoWithSize';
+export declare function autoClip(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, dataProvider: IDataProvider, cellInfoMap: Map<string, CellInfoWithSize>): void;

package/lib/excel/render/cell/autoClip.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var measureTextWithCache = require('./measureTextWithCache.js');
+var genFontStr = require('./genFontStr.js');
+
+/**
+ * 自动裁剪，Excel 中似乎会自动避免遮挡，目前还不清楚是怎么实现的
+ */
+function autoClip(ctx, dataProvider, cellInfoMap) {
+    var e_1, _a;
+    var _b;
+    try {
+        for (var cellInfoMap_1 = tslib.__values(cellInfoMap), cellInfoMap_1_1 = cellInfoMap_1.next(); !cellInfoMap_1_1.done; cellInfoMap_1_1 = cellInfoMap_1.next()) {
+            var _c = tslib.__read(cellInfoMap_1_1.value, 2), key = _c[0], cellInfo = _c[1];
+            var row = parseInt(key.split(',')[0]);
+            var col = parseInt(key.split(',')[1]);
+            var nextCol = col + 1;
+            // 如果当前单元格右边有单元格且当前单元格不是 wrap
+            if (cellInfoMap.has("".concat(row, ",").concat(nextCol))) {
+                var nextCellInfo = cellInfoMap.get("".concat(row, ",").concat(nextCol));
+                // 当前和后面单元格都有文本，且当前单元格不是 wrap
+                if (((_b = cellInfo.alignment) === null || _b === void 0 ? void 0 : _b.wrapText) !== true &&
+                    cellInfo.text &&
+                    nextCellInfo.text) {
+                    var fontStyle = dataProvider.getFontStyle(cellInfo.font);
+                    // 如果当前文本过长，可能会折叠后面的文本，就设置为 needClip
+                    var font = genFontStr.genFontStr(fontStyle);
+                    var size = measureTextWithCache.measureTextWithCache(ctx, font, cellInfo.text);
+                    if (size.width > cellInfo.width) {
+                        cellInfo.needClip = true;
+                    }
+                }
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (cellInfoMap_1_1 && !cellInfoMap_1_1.done && (_a = cellInfoMap_1.return)) _a.call(cellInfoMap_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+
+exports.autoClip = autoClip;

package/lib/excel/render/cell/autoWrapText.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 自动换行
+ */
+import { FontStyle } from '../../types/FontStyle';
+import { IRElt } from '../../types/IRElt';
+import { Token } from './tokenizer';
+/**
+ * 拆分出来每一行的数据
+ */
+export interface WrapLine {
+    tokens: Token[];
+    /**
+     * 最大高度，减少后续计算，这个结果可能为 0，这时需要加上默认字体高度
+     */
+    maxHeight: number;
+}
+/**
+ * 自动折行
+ * @param ctx canvas context
+ * @param text 文字
+ * @param fontStyle 字体样式
+ * @returns 拆分的行，有可能空行
+ */
+export declare function autoWrapText(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, text: string | IRElt[], width: number, fontStyle: FontStyle): WrapLine[];