cmat 0.0.6 → 0.0.8

package/fesm2022/cmat-components-upload.mjs

@@ -0,0 +1,366 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ViewChildren, forwardRef, HostListener } from '@angular/core';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2$1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { Subject, takeUntil, catchError, tap, map } from 'rxjs';
+import { NgClass } from '@angular/common';
+import * as i1 from '@angular/common/http';
+import { HttpEventType } from '@angular/common/http';
+import * as i4$1 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { saveAs } from 'file-saver-es';
+import { CmatBytesPipe } from 'cmat/pipes/bytes';
+import { CmatUtilsService } from 'cmat/services/utils';
+import * as i2 from 'cmat/services/config';
+import * as i1$1 from 'cmat/services/media-watcher';
+
+class CmatFilesUtilService {
+    constructor(_http, _urlStateConfigService) {
+        this._http = _http;
+        this._urlStateConfigService = _urlStateConfigService;
+        this._unsubscribeAll = new Subject();
+        this._urlStateConfigService.config$
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe((config) => {
+            this._config = config;
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    downloadFile(fileId) {
+        return this._http.get(this._config.fileUrl + '/download', {
+            headers: CmatUtilsService.getRequestCryptoHeaders(fileId),
+            observe: 'response',
+            reportProgress: true,
+            responseType: 'blob',
+            params: {
+                id: fileId
+            }
+        }).pipe(catchError(CmatUtilsService.handleError));
+    }
+    downloadFileZip(fileIds) {
+        return this._http.post(this._config.fileUrl + '/download', fileIds, {
+            headers: CmatUtilsService.getRequestCryptoHeaders('fileZip'),
+            observe: 'response',
+            reportProgress: true,
+            responseType: 'blob',
+        }).pipe(catchError(CmatUtilsService.handleError));
+    }
+    uploadFile(file) {
+        return this._http.post(this._config.fileUrl + '/upload', file, {
+            headers: CmatUtilsService.getRequestCryptoHeaders('files'),
+            observe: 'events',
+            reportProgress: true,
+            responseType: 'json'
+        }).pipe(tap((res) => res), catchError(CmatUtilsService.handleError));
+    }
+    deleteFile(fileId) {
+        return this._http.delete(this._config.fileUrl, {
+            headers: CmatUtilsService.getRequestCryptoHeaders(fileId),
+            params: {
+                id: fileId
+            }
+        }).pipe(catchError(err => CmatUtilsService.handleError(err)));
+    }
+    getFileList(ids, fileName, fileCategory, searchDate, pageIndex = -1, pageSize = -1) {
+        const query = {
+            ids,
+            fileName,
+            fileCategory,
+            searchDate
+        };
+        if (this._config.enableDataProtect) {
+            return this._http.post(this._config.fileUrl, CmatUtilsService.getEncryptData(JSON.stringify(query)), {
+                headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),
+                responseType: 'text',
+                params: {
+                    pageIndex,
+                    pageSize
+                }
+            })
+                .pipe(
+            // retry(3), // retry a failed request up to 3 times
+            map((res) => JSON.parse(CmatUtilsService.getDecryptData(res))), catchError(err => CmatUtilsService.handleError(err)));
+        }
+        else {
+            return this._http.post(this._config.fileUrl, query, {
+                headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),
+                responseType: 'json',
+                params: {
+                    pageIndex,
+                    pageSize
+                }
+            })
+                .pipe(
+            // retry(3), // retry a failed request up to 3 times
+            tap((res) => res), catchError(err => CmatUtilsService.handleError(err)));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatFilesUtilService, deps: [{ token: i1.HttpClient }, { token: i2.CmatUrlStateConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatFilesUtilService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatFilesUtilService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.CmatUrlStateConfigService }] });
+
+class CmatUploadComponent {
+    constructor(_fileService, _changeDetectorRef) {
+        this._fileService = _fileService;
+        this._changeDetectorRef = _changeDetectorRef;
+        this.fileAlias = 'fileData';
+        this.filePath = '';
+        this.fileCategory = '';
+        this.editMode = false;
+        this.autoUpload = true;
+        this.removeEvent = new EventEmitter();
+        this.uploadEvent = new EventEmitter();
+        this.progressPercentage = 0;
+        this.loaded = 0;
+        this.total = 0;
+        this.isUploading = false;
+        this._unsubscribeAll = new Subject();
+    }
+    get file() {
+        return this._file;
+    }
+    set file(file) {
+        this._file = file;
+        this.total = this._file.size;
+    }
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get fileType() {
+        return CmatUtilsService.getFileType(this.file.type);
+    }
+    ngOnInit() {
+        if (this.autoUpload && this.id === null) {
+            this.upload();
+        }
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    upload() {
+        this.isUploading = true;
+        const fileModel = {
+            id: null,
+            fileName: this.file.name,
+            length: this.file.size,
+            fileCategory: this.fileCategory,
+            filePath: this.filePath,
+            fileType: 'file',
+            data: this.file
+        };
+        fileModel.fileType = this.fileType;
+        const formData = new FormData();
+        formData.set('fileData', this._file, this._file.name);
+        formData.append('fileInfo', JSON.stringify(fileModel));
+        this._fileService.uploadFile(formData).pipe(takeUntil(this._unsubscribeAll)).subscribe((event) => {
+            if (event.type === HttpEventType.UploadProgress) {
+                this.progressPercentage = Math.floor(event.loaded * 100 / event.total);
+                this.loaded = event.loaded;
+                this.total = event.total;
+            }
+            if (event.type === HttpEventType.Response) {
+                this.id = event.body.id;
+                this.file.id = event.body.id;
+                this.isUploading = false;
+            }
+            this.uploadEvent.emit(this.file);
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    download() {
+        this._fileService.downloadFile(this.id).pipe(takeUntil(this._unsubscribeAll)).subscribe((file) => {
+            saveAs(new Blob([file.body]), this.file.fileName);
+        });
+    }
+    remove() {
+        this.removeEvent.emit(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatUploadComponent, deps: [{ token: CmatFilesUtilService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatUploadComponent, isStandalone: true, selector: "cmat-upload", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", editMode: "editMode", autoUpload: "autoUpload", id: "id", file: "file" }, outputs: { removeEvent: "removeEvent", uploadEvent: "uploadEvent" }, exportAs: ["cmatUpload"], ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\"\r\n      matTooltip=\"{{file.name}}\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"space-x-1 print:hidden\">\r\n      @if(id===null){\r\n      <button mat-icon-button color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"upload()\"\r\n        [ngClass]=\"{'disabled' : isUploading}\">\r\n        <mat-icon [svgIcon]=\"'mat_outline:file_upload'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button mat-icon-button color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon [svgIcon]=\"'mat_outline:file_download'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button mat-icon-button color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon [svgIcon]=\"'heroicons_solid:trash'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage}}%</span><span> {{loaded | cmatBytes}} of {{total | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i4$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: CmatBytesPipe, name: "cmatBytes" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-upload', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUpload', standalone: true, imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe, NgClass], template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\"\r\n      matTooltip=\"{{file.name}}\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"space-x-1 print:hidden\">\r\n      @if(id===null){\r\n      <button mat-icon-button color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"upload()\"\r\n        [ngClass]=\"{'disabled' : isUploading}\">\r\n        <mat-icon [svgIcon]=\"'mat_outline:file_upload'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button mat-icon-button color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon [svgIcon]=\"'mat_outline:file_download'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button mat-icon-button color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon [svgIcon]=\"'heroicons_solid:trash'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage}}%</span><span> {{loaded | cmatBytes}} of {{total | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>" }]
+        }], ctorParameters: () => [{ type: CmatFilesUtilService }, { type: i0.ChangeDetectorRef }], propDecorators: { fileAlias: [{
+                type: Input
+            }], filePath: [{
+                type: Input
+            }], fileCategory: [{
+                type: Input
+            }], editMode: [{
+                type: Input
+            }], autoUpload: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], removeEvent: [{
+                type: Output
+            }], uploadEvent: [{
+                type: Output
+            }], file: [{
+                type: Input
+            }] } });
+
+class CmatUploadQueueComponent {
+    constructor(_changeDetectorRef, _cmatMediaWatcherService) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._cmatMediaWatcherService = _cmatMediaWatcherService;
+        this.fileAlias = 'fileData';
+        this.filePath = '';
+        this.required = false;
+        this.autoUpload = true;
+        this.multiple = true;
+        this.accept = '';
+        this.title = '附件';
+        this.editMode = false;
+        this.filesData = [];
+        this.outputRemoveIdEvent = new EventEmitter();
+        this.outputUploadIdEvent = new EventEmitter();
+        this.outputFilesDataEvent = new EventEmitter();
+        this.id = 'cmatupload' + Math.floor(Math.random() * 1000000);
+        this._unsubscribeAll = new Subject();
+        this._cmatMediaWatcherService.onMediaChange$
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe(({ matchingAliases }) => {
+            this.isHandSet = !matchingAliases.includes('lg');
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    onDrop(event) {
+        const files = event.dataTransfer.files;
+        for (let i = 0; i < files.length; i++) {
+            if (this.accept?.indexOf(files[i].type) > -1)
+                this.add(files[i]);
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    onDropOver(event) {
+        event.preventDefault();
+    }
+    ngAfterViewInit() {
+        const fileUpload = document.getElementById(this.id);
+        fileUpload.onchange = () => {
+            for (let index = 0; index < (fileUpload.files?.length ?? 0); index++) {
+                const file = fileUpload.files[index];
+                this.add(file);
+            }
+        };
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    add(file) {
+        if ((this.accept === '' || this.accept === undefined) || (this.accept !== '' && this.accept.indexOf(file.type) > -1)) {
+            if (!Array.isArray(this.filesData)) {
+                this.filesData = [];
+            }
+            if (!(!this.multiple && this.filesData.length > 0)) {
+                this.filesData.push(file);
+            }
+            else if (this.fileUploads.first.id === null) {
+                this.filesData.push(file);
+                this.fileUploads.first.remove();
+            }
+        }
+        this._changeDetectorRef.markForCheck();
+    }
+    upload(event) {
+        this.outputUploadIdEvent.emit(event.id);
+        this.outputFilesDataEvent.emit(this.filesData);
+    }
+    remove(event) {
+        const index = this.filesData.indexOf(event.file);
+        if (index > -1) {
+            this.filesData.splice(index, 1);
+            if (event.file.id) {
+                this.outputRemoveIdEvent.emit(event.file.id);
+            }
+            this.outputFilesDataEvent.emit(this.filesData);
+        }
+        this._changeDetectorRef.markForCheck();
+    }
+    uploadAll() {
+        this.fileUploads.forEach((fileUpload) => {
+            if (fileUpload.id === null) {
+                fileUpload.upload();
+            }
+        });
+        this._changeDetectorRef.markForCheck();
+    }
+    removeAll() {
+        this.fileUploads.forEach((fileUpload) => { fileUpload.remove(); });
+        this._changeDetectorRef.markForCheck();
+    }
+    choose() {
+        document.getElementById(this.id).click();
+    }
+    getData() {
+        return Array.isArray(this.filesData) ? this.filesData : [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatUploadQueueComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.CmatMediaWatcherService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatUploadQueueComponent, isStandalone: true, selector: "cmat-upload-queue", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", required: "required", autoUpload: "autoUpload", multiple: "multiple", accept: "accept", title: "title", editMode: "editMode", filesData: "filesData" }, outputs: { outputRemoveIdEvent: "outputRemoveIdEvent", outputUploadIdEvent: "outputUploadIdEvent", outputFilesDataEvent: "outputFilesDataEvent" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDropOver($event)" } }, viewQueries: [{ propertyName: "fileUploads", predicate: i0.forwardRef(() => CmatUploadComponent), descendants: true }], exportAs: ["cmatUploadQueue"], ngImport: i0, template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" class=\"hidden\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"space-x-1 print:hidden\">\r\n        @if(!isHandSet){\r\n        <button mat-raised-button color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(getData().length > 0){\r\n        @if(!autoUpload){\r\n        <button mat-raised-button color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button mat-raised-button color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button mat-icon-button color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(getData().length > 0){\r\n        @if(!autoUpload){\r\n        <button mat-icon-button color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of getData(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\" [autoUpload]=\"autoUpload\"\r\n                    [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" class=\"my-2\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i3$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CmatUploadComponent, selector: "cmat-upload", inputs: ["fileAlias", "filePath", "fileCategory", "editMode", "autoUpload", "id", "file"], outputs: ["removeEvent", "uploadEvent"], exportAs: ["cmatUpload"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatUploadQueueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-upload-queue', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUploadQueue', standalone: true, imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent], template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" class=\"hidden\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"space-x-1 print:hidden\">\r\n        @if(!isHandSet){\r\n        <button mat-raised-button color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(getData().length > 0){\r\n        @if(!autoUpload){\r\n        <button mat-raised-button color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button mat-raised-button color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button mat-icon-button color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(getData().length > 0){\r\n        @if(!autoUpload){\r\n        <button mat-icon-button color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of getData(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\" [autoUpload]=\"autoUpload\"\r\n                    [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" class=\"my-2\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.CmatMediaWatcherService }], propDecorators: { fileUploads: [{
+                type: ViewChildren,
+                args: [forwardRef(() => CmatUploadComponent)]
+            }], fileAlias: [{
+                type: Input
+            }], filePath: [{
+                type: Input
+            }], fileCategory: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], autoUpload: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], editMode: [{
+                type: Input
+            }], filesData: [{
+                type: Input
+            }], outputRemoveIdEvent: [{
+                type: Output
+            }], outputUploadIdEvent: [{
+                type: Output
+            }], outputFilesDataEvent: [{
+                type: Output
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }], onDropOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatFilesUtilService, CmatUploadComponent, CmatUploadQueueComponent };
+//# sourceMappingURL=cmat-components-upload.mjs.map

package/fesm2022/cmat-components-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-upload.mjs","sources":["../../../projects/cmat/components/upload/files.util.service.ts","../../../projects/cmat/components/upload/upload.component.ts","../../../projects/cmat/components/upload/upload.component.html","../../../projects/cmat/components/upload/upload-queue/upload-queue.component.ts","../../../projects/cmat/components/upload/upload-queue/upload-queue.component.html","../../../projects/cmat/components/upload/cmat-components-upload.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { Injectable, OnDestroy } from '@angular/core';\r\nimport { Observable, Subject, catchError, map, takeUntil, tap } from 'rxjs';\r\nimport { IUrlStateConfig, CmatUrlStateConfigService } from 'cmat/services/config';\r\nimport { CmatUtilsService } from 'cmat/services/utils';\r\nimport { FileListModel } from './files.type';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatFilesUtilService implements OnDestroy {\r\n    private _config: IUrlStateConfig;\r\n    private _unsubscribeAll: Subject<void> = new Subject<void>();\r\n\r\n    constructor(private _http: HttpClient, private _urlStateConfigService: CmatUrlStateConfigService) {\r\n        this._urlStateConfigService.config$\r\n            .pipe(takeUntil(this._unsubscribeAll))\r\n            .subscribe((config: IUrlStateConfig) => {\r\n                this._config = config;\r\n            });\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n\r\n    downloadFile(fileId: string): Observable<any> {\r\n        return this._http.get(this._config.fileUrl + '/download', {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders(fileId),\r\n            observe: 'response',\r\n            reportProgress: true,\r\n            responseType: 'blob',\r\n            params: {\r\n                id: fileId\r\n            }\r\n        },).pipe<any>(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    downloadFileZip(fileIds?: string[]): Observable<any> {\r\n        return this._http.post(this._config.fileUrl + '/download', fileIds, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('fileZip'),\r\n            observe: 'response',\r\n            reportProgress: true,\r\n            responseType: 'blob',\r\n        }).pipe<any>(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    uploadFile(file: FormData): Observable<any> {\r\n        return this._http.post(this._config.fileUrl + '/upload', file, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('files'),\r\n            observe: 'events',\r\n            reportProgress: true,\r\n            responseType: 'json'\r\n        }).pipe(\r\n            tap((res: any) => res),\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    deleteFile(fileId: string): Observable<any> {\r\n        return this._http.delete(this._config.fileUrl, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders(fileId),\r\n            params: {\r\n                id: fileId\r\n            }\r\n        }).pipe(\r\n            catchError(err => CmatUtilsService.handleError(err))\r\n        );\r\n    }\r\n\r\n    getFileList(ids?: [], fileName?: string, fileCategory?: string, searchDate?: Date, pageIndex: number = -1, pageSize: number = -1): Observable<any> {\r\n        const query = {\r\n            ids,\r\n            fileName,\r\n            fileCategory,\r\n            searchDate\r\n        };\r\n        if (this._config.enableDataProtect) {\r\n            return this._http.post(this._config.fileUrl,\r\n                CmatUtilsService.getEncryptData(JSON.stringify(query)),\r\n                {\r\n                    headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),\r\n                    responseType: 'text',\r\n                    params: {\r\n                        pageIndex,\r\n                        pageSize\r\n                    }\r\n                }\r\n            )\r\n                .pipe(\r\n                    // retry(3), // retry a failed request up to 3 times\r\n                    map((res: string) => JSON.parse(CmatUtilsService.getDecryptData(res))),\r\n                    catchError(err => CmatUtilsService.handleError(err))\r\n                );\r\n        } else {\r\n            return this._http.post<FileListModel>(this._config.fileUrl, query, {\r\n                headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),\r\n                responseType: 'json',\r\n                params: {\r\n                    pageIndex,\r\n                    pageSize\r\n                }\r\n            })\r\n                .pipe(\r\n                    // retry(3), // retry a failed request up to 3 times\r\n                    tap((res: FileListModel) => res),\r\n                    catchError(err => CmatUtilsService.handleError(err))\r\n                );\r\n        }\r\n    }\r\n}\r\n","import { NgClass } from '@angular/common';\r\nimport { HttpEventType } from '@angular/common/http';\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    ChangeDetectorRef,\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    OnDestroy,\r\n    OnInit,\r\n    Output,\r\n    ViewEncapsulation\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { saveAs } from 'file-saver-es';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { CmatBytesPipe } from 'cmat/pipes/bytes';\r\nimport { CmatUtilsService } from 'cmat/services/utils';\r\nimport { FileModel } from './files.type';\r\nimport { CmatFilesUtilService } from './files.util.service';\r\n\r\n@Component({\r\n    selector: 'cmat-upload',\r\n    templateUrl: './upload.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatUpload',\r\n    standalone: true,\r\n    imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe, NgClass]\r\n})\r\nexport class CmatUploadComponent implements OnInit, OnDestroy {\r\n    @Input()\r\n    fileAlias: string = 'fileData';\r\n\r\n    @Input()\r\n    filePath: string = '';\r\n\r\n    @Input()\r\n    fileCategory: string = '';\r\n\r\n    @Input()\r\n    editMode: boolean = false;\r\n\r\n    @Input() autoUpload = true;\r\n\r\n    @Input()\r\n    id: string;\r\n\r\n    @Output() removeEvent = new EventEmitter<CmatUploadComponent>();\r\n    @Output() uploadEvent = new EventEmitter<any>();\r\n\r\n    progressPercentage: number = 0;\r\n    loaded: number = 0;\r\n    total: number = 0;\r\n    isUploading: boolean = false;\r\n\r\n    private _file: any;\r\n    private _unsubscribeAll: Subject<any> = new Subject<any>();\r\n\r\n\r\n    constructor(private _fileService: CmatFilesUtilService, private _changeDetectorRef: ChangeDetectorRef) {\r\n\r\n    }\r\n\r\n    @Input()\r\n    get file(): any {\r\n        return this._file;\r\n    }\r\n    set file(file: any) {\r\n        this._file = file;\r\n        this.total = this._file.size;\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get fileType(): 'csv' | 'gif' | 'word' | 'excel' | 'jpg' | 'outlook' | 'pdf' | 'png' | 'ppt' | 'file' | 'text' | 'video' | 'zip' {\r\n        return CmatUtilsService.getFileType(this.file.type);\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        if (this.autoUpload && this.id === null) {\r\n            this.upload();\r\n        }\r\n    }\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n\r\n\r\n    upload(): void {\r\n        this.isUploading = true;\r\n        const fileModel = {\r\n            id: null,\r\n            fileName: this.file.name,\r\n            length: this.file.size,\r\n            fileCategory: this.fileCategory,\r\n            filePath: this.filePath,\r\n            fileType: 'file',\r\n            data: this.file\r\n        } as FileModel;\r\n\r\n        fileModel.fileType = this.fileType;\r\n\r\n        const formData = new FormData();\r\n\r\n        formData.set('fileData', this._file, this._file.name);\r\n        formData.append('fileInfo', JSON.stringify(fileModel));\r\n\r\n        this._fileService.uploadFile(formData).pipe(\r\n            takeUntil(this._unsubscribeAll)\r\n        ).subscribe((event: any) => {\r\n            if (event.type === HttpEventType.UploadProgress) {\r\n                this.progressPercentage = Math.floor(event.loaded * 100 / event.total);\r\n                this.loaded = event.loaded;\r\n                this.total = event.total;\r\n            }\r\n            if (event.type === HttpEventType.Response) {\r\n                this.id = event.body.id;\r\n                this.file.id = event.body.id;\r\n\r\n                this.isUploading = false;\r\n            }\r\n\r\n            this.uploadEvent.emit(this.file);\r\n\r\n            this._changeDetectorRef.markForCheck();\r\n        });\r\n    }\r\n\r\n    download(): void {\r\n        this._fileService.downloadFile(this.id).pipe(\r\n            takeUntil(this._unsubscribeAll)\r\n        ).subscribe((file: any) => {\r\n            saveAs(new Blob([file.body]), this.file.fileName);\r\n        });\r\n    }\r\n\r\n    remove(): void {\r\n        this.removeEvent.emit(this);\r\n    }\r\n}\r\n","<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\"\r\n      matTooltip=\"{{file.name}}\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"space-x-1 print:hidden\">\r\n      @if(id===null){\r\n      <button mat-icon-button color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"upload()\"\r\n        [ngClass]=\"{'disabled' : isUploading}\">\r\n        <mat-icon [svgIcon]=\"'mat_outline:file_upload'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button mat-icon-button color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon [svgIcon]=\"'mat_outline:file_download'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button mat-icon-button color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon [svgIcon]=\"'heroicons_solid:trash'\" class=\"icon-size-5\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage}}%</span><span> {{loaded | cmatBytes}} of {{total | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>","import {\r\n    AfterViewInit,\r\n    ChangeDetectionStrategy,\r\n    ChangeDetectorRef,\r\n    Component,\r\n    EventEmitter,\r\n    HostListener,\r\n    Input,\r\n    OnDestroy,\r\n    Output,\r\n    QueryList,\r\n    ViewChildren,\r\n    ViewEncapsulation,\r\n    forwardRef\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\nimport { CmatUploadComponent } from '../upload.component';\r\n\r\n@Component({\r\n    selector: 'cmat-upload-queue',\r\n    templateUrl: './upload-queue.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatUploadQueue',\r\n    standalone: true,\r\n    imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent]\r\n})\r\nexport class CmatUploadQueueComponent implements OnDestroy, AfterViewInit {\r\n    @ViewChildren(forwardRef(() => CmatUploadComponent)) fileUploads: QueryList<CmatUploadComponent>;\r\n    @Input()\r\n    fileAlias: string = 'fileData';\r\n\r\n    @Input()\r\n    filePath: string = '';\r\n    @Input()\r\n    fileCategory: string;\r\n    @Input()\r\n    required: boolean = false;\r\n\r\n    @Input()\r\n    autoUpload: boolean = true;\r\n\r\n    @Input() multiple: boolean = true;\r\n    @Input() accept: string = '';\r\n    @Input() title: string = '附件';\r\n    @Input() editMode: boolean = false;\r\n    @Input()\r\n    filesData: Array<any> = [];\r\n\r\n    @Output() outputRemoveIdEvent = new EventEmitter<string>();\r\n    @Output() outputUploadIdEvent = new EventEmitter<string>();\r\n    @Output() outputFilesDataEvent = new EventEmitter<any>();\r\n\r\n    public id = 'cmatupload' + Math.floor(Math.random() * 1000000);\r\n\r\n    isHandSet: boolean;\r\n\r\n    private _unsubscribeAll: Subject<any> = new Subject<any>();\r\n    constructor(private _changeDetectorRef: ChangeDetectorRef, private _cmatMediaWatcherService: CmatMediaWatcherService) {\r\n        this._cmatMediaWatcherService.onMediaChange$\r\n            .pipe(takeUntil(this._unsubscribeAll))\r\n            .subscribe(({ matchingAliases }) => {\r\n                this.isHandSet = !matchingAliases.includes('lg');\r\n\r\n                this._changeDetectorRef.markForCheck();\r\n            });\r\n    }\r\n\r\n    @HostListener('drop', ['$event'])\r\n    onDrop(event: any): void {\r\n        const files = event.dataTransfer.files;\r\n\r\n        for (let i = 0; i < files.length; i++) {\r\n            if (this.accept?.indexOf(files[i].type) > -1)\r\n                this.add(files[i]);\r\n        }\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n    }\r\n\r\n    @HostListener('dragover', ['$event'])\r\n    onDropOver(event: any): void {\r\n        event.preventDefault();\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        const fileUpload = document.getElementById(this.id) as HTMLInputElement;\r\n\r\n        fileUpload.onchange = (): void => {\r\n            for (let index = 0; index < (fileUpload.files?.length ?? 0); index++) {\r\n                const file = fileUpload.files![index];\r\n                this.add(file);\r\n            }\r\n        };\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n\r\n    add(file: any): void {\r\n        if ((this.accept === '' || this.accept === undefined) || (this.accept !== '' && this.accept.indexOf(file.type) > -1)) {\r\n            if (!Array.isArray(this.filesData)) {\r\n                this.filesData = [];\r\n            }\r\n            \r\n            if (!(!this.multiple && this.filesData.length > 0)) {\r\n                this.filesData.push(file);\r\n            } else if (this.fileUploads.first.id === null) {                \r\n                this.filesData.push(file);\r\n                this.fileUploads.first.remove();\r\n            }            \r\n        }\r\n\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    upload(event: any): void {\r\n        this.outputUploadIdEvent.emit(event.id);\r\n\r\n        this.outputFilesDataEvent.emit(this.filesData);\r\n    }\r\n\r\n    remove(event: CmatUploadComponent): void {\r\n        const index = this.filesData.indexOf(event.file);\r\n        if (index > -1) {\r\n            this.filesData.splice(index, 1);\r\n            if(event.file.id){\r\n                this.outputRemoveIdEvent.emit(event.file.id);\r\n            }\r\n            \r\n            this.outputFilesDataEvent.emit(this.filesData);\r\n        }\r\n\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    uploadAll(): void {\r\n        this.fileUploads.forEach((fileUpload) => {\r\n            if (fileUpload.id === null) {\r\n                fileUpload.upload();\r\n            }\r\n        });\r\n\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    removeAll(): void {\r\n        this.fileUploads.forEach((fileUpload) => { fileUpload.remove() });\r\n\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    choose(): void {\r\n        (document.getElementById(this.id) as HTMLInputElement).click();\r\n    }\r\n\r\n    getData(): any {\r\n        return Array.isArray(this.filesData) ? this.filesData : [];\r\n    }\r\n}\r\n","<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" class=\"hidden\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"space-x-1 print:hidden\">\r\n        @if(!isHandSet){\r\n        <button mat-raised-button color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">选择</span>\r\n        </button>\r\n        @if(getData().length > 0){\r\n        @if(!autoUpload){\r\n        <button mat-raised-button color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">上传全部</span></button>\r\n        }\r\n\r\n        <button mat-raised-button color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">删除全部</span></button>\r\n        }\r\n        }@else {\r\n        <button mat-icon-button color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(getData().length > 0){\r\n        @if(!autoUpload){\r\n        <button mat-icon-button color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of getData(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\" [autoUpload]=\"autoUpload\"\r\n                    [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" class=\"my-2\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.CmatFilesUtilService","i2","i4","i1","i3"],"mappings":"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"}

package/fesm2022/cmat-directives-animate-on-scroll.mjs

@@ -27,10 +27,10 @@ class ScrollService {
         // update service property
         this.pos = typeof window !== 'undefined' ? window.pageYOffset : 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ScrollService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ScrollService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ScrollService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -138,10 +138,10 @@ class CmatAnimationOnScrollDirective {
             this._offsetTop = 0;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatAnimationOnScrollDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: CmatAnimationOnScrollDirective, isStandalone: true, selector: "[cmatAnimateOnScroll]", inputs: { animationName: "animationName", offset: "offset", useScroll: "useScroll", threshold: "threshold" }, providers: [ScrollService], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatAnimationOnScrollDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: CmatAnimationOnScrollDirective, isStandalone: true, selector: "[cmatAnimateOnScroll]", inputs: { animationName: "animationName", offset: "offset", useScroll: "useScroll", threshold: "threshold" }, providers: [ScrollService], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatAnimationOnScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatAnimationOnScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatAnimateOnScroll]',

package/fesm2022/cmat-directives-autofocus.mjs

@@ -8,10 +8,10 @@ class CmatAutofocusDirective {
             this.element.nativeElement.focus();
         }, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatAutofocus]',

package/fesm2022/cmat-directives-debounce.mjs

@@ -22,10 +22,10 @@ class AbstractDebounceDirective {
         this.subscription$.next();
         this.subscription$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AbstractDebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: AbstractDebounceDirective, inputs: { debounceTime: "debounceTime" }, outputs: { emitChanged: "emitChanged" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: AbstractDebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: AbstractDebounceDirective, inputs: { debounceTime: "debounceTime" }, outputs: { emitChanged: "emitChanged" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AbstractDebounceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: AbstractDebounceDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { debounceTime: [{
                 type: Input
@@ -41,10 +41,10 @@ class CmatDebounceClickDirective extends AbstractDebounceDirective {
         event.preventDefault();
         this.emitEvent$.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatDebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: CmatDebounceClickDirective, isStandalone: true, selector: "[cmatDebounceClick]", host: { listeners: { "click": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: CmatDebounceClickDirective, isStandalone: true, selector: "[cmatDebounceClick]", host: { listeners: { "click": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatDebounceClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDebounceClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatDebounceClick]',
@@ -63,10 +63,10 @@ class CmatDebounceKeyupDirective extends AbstractDebounceDirective {
         event.preventDefault();
         this.emitEvent$.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatDebounceKeyupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: CmatDebounceKeyupDirective, isStandalone: true, selector: "input[cmatDebounceKeyup]", host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDebounceKeyupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: CmatDebounceKeyupDirective, isStandalone: true, selector: "input[cmatDebounceKeyup]", host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatDebounceKeyupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDebounceKeyupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[cmatDebounceKeyup]',

package/fesm2022/cmat-directives-digit-only.mjs

@@ -255,10 +255,10 @@ class CmatDigitOnlyDirective {
             key +
             oldValue.substring(selectionEnd));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatDigitOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: CmatDigitOnlyDirective, isStandalone: true, selector: "[cmatDigitOnly]", inputs: { decimal: "decimal", decimalSeparator: "decimalSeparator", allowNegatives: "allowNegatives", allowPaste: "allowPaste", negativeSign: "negativeSign", min: "min", max: "max", pattern: "pattern" }, host: { listeners: { "beforeinput": "onBeforeInput($event)", "input": "onInputChange($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDigitOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: CmatDigitOnlyDirective, isStandalone: true, selector: "[cmatDigitOnly]", inputs: { decimal: "decimal", decimalSeparator: "decimalSeparator", allowNegatives: "allowNegatives", allowPaste: "allowPaste", negativeSign: "negativeSign", min: "min", max: "max", pattern: "pattern" }, host: { listeners: { "beforeinput": "onBeforeInput($event)", "input": "onInputChange($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatDigitOnlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDigitOnlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatDigitOnly]',
@@ -350,10 +350,10 @@ class CmatMaskDirective {
                 key +
                 oldValue.substring(selectionStart);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: CmatMaskDirective, isStandalone: true, selector: "[cmatMask]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: CmatMaskDirective, isStandalone: true, selector: "[cmatMask]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatMask]',

package/fesm2022/cmat-directives-equal-validator.mjs

@@ -31,12 +31,12 @@ class CmatEqualValidatorDirective {
         }
         return this._reverse === 'true' ? CmatEqualValidatorDirective._validateReverse(c, other) : CmatEqualValidatorDirective._validateNoReverse(c, other);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatEqualValidatorDirective, deps: [{ token: 'cmatValidateEqual', attribute: true }, { token: 'reverse', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: CmatEqualValidatorDirective, isStandalone: true, selector: "[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatEqualValidatorDirective, deps: [{ token: 'cmatValidateEqual', attribute: true }, { token: 'reverse', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: CmatEqualValidatorDirective, isStandalone: true, selector: "[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]", providers: [
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => CmatEqualValidatorDirective), multi: true }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CmatEqualValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatEqualValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]',