office-viewer 0.2.1 → 0.3.1

package/lib/excel/render/sheetTab/SheetList.js

@@ -0,0 +1,289 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var H = require('../../../util/H.js');
+var color = require('../../../util/color.js');
+var onClickOutside = require('../../../util/onClickOutside.js');
+var Icons = require('../Icons.js');
+
+var activeTabClass = 'ov-excel-sheet-tab-bar__list-tab--active';
+var iconEnableClass = 'ov-excel-sheet-tab-bar__nav-icon--enabled';
+var menuListActiveClass = 'ov-excel-sheet-tab-bar__menu-list-item--active';
+/**
+ * Sheet 列表
+ */
+var SheetList = /** @class */ (function () {
+    function SheetList(container, workbook, renderOptions) {
+        var _this = this;
+        this.sheetTabs = [];
+        this.sheetMenuItems = [];
+        // 水平滚动距离
+        this.scrollLeft = 0;
+        // sheet 内容总长度，由于宽度 list 宽度设置为 0 导致这里需要重新计算
+        this.sheetListWidth = 0;
+        this.workbook = workbook;
+        this.initDOM(container);
+        workbook.uiEvent.on('SWITCH_SHEET', function () {
+            _this.updateActiveTab();
+        });
+        this.updateActiveTab();
+    }
+    SheetList.prototype.initDOM = function (container) {
+        var _this = this;
+        this.renderNav(container);
+        this.renderSheetMenu(container);
+        var sheetListContainer = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__list-container',
+            parent: container
+        });
+        this.sheetListContainer = sheetListContainer;
+        var sheetList = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__list',
+            parent: sheetListContainer
+        });
+        this.sheetList = sheetList;
+        sheetListContainer.addEventListener('wheel', function (e) {
+            _this.handleWheel(e);
+        });
+        this.renderSheets(sheetList, true);
+    };
+    SheetList.prototype.renderSheetMenu = function (container) {
+        var sheetMenu = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__menu',
+            parent: container
+        });
+        this.sheetMenu = sheetMenu;
+        this.renderSheetMenuList(sheetMenu);
+    };
+    SheetList.prototype.renderSheetMenuList = function (sheetMenu) {
+        var _this = this;
+        this.sheetMenu.innerHTML = '';
+        H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__menu-icon',
+            parent: sheetMenu,
+            innerHTML: Icons.Icons.menu
+        });
+        var sheetMenuList = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__menu-list',
+            parent: sheetMenu
+        });
+        sheetMenu.onclick = function () {
+            sheetMenuList.style.display = 'block';
+        };
+        this.workbook.sheets.forEach(function (sheet) {
+            if (sheet.isHidden()) {
+                return;
+            }
+            var sheetMenuItem = H.H('div', {
+                className: 'ov-excel-sheet-tab-bar__menu-list-item',
+                parent: sheetMenuList
+            });
+            sheetMenuItem.textContent = sheet.getSheetName();
+            sheetMenuItem.dataset.sheetIndex = sheet.getIndex().toString();
+            sheetMenuItem.addEventListener('click', function () {
+                _this.workbook.setActiveSheet(sheet.getSheetName());
+                _this.makeActiveSheetVisible();
+            });
+            if (sheet.getIndex() === _this.workbook.getActiveSheet().getIndex()) {
+                sheetMenuItem.classList.add(menuListActiveClass);
+            }
+            _this.sheetMenuItems.push(sheetMenuItem);
+        });
+        onClickOutside.onClickOutside(sheetMenu, function () {
+            sheetMenuList.style.display = 'none';
+        });
+    };
+    /**
+     * 改变 sheet 水平滚动的左右导航
+     */
+    SheetList.prototype.renderNav = function (container) {
+        var _this = this;
+        var sheetNav = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__nav',
+            parent: container
+        });
+        var holdTime = 100;
+        var moveDelta = 20;
+        var leftNav = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__nav-icon',
+            parent: sheetNav,
+            innerHTML: Icons.Icons.left
+        });
+        this.leftNav = leftNav;
+        var leftNavTimer;
+        leftNav.addEventListener('mousedown', function () {
+            leftNavTimer = setInterval(function () {
+                _this.updateScrollLeft(moveDelta);
+            }, holdTime);
+        });
+        document.addEventListener('mouseup', function () {
+            clearInterval(leftNavTimer);
+        });
+        var rightNav = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__nav-icon',
+            parent: sheetNav,
+            innerHTML: Icons.Icons.right
+        });
+        this.rightNav = rightNav;
+        var rightNavTimer;
+        rightNav.addEventListener('mousedown', function () {
+            rightNavTimer = setInterval(function () {
+                _this.updateScrollLeft(-moveDelta);
+            }, holdTime);
+        });
+        document.addEventListener('mouseup', function () {
+            clearInterval(rightNavTimer);
+        });
+    };
+    SheetList.prototype.syncNavStatus = function () {
+        var containerWidth = this.sheetListContainer.clientWidth;
+        var sheetListWidth = this.sheetListWidth;
+        if (sheetListWidth < containerWidth) {
+            return;
+        }
+        var scrollLeft = this.scrollLeft;
+        if (scrollLeft < 0) {
+            this.leftNav.classList.add(iconEnableClass);
+            this.sheetListContainer.classList.add('ov-excel-sheet-tab-bar__list-container--enable-left-nav');
+        }
+        else {
+            this.sheetListContainer.classList.remove('ov-excel-sheet-tab-bar__list-container--enable-left-nav');
+            this.leftNav.classList.remove(iconEnableClass);
+        }
+        if (scrollLeft > containerWidth - sheetListWidth) {
+            this.sheetListContainer.classList.add('ov-excel-sheet-tab-bar__list-container--enable-right-nav');
+            this.rightNav.classList.add(iconEnableClass);
+        }
+        else {
+            this.sheetListContainer.classList.remove('ov-excel-sheet-tab-bar__list-container--enable-right-nav');
+            this.rightNav.classList.remove(iconEnableClass);
+        }
+    };
+    /**
+     * 支持在 sheet 上使用滚轮
+     */
+    SheetList.prototype.handleWheel = function (e) {
+        var deltaY = e.deltaY;
+        this.updateScrollLeft(-deltaY);
+    };
+    SheetList.prototype.updateScrollLeft = function (delta) {
+        var containerWidth = this.sheetListContainer.clientWidth;
+        var sheetListWidth = this.sheetListWidth;
+        if (sheetListWidth < containerWidth) {
+            return;
+        }
+        var scrollLeft = this.scrollLeft;
+        scrollLeft += delta;
+        scrollLeft = Math.max(Math.min(0, scrollLeft), containerWidth - sheetListWidth);
+        this.scrollLeft = scrollLeft;
+        // 目前是用 transform 来实现的，因为 list 的宽度设置为 0 了
+        this.sheetList.style.transform = "translateX(".concat(scrollLeft, "px)");
+        this.syncNavStatus();
+    };
+    /**
+     * 初始化的时候保证激活的 sheet 可见
+     * @param offsetX 当前 sheet 的偏移量
+     */
+    SheetList.prototype.makeActiveSheetVisible = function () {
+        var e_1, _a;
+        var _this = this;
+        var offsetX = 0;
+        var currentIndex = this.workbook.getActiveSheet().getIndex().toString();
+        try {
+            for (var _b = tslib.__values(this.sheetTabs), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var sheetTab = _c.value;
+                var marginLeft = parseInt(getComputedStyle(sheetTab).marginLeft);
+                var marginRight = parseInt(getComputedStyle(sheetTab).marginRight);
+                offsetX += sheetTab.clientWidth + marginLeft + marginRight;
+                if (sheetTab.dataset.sheetIndex === currentIndex) {
+                    break;
+                }
+            }
+        }
+        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; }
+        }
+        // 需要延迟一下不然 containerWidth 不准确
+        setTimeout(function () {
+            var containerWidth = _this.sheetListContainer.clientWidth;
+            _this.scrollLeft = Math.min(0, containerWidth - offsetX);
+            _this.sheetList.style.transform = "translateX(".concat(_this.scrollLeft, "px)");
+            _this.syncNavStatus();
+        }, 100);
+    };
+    /**
+     * 渲染 sheet 列表，如果 sheet 有变化可以重新调用这个方法
+     * @param sheetList sheet 列表容器
+     * @param firstRender 是否是第一次渲染，第一次渲染会调用 makeActiveSheetVisible
+     */
+    SheetList.prototype.renderSheets = function (sheetList, firstRender) {
+        var _this = this;
+        if (firstRender === void 0) { firstRender = false; }
+        sheetList.innerHTML = '';
+        this.sheetTabs = [];
+        var sheetListWidth = 0;
+        this.workbook.sheets.forEach(function (sheet) {
+            if (sheet.isHidden()) {
+                return;
+            }
+            var sheetTab = H.H('div', {
+                className: 'ov-excel-sheet-tab-bar__list-tab',
+                parent: sheetList
+            });
+            var tabColor = sheet.getTabColor();
+            if (tabColor !== 'none') {
+                var color$1 = new color.Color(tabColor);
+                sheetTab.style.backgroundImage = "linear-gradient(".concat(color$1.toRgba(0.1), ", ").concat(color$1.toRgba(0.5), ")");
+                sheetTab.style.color = tabColor;
+            }
+            var name = sheet.getSheetName();
+            sheetTab.textContent = name;
+            sheetTab.dataset.sheetIndex = sheet.getIndex().toString();
+            sheetTab.addEventListener('click', function () {
+                _this.workbook.setActiveSheet(name);
+            });
+            _this.sheetTabs.push(sheetTab);
+            var marginLeft = parseInt(getComputedStyle(sheetTab).marginLeft);
+            var marginRight = parseInt(getComputedStyle(sheetTab).marginRight);
+            sheetListWidth += sheetTab.clientWidth + marginLeft + marginRight;
+            if (sheet.getIndex() === _this.workbook.getActiveSheet().getIndex()) {
+                sheetTab.classList.add(activeTabClass);
+                if (firstRender) {
+                    _this.makeActiveSheetVisible();
+                }
+            }
+        });
+        this.sheetListWidth = sheetListWidth;
+    };
+    SheetList.prototype.updateActiveTab = function () {
+        var currentSheet = this.workbook.getActiveSheet();
+        var sheetIndex = currentSheet.getIndex();
+        this.sheetTabs.forEach(function (tab) {
+            var index = parseInt(tab.dataset.sheetIndex, 10);
+            if (index === sheetIndex) {
+                tab.classList.add(activeTabClass);
+            }
+            else {
+                tab.classList.remove(activeTabClass);
+            }
+        });
+        this.sheetMenuItems.forEach(function (item) {
+            var index = parseInt(item.dataset.sheetIndex, 10);
+            if (index === sheetIndex) {
+                item.classList.add(menuListActiveClass);
+            }
+            else {
+                item.classList.remove(menuListActiveClass);
+            }
+        });
+    };
+    return SheetList;
+}());
+
+exports.SheetList = SheetList;

