office-viewer 0.2.0 → 0.3.0

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

@@ -0,0 +1,161 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var stringToArray = require('../../../util/stringToArray.js');
+var genFontStr = require('./genFontStr.js');
+var measureTextWithCache = require('./measureTextWithCache.js');
+var tokenizer = require('./tokenizer.js');
+
+/**
+ * 自动换行
+ */
+/**
+ * 自动折行
+ * @param ctx canvas context
+ * @param text 文字
+ * @param fontStyle 字体样式
+ * @returns 拆分的行，有可能空行
+ */
+function autoWrapText(ctx, text, width, fontStyle) {
+    var e_1, _a, e_2, _b, e_3, _c;
+    ctx.save();
+    var tokens = [];
+    var lines = [];
+    if (typeof text === 'string') {
+        tokens = tokenizer.tokenizer(text);
+    }
+    else {
+        var _loop_1 = function (t) {
+            var newTokens = tokenizer.tokenizer(t.t);
+            newTokens.forEach(function (token) {
+                token.rPr = t.rPr;
+            });
+            tokens = tokens.concat(newTokens);
+        };
+        try {
+            for (var text_1 = tslib.__values(text), text_1_1 = text_1.next(); !text_1_1.done; text_1_1 = text_1.next()) {
+                var t = text_1_1.value;
+                _loop_1(t);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (text_1_1 && !text_1_1.done && (_a = text_1.return)) _a.call(text_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    }
+    // 限制一千 token 避免性能问题
+    if (tokens.length > 1000) {
+        tokens = tokens.slice(0, 1000);
+    }
+    var defaultFont = genFontStr.genFontStr(fontStyle);
+    var currentWidth = 0;
+    // 计算默认字体高度
+    var defaultSize = measureTextWithCache.measureTextWithCache(ctx, defaultFont, '1');
+    var defaultFontHeight = defaultSize.fontHeight;
+    var currentMaxHeight = defaultFontHeight;
+    var currentToken = [];
+    function pushToken(newToken) {
+        lines.push({
+            tokens: currentToken,
+            maxHeight: currentMaxHeight
+        });
+        if (newToken) {
+            currentToken = [newToken];
+        }
+        else {
+            currentToken = [];
+        }
+        currentWidth = 0;
+        currentMaxHeight = defaultFontHeight;
+    }
+    try {
+        for (var tokens_1 = 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 = defaultFont;
+            if (token.type === 'br') {
+                pushToken();
+                continue;
+            }
+            if (token.rPr && Object.keys(token.rPr).length > 0) {
+                font = genFontStr.genFontStrFromRPr(token.rPr, fontStyle);
+            }
+            var size = measureTextWithCache.measureTextWithCache(ctx, font, token.t);
+            var tokenWidth = size.width;
+            // 字体高度
+            var tokenFontHeight = size.fontHeight;
+            token.w = tokenWidth;
+            if (tokenFontHeight > currentMaxHeight) {
+                currentMaxHeight = tokenFontHeight;
+            }
+            // 如果这一行宽度就比要求高度宽了，那还得拆分，这时就只能一个个字母算了
+            if (tokenWidth > width) {
+                var currentText = '';
+                // 当前拆分出来的文字宽度
+                var currentSplitWidth = 0;
+                try {
+                    for (var _d = (e_3 = void 0, tslib.__values(stringToArray.stringToArray(token.t))), _e = _d.next(); !_e.done; _e = _d.next()) {
+                        var char = _e.value;
+                        // 避免太多 token，这里会对 token 进行合并
+                        var charSize = measureTextWithCache.measureTextWithCache(ctx, font, char);
+                        var charWidth = charSize.width;
+                        if (currentWidth + charWidth > width) {
+                            var splitToken = tslib.__assign(tslib.__assign({}, token), { w: currentSplitWidth, t: currentText });
+                            currentToken.push(splitToken);
+                            // 后面会处理新行
+                            pushToken();
+                            currentText = char;
+                            currentWidth = charWidth;
+                            currentSplitWidth = charWidth;
+                            currentMaxHeight = currentMaxHeight;
+                        }
+                        else {
+                            currentWidth += charWidth;
+                            currentSplitWidth += charWidth;
+                            currentText += char;
+                        }
+                    }
+                }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                finally {
+                    try {
+                        if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+                    }
+                    finally { if (e_3) throw e_3.error; }
+                }
+                if (currentText) {
+                    var splitToken = tslib.__assign(tslib.__assign({}, token), { w: currentSplitWidth, t: currentText });
+                    currentToken.push(splitToken);
+                }
+            }
+            else if (currentWidth + tokenWidth > width) {
+                pushToken(token);
+            }
+            else {
+                currentWidth += size.width;
+                currentToken.push(token);
+            }
+        }
+    }
+    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; }
+    }
+    if (currentToken.length) {
+        lines.push({
+            tokens: currentToken,
+            maxHeight: currentMaxHeight
+        });
+    }
+    ctx.restore();
+    return lines;
+}
+
+exports.autoWrapText = autoWrapText;

package/lib/excel/render/cell/border/drawDoubleBorder.d.ts

@@ -0,0 +1,2 @@
+import { CT_Border } from '../../../../openxml/ExcelTypes';
+export declare function drawDoubleBorder(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, border: CT_Border, position: 'left' | 'right' | 'top' | 'bottom' | 'diagonalDown' | 'diagonalUp', startX: number, startY: number, endX: number, endY: number): void;

package/lib/excel/render/cell/border/drawDoubleBorder.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function isDoubleBorder(borderPr) {
+    return borderPr && borderPr.style === 'double';
+}
+function drawDoubleBorder(ctx, border, position, startX, startY, endX, endY) {
+    ctx.lineWidth = 1;
+    var lineOffset = 1;
+    switch (position) {
+        case 'top':
+            ctx.moveTo(startX - lineOffset, startY - lineOffset);
+            ctx.lineTo(endX + lineOffset, startY - lineOffset);
+            // 避免双边框重叠
+            if (isDoubleBorder(border.left)) {
+                startX += 1;
+            }
+            if (isDoubleBorder(border.right)) {
+                endX -= 1;
+            }
+            ctx.moveTo(startX, startY + lineOffset);
+            ctx.lineTo(endX, startY + lineOffset);
+            break;
+        case 'bottom':
+            ctx.moveTo(startX - lineOffset, endY + lineOffset);
+            ctx.lineTo(endX + lineOffset, endY + lineOffset);
+            // 避免双边框重叠
+            if (isDoubleBorder(border.left)) {
+                startX += 1;
+            }
+            if (isDoubleBorder(border.right)) {
+                endX -= 1;
+            }
+            ctx.moveTo(startX, endY - lineOffset);
+            ctx.lineTo(endX, endY - lineOffset);
+            break;
+        case 'left':
+            ctx.moveTo(startX - lineOffset, startY - lineOffset);
+            ctx.lineTo(startX - lineOffset, endY + lineOffset);
+            // 避免双边框重叠
+            if (isDoubleBorder(border.top)) {
+                startY += 1;
+            }
+            if (isDoubleBorder(border.bottom)) {
+                endY -= 1;
+            }
+            ctx.moveTo(startX + lineOffset, startY);
+            ctx.lineTo(startX + lineOffset, endY);
+            break;
+        case 'right':
+            ctx.moveTo(endX + lineOffset, startY - lineOffset);
+            ctx.lineTo(endX + lineOffset, endY + lineOffset);
+            // 避免双边框重叠
+            if (isDoubleBorder(border.top)) {
+                startY += 1;
+            }
+            if (isDoubleBorder(border.bottom)) {
+                endY -= 1;
+            }
+            ctx.moveTo(endX - lineOffset, startY);
+            ctx.lineTo(endX - lineOffset, endY);
+            break;
+        case 'diagonalDown':
+            ctx.moveTo(startX - lineOffset, startY + lineOffset);
+            ctx.lineTo(endX - lineOffset, endY + lineOffset);
+            ctx.moveTo(startX + lineOffset, startY - lineOffset);
+            ctx.lineTo(endX + lineOffset, endY - lineOffset);
+            break;
+        case 'diagonalUp':
+            ctx.moveTo(startX - lineOffset, startY - lineOffset);
+            ctx.lineTo(endX - lineOffset, endY - lineOffset);
+            ctx.moveTo(startX + lineOffset, startY + lineOffset);
+            ctx.lineTo(endX + lineOffset, endY + lineOffset);
+            break;
+    }
+}
+
+exports.drawDoubleBorder = drawDoubleBorder;

package/lib/excel/render/cell/border/setLineStyle.d.ts

@@ -0,0 +1,5 @@
+import { ST_BorderStyle } from '../../../../openxml/ExcelTypes';
+/**
+ * 参考 18.18.3 (p2436)
+ */
+export declare function setLineStyle(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, style?: ST_BorderStyle): void;

package/lib/excel/render/cell/border/setLineStyle.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 参考 18.18.3 (p2436)
+ */
+function setLineStyle(ctx, style) {
+    ctx.lineWidth = 1;
+    if (style) {
+        switch (style) {
+            case 'hair':
+                ctx.setLineDash([1, 2]);
+                break;
+            case 'dashDotDot':
+            case 'mediumDashDotDot':
+                ctx.setLineDash([2, 2, 5, 2, 2]);
+                break;
+            case 'dashDot':
+            case 'mediumDashDot':
+            case 'slantDashDot':
+                ctx.setLineDash([2, 5, 2]);
+                break;
+            case 'dotted':
+                ctx.setLineDash([2]);
+                break;
+            case 'dashed':
+            case 'mediumDashed':
+                ctx.setLineDash([3]);
+                break;
+            case 'medium':
+                ctx.lineWidth = 2;
+                break;
+            case 'thick':
+                ctx.lineWidth = 3;
+                break;
+            default:
+                ctx.setLineDash([0]);
+                break;
+        }
+    }
+    else {
+        ctx.setLineDash([]);
+    }
+}
+
+exports.setLineStyle = setLineStyle;

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

@@ -0,0 +1,8 @@
+import { RangeRef } from '../../types/RangeRef';
+/**
+ * 将单元格转成合并单元格
+ * @param row
+ * @param col
+ * @param mergeCells
+ */
+export declare function cellToMergeCell(row: number, col: number, mergeCells: RangeRef[]): RangeRef;

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+/**
+ * 将单元格转成合并单元格
+ * @param row
+ * @param col
+ * @param mergeCells
+ */
+function cellToMergeCell(row, col, mergeCells) {
+    var e_1, _a;
+    try {
+        for (var mergeCells_1 = tslib.__values(mergeCells), mergeCells_1_1 = mergeCells_1.next(); !mergeCells_1_1.done; mergeCells_1_1 = mergeCells_1.next()) {
+            var mergeCell = mergeCells_1_1.value;
+            var startRow = mergeCell.startRow, endRow = mergeCell.endRow, startCol = mergeCell.startCol, endCol = mergeCell.endCol;
+            if (row >= startRow && row <= endRow && col >= startCol && col <= endCol) {
+                return tslib.__assign({}, mergeCell);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (mergeCells_1_1 && !mergeCells_1_1.done && (_a = mergeCells_1.return)) _a.call(mergeCells_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return {
+        startRow: row,
+        startCol: col,
+        endRow: row,
+        endCol: col
+    };
+}
+
+exports.cellToMergeCell = cellToMergeCell;

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

@@ -0,0 +1,8 @@
+/**
+ * 检查字体是否存在，这里主要是为了加缓存和 warning
+ */
+export declare function checkFont(font: string): boolean | undefined;
+/**
+ * 获取所有不可用的字体
+ */
+export declare function getAllNotAvailableFont(): string[];

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var isFontAvailable = require('../../../util/isFontAvailable.js');
+
+var FontAvailableCache = new Map();
+/**
+ * 检查字体是否存在，这里主要是为了加缓存和 warning
+ */
+function checkFont(font) {
+    if (FontAvailableCache.has(font)) {
+        return FontAvailableCache.get(font);
+    }
+    var result = isFontAvailable.isFontAvailable(font);
+    FontAvailableCache.set(font, result);
+    return result;
+}
+/**
+ * 获取所有不可用的字体
+ */
+function getAllNotAvailableFont() {
+    return Array.from(FontAvailableCache.entries())
+        .filter(function (_a) {
+        var _b = tslib.__read(_a, 2); _b[0]; var v = _b[1];
+        return v === false;
+    })
+        .map(function (_a) {
+        var _b = tslib.__read(_a, 1), k = _b[0];
+        return k;
+    });
+}
+
+exports.checkFont = checkFont;
+exports.getAllNotAvailableFont = getAllNotAvailableFont;

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

@@ -0,0 +1,19 @@
+import { Sheet } from '../../sheet/Sheet';
+import { CellInfo } from '../../types/CellInfo';
+import { IDataProvider } from '../../types/IDataProvider';
+import { Canvas } from '../Canvas';
+import type { ExcelRender } from '../ExcelRender';
+import { LinkPosition } from './LinkPosition';
+/**
+ * 绘制单元格的实现逻辑
+ * @param ctx
+ * @param dataProvider
+ * @param cellInfo
+ * @param x
+ * @param y
+ * @param width
+ * @param height
+ * @param padding
+ * @param needClear
+ */
+export declare function drawCell(excelRender: ExcelRender, sheet: Sheet, canvas: Canvas, dataProvider: IDataProvider, cellInfo: CellInfo, x: number, y: number, width: number, height: number, indentSize: number, padding: number, needClear?: boolean, linkPositionCache?: LinkPosition[]): void;

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

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var drawCellBackground = require('./drawCellBackground.js');
+var drawCellBorder = require('./drawCellBorder.js');
+var drawDataBar = require('./drawDataBar.js');
+var drawIconSet = require('./drawIconSet.js');
+var drawTextInCell = require('./drawTextInCell.js');
+
+/**
+ * 绘制单元格的实现逻辑
+ * @param ctx
+ * @param dataProvider
+ * @param cellInfo
+ * @param x
+ * @param y
+ * @param width
+ * @param height
+ * @param padding
+ * @param needClear
+ */
+function drawCell(excelRender, sheet, canvas, dataProvider, cellInfo, x, y, width, height, indentSize, padding, needClear, linkPositionCache) {
+    if (needClear === void 0) { needClear = false; }
+    if (linkPositionCache === void 0) { linkPositionCache = []; }
+    var ctx = canvas.ctx;
+    if (needClear) {
+        // 这里减 1 是为了避免清除网格线，不过后续需要更好的实现
+        ctx.clearRect(x + 1, y + 1, width - 2, height - 2);
+    }
+    drawCellBackground.drawCellBackground(ctx, dataProvider, cellInfo, x, y, width, height);
+    var drawText = true;
+    if (cellInfo.dataBarDisplay) {
+        //数据条的绘制
+        drawDataBar.drawCellDataBar(canvas, cellInfo.dataBarDisplay, x, y, width, height);
+        drawText = cellInfo.dataBarDisplay.showValue;
+    }
+    if (cellInfo.icon) {
+        drawIconSet.drawIconSet(canvas, cellInfo.icon, x, y, width, height);
+    }
+    if (drawText) {
+        drawTextInCell.drawTextInCell(excelRender, sheet, ctx, dataProvider, cellInfo, x, y, width, height, indentSize, padding, linkPositionCache);
+    }
+    // Excel 里似乎是后绘制 border
+    drawCellBorder.drawCellBorder(ctx, dataProvider, cellInfo, x, y, width, height);
+}
+
+exports.drawCell = drawCell;

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

@@ -0,0 +1,3 @@
+import { CellInfo } from '../../types/CellInfo';
+import { IDataProvider } from '../../types/IDataProvider';
+export declare function drawCellBackground(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, dataProvider: IDataProvider, cellInfo: CellInfo, x: number, y: number, width: number, height: number): void;

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getBackgroundColor = require('./getBackgroundColor.js');
+
+function drawCellBackground(ctx, dataProvider, cellInfo, x, y, width, height) {
+    var backgroundColor = getBackgroundColor.getBackgroundColor(dataProvider, cellInfo.fill);
+    if (backgroundColor !== 'none') {
+        ctx.fillStyle = backgroundColor;
+        ctx.fillRect(x, y, width, height);
+    }
+}
+
+exports.drawCellBackground = drawCellBackground;

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

@@ -0,0 +1,6 @@
+import { CellInfo } from '../../types/CellInfo';
+import { IDataProvider } from '../../types/IDataProvider';
+/**
+ * 绘制单元格边框
+ */
+export declare function drawCellBorder(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, dataProvider: IDataProvider, cellInfo: CellInfo, x: number, y: number, width: number, height: number): void;

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

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Consts = require('../Consts.js');
+var drawDoubleBorder = require('./border/drawDoubleBorder.js');
+var setLineStyle = require('./border/setLineStyle.js');
+
+/**
+ * 绘制单个边框
+ */
+function drawSingleBorder(ctx, dataProvider, border, borderPr, position, startX, startY, endX, endY) {
+    if (borderPr && borderPr.style && borderPr.style !== 'none') {
+        ctx.beginPath();
+        ctx.strokeStyle = dataProvider.getColor(borderPr.color, Consts.AUTO_COLOR);
+        if (borderPr.style === 'double') {
+            drawDoubleBorder.drawDoubleBorder(ctx, border, position, startX, startY, endX, endY);
+        }
+        else {
+            setLineStyle.setLineStyle(ctx, borderPr.style);
+            ctx.moveTo(startX, startY);
+            ctx.lineTo(endX, endY);
+        }
+        ctx.stroke();
+    }
+}
+/**
+ * 绘制单元格边框
+ */
+function drawCellBorder(ctx, dataProvider, cellInfo, x, y, width, height) {
+    var border = cellInfo.border;
+    if (!border) {
+        return;
+    }
+    // 绘制边框
+    ctx.save();
+    ctx.lineWidth = 1;
+    drawSingleBorder(ctx, dataProvider, border, border.top, 'top', x, y, x + width, y);
+    drawSingleBorder(ctx, dataProvider, border, border.bottom, 'bottom', x, y + height, x + width, y + height);
+    drawSingleBorder(ctx, dataProvider, border, border.left, 'left', x, y, x, y + height);
+    drawSingleBorder(ctx, dataProvider, border, border.right, 'right', x + width, y, x + width, y + height);
+    if (border.diagonalDown) {
+        drawSingleBorder(ctx, dataProvider, border, border.diagonal, 'diagonalDown', x, y, x + width, y + height);
+    }
+    if (border.diagonalUp) {
+        drawSingleBorder(ctx, dataProvider, border, border.diagonal, 'diagonalUp', x, y + height, x + width, y);
+    }
+    ctx.restore();
+}
+
+exports.drawCellBorder = drawCellBorder;

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

@@ -0,0 +1,9 @@
+import { ExcelRenderOptions } from '../../sheet/ExcelRenderOptions';
+import { DisplayData, Sheet } from '../../sheet/Sheet';
+import { SheetCanvas } from '../SheetCanvas';
+import { LinkPosition } from './LinkPosition';
+import type { ExcelRender } from '../ExcelRender';
+/**
+ * 绘制所有单元格的主入口
+ */
+export declare function drawCells(excelRender: ExcelRender, currentSheet: Sheet, excelRenderOptions: ExcelRenderOptions, canvas: SheetCanvas, displayData: DisplayData[], linkPositionCache: LinkPosition[]): void;

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Consts = require('../Consts.js');
+
+/**
+ * 绘制所有单元格的主入口
+ */
+function drawCells(excelRender, currentSheet, excelRenderOptions, canvas, displayData, linkPositionCache) {
+    var e_1, _a, e_2, _b;
+    var cellInfoMap = new Map();
+    try {
+        for (var displayData_1 = tslib.__values(displayData), displayData_1_1 = displayData_1.next(); !displayData_1_1.done; displayData_1_1 = displayData_1.next()) {
+            var data = displayData_1_1.value;
+            var row = data.row, col = data.col, width = data.width, height = data.height;
+            if (width <= 0 || height <= 0) {
+                continue;
+            }
+            var cellInfo = currentSheet.getCellInfo(row, col);
+            if (cellInfo) {
+                cellInfoMap.set("".concat(row, ",").concat(col), tslib.__assign(tslib.__assign({}, cellInfo), { width: width, height: height }));
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (displayData_1_1 && !displayData_1_1.done && (_a = displayData_1.return)) _a.call(displayData_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    canvas.autoClip(cellInfoMap);
+    try {
+        for (var displayData_2 = tslib.__values(displayData), displayData_2_1 = displayData_2.next(); !displayData_2_1.done; displayData_2_1 = displayData_2.next()) {
+            var data = displayData_2_1.value;
+            var row = data.row, col = data.col, x = data.x, y = data.y, width = data.width, height = data.height, needClear = data.needClear;
+            if (width <= 0 || height <= 0) {
+                continue;
+            }
+            var key = "".concat(row, ",").concat(col);
+            if (cellInfoMap.has(key)) {
+                var cellInfo = cellInfoMap.get(key);
+                canvas.drawCell(excelRender, cellInfo, x, y, width, height, excelRenderOptions.indentSize, Consts.PADDING_SIZE, needClear, linkPositionCache);
+            }
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (displayData_2_1 && !displayData_2_1.done && (_b = displayData_2.return)) _b.call(displayData_2);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+}
+
+exports.drawCells = drawCells;

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

@@ -0,0 +1,3 @@
+import { DataBarDisplay } from '../../types/DataBarDisplay';
+import { Canvas } from '../Canvas';
+export declare function drawCellDataBar(canvas: Canvas, dataBarDisplay: DataBarDisplay, x: number, y: number, width: number, height: number): void;

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var drawDataBarX14 = require('./drawDataBarX14.js');
+
+function drawCellDataBar(canvas, dataBarDisplay, x, y, width, height) {
+    if (dataBarDisplay.biDirectional) {
+        return drawDataBarX14.drawCellDataBarX14(canvas, dataBarDisplay, x, y, width, height);
+    }
+    var fillColor = dataBarDisplay.color;
+    if (fillColor !== 'none') {
+        var displayWidth = width * dataBarDisplay.percent;
+        // 从有到左需要换一下方向
+        if (dataBarDisplay.direction === 'rightToLeft') {
+            x = x + width - displayWidth;
+        }
+        if (dataBarDisplay.gradient) {
+            if (dataBarDisplay.direction === 'rightToLeft') {
+                canvas.drawRectLinearGradientWithPadding(x, y, displayWidth, height, dataBarDisplay.colorGradient, fillColor, 1);
+            }
+            else {
+                canvas.drawRectLinearGradientWithPadding(x, y, displayWidth, height, fillColor, dataBarDisplay.colorGradient, 1);
+            }
+        }
+        else {
+            canvas.drawRectWithPadding(x, y, displayWidth, height, fillColor, 1);
+        }
+        if (dataBarDisplay.border && dataBarDisplay.borderColor) {
+            canvas.drawStrokeRectPadding(x, y, displayWidth, height, dataBarDisplay.borderColor, 1);
+        }
+    }
+}
+
+exports.drawCellDataBar = drawCellDataBar;

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

@@ -0,0 +1,7 @@
+import { DataBarDisplay } from '../../types/DataBarDisplay';
+import { Canvas } from '../Canvas';
+/**
+ * Excel 2010 中的双向数据条，这里已经过滤了数据里没有负数的情况，所以一定是两边显示
+ * 不支持 rightToLeft，因为看起来很奇怪，估计不会有人用
+ */
+export declare function drawCellDataBarX14(canvas: Canvas, dataBarDisplay: DataBarDisplay, x: number, y: number, width: number, height: number): void;