office-viewer 0.3.5 → 0.3.6

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

@@ -19,6 +19,7 @@ export declare class AutoFilterIconUI {
     rangeRef: RangeRef;
     colIndex: number;
     autoFilter: CT_AutoFilter;
+    removeClickOutsideEvent: () => void;
     constructor(sheet: Sheet, dataContainer: HTMLElement, autoFilter: CT_AutoFilter, rangeRef: RangeRef, colIndex: number, fid: string, headerRowCount?: number);
     /**
      * 更新过滤图标
@@ -30,4 +31,5 @@ export declare class AutoFilterIconUI {
     showMenu(): void;
     hideMenu(): void;
     hide(): void;
+    destroy(): void;
 }

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

@@ -33,7 +33,7 @@ var AutoFilterIconUI = /** @class */ (function () {
         this.filterIcon = filterIcon;
         this.filterMenu = new AutoFilterMenuUI.AutoFilterMenuUI(this, filterIconContainer, sheet, autoFilter, rangeRef, colIndex, headerRowCount);
         filterIcon.addEventListener('click', this.handleClick.bind(this));
-        onClickOutside.onClickOutside(filterIconContainer, function () {
+        this.removeClickOutsideEvent = onClickOutside.onClickOutside(filterIconContainer, function () {
             _this.hideMenu();
         });
     }
@@ -83,6 +83,10 @@ var AutoFilterIconUI = /** @class */ (function () {
     AutoFilterIconUI.prototype.hide = function () {
         this.filterIconContainer.style.display = 'none';
     };
+    AutoFilterIconUI.prototype.destroy = function () {
+        this.filterIconContainer.remove();
+        this.removeClickOutsideEvent();
+    };
     return AutoFilterIconUI;
 }());
 

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

@@ -120,9 +120,15 @@ var CustomFiltersUI = /** @class */ (function () {
         var select = new Select.Select(customFilterItemInput, this.operatorOptions, toOperatorUI.toOperatorUI(operator, value), function () {
             _this.syncCustomFilters();
         });
-        var input = new Input.Input(customFilterItemInput, '', value, function () {
-            _this.syncCustomFilters();
-        }, 'normal', this.texts);
+        var input = new Input.Input({
+            container: customFilterItemInput,
+            value: value,
+            onChange: function () {
+                _this.syncCustomFilters();
+            },
+            style: 'normal',
+            options: this.texts
+        });
         this.customFilterItems.push({ input: input, select: select });
     };
     /**

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

@@ -3,4 +3,4 @@
  */
 import { CT_SortState } from '../../../../openxml/ExcelTypes';
 import { RangeRef } from '../../../types/RangeRef';
-export declare function getColumnSortOrder(colIndex: number, rangeRef: RangeRef, sortState?: CT_SortState): "none" | "desc" | "asc";
+export declare function getColumnSortOrder(colIndex: number, rangeRef: RangeRef, sortState?: CT_SortState): "desc" | "none" | "asc";

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

@@ -20,7 +20,7 @@ function drawCells(excelRender, currentSheet, excelRenderOptions, canvas, displa
             }
             var cellInfo = currentSheet.getCellInfo(row, col);
             if (cellInfo) {
-                cellInfoMap.set("".concat(row, ",").concat(col), tslib.__assign(tslib.__assign({}, cellInfo), { width: width, height: height }));
+                cellInfoMap.set("".concat(row, ",").concat(col), tslib.__assign(tslib.__assign({}, JSON.parse(JSON.stringify(cellInfo))), { width: width, height: height }));
             }
         }
     }

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

@@ -1,10 +1,10 @@
 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';
+import { ViewRange } from '../../../sheet/ViewRange';
 export type FrozenViewRange = {
     topViewRange: ViewRange | null;
     leftViewRange: ViewRange | null;

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

@@ -1,5 +1,5 @@
+import { ViewRange } from '../../../sheet/ViewRange';
 import { IndexInfo } from '../../../sheet/getViewRange';
-import { ViewRange } from 'src/excel/sheet/ViewRange';
 /**
  * 获取左边冻结的范围
  * @param xSplit

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

@@ -1,4 +1,4 @@
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../../sheet/ViewRange';
 /**
  * 获取左上角冻结区域的访问
  */

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

@@ -1,5 +1,5 @@
+import { ViewRange } from '../../../sheet/ViewRange';
 import { HiddenRange, IndexInfo } from '../../../sheet/getViewRange';
-import { ViewRange } from 'src/excel/sheet/ViewRange';
 /**
  * 获取顶部冻结的范围
  * @param ySplit

package/lib/excel/render/dnd/DragState.d.ts

@@ -1,5 +1,5 @@
 import type { Workbook } from '../../Workbook';
-import { Region } from 'src/excel/sheet/ViewRange';
+import { Region } from '../../sheet/ViewRange';
 import { SheetSelection } from '../selection/SheetSelection';
 import { HitTestResult } from '../selection/hitTest';
 export interface DragState {

package/lib/excel/render/dnd/mousedownColHeader.d.ts

@@ -10,7 +10,7 @@ import { HitTestResult } from '../selection/hitTest';
 export declare function mousedownColHeader(workbook: Workbook, hitTestResult: HitTestResult): {
     user: string;
     region: import("../../sheet/ViewRange").Region;
-    selectType: "corner" | "drawing" | "cell" | "row-header" | "col-header" | "row-grid" | "col-grid";
+    selectType: "drawing" | "corner" | "cell" | "row-header" | "col-header" | "row-grid" | "col-grid";
     activeCell: RangeRef;
     sheetIndex: number;
     cellRanges: {

package/lib/excel/render/dnd/mousedownRowHeader.d.ts

@@ -10,7 +10,7 @@ import { HitTestResult } from '../selection/hitTest';
 export declare function mousedownRowHeader(workbook: Workbook, hitTestResult: HitTestResult): {
     user: string;
     region: import("../../sheet/ViewRange").Region;
-    selectType: "corner" | "drawing" | "cell" | "row-header" | "col-header" | "row-grid" | "col-grid";
+    selectType: "drawing" | "corner" | "cell" | "row-header" | "col-header" | "row-grid" | "col-grid";
     activeCell: RangeRef;
     sheetIndex: number;
     cellRanges: {

package/lib/excel/render/drawing/drawDrawing.d.ts

@@ -1,7 +1,7 @@
 import { Sheet } from '../../sheet/Sheet';
 import { SheetCanvas } from '../SheetCanvas';
-import { ViewRange } from 'src/excel/sheet/ViewRange';
 import { ExcelRender } from '../ExcelRender';
+import { ViewRange } from '../../sheet/ViewRange';
 /**
  * 绘制 sheet 里的图片及文本框
  */

package/lib/excel/render/drawing/findPositionInViewRange.d.ts

@@ -1,5 +1,5 @@
 import { Sheet } from '../../sheet/Sheet';
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../sheet/ViewRange';
 import { Rect } from '../Rect';
 /**
  * 在 viewRange 中找到 row 和 col 的位置

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

@@ -1,6 +1,6 @@
 import { CT_Marker } from '../../../openxml/ExcelTypes';
 import { Sheet } from '../../sheet/Sheet';
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../sheet/ViewRange';
 export declare function getRectFromOneAnchorPoint(currentSheet: Sheet, cell: CT_Marker, viewRange: ViewRange): {
     x: number;
     y: number;

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

@@ -39,9 +39,13 @@ var FormulaBar = /** @class */ (function () {
             parent: this.dom
         });
         this.textBox = textBox;
-        var textInput = new Input.Input(textBox, '', '', function (value) {
-            _this.changeCellValue(value);
-        }, 'borderLess');
+        var textInput = new Input.Input({
+            container: textBox,
+            onChange: function (value) {
+                _this.changeCellValue(value);
+            },
+            style: 'borderLess'
+        });
         this.textInput = textInput;
     };
     FormulaBar.prototype.getActiveCell = function () {

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

@@ -1,6 +1,6 @@
 import { GridLineOptions } from '../../sheet/ExcelRenderOptions';
 import { Sheet } from '../../sheet/Sheet';
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../sheet/ViewRange';
 import { SheetCanvas, Line } from '../SheetCanvas';
 /**
  * 生成网格线

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

@@ -1,6 +1,6 @@
 import { ExcelRenderOptions } from '../../sheet/ExcelRenderOptions';
 import { Sheet } from '../../sheet/Sheet';
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../sheet/ViewRange';
 import { FontSize } from '../../types/FontSize';
 import { FontStyle } from '../../types/FontStyle';
 import { SheetCanvas } from '../SheetCanvas';

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

@@ -11,6 +11,9 @@ var genFontStr = require('../cell/genFontStr.js');
  */
 function drawRowColHeaders(currentSheet, viewRange, sheetCanvas, renderOptions, defaultFontSize, defaultFontStyle) {
     var e_1, _a, e_2, _b;
+    if (currentSheet.showRowColHeaders() === false) {
+        return;
+    }
     var rows = viewRange.rows, startRowOffset = viewRange.startRowOffset, height = viewRange.height, width = viewRange.width, cols = viewRange.cols, startColOffset = viewRange.startColOffset;
     var _c = currentSheet.getRowColSize(), rowHeaderWidth = _c.rowHeaderWidth, colHeaderHeight = _c.colHeaderHeight;
     var gridLineColor = renderOptions.gridLineColor, rowColHeadersBgColor = renderOptions.rowColHeadersBackgroundColor, hiddenRowColHeadersLineColor = renderOptions.hiddenRowColHeadersLineColor;

package/lib/excel/render/selection/SheetSelection.d.ts

@@ -1,4 +1,4 @@
-import { Region } from 'src/excel/sheet/ViewRange';
+import { Region } from '../../sheet/ViewRange';
 import { RangeRef } from '../../types/RangeRef';
 import { HitTestResult } from './hitTest';
 /**

package/lib/excel/render/selection/binarySearchSize.d.ts

@@ -1,4 +1,4 @@
-import { Size } from 'src/excel/sheet/ViewRange';
+import { Size } from '../../sheet/ViewRange';
 /**
  * 二分查找到到 hitTest 的位置
  * @param sizes 位置信息

package/lib/excel/render/selection/findCell.d.ts

@@ -1,4 +1,4 @@
-import { Region, ViewRange } from 'src/excel/sheet/ViewRange';
+import { Region, ViewRange } from '../../sheet/ViewRange';
 import { RangeRef } from '../../types/RangeRef';
 import { HitTestResult } from './hitTest';
 /**

package/lib/excel/render/selection/findInViewRange.d.ts

@@ -1,4 +1,4 @@
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../sheet/ViewRange';
 /**
  * 在视图范围内查找
  */

package/lib/excel/render/selection/findInViewRangeX.d.ts

@@ -1,4 +1,4 @@
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../sheet/ViewRange';
 /**
  * 在视图范围水平方向内查找
  */

package/lib/excel/render/selection/findInViewRangeY.d.ts

@@ -1,4 +1,4 @@
-import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ViewRange } from '../../sheet/ViewRange';
 /**
  * 在视图范围垂直方向内查找
  */

package/lib/excel/render/selection/getCellPosition.d.ts

@@ -1,9 +1,9 @@
 /**
  * 获取单元格的位置信息
  */
-import { Region } from 'src/excel/sheet/ViewRange';
 import { Position } from './Position';
 import { Sheet } from '../../sheet/Sheet';
+import { Region } from '../../sheet/ViewRange';
 /**
  * 获取单元格的行位置
  */

package/lib/excel/render/selection/getRangePosition.d.ts

@@ -1,5 +1,5 @@
 import { Workbook } from '../../Workbook';
-import { Region } from 'src/excel/sheet/ViewRange';
+import { Region } from '../../sheet/ViewRange';
 import { RangeRef } from '../../types/RangeRef';
 /**
  * 算出选中区域的位置信息

package/lib/excel/render/selection/hitTest.d.ts

@@ -1,8 +1,8 @@
-import { Region, ViewRange } from 'src/excel/sheet/ViewRange';
 import { RangeRef } from '../../types/RangeRef';
 import { FrozenViewRange } from '../cell/frozen/drawFrozen';
 import { Position } from './Position';
 import { IAbsoluteAnchor, IOneCellAnchor, ITwoCellAnchor } from '../../types/IDrawing';
+import { Region, ViewRange } from '../../sheet/ViewRange';
 export type HitTestCommon = Position & RangeRef;
 /**
  * 点击到表头的最左上角

package/lib/excel/render/selection/hitTestInRange.d.ts

@@ -1,4 +1,4 @@
-import { Region, ViewRange } from 'src/excel/sheet/ViewRange';
+import { Region, ViewRange } from '../../sheet/ViewRange';
 import { RangeRef } from '../../types/RangeRef';
 import { HitTestResult } from './hitTest';
 /**

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

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

package/lib/excel/render/ui/CheckBoxList.js

@@ -21,8 +21,12 @@ var CheckBoxList = /** @class */ (function () {
             className: 'excel-checkbox-list-wrapper',
             parent: container
         });
-        var searchInput = new Input.Input(wrapper, searchPlaceholder, '', function (text) {
-            _this.handleSearch(text);
+        var searchInput = new Input.Input({
+            container: wrapper,
+            placeholder: searchPlaceholder,
+            onChange: function (text) {
+                _this.handleSearch(text);
+            }
         });
         this.searchInput = searchInput;
         var listContainer = H.H('div', {

package/lib/excel/render/ui/Input.d.ts

@@ -3,7 +3,15 @@
  */
 export declare class Input {
     input: HTMLInputElement;
-    constructor(container: HTMLElement, placeholder: string, value: string, onChange: (value: string) => void, style?: 'normal' | 'borderLess', options?: string[]);
+    constructor(args: {
+        container: HTMLElement;
+        placeholder?: string;
+        value?: string;
+        onChange: (value: string) => void;
+        onEnter?: (value: string) => void;
+        style?: 'normal' | 'borderLess';
+        options?: string[];
+    });
     getElement(): HTMLInputElement;
     getValue(): string;
     setValue(text: string): void;

package/lib/excel/render/ui/Input.js

@@ -7,26 +7,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
  */
 var inputId = 0;
 var Input = /** @class */ (function () {
-    function Input(container, placeholder, value, onChange, style, options) {
-        if (style === void 0) { style = 'normal'; }
-        if (options === void 0) { options = []; }
+    function Input(args) {
         var _this = this;
         this.input = document.createElement('input');
-        this.input.value = value;
-        this.input.placeholder = placeholder;
-        container.appendChild(this.input);
+        this.input.value = args.value || '';
+        this.input.placeholder = args.placeholder || '';
+        args.container.appendChild(this.input);
         this.input.className = 'excel-input';
-        if (style === 'borderLess') {
+        if (args.style === 'borderLess') {
             this.input.classList.add('excel-input-border-less');
         }
         this.input.oninput = function () {
-            onChange(_this.input.value);
+            args.onChange(_this.input.value);
         };
-        if (options.length) {
+        this.input.onkeydown = function (e) {
+            var _a;
+            if (e.key === 'Enter') {
+                (_a = args.onEnter) === null || _a === void 0 ? void 0 : _a.call(args, _this.input.value);
+            }
+        };
+        if (args.options && args.options.length) {
             var datalist_1 = document.createElement('datalist');
             datalist_1.id = "".concat(inputId++, "-list");
-            container.appendChild(datalist_1);
-            options.forEach(function (option) {
+            args.container.appendChild(datalist_1);
+            args.options.forEach(function (option) {
                 var optionElement = document.createElement('option');
                 optionElement.value = option;
                 datalist_1.appendChild(optionElement);

package/lib/excel/types/worksheet/CellData.js

@@ -33,6 +33,16 @@ function updateValue(value, cellData) {
     if (typeof cellData === 'string') {
         return value;
     }
+    if ('type' in cellData && cellData.type === 'blank') {
+        if (cellData.s !== undefined) {
+            return {
+                type: 'style',
+                value: value,
+                s: cellData.s
+            };
+        }
+        return value;
+    }
     if ('value' in cellData) {
         return tslib.__assign(tslib.__assign({}, cellData), { value: value });
     }

package/lib/util/__tests__/replaceVar.test.d.ts

@@ -1,2 +1,2 @@
-import Word from '../../Word';
+import { Word } from '../../index';
 export declare function createWord(fileName: string, data: any): Word;

package/lib/util/__tests__/xmlToNode.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/util/onClickOutside.d.ts

@@ -1,4 +1,4 @@
 /**
- * 点击元素外部时触发回调
+ * 点击元素外部时触发回调，用于一直存在的对象，需要手动调用删除监听器
  */
-export declare function onClickOutside(element: HTMLElement, onClickOutside: () => void): void;
+export declare function onClickOutside(element: HTMLElement, onClickOutside: () => void): () => void;

package/lib/util/onClickOutside.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /**
- * 点击元素外部时触发回调
+ * 点击元素外部时触发回调，用于一直存在的对象，需要手动调用删除监听器
  */
 function onClickOutside(element, onClickOutside) {
     var outsideClickListener = function (event) {
@@ -12,6 +12,9 @@ function onClickOutside(element, onClickOutside) {
         }
     };
     document.addEventListener('mousedown', outsideClickListener);
+    return function () {
+        document.removeEventListener('mousedown', outsideClickListener);
+    };
 }
 
 exports.onClickOutside = onClickOutside;

package/lib/util/onClickOutsideOnce.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 点击元素外部时触发回调，只触发一次，用于临时对象
+ */
+export declare function onClickOutsideOnce(element: HTMLElement, onClickOutside: () => void): void;

package/lib/util/onClickOutsideOnce.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 点击元素外部时触发回调，只触发一次，用于临时对象
+ */
+function onClickOutsideOnce(element, onClickOutside) {
+    var outsideClickListener = function (event) {
+        if (event.target instanceof Node && !element.contains(event.target)) {
+            onClickOutside();
+            document.removeEventListener('mousedown', outsideClickListener);
+        }
+    };
+    document.addEventListener('mousedown', outsideClickListener);
+}
+
+exports.onClickOutsideOnce = onClickOutsideOnce;

package/lib/util/xmlToNode.d.ts

@@ -0,0 +1,5 @@
+import { XMLNode } from './xml';
+/**
+ * 简单 XML 解析，目前看和 SaxesParser 比快不了多少，10 万行快了 1 秒，因为实现可能不完全准确，目前先不用
+ */
+export declare function xmlToNode(xml: string): XMLNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "office-viewer",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "office 文档在线预览",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -27,7 +27,8 @@
     "genPresetIcons": "cd tools && ts-node --transpileOnly genPresetIcons.ts",
     "genIcons": "ts-node --transpileOnly tools/genIcons.ts",
     "emptyExcel": "ts-node --transpileOnly tools/convertFileToBase64.ts src/excel/io/csv/empty.xlsx src/excel/io/csv/emptyXLSX.ts",
-    "genExampleFileList": "ts-node --transpileOnly tools/genExampleFileList.ts"
+    "genExampleFileList": "ts-node --transpileOnly tools/genExampleFileList.ts",
+    "typecheck": "tsc --noEmit"
   },
   "exports": {
     ".": {
@@ -64,6 +65,7 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
+    "@happy-dom/global-registrator": "^14.2.0",
     "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^14.1.0",

package/esm/util/runWorker.d.ts

@@ -1,6 +0,0 @@
-/**
- * 异步运行 Web Worker 的辅助函数
- * @param url web worker 的 url
- * @param input 输入
- */
-export declare function runWorker(url: string, input: any): Promise<any>;

package/lib/util/runWorker.d.ts

@@ -1,6 +0,0 @@
-/**
- * 异步运行 Web Worker 的辅助函数
- * @param url web worker 的 url
- * @param input 输入
- */
-export declare function runWorker(url: string, input: any): Promise<any>;