package/lib/excel/render/sheetTab/SheetTabBar.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 底部 sheet 页签及其它状态栏
+ */
+import { Workbook } from '../../Workbook';
+import { ExcelRenderOptions } from '../../sheet/ExcelRenderOptions';
+export declare class SheetTabBar {
+    constructor(container: HTMLElement, workbook: Workbook, renderOptions: ExcelRenderOptions);
+}

package/lib/excel/render/sheetTab/SheetTabBar.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SheetList = require('./SheetList.js');
+var StatusBar = require('./StatusBar.js');
+var ZoomLevel = require('./ZoomLevel.js');
+
+/**
+ * 底部 sheet 页签及其它状态栏
+ */
+var SheetTabBar = /** @class */ (function () {
+    function SheetTabBar(container, workbook, renderOptions) {
+        if (!renderOptions.showSheetTabBar) {
+            return;
+        }
+        new SheetList.SheetList(container, workbook, renderOptions);
+        new StatusBar.StatusBar(container, workbook, renderOptions);
+        new ZoomLevel.ZoomLevel(container, workbook, renderOptions);
+    }
+    return SheetTabBar;
+}());
+
+exports.SheetTabBar = SheetTabBar;

package/lib/excel/render/sheetTab/StatusBar.d.ts

@@ -0,0 +1,14 @@
+import { Workbook } from '../../Workbook';
+import { ExcelRenderOptions } from '../../sheet/ExcelRenderOptions';
+/**
+ * 状态栏，主要是显示平均值、求和等
+ */
+export declare class StatusBar {
+    status: HTMLElement;
+    workbook: Workbook;
+    constructor(container: HTMLElement, workbook: Workbook, renderOptions: ExcelRenderOptions);
+    /**
+     * 选区变化的时候更新底部状态栏
+     */
+    syncStatus(): void;
+}

