office-viewer 0.2.0 → 0.3.0

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

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Excel 2010 中的双向数据条，这里已经过滤了数据里没有负数的情况，所以一定是两边显示
+ * 不支持 rightToLeft，因为看起来很奇怪，估计不会有人用
+ */
+function drawCellDataBarX14(canvas, dataBarDisplay, x, y, width, height) {
+    var fillColor = dataBarDisplay.color;
+    if (fillColor !== 'none') {
+        var xCenter = x + width / 2;
+        // 绘制中间的坐标轴竖线
+        var axisColor = dataBarDisplay.axisColor;
+        canvas.setLineDash({
+            x1: xCenter,
+            y1: y,
+            x2: xCenter,
+            y2: y + height
+        }, [1, 1], axisColor);
+        var displayWidth = Math.abs((width * dataBarDisplay.percent) / 2);
+        if (displayWidth === 0) {
+            return;
+        }
+        if (dataBarDisplay.percent < 0) {
+            // 绘制负数部分
+            if (dataBarDisplay.gradient) {
+                var startColor = dataBarDisplay.negativeFillColorGradient;
+                var endColor = dataBarDisplay.negativeFillColor;
+                canvas.drawRectLinearGradientWithPadding(xCenter - displayWidth, y, displayWidth, height, startColor, endColor, 1);
+            }
+            // 绘制边框
+            if (dataBarDisplay.border && dataBarDisplay.negativeBorderColor) {
+                canvas.drawStrokeRectPadding(xCenter - displayWidth, y, displayWidth, height, dataBarDisplay.negativeBorderColor, 1);
+            }
+        }
+        else {
+            // 绘制正数部分
+            if (dataBarDisplay.gradient) {
+                var startColor = dataBarDisplay.color;
+                var endColor = dataBarDisplay.colorGradient;
+                canvas.drawRectLinearGradientWithPadding(xCenter, y, displayWidth, height, startColor, endColor, 1);
+            }
+            // 绘制边框
+            if (dataBarDisplay.border && dataBarDisplay.borderColor) {
+                canvas.drawStrokeRectPadding(xCenter, y, displayWidth, height, dataBarDisplay.borderColor, 1);
+            }
+        }
+    }
+}
+
+exports.drawCellDataBarX14 = drawCellDataBarX14;

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

@@ -0,0 +1,3 @@
+import { IconNames } from '../../io/excel/preset/presetIcons';
+import { Canvas } from '../Canvas';
+export declare function drawIconSet(canvas: Canvas, icon: IconNames, x: number, y: number, width: number, height: number): void;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var presetIcons = require('../../io/excel/preset/presetIcons.js');
+
+function drawIconSet(canvas, icon, x, y, width, height) {
+    var iconURL = presetIcons.presetIcons[icon];
+    if (!iconURL) {
+        console.warn('未知的图标', icon);
+        return;
+    }
+    // 避免挡住网格线
+    canvas.drawImageWithCache(iconURL, x + 1, y + 1, height - 2, height - 2);
+}
+
+exports.drawIconSet = drawIconSet;

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

@@ -0,0 +1,8 @@
+import { ST_HorizontalAlignment, ST_VerticalAlignment } from '../../../openxml/ExcelTypes';
+import { Sheet } from '../../sheet/Sheet';
+import { FontStyle } from '../../types/FontStyle';
+import { IDataProvider } from '../../types/IDataProvider';
+import type { ExcelRender } from '../ExcelRender';
+import { LinkPosition } from './LinkPosition';
+import { WrapLine } from './autoWrapText';
+export declare function drawMultiLineText(excelRender: ExcelRender, sheet: Sheet, ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, dataProvider: IDataProvider, fontStyle: FontStyle, lines: WrapLine[], x: number, y: number, width: number, height: number, padding: number, horizontal: ST_HorizontalAlignment, vertical: ST_VerticalAlignment, text: string, row: number, linkPositionCache?: LinkPosition[]): void;

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

