@solar-angular/platform-browser 1.0.0

package/fesm2022/solar-angular-platform-browser.mjs

@@ -0,0 +1,643 @@
+import { DOCUMENT, DatePipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injectable, InjectionToken } from '@angular/core';
+import { Observable, from, defer, map, shareReplay, firstValueFrom } from 'rxjs';
+
+class FileManager {
+    constructor() {
+        this.document = inject(DOCUMENT);
+    }
+    /**
+     * Opens a file selection dialog.
+     * @param options - Options for the file selection.
+     * @returns A promise that resolves to an array of selected files.
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
+     */
+    pick(options) {
+        const input = this.document.createElement('input');
+        input.type = 'file';
+        input.accept = options.accept || '';
+        input.multiple = !!options.multiple;
+        return new Promise((resolve, reject) => {
+            input.onchange = () => {
+                resolve(Array.from(input.files || []));
+            };
+            input.onerror = reject;
+            input.click();
+        });
+    }
+    async download(url, filename) {
+        const response = await fetch(url);
+        const blob = await response.blob();
+        const anchor = this.document.createElement('a');
+        anchor.href = URL.createObjectURL(blob);
+        anchor.download = filename ?? new URL(url).pathname.split('/').pop();
+        anchor.click();
+        return blob;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileManager, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileManager, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class FullscreenService {
+    constructor() {
+        this.document = inject(DOCUMENT);
+    }
+    /**
+     * 切换全屏
+     * @param target
+     * @param options
+     */
+    toggle(target = this.document.documentElement, options) {
+        if (this.isFullscreen(target)) {
+            return this.document.exitFullscreen();
+        }
+        return target.requestFullscreen(options);
+    }
+    /**
+     * 元素是否为全屏
+     * @param target
+     */
+    isFullscreen(target = this.document.documentElement) {
+        return target === this.document.fullscreenElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FullscreenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FullscreenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * 目前 NG 库 中还不能包含 WebWorker，这里使用 DI 的方式，由 App 提供 WebWorker：
+ * ```ts
+ * {
+ *    provide: IMAGE_COMPRESSOR_WEBWORKER_FACTORY,
+ *    useValue: () => new Worker(new URL('xxx.worker', import.meta.url), { type: 'module' })
+ * }
+ * ```
+ * https://github.com/angular/angular-cli/issues/15059
+ */
+const SUN_IMAGE_COMPRESSOR_WORKER_FACTORY = new InjectionToken('ImageCompressorWorkerFactory');
+class ImageCompressor {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.workerFactory = inject(SUN_IMAGE_COMPRESSOR_WORKER_FACTORY, { optional: true });
+        this.canvas = this.document.createElement('canvas');
+    }
+    /** 最佳图片格式，优先级：webp -> jpeg -> png */
+    get format() {
+        return this._format || (this._format = this.isSupportWEBP ? 'webp' : this.isSupportJPEG ? 'jpeg' : 'png');
+    }
+    /**
+     * 是否支持WebP格式
+     */
+    get isSupportWEBP() {
+        try {
+            return this.canvas.toDataURL('image/webp').startsWith('data:image/webp');
+        }
+        catch (e) {
+            return false;
+        }
+    }
+    /**
+     * 是否支持JPEG格式
+     */
+    get isSupportJPEG() {
+        try {
+            return this.canvas.toDataURL('image/jpeg').startsWith('data:image/jpeg');
+        }
+        catch (e) {
+            return false;
+        }
+    }
+    /**
+     * 压缩图片
+     * @param src 图片URL
+     * @param quality 质量
+     */
+    compress(src, quality = 0.85) {
+        const format = this.format;
+        const img = new Image();
+        img.crossOrigin = 'anonymous';
+        return new Observable((observer) => {
+            img.onload = () => {
+                this.resize(img);
+                (('OffscreenCanvas' in window && this.workerFactory) ? this.drawInWorker(img, quality, format) : this.draw(img, quality, format)).subscribe(blob => {
+                    observer.next(blob);
+                    observer.complete();
+                });
+            };
+            img.onerror = (error) => {
+                observer.error(error);
+                observer.complete();
+            };
+            img.src = src;
+        });
+    }
+    /**
+     * 调整图像尺寸
+     * @param img
+     */
+    resize(img) {
+        const maxWidth = 1280;
+        const maxHeight = 720;
+        if (img.width > maxWidth) {
+            const divisor = img.width / maxWidth;
+            img.width /= divisor;
+            img.height /= divisor;
+        }
+        if (img.height > maxHeight) {
+            const divisor = img.height / maxHeight;
+            img.width /= divisor;
+            img.height /= divisor;
+        }
+    }
+    /**
+     * 在主线程中绘制
+     * @param img 图像
+     * @param quality 质量
+     * @param format 格式
+     */
+    draw(img, quality, format) {
+        return new Observable(observer => {
+            const canvas = document.createElement('canvas');
+            canvas.width = img.width;
+            canvas.height = img.height;
+            const ctx = canvas.getContext('2d');
+            ctx.drawImage(img, 0, 0, img.width, img.height);
+            canvas.toBlob(blob => {
+                observer.next(blob);
+                observer.complete();
+            }, 'image/' + format, quality);
+        });
+    }
+    /**
+     * 在WebWorker线程中绘制
+     * @param img 图像
+     * @param quality 质量
+     * @param format 格式
+     */
+    drawInWorker(img, quality, format) {
+        const worker = this.workerFactory();
+        return new Observable(observer => {
+            const complete = () => {
+                worker.terminate();
+                observer.complete();
+            };
+            this.createImageBitmap(img).subscribe({
+                next: imageBitmap => {
+                    worker.onmessage = ({ data }) => {
+                        observer.next(data);
+                        complete();
+                    };
+                    worker.onerror = error => {
+                        observer.error(error);
+                        complete();
+                    };
+                    worker.postMessage({ quality, format, imageBitmap }, [imageBitmap]);
+                },
+                error: error => {
+                    observer.error(error);
+                    complete();
+                }
+            });
+        });
+    }
+    /**
+     * 创建图像位图
+     * @param img 图像源
+     */
+    createImageBitmap(img) {
+        return from(window.createImageBitmap(img, {
+            resizeWidth: img.width,
+            resizeHeight: img.height
+        }).then(bitmap => {
+            // 某些情况下，图片宽度与高度会调换，因此这里要做一个判断
+            if (bitmap.width !== img.width) {
+                return window.createImageBitmap(img, {
+                    resizeWidth: img.height,
+                    resizeHeight: img.width
+                });
+            }
+            return bitmap;
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageCompressor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageCompressor, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageCompressor, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ResourceLoader {
+    constructor() {
+        this.document = inject(DOCUMENT);
+    }
+    loadScript(url) {
+        return new Promise((resolve, reject) => {
+            const script = this.document.createElement('script');
+            script.type = 'text/javascript';
+            script.src = url;
+            script.onload = () => resolve();
+            script.onerror = () => {
+                this.document.head.removeChild(script);
+                reject();
+            };
+            this.document.head.appendChild(script);
+        });
+    }
+    loadStylesheet(url) {
+        return new Promise((resolve, reject) => {
+            const link = this.document.createElement('link');
+            link.rel = 'stylesheet';
+            link.type = 'text/css';
+            link.href = url;
+            link.onload = () => resolve();
+            link.onerror = () => {
+                this.document.head.removeChild(link);
+                reject();
+            };
+            this.document.head.appendChild(link);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResourceLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResourceLoader, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResourceLoader, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+const EXCEL_COL_ALIAS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+const NUMBER_PATTERN = /[0-9]/g;
+const CHAR_PATTERN = /[a-zA-Z]/g;
+class SpreadsheetService {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.resourceLoader = inject(ResourceLoader);
+        this.datePipe = new DatePipe('zh-CN');
+        // ExcelJS 对象，用时异步自动加载
+        this.excel = defer(() => Promise.all([
+            this.resourceLoader.loadScript('https://img.omofresh.com/js/aieyes-exceljs-o_1_8_10.min.js'), // 修改过的 https://www.npmjs.com/package/aieyes-exceljs-o
+            this.resourceLoader.loadStylesheet('https://img.omofresh.com/css/exceljs.min.css'), // aieyes-exceljs-o 中定义的
+        ])).pipe(map(() => ExcelJS), shareReplay(1));
+    }
+    /**
+     * 根据当前的单元格找到下一列的地址
+     * 采用倒序进位法，这样就不需要递归了
+     */
+    nextColOfCell(cell) {
+        // 先把字母和数字分开，字母是列，数字是行，倒序排列
+        const args = cell.match(CHAR_PATTERN).reverse();
+        let needAppend = false;
+        for (let i = 0; i < args.length; i++) {
+            const arg = args[i];
+            if (arg !== 'Z') {
+                const idx = EXCEL_COL_ALIAS.indexOf(arg);
+                args[i] = EXCEL_COL_ALIAS[idx + 1];
+                break;
+            }
+            else {
+                args[i] = 'A';
+                if (i === args.length - 1) { // 说明是最后一个了，需要补A
+                    needAppend = true;
+                }
+            }
+        }
+        if (needAppend) {
+            args.push('A');
+        }
+        return args.reverse().join(''); // 最终的结果，反转再合并
+    }
+    /**
+     * 获取单元格的行
+     */
+    rowOfCell(cell) {
+        return cell.match(NUMBER_PATTERN).join('');
+    }
+    /**
+     * 获取单元格的列
+     */
+    colOfCell(cell) {
+        return cell.match(CHAR_PATTERN).join('');
+    }
+    /**
+     * 单元格的列号
+     * 当作26进制计算列的编号
+     */
+    colNumberOfCell(cell) {
+        let col = 0;
+        cell.match(CHAR_PATTERN).reverse().forEach((c, i) => {
+            if (i == 0) {
+                // 个位
+                col += EXCEL_COL_ALIAS.indexOf(c) + 1;
+            }
+            else {
+                // 十位以上
+                col += (EXCEL_COL_ALIAS.indexOf(c) + 1) * i * 26;
+            }
+        });
+        return col;
+    }
+    async parseDomTable(table, _opts) {
+        const excel = await firstValueFrom(this.excel);
+        return excel.TableParser.utils.parseDomTable(table, _opts);
+    }
+    /**
+     * 只导出一个table, 内容放在第一个sheet上
+     */
+    async exportDomTableById(tableId, fileName, _opts) {
+        const table = this.document.getElementById(tableId);
+        const excel = await firstValueFrom(this.excel);
+        const wb = new excel.Workbook();
+        const ws = wb.addWorksheet(fileName);
+        const re = await this.exportDomTable(wb, ws, table, null, null, _opts);
+        await this.saveAsFile(re.wb, fileName);
+    }
+    /**
+     * 导出多个table, 内容放在多个sheet上
+     */
+    async exportDomTableSheets(tableIds, sheetNames, fileName, _opts) {
+        const excel = await firstValueFrom(this.excel);
+        let wb = new excel.Workbook();
+        for (let index = 0; index < tableIds.length; index++) {
+            const table = this.document.getElementById(tableIds[index]);
+            const sheetName = sheetNames[index];
+            const ws = wb.addWorksheet(sheetName);
+            const re = await this.exportDomTable(wb, ws, table, null, null, _opts);
+            wb = re.wb;
+        }
+        await this.saveAsFile(wb, fileName);
+    }
+    /**
+     * 在一页中导出多个table, 每个table默认间隔1列
+     */
+    async exportDomTableParallel(tableIds, fileName, gap = 1, _opts) {
+        const excel = await firstValueFrom(this.excel);
+        let wb = new excel.Workbook();
+        const ws = wb.addWorksheet(fileName);
+        let cursor = 'A'; // 从第一列开始导出，并列几个table
+        for (const tableId of tableIds) {
+            const table = this.document.getElementById(tableId);
+            const re = await this.exportDomTable(wb, ws, table, cursor, null, _opts);
+            const lastCol = re.cols[re.cols.length - 1];
+            cursor = this.nextColOfCell(lastCol);
+            for (let k = 0; k < gap; k++) {
+                cursor = this.nextColOfCell(cursor);
+            }
+            wb = re.wb;
+        }
+        await this.saveAsFile(wb, fileName);
+    }
+    /**
+     * 在一页中垂直导出多个table
+     */
+    async exportDomTableVertical(tableIds, fileName, gap = 0, _opts) {
+        let rowOffset = 0;
+        const excel = await firstValueFrom(this.excel);
+        let wb = new excel.Workbook();
+        const ws = wb.addWorksheet(fileName);
+        for (const tableId of tableIds) {
+            const table = this.document.getElementById(tableId);
+            const re = await this.exportDomTable(wb, ws, table, null, rowOffset, _opts);
+            rowOffset += re.rows.length + gap;
+            wb = re.wb;
+        }
+        await this.saveAsFile(wb, fileName);
+    }
+    /**
+     * 导出dom table
+     * colCursor: 标记起始列
+     * rowOffset: 偏移的行数
+     * @return 返回最后一列的列名
+     */
+    async exportDomTable(wb, ws, table, colCursor, rowOffset, _opts) {
+        if (!_opts) {
+            _opts = { cellDates: true, dateNF: 'yyyy/M/d' }; // 默认的日期格式
+        }
+        else {
+            _opts.cellDates = true;
+        }
+        const ref = await this.parseDomTable(table, _opts);
+        let colOffset = 0; // colCursor偏移量，默认为0
+        if (colCursor) {
+            const c = ws.getColumn(colCursor);
+            colOffset = c.number - 1;
+        }
+        rowOffset = rowOffset || 0; // rowOffset默认为0
+        const cellMap = {};
+        Object.keys(ref).sort().forEach(cellAlias => {
+            if (!cellAlias.startsWith('!')) {
+                let rowNum = this.rowOfCell(cellAlias);
+                rowNum = String(parseInt(rowNum, 10) + rowOffset);
+                const colNum = this.colNumberOfCell(cellAlias);
+                const col = ws.getColumn(colOffset + colNum); // 根据偏移量找出所在的列
+                const finalCell = col.letter + rowNum;
+                cellMap[finalCell] = ref[cellAlias];
+            }
+        });
+        const colSet = new Set();
+        Object.keys(cellMap).forEach(k => {
+            colSet.add(this.colOfCell(k));
+        });
+        let cols = Array.from(colSet);
+        // 因为excel的列都是连续的，如果导出table存在跨列的话这里面可能却少某一列，所以需要补充缺少的列名保证这一段是连续的
+        let cursor = cols[0];
+        for (let i = 0; i < ref['!cols'].length - 1; i++) {
+            const next = this.nextColOfCell(cursor);
+            colSet.add(next);
+            cursor = next;
+        }
+        cols = Array.from(colSet).sort((a, b) => {
+            if (a.length === b.length) {
+                return a.localeCompare(b);
+            }
+            else if (a.length > b.length) {
+                return 1;
+            }
+            else if (b.length > a.length) {
+                return -1;
+            }
+            return -1;
+        });
+        // 赋值
+        Object.keys(cellMap).forEach(alias => {
+            const cell = ws.getCell(alias);
+            const cellConfig = cellMap[alias];
+            if (cellConfig.t === 'd') { // 日期格式需格式化后显示，换言之转为了字符串
+                cell.value = this.datePipe.transform(cellConfig.v, cellConfig.z);
+            }
+            else {
+                cell.value = cellConfig.v;
+            }
+            // 默认就有边框的
+            if (cellConfig.style.bordered) { // 表示需要加边框
+                cell.style.border = {
+                    top: { style: 'thin' },
+                    left: { style: 'thin' },
+                    bottom: { style: 'thin' },
+                    right: { style: 'thin' }
+                };
+            }
+            // 默认内容垂直居中，左右居中不一定
+            cell.style.alignment = {
+                horizontal: cellConfig.style.align,
+                vertical: 'middle',
+                wrapText: true
+            };
+            // 字体默认为宋体
+            cell.style.font = {
+                bold: cellConfig.style.bold,
+                name: '宋体',
+                size: cellConfig.style.pound // 字号
+            };
+            // 背景色/前景色
+            if (cellConfig.style.background) {
+                cell.fill = {
+                    type: 'pattern',
+                    pattern: 'solid',
+                    fgColor: { argb: cellConfig.style.background }, // 实际上fgColor是理解上的背景色，而不是前景色，不知道excel怎么定义的
+                    // bgColor: {argb: 'ffd8e6de'}
+                };
+            }
+        });
+        // 设置每行的高度
+        ref['!rows'].forEach((rowConfig, rowIndex) => {
+            const row = ws.getRow(rowIndex + rowOffset + 1);
+            row.height = rowConfig.height;
+        });
+        // 设置列宽
+        ref['!cols'].forEach((colConfig, colIndex) => {
+            const colAlias = cols[colIndex];
+            const col = ws.getColumn(colAlias);
+            if (colConfig.width) {
+                col.width = colConfig.width;
+            }
+        });
+        // 合并单元格, 由于不一定有，所以要判断一下
+        ref['!merges']?.forEach(mergeParam => {
+            const s = mergeParam['s'];
+            const e = mergeParam['e'];
+            const startCell = ws.getCell(rowOffset + s.r + 1, colOffset + s.c + 1);
+            const endCell = ws.getCell(rowOffset + e.r + 1, colOffset + e.c + 1);
+            ws.mergeCells([startCell.address, endCell.address]);
+        });
+        return { wb, cols, rows: ref['!rows'] };
+    }
+    /**
+     * 保存Workbook到磁盘上
+     */
+    async saveAsFile(wb, fileName) {
+        const excelData = await wb.xlsx.writeBuffer();
+        const blob = new Blob([excelData], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* MediaType.Xlsx */ });
+        const anchor = document.createElement('a');
+        anchor.href = URL.createObjectURL(blob);
+        anchor.download = fileName + '.xlsx';
+        anchor.click();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpreadsheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpreadsheetService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpreadsheetService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class LocalStorage {
+    constructor() {
+        this.storage = inject(DOCUMENT).defaultView.localStorage;
+    }
+    /**
+     * 保存数据
+     * @param key 键名
+     * @param value 数据
+     */
+    set(key, value) {
+        this.storage.setItem(key, JSON.stringify(value));
+    }
+    /**
+     * 获取数据
+     * @param key 键名
+     */
+    get(key) {
+        const data = this.storage.getItem(key);
+        return data ? JSON.parse(data) : null;
+    }
+    /**
+     * 移除数据
+     * @param key 键名
+     */
+    remove(key) {
+        this.storage.removeItem(key);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LocalStorage, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LocalStorage, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LocalStorage, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class SessionStorage {
+    constructor() {
+        this.storage = inject(DOCUMENT).defaultView.sessionStorage;
+    }
+    /**
+     * 保存数据
+     * @param key 键名
+     * @param value 数据
+     */
+    set(key, value) {
+        this.storage.setItem(key, JSON.stringify(value));
+    }
+    /**
+     * 获取数据
+     * @param key 键名
+     * @param defaults 默认值
+     */
+    get(key) {
+        const data = this.storage.getItem(key);
+        return data ? JSON.parse(data) : null;
+    }
+    /**
+     * 移除数据
+     * @param key 键名
+     */
+    remove(key) {
+        this.storage.removeItem(key);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SessionStorage, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SessionStorage, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SessionStorage, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileManager, FullscreenService, ImageCompressor, LocalStorage, ResourceLoader, SUN_IMAGE_COMPRESSOR_WORKER_FACTORY, SessionStorage, SpreadsheetService };
+//# sourceMappingURL=solar-angular-platform-browser.mjs.map