package/lib/excel/render/sheetTab/StatusBar.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var H = require('../../../util/H.js');
+var stripNumber = require('../../../util/stripNumber.js');
+
+/**
+ * 状态栏，主要是显示平均值、求和等
+ */
+var StatusBar = /** @class */ (function () {
+    function StatusBar(container, workbook, renderOptions) {
+        var _this = this;
+        this.workbook = workbook;
+        var status = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__status',
+            parent: container
+        });
+        this.status = status;
+        workbook.uiEvent.on('CHANGE_SELECTION', function () {
+            _this.syncStatus();
+        });
+    }
+    /**
+     * 选区变化的时候更新底部状态栏
+     */
+    StatusBar.prototype.syncStatus = function () {
+        var e_1, _a;
+        var workbook = this.workbook;
+        var status = this.status;
+        var currentSheet = workbook.getActiveSheet();
+        var selection = currentSheet.getSelection();
+        if (!selection) {
+            status.textContent = '';
+            return;
+        }
+        var rangesData = currentSheet.getCellValueByRanges(selection.cellRanges, false);
+        var count = rangesData.length;
+        var sum = 0;
+        var numberCount = 0;
+        try {
+            for (var rangesData_1 = tslib.__values(rangesData), rangesData_1_1 = rangesData_1.next(); !rangesData_1_1.done; rangesData_1_1 = rangesData_1.next()) {
+                var data = rangesData_1_1.value;
+                if (data) {
+                    if (data.isDate) {
+                        continue;
+                    }
+                    var numberVal = parseFloat((data.value || data.text).trim());
+                    if (isNaN(numberVal)) {
+                        continue;
+                    }
+                    sum += numberVal;
+                    numberCount++;
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (rangesData_1_1 && !rangesData_1_1.done && (_a = rangesData_1.return)) _a.call(rangesData_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        sum = stripNumber.stripNumber(sum, 10);
+        var average = numberCount ? stripNumber.stripNumber(sum / numberCount, 10) : 0;
+        status.innerHTML = '';
+        H.H('span', {
+            class: 'ov-excel-sheet-tab-bar__status-text',
+            parent: status,
+            innerText: "".concat(workbook.translator('average'), ": ").concat(average)
+        });
+        H.H('span', {
+            class: 'ov-excel-sheet-tab-bar__status-text',
+            parent: status,
+            innerText: "".concat(workbook.translator('count'), ": ").concat(count)
+        });
+        H.H('span', {
+            class: 'ov-excel-sheet-tab-bar__status-text',
+            parent: status,
+            innerText: "".concat(workbook.translator('sum'), ": ").concat(sum)
+        });
+    };
+    return StatusBar;
+}());
+
+exports.StatusBar = StatusBar;

package/lib/excel/render/sheetTab/ZoomLevel.d.ts

@@ -0,0 +1,6 @@
+import { Workbook } from '../../Workbook';
+import { ExcelRenderOptions } from '../../sheet/ExcelRenderOptions';
+export declare class ZoomLevel {
+    constructor(container: HTMLElement, workbook: Workbook, renderOptions: ExcelRenderOptions);
+    renderZoomLevel(container: HTMLElement, workbook: Workbook): void;
+}

package/lib/excel/render/sheetTab/ZoomLevel.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var H = require('../../../util/H.js');
+
+var ZoomLevel = /** @class */ (function () {
+    function ZoomLevel(container, workbook, renderOptions) {
+        this.renderZoomLevel(container, workbook);
+    }
+    ZoomLevel.prototype.renderZoomLevel = function (container, workbook) {
+        var currentSheet = workbook.getActiveSheet();
+        var zoom = currentSheet.getZoomLevel();
+        var zoomLevel = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__zoom-level',
+            parent: container
+        });
+        var zoomOut = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__zoom-out',
+            parent: zoomLevel
+        });
+        zoomOut.textContent = '-';
+        zoomOut.addEventListener('click', function () {
+            currentSheet.setZoomLevel(Math.max(0.25, zoom - 0.25));
+        });
+        var zoomValue = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__zoom-value',
+            parent: zoomLevel
+        });
+        zoomValue.textContent = "".concat(zoom * 100, "%");
+        var zoomIn = H.H('div', {
+            className: 'ov-excel-sheet-tab-bar__zoom-in',
+            parent: zoomLevel
+        });
+        zoomIn.textContent = '+';
+        zoomIn.addEventListener('click', function () {
+            currentSheet.setZoomLevel(zoom + 0.25);
+        });
+    };
+    return ZoomLevel;
+}());
+
+exports.ZoomLevel = ZoomLevel;