@@ -0,0 +1,111 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var isValidURL = require('../../../util/isValidURL.js');
+var genFontStr = require('./genFontStr.js');
+
+var debugFontBoundingBox = false;
+function drawMultiLineText(excelRender, sheet, ctx, dataProvider, fontStyle, lines, x, y, width, height, padding, horizontal, vertical, text, row, linkPositionCache) {
+    var e_1, _a, e_2, _b;
+    if (linkPositionCache === void 0) { linkPositionCache = []; }
+    // 这样才能让不同字体大小的文字垂直对齐
+    ctx.textBaseline = 'alphabetic';
+    var defaultFontHeight = dataProvider.getDefaultFontSize().height;
+    var latterSpace = defaultFontHeight * 0.1;
+    var textPositions = [];
+    var totalLineHeight = lines.reduce(function (acc, line) {
+        return acc + (line.maxHeight || defaultFontHeight);
+    }, 0);
+    // 起始 Y 坐标，默认按垂直居中显示
+    var currentY = y + (height - totalLineHeight) / 2;
+    if (vertical === 'bottom') {
+        currentY = y + height - totalLineHeight;
+    }
+    else if (vertical === 'top') {
+        currentY = y;
+    }
+    // 计算文本高度
+    var textHeight = 0;
+    // 行数
+    var lineNumber = 0;
+    try {
+        for (var lines_1 = tslib.__values(lines), lines_1_1 = lines_1.next(); !lines_1_1.done; lines_1_1 = lines_1.next()) {
+            var line = lines_1_1.value;
+            lineNumber++;
+            var tokens = line.tokens;
+            // 默认按左对齐
+            var currentX = x;
+            var totalLineWidth = tokens.reduce(function (acc, token) {
+                return acc + (token.w || 0);
+            }, 0);
+            // 加上字母间距
+            totalLineWidth += latterSpace * (tokens.length - 1);
+            if (horizontal === 'center') {
+                currentX = x + (width - totalLineWidth) / 2;
+            }
+            else if (horizontal === 'right') {
+                currentX = x + width - totalLineWidth;
+            }
+            try {
+                for (var tokens_1 = (e_2 = void 0, tslib.__values(tokens)), tokens_1_1 = tokens_1.next(); !tokens_1_1.done; tokens_1_1 = tokens_1.next()) {
+                    var token = tokens_1_1.value;
+                    var font = genFontStr.genFontStr(fontStyle);
+                    ctx.font = font;
+                    ctx.fillStyle = fontStyle.color;
+                    if (token.rPr && Object.keys(token.rPr).length > 0) {
+                        var font_1 = genFontStr.genFontStrFromRPr(token.rPr, fontStyle);
+                        ctx.font = font_1;
+                        if (token.rPr.color) {
+                            ctx.fillStyle = dataProvider.getColor(token.rPr.color);
+                        }
+                    }
+                    var fontHeight = line.maxHeight || defaultFontHeight;
+                    if (debugFontBoundingBox) ;
+                    ctx.fillText(token.t, currentX, currentY + fontHeight);
+                    textPositions.push({
+                        x: currentX,
+                        y: currentY,
+                        width: token.w || 0,
+                        height: fontHeight
+                    });
+                    // 这里其实不大可能为零
+                    currentX = currentX + (token.w || 0) + latterSpace;
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (tokens_1_1 && !tokens_1_1.done && (_b = tokens_1.return)) _b.call(tokens_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            var lineHeight = line.maxHeight || defaultFontHeight;
+            textHeight += lineHeight;
+            currentY = currentY + lineHeight;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (lines_1_1 && !lines_1_1.done && (_a = lines_1.return)) _a.call(lines_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    // 当文本高度大于单元格高度时，需要重新渲染，目前这个计算还不知道是否合理
+    // 阀值，这个主要是为了避免计算差异导致无限重新渲染
+    var threadHold = 4;
+    if (Math.floor(totalLineHeight - threadHold) > height + padding * 2) {
+        sheet.setRowHeight(row, totalLineHeight + padding * 2);
+        excelRender.setNeedReDraw();
+    }
+    if (isValidURL.isValidURL(text)) {
+        linkPositionCache.push({
+            url: text,
+            pos: textPositions
+        });
+    }
+}
+
+exports.drawMultiLineText = drawMultiLineText;

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

@@ -0,0 +1,10 @@
+import { ST_HorizontalAlignment, ST_VerticalAlignment } from '../../../openxml/ExcelTypes';
+import { IDataProvider } from '../../types/IDataProvider';
+import { IRElt } from '../../types/IRElt';
+import { FontStyle } from '../../types/FontStyle';
+import { Sheet } from '../../sheet/Sheet';
+import { ExcelRender } from '../ExcelRender';
+/**
+ * 绘制单行富文本，这里复用了多行富文本的逻辑，所以这里只进行 token 拆分
+ */
+export declare function drawSingleLineRichText(excelRender: ExcelRender, sheet: Sheet, ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, dataProvider: IDataProvider, fontStyle: FontStyle, richTexts: IRElt[], x: number, y: number, width: number, height: number, horizontal: ST_HorizontalAlignment, vertical: ST_VerticalAlignment, row: number): void;

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

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var measureTextWithCache = require('./measureTextWithCache.js');
+var genFontStr = require('./genFontStr.js');
+var drawMultiLineText = require('./drawMultiLineText.js');
+
+/**
+ * 绘制单行富文本，这里复用了多行富文本的逻辑，所以这里只进行 token 拆分
+ */
+function drawSingleLineRichText(excelRender, sheet, ctx, dataProvider, fontStyle, richTexts, x, y, width, height, horizontal, vertical, row) {
+    var e_1, _a;
+    var defaultFont = genFontStr.genFontStr(fontStyle);
+    var line = {
+        tokens: [],
+        maxHeight: 0
+    };
+    var lines = [line];
+    var defaultFontHeight = dataProvider.getDefaultFontSize().height;
+    var maxHeight = defaultFontHeight;
+    var text = '';
+    try {
+        for (var richTexts_1 = tslib.__values(richTexts), richTexts_1_1 = richTexts_1.next(); !richTexts_1_1.done; richTexts_1_1 = richTexts_1.next()) {
+            var richText = richTexts_1_1.value;
+            var font = defaultFont;
+            if (richText.rPr && Object.keys(richText.rPr).length > 0) {
+                font = genFontStr.genFontStrFromRPr(richText.rPr, fontStyle);
+            }
+            var textSize = measureTextWithCache.measureTextWithCache(ctx, font, richText.t);
+            var textWidth = textSize.width;
+            // 字体高度
+            var textFontHeight = textSize.height;
+            if (textFontHeight > maxHeight) {
+                maxHeight = textFontHeight;
+            }
+            text += richText.t;
+            line.tokens.push({
+                type: 'w',
+                t: richText.t,
+                rPr: richText.rPr,
+                w: textWidth
+            });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (richTexts_1_1 && !richTexts_1_1.done && (_a = richTexts_1.return)) _a.call(richTexts_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    line.maxHeight = maxHeight;
+    var padding = 0;
+    drawMultiLineText.drawMultiLineText(excelRender, sheet, ctx, dataProvider, fontStyle, lines, x, y, width, height, padding, horizontal, vertical, text, row);
+}
+
+exports.drawSingleLineRichText = drawSingleLineRichText;

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

@@ -0,0 +1,17 @@
+import { ST_HorizontalAlignment, ST_VerticalAlignment } from '../../../openxml/ExcelTypes';
+import { FontStyle } from '../../types/FontStyle';
+import { LinkPosition } from './LinkPosition';
+/**
+ * 绘制单行无样式文本
+ * @param fontStyle
+ * @param text
+ * @param color
+ * @param x
+ * @param y
+ * @param width
+ * @param height
+ * @param intent 缩进
+ * @param horizontal
+ * @param vertical
+ */
+export declare function drawSingleLineText(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, fontStyle: FontStyle, text: string, color: string, x: number, y: number, width: number, height: number, intent: number, horizontal: ST_HorizontalAlignment, vertical: ST_VerticalAlignment, linkPositionCache?: LinkPosition[]): void;

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

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isValidURL = require('../../../util/isValidURL.js');
+var measureTextWithCache = require('./measureTextWithCache.js');
+var genFontStr = require('./genFontStr.js');
+
+/**
+ * 绘制单行无样式文本
+ * @param fontStyle
+ * @param text
+ * @param color
+ * @param x
+ * @param y
+ * @param width
+ * @param height
+ * @param intent 缩进
+ * @param horizontal
+ * @param vertical
+ */
+function drawSingleLineText(ctx, fontStyle, text, color, x, y, width, height, intent, horizontal, vertical, linkPositionCache) {
+    if (linkPositionCache === void 0) { linkPositionCache = []; }
+    var font = genFontStr.genFontStr(fontStyle);
+    ctx.font = font;
+    ctx.fillStyle = color;
+    ctx.textBaseline = 'middle';
+    var textWidth = 0;
+    var drawX = x + intent;
+    if (horizontal === 'right') {
+        var size = measureTextWithCache.measureTextWithCache(ctx, font, text);
+        textWidth = size.width;
+        size.height;
+        drawX = x + width - textWidth;
+    }
+    if (horizontal === 'center') {
+        var size = measureTextWithCache.measureTextWithCache(ctx, font, text);
+        textWidth = size.width;
+        size.height;
+        drawX = x + (width - textWidth) / 2;
+    }
+    // 默认按左对齐和垂直居中，这时计算很简单，直接居中绘制
+    var drawY = y + height / 2;
+    if (vertical === 'bottom') {
+        drawY = y + height;
+        ctx.textBaseline = 'bottom';
+    }
+    if (vertical === 'top') {
+        drawY = y;
+        ctx.textBaseline = 'top';
+    }
+    ctx.fillText(text, drawX, drawY);
+    if (isValidURL.isValidURL(text)) {
+        var size = measureTextWithCache.measureTextWithCache(ctx, font, text);
+        // 真实渲染位置
+        var realY = drawY - size.height / 2;
+        if (vertical === 'bottom') {
+            realY = drawY - size.height;
+        }
+        if (vertical === 'top') {
+            realY = drawY;
+        }
+        linkPositionCache.push({
+            url: text,
+            pos: [
+                {
+                    x: drawX,
+                    y: realY,
+                    width: size.width,
+                    height: size.height
+                }
+            ]
+        });
+    }
+}
+
+exports.drawSingleLineText = drawSingleLineText;

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

@@ -0,0 +1,15 @@
+import { Sheet } from '../../sheet/Sheet';
+import { CellInfo } from '../../types/CellInfo';
+import { IDataProvider } from '../../types/IDataProvider';
+import { ExcelRender } from '../ExcelRender';
+import { LinkPosition } from './LinkPosition';
+/**
+ * 绘制单元格里的文字
+ * @param cellInfo
+ * @param x
+ * @param y
+ * @param width 单元格宽度
+ * @param height 单元格高度
+ * @param padding 内边距
+ */
+export declare function drawTextInCell(excelRender: ExcelRender, sheet: Sheet, ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, dataProvider: IDataProvider, cellInfo: CellInfo, x: number, y: number, width: number, height: number, indentSize: number, padding: number, linkPositionCache?: LinkPosition[]): void;

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

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var autoWrapText = require('./autoWrapText.js');
+var measureTextWithCache = require('./measureTextWithCache.js');
+var drawMultiLineText = require('./drawMultiLineText.js');
+var drawSingleLineRichText = require('./drawSingleLineRichText.js');
+var drawSingleLineText = require('./drawSingleLineText.js');
+var genFontStr = require('./genFontStr.js');
+
+var NUMBER_RE = /^-?[\d\.]+$/;
+/**
+ * 绘制单元格里的文字
+ * @param cellInfo
+ * @param x
+ * @param y
+ * @param width 单元格宽度
+ * @param height 单元格高度
+ * @param padding 内边距
+ */
+function drawTextInCell(excelRender, sheet, ctx, dataProvider, cellInfo, x, y, width, height, indentSize, padding, linkPositionCache) {
+    if (linkPositionCache === void 0) { linkPositionCache = []; }
+    if (cellInfo.cellData &&
+        typeof cellInfo.cellData === 'object' &&
+        cellInfo.cellData.type === 'blank') {
+        return;
+    }
+    var wrapText = false;
+    var horizontal = 'left';
+    // 数字默认右对齐
+    if (typeof cellInfo.cellData === 'string') {
+        if (NUMBER_RE.test(cellInfo.cellData)) {
+            horizontal = 'right';
+        }
+    }
+    // 默认值其实是 bottom
+    var vertical = 'bottom';
+    var alignment = cellInfo.alignment;
+    // 缩进
+    var indent = 0;
+    var displayWidth = width - padding * 2;
+    var fontStyle = dataProvider.getFontStyle(cellInfo.font);
+    if (alignment) {
+        if (alignment.wrapText) {
+            wrapText = true;
+        }
+        if (alignment.horizontal) {
+            horizontal = alignment.horizontal;
+        }
+        if (alignment.vertical) {
+            vertical = alignment.vertical;
+        }
+        if (alignment.indent) {
+            indent = alignment.indent;
+        }
+        if (alignment.textRotation) {
+            // 按文档里说最大值只有 180，目前是基于 wrapText 和限制 width 实现的
+            if (alignment.textRotation === 255) {
+                wrapText = true;
+                var defaultFont = genFontStr.genFontStr(fontStyle);
+                var defaultFontSize = measureTextWithCache.measureTextWithCache(ctx, defaultFont, '1');
+                // 这个保证会拆分
+                displayWidth = defaultFontSize.width;
+            }
+        }
+    }
+    // 限制一下，后面得可配
+    if (indent > 5) {
+        indent = 5;
+    }
+    // fill 或 wrap 都可能需要截断
+    var needClip = cellInfo.needClip || horizontal === 'fill' || wrapText;
+    if (needClip) {
+        ctx.save();
+        ctx.rect(x, y, width, height);
+        ctx.clip();
+    }
+    // 有多行文本的时候 Excel 会自动设置 wrapText 为 true
+    if (wrapText) {
+        var lines = [];
+        if (cellInfo.text) {
+            lines = autoWrapText.autoWrapText(ctx, cellInfo.text, displayWidth, fontStyle);
+        }
+        else if (typeof cellInfo.cellData === 'object' &&
+            'richText' in cellInfo.cellData) {
+            lines = autoWrapText.autoWrapText(ctx, cellInfo.cellData.richText, displayWidth, fontStyle);
+        }
+        else {
+            console.warn('unknown cell data', cellInfo);
+        }
+        drawMultiLineText.drawMultiLineText(excelRender, sheet, ctx, dataProvider, fontStyle, lines, x + padding, y + padding, displayWidth, height - padding * 2, padding, horizontal, vertical, cellInfo.text, cellInfo.row, linkPositionCache);
+    }
+    else {
+        // 为了提升性能这个单独实现，因为是最常见的情况
+        if (cellInfo.text) {
+            drawSingleLineText.drawSingleLineText(ctx, fontStyle, cellInfo.text, fontStyle.color, x + padding, y + padding, displayWidth, height - padding * 2, indent * indentSize, horizontal, vertical, linkPositionCache);
+        }
+        else if (typeof cellInfo.cellData === 'object' &&
+            'richText' in cellInfo.cellData) {
+            drawSingleLineRichText.drawSingleLineRichText(excelRender, sheet, ctx, dataProvider, fontStyle, cellInfo.cellData.richText, x + padding, y + padding, displayWidth, height - padding * 2, horizontal, vertical, cellInfo.row);
+        }
+    }
+    if (needClip) {
+        ctx.restore();
+    }
+}
+
+exports.drawTextInCell = drawTextInCell;

package/lib/excel/render/cell/frozen/drawFrozen.d.ts

@@ -0,0 +1,17 @@
+import { ExcelRenderOptions } from '../../../sheet/ExcelRenderOptions';
+import { Sheet } from '../../../sheet/Sheet';
+import { SheetCanvas } from '../../SheetCanvas';
+import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { IDataProvider } from '../../../types/IDataProvider';
+import { LinkPosition } from '../LinkPosition';
+import { ExcelRender } from '../../ExcelRender';
+export type FrozenViewRange = {
+    topViewRange: ViewRange | null;
+    leftViewRange: ViewRange | null;
+    topLeftViewRange: ViewRange | null;
+};
+/**
+ * 绘制冻结的行和列
+ * @return 绘制区域的信息
+ */
+export declare function drawFrozen(excelRender: ExcelRender, currentSheet: Sheet, dataProvider: IDataProvider, excelRenderOptions: ExcelRenderOptions, mainCanvas: SheetCanvas, height: number, width: number, linkPositionCache: LinkPosition[]): FrozenViewRange;

package/lib/excel/render/cell/frozen/drawFrozen.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var drawTopFrozen = require('./drawTopFrozen.js');
+var drawLeftFrozen = require('./drawLeftFrozen.js');
+var drawTopLeftFrozen = require('./drawTopLeftFrozen.js');
+
+/**
+ * 绘制冻结的行和列
+ * @return 绘制区域的信息
+ */
+function drawFrozen(excelRender, currentSheet, dataProvider, excelRenderOptions, mainCanvas, height, width, linkPositionCache) {
+    var xSplit = 0;
+    var ySplit = 0;
+    var topViewRange = null;
+    var leftViewRange = null;
+    var topLeftViewRange = null;
+    var currentSheetView = currentSheet.getCurrentSheetView();
+    // 目前先只支持 top-left 这两种方式
+    if (currentSheetView === null || currentSheetView === void 0 ? void 0 : currentSheetView.pane) {
+        var pane = currentSheetView === null || currentSheetView === void 0 ? void 0 : currentSheetView.pane;
+        if (pane.xSplit) {
+            xSplit = pane.xSplit;
+        }
+        if (pane.ySplit) {
+            ySplit = pane.ySplit;
+        }
+    }
+    if (xSplit > 0 && ySplit > 0) {
+        var rangeResult = drawTopLeftFrozen.drawTopLeftFrozen(excelRender, xSplit, ySplit, currentSheet, dataProvider, excelRenderOptions, mainCanvas, height, width, linkPositionCache);
+        topViewRange = rangeResult.topViewRange;
+        leftViewRange = rangeResult.leftViewRange;
+        topLeftViewRange = rangeResult.topLeftViewRange;
+    }
+    else if (ySplit > 0) {
+        topViewRange = drawTopFrozen.drawTopFrozen(excelRender, ySplit, currentSheet, dataProvider, excelRenderOptions, mainCanvas, width, linkPositionCache);
+    }
+    else if (xSplit > 0) {
+        leftViewRange = drawLeftFrozen.drawLeftFrozen(excelRender, xSplit, currentSheet, dataProvider, excelRenderOptions, mainCanvas, height, linkPositionCache);
+    }
+    return {
+        topViewRange: topViewRange,
+        leftViewRange: leftViewRange,
+        topLeftViewRange: topLeftViewRange
+    };
+}
+
+exports.drawFrozen = drawFrozen;

package/lib/excel/render/cell/frozen/drawLeftFrozen.d.ts

@@ -0,0 +1,10 @@
+import { ExcelRenderOptions } from '../../../sheet/ExcelRenderOptions';
+import { Sheet } from '../../../sheet/Sheet';
+import { SheetCanvas } from '../../SheetCanvas';
+import { IDataProvider } from '../../../types/IDataProvider';
+import { LinkPosition } from '../LinkPosition';
+import { ExcelRender } from '../../ExcelRender';
+/**
+ * 绘制只有左边冻结的情况
+ */
+export declare function drawLeftFrozen(excelRender: ExcelRender, xSplit: number, currentSheet: Sheet, dataProvider: IDataProvider, excelRenderOptions: ExcelRenderOptions, mainCanvas: SheetCanvas, height: number, linkPositionCache: LinkPosition[]): import("../../../sheet/ViewRange").ViewRange;

package/lib/excel/render/cell/frozen/drawLeftFrozen.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var drawGridLines = require('../../grid/drawGridLines.js');
+var drawCells = require('../drawCells.js');
+var drawRowColHeaders = require('../../header/drawRowColHeaders.js');
+
+/**
+ * 绘制只有左边冻结的情况
+ */
+function drawLeftFrozen(excelRender, xSplit, currentSheet, dataProvider, excelRenderOptions, mainCanvas, height, linkPositionCache) {
+    var frozenViewRange = currentSheet.getFrozenLeftViewPointRange(xSplit, height);
+    // 获取可视区域内的信息
+    var displayData = currentSheet.getViewPointData(frozenViewRange);
+    mainCanvas.drawRect(0, 0, frozenViewRange.width, frozenViewRange.height, excelRenderOptions.cellBackgroundColor);
+    drawCells.drawCells(excelRender, currentSheet, excelRenderOptions, mainCanvas, displayData, linkPositionCache);
+    drawGridLines.drawGridLines(currentSheet, frozenViewRange, mainCanvas, frozenViewRange.height, frozenViewRange.width, excelRenderOptions);
+    drawRowColHeaders.drawRowColHeaders(currentSheet, frozenViewRange, mainCanvas, excelRenderOptions, dataProvider.getDefaultFontSize(), dataProvider.getDefaultFontStyle());
+    // 绘制冻结分割线
+    mainCanvas.drawLine({
+        x1: frozenViewRange.width,
+        y1: 0,
+        x2: frozenViewRange.width,
+        y2: frozenViewRange.height
+    }, excelRenderOptions.frozenLineColor);
+    return frozenViewRange;
+}
+
+exports.drawLeftFrozen = drawLeftFrozen;

package/lib/excel/render/cell/frozen/drawTopFrozen.d.ts

@@ -0,0 +1,10 @@
+import { ExcelRenderOptions } from '../../../sheet/ExcelRenderOptions';
+import { Sheet } from '../../../sheet/Sheet';
+import { SheetCanvas } from '../../SheetCanvas';
+import { IDataProvider } from '../../../types/IDataProvider';
+import { LinkPosition } from '../LinkPosition';
+import { ExcelRender } from '../../ExcelRender';
+/**
+ * 绘制只有上边冻结的情况
+ */
+export declare function drawTopFrozen(excelRender: ExcelRender, ySplit: number, currentSheet: Sheet, dataProvider: IDataProvider, excelRenderOptions: ExcelRenderOptions, mainCanvas: SheetCanvas, width: number, linkPositionCache: LinkPosition[]): import("../../../sheet/ViewRange").ViewRange;

package/lib/excel/render/cell/frozen/drawTopFrozen.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var drawGridLines = require('../../grid/drawGridLines.js');
+var drawCells = require('../drawCells.js');
+var drawRowColHeaders = require('../../header/drawRowColHeaders.js');
+
+/**
+ * 绘制只有上边冻结的情况
+ */
+function drawTopFrozen(excelRender, ySplit, currentSheet, dataProvider, excelRenderOptions, mainCanvas, width, linkPositionCache) {
+    var frozenViewRange = currentSheet.getFrozenTopViewPointRange(ySplit, width);
+    // 获取可视区域内的信息
+    var displayData = currentSheet.getViewPointData(frozenViewRange);
+    mainCanvas.drawRect(0, 0, frozenViewRange.width, frozenViewRange.height, excelRenderOptions.cellBackgroundColor);
+    drawCells.drawCells(excelRender, currentSheet, excelRenderOptions, mainCanvas, displayData, linkPositionCache);
+    drawGridLines.drawGridLines(currentSheet, frozenViewRange, mainCanvas, frozenViewRange.height, frozenViewRange.width, excelRenderOptions);
+    drawRowColHeaders.drawRowColHeaders(currentSheet, frozenViewRange, mainCanvas, excelRenderOptions, dataProvider.getDefaultFontSize(), dataProvider.getDefaultFontStyle());
+    // 绘制冻结分割线
+    mainCanvas.drawLine({
+        x1: 0,
+        y1: frozenViewRange.height,
+        x2: frozenViewRange.width,
+        y2: frozenViewRange.height
+    }, excelRenderOptions.frozenLineColor);
+    return frozenViewRange;
+}
+
+exports.drawTopFrozen = drawTopFrozen;

package/lib/excel/render/cell/frozen/drawTopLeftFrozen.d.ts

@@ -0,0 +1,14 @@
+import { ExcelRenderOptions } from '../../../sheet/ExcelRenderOptions';
+import { Sheet } from '../../../sheet/Sheet';
+import { SheetCanvas } from '../../SheetCanvas';
+import { IDataProvider } from '../../../types/IDataProvider';
+import { LinkPosition } from '../LinkPosition';
+import { ExcelRender } from '../../ExcelRender';
+/**
+ * 绘制同时有左边和上边冻结的情况，需要绘制 3 个独立区域
+ */
+export declare function drawTopLeftFrozen(excelRender: ExcelRender, xSplit: number, ySplit: number, currentSheet: Sheet, dataProvider: IDataProvider, excelRenderOptions: ExcelRenderOptions, mainCanvas: SheetCanvas, height: number, width: number, linkPositionCache: LinkPosition[]): {
+    topViewRange: import("../../../sheet/ViewRange").ViewRange;
+    leftViewRange: import("../../../sheet/ViewRange").ViewRange;
+    topLeftViewRange: import("../../../sheet/ViewRange").ViewRange;
+};