ng-cw-v12/fesm2015/ng-cw-v12-word-viewer.js

Angular UI component library

import * as i0 from '@angular/core';
import { Component, Input, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { __awaiter } from 'tslib';
import { renderAsync } from 'docx-preview';

class WordViewerComponent {
    constructor(eleRef) {
        this.eleRef = eleRef;
        this.ncUrl = '';
    }
    ngOnChanges(changes) {
        if (changes['ncUrl']) {
            this.renderWordDocument();
        }
    }
    renderWordDocument() {
        return __awaiter(this, void 0, void 0, function* () {
            try {
                const response = yield fetch(this.ncUrl);
                const blob = yield response.blob();
                const container = this.eleRef.nativeElement.querySelector('#word-container');
                yield renderAsync(blob, container);
            }
            catch (error) {
                console.error('渲染Word文档时出错:', error);
            }
        });
    }
}
WordViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: WordViewerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
WordViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: WordViewerComponent, selector: "nc-word-viewer", inputs: { ncUrl: "ncUrl" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"word-container\"></div>\r\n", styles: ["#word-container{width:100%;height:100%}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: WordViewerComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'nc-word-viewer',
                    templateUrl: './word-viewer.component.html',
                    styleUrls: ['./word-viewer.component.less']
                }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { ncUrl: [{
                type: Input
            }] } });

class NcWordViewerModule {
}
NcWordViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcWordViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
NcWordViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcWordViewerModule, declarations: [WordViewerComponent], imports: [CommonModule], exports: [WordViewerComponent] });
NcWordViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcWordViewerModule, imports: [[
            CommonModule
        ]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcWordViewerModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [
                        WordViewerComponent
                    ],
                    imports: [
                        CommonModule
                    ],
                    exports: [
                        WordViewerComponent
                    ]
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { NcWordViewerModule, WordViewerComponent };
//# sourceMappingURL=ng-cw-v12-word-viewer.js.map