package/lib/excel/render/sparkline/Numbers.d.ts

@@ -0,0 +1 @@
+export type Numbers = (number | undefined)[];

package/lib/excel/render/sparkline/applyColor.d.ts

@@ -0,0 +1,7 @@
+import { CT_Color } from '../../../openxml/ExcelTypes';
+import { X14SparklineGroup } from '../../types/X14Sparkline/X14SparklineGroup';
+import { Numbers } from './Numbers';
+/**
+ * 应用样式
+ */
+export declare function applyColor(ctx: OffscreenCanvasRenderingContext2D, data: Numbers, index: number, value: number, min: number, max: number, sparklineOptions: X14SparklineGroup, defaultColor: string, getColor: (color?: CT_Color) => string): boolean;

package/lib/excel/render/sparkline/applyColor.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var stripNumber = require('../../../util/stripNumber.js');
+
+/**
+ * 应用样式
+ */
+function applyColor(ctx, data, index, value, min, max, sparklineOptions, defaultColor, getColor) {
+    value = stripNumber.stripNumber(value);
+    min = stripNumber.stripNumber(min);
+    max = stripNumber.stripNumber(max);
+    if (sparklineOptions.first && index === 0) {
+        ctx.fillStyle = getColor(sparklineOptions['x14:colorFirst']);
+        return true;
+    }
+    else if (sparklineOptions.last && index === data.length - 1) {
+        ctx.fillStyle = getColor(sparklineOptions['x14:colorLast']);
+        return true;
+    }
+    else if (sparklineOptions.high && value === max) {
+        ctx.fillStyle = getColor(sparklineOptions['x14:colorHigh']);
+        return true;
+    }
+    else if (sparklineOptions.low && value === min) {
+        ctx.fillStyle = getColor(sparklineOptions['x14:colorLow']);
+        return true;
+    }
+    else if (sparklineOptions.negative && value < 0) {
+        ctx.fillStyle = getColor(sparklineOptions['x14:colorNegative']);
+        return true;
+    }
+    else {
+        ctx.fillStyle = defaultColor;
+    }
+    return false;
+}
+
+exports.applyColor = applyColor;

