@ng-nest/ui 12.0.8 → 13.0.2

package/fesm2015/ng-nest-ui-upload.js

@@ -1,543 +0,0 @@
-import * as i1$1 from '@angular/common/http';
-import { HttpRequest, HttpEventType } from '@angular/common/http';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Inject, ViewChild, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import { XInputBoolean, XClamp, XIsTemplateRef } from '@ng-nest/ui/core';
-import { XControlValueAccessor, XValueAccessor, XBaseFormModule } from '@ng-nest/ui/base-form';
-import { takeUntil, map } from 'rxjs/operators';
-import { Subject, fromEvent } from 'rxjs';
-import * as i7 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import * as i1 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i2 from '@ng-nest/ui/portal';
-import { XPortalModule } from '@ng-nest/ui/portal';
-import * as i3 from '@ng-nest/ui/i18n';
-import { XI18nModule } from '@ng-nest/ui/i18n';
-import * as i4 from '@ng-nest/ui/button';
-import { XButtonModule } from '@ng-nest/ui/button';
-import * as i6 from '@ng-nest/ui/outlet';
-import { XOutletModule } from '@ng-nest/ui/outlet';
-import { FormsModule } from '@angular/forms';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-
-/**
- * Upload
- * @selector x-upload
- * @decorator component
- */
-const XUploadPrefix = 'x-upload';
-/**
- * Upload Property
- */
-class XUploadProperty extends XControlValueAccessor {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 文件显示类型
-         * @en_US File display type
-         */
-        this.type = 'list';
-        /**
-         * @zh_CN 删除按钮的事件
-         * @en_US Delete button event
-         */
-        this.removeClick = new EventEmitter();
-    }
-}
-/** @nocollapse */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XUploadProperty, selector: "ng-component", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgCut: "imgCut", multiple: "multiple" }, outputs: { removeClick: "removeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XInputBoolean()
-], XUploadProperty.prototype, "imgCut", void 0);
-__decorate([
-    XInputBoolean()
-], XUploadProperty.prototype, "multiple", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], action: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], imgCut: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], removeClick: [{
-                type: Output
-            }] } });
-/**
- * Upload Portal
- * @selector x-upload-portal
- * @decorator component
- */
-const XUploadPortalPrefix = 'x-upload-portal';
-
-class XUploadPortalComponent {
-    constructor(renderer, cdr, document) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ready = false;
-        this.cutType = '';
-        this.proportion = 1;
-        this.originalSize = {
-            width: 0,
-            height: 0
-        };
-        this.cutBox = {
-            width: 0,
-            height: 0,
-            x: 0,
-            y: 0
-        };
-        this._unSubject = new Subject();
-        this.doc = document;
-    }
-    ngOnInit() { }
-    ngAfterViewInit() {
-        this.setCut();
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.complete();
-    }
-    setCut() {
-        let width = this.imgRef.nativeElement.clientWidth;
-        let height = this.imgRef.nativeElement.clientHeight;
-        this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${height}px`);
-        this.renderer.setStyle(this.boundaryRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.boundaryRef.nativeElement, 'height', `${height}px`);
-        this.renderer.setStyle(this.imgRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.imgRef.nativeElement, 'height', `${height}px`);
-        this.renderer.setStyle(this.imgClipRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.imgClipRef.nativeElement, 'height', `${height}px`);
-        this.cutBox.width = width;
-        this.cutBox.height = height;
-        this.boundaryBox = { width, height };
-        this.clipRect = {
-            top: 0,
-            right: width,
-            bottom: height,
-            left: 0
-        };
-        this.setOriginalSize();
-        this.ready = true;
-        this.cdr.detectChanges();
-        const mouseDown = fromEvent(this.cutRef.nativeElement, 'mousedown').pipe(takeUntil(this._unSubject));
-        mouseDown.subscribe((downMe) => {
-            let x = downMe.pageX;
-            let y = downMe.pageY;
-            let offsetX = 0;
-            let offsetY = 0;
-            const _unSub = new Subject();
-            let className = downMe.target.className;
-            const spt = `${XUploadPortalPrefix}-cut-`;
-            if (className.includes(spt)) {
-                this.cutType = className.replace(spt, '');
-                this.cdr.detectChanges();
-            }
-            fromEvent(this.doc.documentElement, 'mousemove')
-                .pipe(takeUntil(_unSub))
-                .subscribe((moveMe) => {
-                offsetX = moveMe.pageX - x;
-                offsetY = moveMe.pageY - y;
-                x = moveMe.pageX;
-                y = moveMe.pageY;
-                this.setCutEle(this.cutType, offsetX, offsetY);
-            });
-            fromEvent(this.doc.documentElement, 'mouseup')
-                .pipe(takeUntil(_unSub))
-                .subscribe((x) => {
-                this.cutType = '';
-                this.cdr.detectChanges();
-                _unSub.next();
-                _unSub.complete();
-            });
-        });
-    }
-    setOriginalSize() {
-        const img = new Image();
-        img.src = this.file.url;
-        img.onload = () => {
-            this.originalSize = { width: img.width, height: img.height };
-            this.proportion = this.boundaryBox.width / this.originalSize.width;
-        };
-    }
-    setCutEle(position, x, y) {
-        switch (position) {
-            case 'top-start':
-                this.cutBox.width -= x;
-                this.cutBox.height -= y;
-                this.cutBox.x += x;
-                this.cutBox.y += y;
-                break;
-            case 'top':
-                this.cutBox.height -= y;
-                this.cutBox.y += y;
-                break;
-            case 'top-end':
-                this.cutBox.width += x;
-                this.cutBox.height -= y;
-                this.cutBox.y += y;
-                break;
-            case 'right':
-                this.cutBox.width += x;
-                break;
-            case 'bottom-end':
-                this.cutBox.width += x;
-                this.cutBox.height += y;
-                break;
-            case 'bottom':
-                this.cutBox.height += y;
-                break;
-            case 'bottom-start':
-                this.cutBox.width -= x;
-                this.cutBox.height += y;
-                this.cutBox.x += x;
-                break;
-            case 'left':
-                this.cutBox.width -= x;
-                this.cutBox.x += x;
-                break;
-            case '':
-                this.cutBox.x += x;
-                this.cutBox.y += y;
-                break;
-        }
-        const boundaryRect = this.boundaryRef.nativeElement.getBoundingClientRect();
-        const maxY = boundaryRect.height - this.cutBox.height;
-        const maxX = boundaryRect.width - this.cutBox.width;
-        this.cutBox.x = XClamp(this.cutBox.x, 0, maxX);
-        this.cutBox.y = XClamp(this.cutBox.y, 0, maxY);
-        // const maxWidth = boundaryRect.height - this.cutBox.y;
-        // const maxHeight = boundaryRect.width - this.cutBox.x;
-        // this.cutBox.width = XClamp(this.cutBox.width, 0, maxWidth);
-        // this.cutBox.height = XClamp(this.cutBox.width, 0, maxHeight);
-        this.clipRect = {
-            top: this.cutBox.y,
-            right: this.cutBox.width + this.cutBox.x,
-            bottom: this.cutBox.height + this.cutBox.y,
-            left: this.cutBox.x
-        };
-        this.renderer.setStyle(this.imgClipRef.nativeElement, 'clip', `rect(${this.clipRect.top}px,${this.clipRect.right}px,${this.clipRect.bottom}px,${this.clipRect.left}px)`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${this.cutBox.width}px`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${this.cutBox.height}px`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'transform', `translate3d(${this.cutBox.x}px, ${this.cutBox.y}px, 0)`);
-    }
-    sure() {
-        const canvas = this.doc.createElement('canvas');
-        canvas.width = this.cutBox.width / this.proportion;
-        canvas.height = this.cutBox.height / this.proportion;
-        const context = canvas.getContext('2d');
-        const img = new Image();
-        img.src = this.file.url;
-        img.crossOrigin = 'anonymous';
-        img.onload = () => {
-            context.drawImage(img, -this.cutBox.x / this.proportion, -this.cutBox.y / this.proportion);
-            canvas.toBlob((blob) => {
-                this.surePortal(blob);
-                this.closePortal();
-            });
-        };
-    }
-}
-/** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XUploadPortalComponent, selector: "x-upload-portal", viewQueries: [{ propertyName: "imgRef", first: true, predicate: ["imgRef"], descendants: true }, { propertyName: "imgClipRef", first: true, predicate: ["imgClipRef"], descendants: true }, { propertyName: "boundaryRef", first: true, predicate: ["boundaryRef"], descendants: true }, { propertyName: "cutRef", first: true, predicate: ["cutRef"], descendants: true }], ngImport: i0, template: "<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n", styles: ["x-upload-portal{width:100%;height:100%}.x-upload-portal{margin:0;padding:0;display:flex;position:relative;width:100%;height:100%;flex-direction:column}.x-upload-portal-tools{width:100%;height:3.25rem;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:1;color:#fff}.x-upload-portal-bottom-tools{width:100%;height:3.25rem;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff;bottom:0}.x-upload-portal-title{display:flex;align-items:center;margin:0 1rem}.x-upload-portal-title>x-icon{font-size:1.25rem}.x-upload-portal-title>span{margin-left:.5rem}.x-upload-portal-close{font-size:1.75rem;padding:0 1rem;color:#fffc;transition:color var(--x-animation-duration-base);cursor:pointer}.x-upload-portal-close:hover{color:#fff}.x-upload-portal-img{flex:1;width:100%;position:relative;overflow:auto}.x-upload-portal-full-img{max-width:85%;max-height:85%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.x-upload-portal-clip-img{position:absolute}.x-upload-portal-ready .x-upload-portal-full-img{max-width:inherit;max-height:inherit}.x-upload-portal-boundary{width:0;height:0;left:50%;top:50%;transform:translate(-50%,-50%);position:relative;background-color:#00000080}.x-upload-portal-cut{width:0;height:0;border:.125rem var(--x-border-style) rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;position:relative;cursor:move}.x-upload-portal-cut-top-start,.x-upload-portal-cut-top,.x-upload-portal-cut-top-end,.x-upload-portal-cut-left,.x-upload-portal-cut-right,.x-upload-portal-cut-bottom-start,.x-upload-portal-cut-bottom,.x-upload-portal-cut-bottom-end{width:.825rem;height:.825rem;background:white;position:absolute;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius)}.x-upload-portal-cut-top-start{top:-.4125rem;left:-.4125rem;cursor:se-resize}.x-upload-portal-cut-top{top:-.4125rem;cursor:s-resize}.x-upload-portal-cut-top-end{top:-.4125rem;right:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-left{left:-.4125rem;cursor:w-resize}.x-upload-portal-cut-right{right:-.4125rem;cursor:w-resize}.x-upload-portal-cut-bottom-start{left:-.4125rem;bottom:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-bottom{bottom:-.4125rem;cursor:s-resize}.x-upload-portal-cut-bottom-end{right:-.4125rem;bottom:-.4125rem;cursor:se-resize}.x-upload-portal-top-start{cursor:se-resize}.x-upload-portal-top{cursor:s-resize}.x-upload-portal-top-end{cursor:ne-resize}.x-upload-portal-left{cursor:w-resize}.x-upload-portal-right{cursor:w-resize}.x-upload-portal-bottom-start{cursor:ne-resize}.x-upload-portal-bottom{cursor:s-resize}.x-upload-portal-bottom-end{cursor:se-resize}\n"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadPortalComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XUploadPortalPrefix}`,
-                    templateUrl: './upload-portal.component.html',
-                    styleUrls: ['./upload-portal.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; }, propDecorators: { imgRef: [{
-                type: ViewChild,
-                args: ['imgRef']
-            }], imgClipRef: [{
-                type: ViewChild,
-                args: ['imgClipRef']
-            }], boundaryRef: [{
-                type: ViewChild,
-                args: ['boundaryRef']
-            }], cutRef: [{
-                type: ViewChild,
-                args: ['cutRef']
-            }] } });
-
-class XUploadComponent extends XUploadProperty {
-    constructor(renderer, elementRef, http, cdr, portalService, viewContainerRef, i18n) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.http = http;
-        this.cdr = cdr;
-        this.portalService = portalService;
-        this.viewContainerRef = viewContainerRef;
-        this.i18n = i18n;
-        this.files = [];
-        this.showUpload = false;
-        this.uploadNodes = [];
-        this.locale = {};
-        this._unSubject = new Subject();
-    }
-    get getText() {
-        return this.text || this.locale.uploadText;
-    }
-    get isTemplateText() {
-        return XIsTemplateRef(this.getText);
-    }
-    writeValue(value) {
-        this.value = value;
-        this.setFiles();
-        this.cdr.detectChanges();
-    }
-    ngOnInit() {
-        this.i18n.localeChange
-            .pipe(map((x) => x.upload), takeUntil(this._unSubject))
-            .subscribe((x) => {
-            this.locale = x;
-            this.cdr.markForCheck();
-        });
-        if (this.type === 'img')
-            this.accept = 'image/*';
-    }
-    ngOnDestory() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    setFiles() {
-        if (!Array.isArray(this.value))
-            return;
-        if (this.type !== 'img')
-            return;
-        this.files = this.value.map((x) => {
-            if (!x.state)
-                x.state = 'success';
-            return x;
-        });
-    }
-    change(event) {
-        var _a;
-        let input = event.target;
-        if (typeof input === 'undefined' || ((_a = input.files) === null || _a === void 0 ? void 0 : _a.length) === 0)
-            return;
-        let files = [];
-        for (let i = 0; i < input.files.length; i++) {
-            let file = input.files.item(i);
-            file.state = 'ready';
-            files = [...files, file];
-        }
-        if (files.length > 0)
-            this.showUpload = true;
-        this.files = files;
-        this.value = [];
-        this.uploading();
-        input.value = '';
-        this.cdr.detectChanges();
-    }
-    remove(file, index) {
-        this.files.splice(index, 1);
-        if (this.files.length === 0)
-            this.file.nativeElement.value = '';
-        this.showUpload = this.files.find((x) => x.state === 'ready') != null;
-        this.removeClick.emit({ file: file, index: index });
-        this.cdr.detectChanges();
-    }
-    uploadClick() {
-        if (this.disabled)
-            return;
-        this.file.nativeElement.click();
-    }
-    uploading() {
-        if (!this.action)
-            return;
-        let readyFiles = this.files.filter((x) => x.state === 'ready');
-        readyFiles.forEach((x) => {
-            this.uploadFile(x);
-        });
-    }
-    uploadFile(file, index = -1) {
-        let formData = new FormData();
-        formData.append('file', file);
-        const req = new HttpRequest('POST', this.action, formData, {
-            reportProgress: true,
-            responseType: 'arraybuffer'
-        });
-        this.http
-            .request(req)
-            .pipe(map((event) => this.getEventMessage(event, file, (body) => {
-            let blob = new Blob([body]);
-            let reader = new FileReader();
-            reader.readAsText(blob, 'utf-8');
-            reader.onload = () => {
-                file.url = JSON.parse(reader.result)[0];
-                if (index === -1) {
-                    this.value.push(file);
-                }
-                else {
-                    this.value[index] = file;
-                    this.files[index] = file;
-                }
-                this.cdr.detectChanges();
-            };
-        })))
-            .subscribe(() => {
-            this.showUpload = this.files.find((y) => y.state === 'ready') != null;
-            this.cdr.detectChanges();
-        }, () => {
-            file.state = 'error';
-            this.cdr.detectChanges();
-        });
-    }
-    getEventMessage(event, file, fun) {
-        switch (event.type) {
-            case HttpEventType.Sent:
-                file.state = 'ready';
-                return `开始上传文件`;
-            case HttpEventType.UploadProgress:
-                file.state = 'uploading';
-                if (event.total)
-                    file.percent = Math.round((100 * event.loaded) / event.total);
-                return `上传中`;
-            case HttpEventType.Response:
-                file.state = 'success';
-                fun(event.body);
-                return `文件上传完毕`;
-        }
-        return;
-    }
-    trackByItem(index, item) {
-        return `${item.name}-${item.lastModified}`;
-    }
-    onImgCut(file, index) {
-        this.portal = this.portalService.attach({
-            content: XUploadPortalComponent,
-            viewContainerRef: this.viewContainerRef,
-            overlayConfig: {
-                panelClass: [XUploadPortalPrefix],
-                hasBackdrop: true,
-                positionStrategy: this.portalService.setPlace('center')
-            }
-        });
-        this.setInstance(file, index);
-    }
-    setInstance(file, index) {
-        var _a;
-        let componentRef = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.componentRef;
-        if (!componentRef)
-            return;
-        Object.assign(componentRef.instance, {
-            file: file,
-            closePortal: () => this.closePortal(),
-            destroyPortal: () => this.destroyPortal(),
-            surePortal: (blob) => {
-                const fl = new File([blob], file.name, { type: blob.type });
-                fl.state = 'ready';
-                this.uploadFile(fl, index);
-            }
-        });
-        componentRef.changeDetectorRef.detectChanges();
-    }
-    portalAttached() {
-        var _a, _b;
-        return (_b = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.hasAttached();
-    }
-    closePortal() {
-        var _a, _b;
-        if (this.portalAttached()) {
-            (_b = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.detach();
-            this.cdr.detectChanges();
-            return true;
-        }
-        return false;
-    }
-    destroyPortal() {
-        var _a, _b;
-        (_b = (_a = this.portal) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
-    }
-    imgError(event, file) {
-        file.state = 'error';
-        this.cdr.detectChanges();
-    }
-    imgLoad(event, file) {
-        file.state = 'success';
-        this.cdr.detectChanges();
-    }
-}
-/** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$1.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XUploadComponent, selector: "x-upload", providers: [XValueAccessor(XUploadComponent)], viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\r\n          <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n            <x-icon type=\"fto-file-text\"></x-icon>\r\n            <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n          </a>\r\n          <ng-container [ngSwitch]=\"file.state\">\r\n            <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n            <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n            <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n            <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n          </ng-container>\r\n          <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad($event, file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\r\n            </ng-container>\r\n            <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n            <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-upload{margin:0;padding:0;color:var(--x-text);font-size:var(--x-font-size)}.x-upload-buttons{display:inline-flex}.x-upload-buttons>.x-button:not(:first-child){margin-left:.4rem}.x-upload-buttons-template{cursor:pointer}.x-upload-files{margin-top:.4rem}.x-upload-files>li{padding:0 .2rem;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);display:flex;align-items:center;overflow:hidden;cursor:pointer;border-radius:var(--x-border-radius)}.x-upload-files>li .x-icon{color:var(--x-text-400);font-size:1rem}.x-upload-files>li .x-icon.x-upload-state.success{color:var(--x-success)}.x-upload-files>li .x-icon.x-upload-state.error{color:var(--x-danger)}.x-upload-files>li a{flex:1;display:flex;align-items:center;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);color:inherit;text-decoration:none;overflow:hidden}.x-upload-files>li span.x-upload-filename{margin-left:.2rem;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-upload-files>li span.x-upload-percent{color:var(--x-text-400)}.x-upload-files>li>.x-button{display:none;padding:0}.x-upload-files>li:not(:first-child){margin-top:.2rem}.x-upload-files>li:hover{color:var(--x-primary);background-color:var(--x-background)}.x-upload-files>li:hover>.x-button{display:inline-block}.x-upload-files>li:hover>.x-upload-state{display:none}.x-upload-img{display:flex;flex-wrap:wrap}.x-upload-img .x-upload-buttons-template{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:6.25rem;height:6.25rem;margin-right:.5rem;margin-bottom:.5rem;border:var(--x-border-width) dashed var(--x-border);background:var(--x-background);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base)}.x-upload-img .x-upload-buttons-template:hover{border-color:var(--x-primary)}.x-upload-img-item{height:6.25rem;width:6.25rem;padding:.325rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base);margin-right:.5rem;margin-bottom:.5rem;position:relative;display:flex;align-items:center;justify-content:center}.x-upload-img-item .x-upload-img-inner{height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.x-upload-img-item .x-upload-img-inner>img{width:100%;border-radius:var(--x-border-radius)}.x-upload-img-item .x-upload-img-inner>x-icon{display:none;font-size:3rem;color:var(--x-danger)}.x-upload-img-item.error{border-color:var(--x-danger)}.x-upload-img-item.error .x-upload-img-inner>img{display:none}.x-upload-img-item.error .x-upload-img-inner>x-icon{display:inherit}.x-upload-img-item:hover .x-upload-img-btns{background-color:#00000073}.x-upload-img-item:hover .x-upload-img-btns-inner{display:initial}.x-upload-img-btns{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--x-border-radius);background-color:#0000;transition:all var(--x-animation-duration-base)}.x-upload-img-btns x-icon{cursor:pointer;font-size:1rem;padding:.25rem;color:#ffffffb3}.x-upload-img-btns x-icon:hover{color:#fff}.x-upload-img-btns-inner{display:none}\n"], components: [{ type: i4.XButtonComponent, selector: "x-button" }, { type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XUploadPrefix}`,
-                    templateUrl: './upload.component.html',
-                    styleUrls: ['./upload.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [XValueAccessor(XUploadComponent)]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1$1.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2.XPortalService }, { type: i0.ViewContainerRef }, { type: i3.XI18nService }]; }, propDecorators: { file: [{
-                type: ViewChild,
-                args: ['file', { static: true }]
-            }] } });
-
-class XUploadModule {
-}
-/** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
-        FormsModule,
-        DragDropModule,
-        XPortalModule,
-        XOutletModule,
-        XButtonModule,
-        XIconModule,
-        XI18nModule,
-        XBaseFormModule], exports: [XUploadComponent] });
-/** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, imports: [[
-            CommonModule,
-            FormsModule,
-            DragDropModule,
-            XPortalModule,
-            XOutletModule,
-            XButtonModule,
-            XIconModule,
-            XI18nModule,
-            XBaseFormModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],
-                    exports: [XUploadComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        DragDropModule,
-                        XPortalModule,
-                        XOutletModule,
-                        XButtonModule,
-                        XIconModule,
-                        XI18nModule,
-                        XBaseFormModule
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XUploadComponent, XUploadModule, XUploadPortalComponent, XUploadPortalPrefix, XUploadPrefix, XUploadProperty };
-//# sourceMappingURL=ng-nest-ui-upload.js.map

package/fesm2015/ng-nest-ui-upload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-upload.js","sources":["../../../../lib/ng-nest/ui/upload/upload.property.ts","../../../../lib/ng-nest/ui/upload/upload-portal.component.ts","../../../../lib/ng-nest/ui/upload/upload-portal.component.html","../../../../lib/ng-nest/ui/upload/upload.component.ts","../../../../lib/ng-nest/ui/upload/upload.component.html","../../../../lib/ng-nest/ui/upload/upload.module.ts","../../../../lib/ng-nest/ui/upload/ng-nest-ui-upload.ts"],"sourcesContent":["import { XInputBoolean, XBoolean, XTemplate, XPosition, XCorner } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XControlValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Upload\r\n * @selector x-upload\r\n * @decorator component\r\n */\r\nexport const XUploadPrefix = 'x-upload';\r\n\r\n/**\r\n * Upload Property\r\n */\r\n@Component({ template: '' })\r\nexport class XUploadProperty extends XControlValueAccessor<XUploadNode[]> {\r\n  /**\r\n   * @zh_CN 显示文字\r\n   * @en_US Display text\r\n   */\r\n  @Input() text?: XTemplate;\r\n  /**\r\n   * @zh_CN 请求地址\r\n   * @en_US Request address\r\n   */\r\n  @Input() action?: string;\r\n  /**\r\n   * @zh_CN 上传文件类型，与原生的 input file 组件一致\r\n   * @en_US Upload file type, consistent with native input file component\r\n   */\r\n  @Input() accept?: string;\r\n  /**\r\n   * @zh_CN 文件显示类型\r\n   * @en_US File display type\r\n   */\r\n  @Input() type: XUploadType = 'list';\r\n  /**\r\n   * @zh_CN 图片剪裁\r\n   * @en_US Picture cropping\r\n   */\r\n  @Input() @XInputBoolean() imgCut?: XBoolean;\r\n  /**\r\n   * @zh_CN 多文件上传\r\n   * @en_US Multiple file upload\r\n   */\r\n  @Input() @XInputBoolean() multiple?: XBoolean;\r\n  /**\r\n   * @zh_CN 删除按钮的事件\r\n   * @en_US Delete button event\r\n   */\r\n  @Output() removeClick = new EventEmitter<{ file: XUploadNode; index: number }>();\r\n}\r\n\r\n/**\r\n * @zh_CN Upload 数据对象\r\n * @en_US Upload data object\r\n */\r\nexport interface XUploadNode extends File {\r\n  /**\r\n   * @zh_CN 地址\r\n   * @en_US address\r\n   */\r\n  url?: string;\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US status\r\n   */\r\n  state?: XStateType;\r\n  /**\r\n   * @zh_CN 上传进度\r\n   * @en_US Upload progress\r\n   */\r\n  percent?: number;\r\n}\r\n\r\n/**\r\n * @zh_CN 文件状态\r\n * @en_US File status\r\n */\r\nexport type XStateType = 'ready' | 'uploading' | 'success' | 'error';\r\n\r\n/**\r\n * @zh_CN 文件显示类型\r\n * @en_US File display type\r\n */\r\nexport type XUploadType = 'list' | 'img';\r\n\r\n/**\r\n * @zh_CN 剪裁的方位\r\n * @en_US Tailored orientation\r\n */\r\nexport type XUploadCutType = XPosition | XCorner | '';\r\n\r\n/**\r\n * Upload Portal\r\n * @selector x-upload-portal\r\n * @decorator component\r\n */\r\nexport const XUploadPortalPrefix = 'x-upload-portal';\r\n","import { DOCUMENT } from '@angular/common';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  ElementRef,\r\n  Renderer2,\r\n  ChangeDetectorRef,\r\n  Inject\r\n} from '@angular/core';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { debounceTime, map, takeUntil, tap } from 'rxjs/operators';\r\nimport { XClamp } from '@ng-nest/ui/core';\r\nimport { XUploadCutType, XUploadNode, XUploadPortalPrefix } from './upload.property';\r\n\r\n@Component({\r\n  selector: `${XUploadPortalPrefix}`,\r\n  templateUrl: './upload-portal.component.html',\r\n  styleUrls: ['./upload-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XUploadPortalComponent {\r\n  file!: XUploadNode;\r\n  @ViewChild('imgRef') imgRef!: ElementRef;\r\n  @ViewChild('imgClipRef') imgClipRef!: ElementRef;\r\n  @ViewChild('boundaryRef') boundaryRef!: ElementRef;\r\n  @ViewChild('cutRef') cutRef!: ElementRef;\r\n  ready = false;\r\n  cutType: XUploadCutType = '';\r\n  proportion = 1;\r\n  originalSize = {\r\n    width: 0,\r\n    height: 0\r\n  };\r\n  boundaryBox!: {\r\n    width: 0;\r\n    height: 0;\r\n  };\r\n  cutBox = {\r\n    width: 0,\r\n    height: 0,\r\n    x: 0,\r\n    y: 0\r\n  };\r\n  clipRect!: {\r\n    top: number;\r\n    right: number;\r\n    bottom: number;\r\n    left: number;\r\n  };\r\n\r\n  doc: Document;\r\n\r\n  closePortal!: () => void;\r\n  destroyPortal!: () => void;\r\n  surePortal!: (blob: Blob) => void;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(private renderer: Renderer2, private cdr: ChangeDetectorRef, @Inject(DOCUMENT) document: any) {\r\n    this.doc = document;\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngAfterViewInit() {\r\n    this.setCut();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.complete();\r\n  }\r\n\r\n  setCut() {\r\n    let width = this.imgRef.nativeElement.clientWidth;\r\n    let height = this.imgRef.nativeElement.clientHeight;\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.boundaryRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.boundaryRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.imgRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.imgRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.imgClipRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.imgClipRef.nativeElement, 'height', `${height}px`);\r\n    this.cutBox.width = width;\r\n    this.cutBox.height = height;\r\n    this.boundaryBox = { width, height };\r\n    this.clipRect = {\r\n      top: 0,\r\n      right: width,\r\n      bottom: height,\r\n      left: 0\r\n    };\r\n    this.setOriginalSize();\r\n    this.ready = true;\r\n    this.cdr.detectChanges();\r\n\r\n    const mouseDown = fromEvent<MouseEvent>(this.cutRef.nativeElement, 'mousedown').pipe(takeUntil(this._unSubject));\r\n\r\n    mouseDown.subscribe((downMe: MouseEvent) => {\r\n      let x = downMe.pageX;\r\n      let y = downMe.pageY;\r\n      let offsetX = 0;\r\n      let offsetY = 0;\r\n      const _unSub = new Subject<void>();\r\n      let className = (downMe.target as HTMLDivElement).className;\r\n      const spt = `${XUploadPortalPrefix}-cut-`;\r\n      if (className.includes(spt)) {\r\n        this.cutType = className.replace(spt, '') as XUploadCutType;\r\n        this.cdr.detectChanges();\r\n      }\r\n      fromEvent<MouseEvent>(this.doc.documentElement, 'mousemove')\r\n        .pipe(takeUntil(_unSub))\r\n        .subscribe((moveMe: MouseEvent) => {\r\n          offsetX = moveMe.pageX - x;\r\n          offsetY = moveMe.pageY - y;\r\n          x = moveMe.pageX;\r\n          y = moveMe.pageY;\r\n          this.setCutEle(this.cutType, offsetX, offsetY);\r\n        });\r\n      fromEvent<MouseEvent>(this.doc.documentElement, 'mouseup')\r\n        .pipe(takeUntil(_unSub))\r\n        .subscribe((x) => {\r\n          this.cutType = '';\r\n          this.cdr.detectChanges();\r\n          _unSub.next();\r\n          _unSub.complete();\r\n        });\r\n    });\r\n  }\r\n\r\n  setOriginalSize() {\r\n    const img = new Image();\r\n    img.src = this.file.url!;\r\n    img.onload = () => {\r\n      this.originalSize = { width: img.width, height: img.height };\r\n      this.proportion = this.boundaryBox.width / this.originalSize.width;\r\n    };\r\n  }\r\n\r\n  setCutEle(position: XUploadCutType, x: number, y: number) {\r\n    switch (position) {\r\n      case 'top-start':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.height -= y;\r\n        this.cutBox.x += x;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'top':\r\n        this.cutBox.height -= y;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'top-end':\r\n        this.cutBox.width += x;\r\n        this.cutBox.height -= y;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'right':\r\n        this.cutBox.width += x;\r\n        break;\r\n      case 'bottom-end':\r\n        this.cutBox.width += x;\r\n        this.cutBox.height += y;\r\n        break;\r\n      case 'bottom':\r\n        this.cutBox.height += y;\r\n        break;\r\n      case 'bottom-start':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.height += y;\r\n        this.cutBox.x += x;\r\n        break;\r\n      case 'left':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.x += x;\r\n        break;\r\n      case '':\r\n        this.cutBox.x += x;\r\n        this.cutBox.y += y;\r\n        break;\r\n    }\r\n    const boundaryRect = this.boundaryRef.nativeElement.getBoundingClientRect();\r\n\r\n    const maxY = boundaryRect.height - this.cutBox.height;\r\n    const maxX = boundaryRect.width - this.cutBox.width;\r\n\r\n    this.cutBox.x = XClamp(this.cutBox.x, 0, maxX);\r\n    this.cutBox.y = XClamp(this.cutBox.y, 0, maxY);\r\n\r\n    // const maxWidth = boundaryRect.height - this.cutBox.y;\r\n    // const maxHeight = boundaryRect.width - this.cutBox.x;\r\n\r\n    // this.cutBox.width = XClamp(this.cutBox.width, 0, maxWidth);\r\n    // this.cutBox.height = XClamp(this.cutBox.width, 0, maxHeight);\r\n\r\n    this.clipRect = {\r\n      top: this.cutBox.y,\r\n      right: this.cutBox.width + this.cutBox.x,\r\n      bottom: this.cutBox.height + this.cutBox.y,\r\n      left: this.cutBox.x\r\n    };\r\n    this.renderer.setStyle(\r\n      this.imgClipRef.nativeElement,\r\n      'clip',\r\n      `rect(${this.clipRect.top}px,${this.clipRect.right}px,${this.clipRect.bottom}px,${this.clipRect.left}px)`\r\n    );\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${this.cutBox.width}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${this.cutBox.height}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'transform', `translate3d(${this.cutBox.x}px, ${this.cutBox.y}px, 0)`);\r\n  }\r\n\r\n  sure() {\r\n    const canvas = this.doc.createElement('canvas');\r\n    canvas.width = this.cutBox.width / this.proportion;\r\n    canvas.height = this.cutBox.height / this.proportion;\r\n    const context = canvas.getContext('2d')!;\r\n    const img = new Image();\r\n    img.src = this.file.url!;\r\n    img.crossOrigin = 'anonymous';\r\n    img.onload = () => {\r\n      context.drawImage(img, -this.cutBox.x / this.proportion, -this.cutBox.y / this.proportion);\r\n      canvas.toBlob((blob) => {\r\n        this.surePortal(blob as Blob);\r\n        this.closePortal();\r\n      });\r\n    };\r\n  }\r\n}\r\n","<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n","import { HttpClient, HttpEventType, HttpRequest, HttpEvent } from '@angular/common/http';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ViewChild,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XUploadPrefix, XUploadNode, XUploadProperty, XUploadPortalPrefix } from './upload.property';\r\nimport { XIsTemplateRef } from '@ng-nest/ui/core';\r\nimport { map, takeUntil } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService, XI18nUpload } from '@ng-nest/ui/i18n';\r\nimport { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';\r\nimport { XUploadPortalComponent } from './upload-portal.component';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XUploadPrefix}`,\r\n  templateUrl: './upload.component.html',\r\n  styleUrls: ['./upload.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XUploadComponent)]\r\n})\r\nexport class XUploadComponent extends XUploadProperty {\r\n  @ViewChild('file', { static: true }) file!: ElementRef;\r\n  files: XUploadNode[] = [];\r\n  showUpload = false;\r\n  uploadNodes: XUploadNode[] = [];\r\n  locale: XI18nUpload = {};\r\n  portal!: XPortalOverlayRef<XUploadPortalComponent>;\r\n\r\n  get getText() {\r\n    return this.text || this.locale.uploadText;\r\n  }\r\n\r\n  get isTemplateText() {\r\n    return XIsTemplateRef(this.getText);\r\n  }\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  writeValue(value: XUploadNode[]) {\r\n    this.value = value;\r\n    this.setFiles();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public http: HttpClient,\r\n    public cdr: ChangeDetectorRef,\r\n    public portalService: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange\r\n      .pipe(\r\n        map((x) => x.upload as XI18nUpload),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe((x) => {\r\n        this.locale = x;\r\n        this.cdr.markForCheck();\r\n      });\r\n    if (this.type === 'img') this.accept = 'image/*';\r\n  }\r\n\r\n  ngOnDestory() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setFiles() {\r\n    if (!Array.isArray(this.value)) return;\r\n    if (this.type !== 'img') return;\r\n    this.files = this.value.map((x) => {\r\n      if (!x.state) x.state = 'success';\r\n      return x;\r\n    });\r\n  }\r\n\r\n  change(event: Event) {\r\n    let input = event.target as HTMLInputElement;\r\n    if (typeof input === 'undefined' || input.files?.length === 0) return;\r\n    let files: XUploadNode[] = [];\r\n    for (let i = 0; i < (input.files as FileList).length; i++) {\r\n      let file: XUploadNode = (input.files as FileList).item(i) as XUploadNode;\r\n      file.state = 'ready';\r\n      files = [...files, file];\r\n    }\r\n    if (files.length > 0) this.showUpload = true;\r\n    this.files = files;\r\n    this.value = [];\r\n    this.uploading();\r\n    input.value = '';\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  remove(file: XUploadNode, index: number) {\r\n    this.files.splice(index, 1);\r\n    if (this.files.length === 0) this.file.nativeElement.value = '';\r\n    this.showUpload = this.files.find((x) => x.state === 'ready') != null;\r\n    this.removeClick.emit({ file: file, index: index });\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  uploadClick() {\r\n    if (this.disabled) return;\r\n    this.file.nativeElement.click();\r\n  }\r\n\r\n  uploading() {\r\n    if (!this.action) return;\r\n    let readyFiles = this.files.filter((x) => x.state === 'ready');\r\n    readyFiles.forEach((x) => {\r\n      this.uploadFile(x);\r\n    });\r\n  }\r\n\r\n  uploadFile(file: XUploadNode, index = -1) {\r\n    let formData = new FormData();\r\n    formData.append('file', file);\r\n    const req = new HttpRequest('POST', this.action as string, formData, {\r\n      reportProgress: true,\r\n      responseType: 'arraybuffer'\r\n    });\r\n    this.http\r\n      .request(req)\r\n      .pipe(\r\n        map((event) =>\r\n          this.getEventMessage(event, file, (body: BlobPart) => {\r\n            let blob = new Blob([body]);\r\n            let reader = new FileReader();\r\n            reader.readAsText(blob, 'utf-8');\r\n            reader.onload = () => {\r\n              file.url = JSON.parse(reader.result as string)[0];\r\n              if (index === -1) {\r\n                this.value.push(file);\r\n              } else {\r\n                this.value[index] = file;\r\n                this.files[index] = file;\r\n              }\r\n              this.cdr.detectChanges();\r\n            };\r\n          })\r\n        )\r\n      )\r\n      .subscribe(\r\n        () => {\r\n          this.showUpload = this.files.find((y) => y.state === 'ready') != null;\r\n          this.cdr.detectChanges();\r\n        },\r\n        () => {\r\n          file.state = 'error';\r\n          this.cdr.detectChanges();\r\n        }\r\n      );\r\n  }\r\n\r\n  getEventMessage(event: HttpEvent<any>, file: XUploadNode, fun: Function) {\r\n    switch (event.type) {\r\n      case HttpEventType.Sent:\r\n        file.state = 'ready';\r\n        return `开始上传文件`;\r\n      case HttpEventType.UploadProgress:\r\n        file.state = 'uploading';\r\n        if (event.total) file.percent = Math.round((100 * event.loaded) / event.total);\r\n        return `上传中`;\r\n      case HttpEventType.Response:\r\n        file.state = 'success';\r\n        fun(event.body);\r\n        return `文件上传完毕`;\r\n    }\r\n    return;\r\n  }\r\n\r\n  trackByItem(index: number, item: XUploadNode) {\r\n    return `${item.name}-${item.lastModified}`;\r\n  }\r\n\r\n  onImgCut(file: XUploadNode, index: number) {\r\n    this.portal = this.portalService.attach({\r\n      content: XUploadPortalComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        panelClass: [XUploadPortalPrefix],\r\n        hasBackdrop: true,\r\n        positionStrategy: this.portalService.setPlace('center')\r\n      }\r\n    });\r\n    this.setInstance(file, index);\r\n  }\r\n\r\n  setInstance(file: XUploadNode, index: number) {\r\n    let componentRef = this.portal?.componentRef;\r\n    if (!componentRef) return;\r\n    Object.assign(componentRef.instance, {\r\n      file: file,\r\n      closePortal: () => this.closePortal(),\r\n      destroyPortal: () => this.destroyPortal(),\r\n      surePortal: (blob: Blob) => {\r\n        const fl = new File([blob], file.name, { type: blob.type }) as XUploadNode;\r\n        fl.state = 'ready';\r\n        this.uploadFile(fl, index);\r\n      }\r\n    });\r\n    componentRef.changeDetectorRef.detectChanges();\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.portal?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  closePortal() {\r\n    if (this.portalAttached()) {\r\n      this.portal?.overlayRef?.detach();\r\n      this.cdr.detectChanges();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  destroyPortal() {\r\n    this.portal?.overlayRef?.dispose();\r\n  }\r\n\r\n  imgError(event: Event, file: XUploadNode) {\r\n    file.state = 'error';\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  imgLoad(event: Event, file: XUploadNode) {\r\n    file.state = 'success';\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\r\n          <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n            <x-icon type=\"fto-file-text\"></x-icon>\r\n            <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n          </a>\r\n          <ng-container [ngSwitch]=\"file.state\">\r\n            <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n            <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n            <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n            <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n          </ng-container>\r\n          <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad($event, file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\r\n            </ng-container>\r\n            <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n            <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XUploadComponent } from './upload.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XUploadProperty } from './upload.property';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XUploadPortalComponent } from './upload-portal.component';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],\r\n  exports: [XUploadComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    DragDropModule,\r\n    XPortalModule,\r\n    XOutletModule,\r\n    XButtonModule,\r\n    XIconModule,\r\n    XI18nModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XUploadModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}