package/lib/excel/render/sparkline/drawSparkline.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 绘制 sparkline
+ */
+import { Sheet } from '../../sheet/Sheet';
+import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { SheetCanvas } from '../SheetCanvas';
+export declare function drawSparkline(currentSheet: Sheet, viewRange: ViewRange, canvas: SheetCanvas): void;

package/lib/excel/render/sparkline/drawSparkline.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Range = require('../../io/excel/util/Range.js');
+var renderSparkline = require('./renderSparkline.js');
+var getRangePosition = require('../selection/getRangePosition.js');
+
+/**
+ * 绘制 sparkline
+ */
+function drawSparkline(currentSheet, viewRange, canvas) {
+    var e_1, _a;
+    var _b;
+    var workbook = currentSheet.getWorkbook();
+    var viewRangeRef = Range.viewRangeToRangeRef(viewRange);
+    var sparklineGroups = currentSheet.getSparklineGroups();
+    var _loop_1 = function (sparklineGroup) {
+        var e_2, _c;
+        var _loop_2 = function (sparkline) {
+            var f = sparkline['xm:f'];
+            var sqref = sparkline['xm:sqref'];
+            if (!f || !sqref) {
+                console.warn('sparkline 缺少必要的 xm:f 和 xm:sqref 字段', sparkline);
+                return "continue";
+            }
+            var sqrefCellRange = Range.parseRange(sqref);
+            if (Range.rangeIntersect(viewRangeRef, sqrefCellRange)) {
+                if (f.includes('!')) {
+                    var cellDisplayData_1 = getRangePosition.getRangePosition(workbook, viewRange.region, sqrefCellRange);
+                    if (!cellDisplayData_1) {
+                        console.warn('找不到对应的单元格', sqref);
+                        return "continue";
+                    }
+                    var _f = tslib.__read(f.split('!'), 2), sheetName = _f[0], rangeStr = _f[1];
+                    // 获取范围内的数据
+                    var dataRange = Range.parseRange(rangeStr);
+                    var targetSheet = workbook.getSheetByName(sheetName);
+                    if (targetSheet) {
+                        var displayHidden = sparklineGroup.displayHidden;
+                        var dataInRange = targetSheet.getCellValueByRange(dataRange, displayHidden);
+                        var data_1 = dataInRange.map(function (val) { return val.value; });
+                        var cacheKey = "".concat(sheetName, "!").concat(JSON.stringify(sparkline));
+                        var padding_1 = 3;
+                        canvas.customDrawWithCache(cacheKey, cellDisplayData_1.x + padding_1, cellDisplayData_1.y + padding_1, cellDisplayData_1.width - 2 * padding_1, cellDisplayData_1.height - 2 * padding_1, function (ctx) {
+                            renderSparkline.renderSparkline(ctx, cellDisplayData_1.width - 2 * padding_1, cellDisplayData_1.height - 2 * padding_1, data_1, sparklineGroup, function (color) {
+                                return currentSheet.dataProvider.getColor(color);
+                            });
+                        });
+                    }
+                    else {
+                        console.warn('找不到目标 sheet', sheetName);
+                    }
+                }
+                else {
+                    console.warn('未知 sparkline 引用格式', f);
+                }
+            }
+        };
+        try {
+            for (var _d = (e_2 = void 0, tslib.__values(((_b = sparklineGroup['x14:sparklines']) === null || _b === void 0 ? void 0 : _b['x14:sparkline']) || [])), _e = _d.next(); !_e.done; _e = _d.next()) {
+                var sparkline = _e.value;
+                _loop_2(sparkline);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+    };
+    try {
+        for (var sparklineGroups_1 = tslib.__values(sparklineGroups), sparklineGroups_1_1 = sparklineGroups_1.next(); !sparklineGroups_1_1.done; sparklineGroups_1_1 = sparklineGroups_1.next()) {
+            var sparklineGroup = sparklineGroups_1_1.value;
+            _loop_1(sparklineGroup);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (sparklineGroups_1_1 && !sparklineGroups_1_1.done && (_a = sparklineGroups_1.return)) _a.call(sparklineGroups_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+
+exports.drawSparkline = drawSparkline;

package/lib/excel/render/sparkline/renderColumn.d.ts

@@ -0,0 +1,7 @@
+import { CT_Color } from '../../../openxml/ExcelTypes';
+import { X14SparklineGroup } from '../../types/X14Sparkline/X14SparklineGroup';
+import { Numbers } from './Numbers';
+/**
+ * 绘制柱状图
+ */
+export declare function renderColumn(ctx: OffscreenCanvasRenderingContext2D, width: number, height: number, min: number, max: number, data: Numbers, sparklineOptions: X14SparklineGroup, getColor: (color?: CT_Color) => string): void;