ng-yunzai-mobile
Version:
1. 适配yunzai_uni_app_x
65 lines • 6.23 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: upload-file/yz-file-carousel/yz-file-carousel.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
export class YzFileCarouselComponent {
/**
* @param {?} dialogRef
* @param {?} data
*/
constructor(dialogRef, data) {
this.dialogRef = dialogRef;
this.data = data;
// 屏幕高度
this.carouselHeight = window.innerHeight;
// 当前展示图片索引
this.carouselIndex = 0;
// 图片集合（必须有url）
this.fileList = [];
}
/**
* @return {?}
*/
ngOnInit() {
console.log('file-carousel接收参数：');
console.log(this.data);
// 只能预览图片格式文件
this.fileList = this.data.fileList;
this.carouselIndex = this.data.index;
}
// 关闭预览
/**
* @return {?}
*/
closeFileCarousel() {
this.dialogRef.close();
}
}
YzFileCarouselComponent.decorators = [
{ type: Component, args: [{
selector: 'yz-file-carousel',
template: "<a href=\"javascript:;\" class=\"preview-close-btn\" (click)=\"closeFileCarousel()\">\r\n <Icon [type]=\"'cross-circle-o'\"></Icon>\r\n</a>\r\n\r\n<div class=\"file-carousel\">\r\n <Carousel [infinite]=\"true\"\r\n [selectedIndex]=\"carouselIndex\"\r\n >\r\n <CarouselSlide *ngFor=\"let item of fileList;\">\r\n <pinch-zoom [backgroundColor]=\"'rgba(0,0,0,0.5)'\" >\r\n <div class=\"file-carousel-item\" [ngStyle]=\"{height: carouselHeight + 'px'}\">\r\n <img [src]=\"item.url\">\r\n </div>\r\n </pinch-zoom>\r\n </CarouselSlide>\r\n </Carousel>\r\n</div>\r\n\r\n",
styles: ["::ng-deep .yz-file-carousel{position:fixed!important;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.5);max-width:unset!important}::ng-deep .yz-file-carousel .mat-dialog-container{padding:0;border-radius:0;transform:none!important}::ng-deep .yz-file-carousel .preview-close-btn{position:absolute;right:8px;top:8px;display:block;width:36px;height:36px;text-align:center;line-height:36px;z-index:10}::ng-deep .yz-file-carousel .preview-close-btn Icon{color:#f3f3f3;display:block;margin:8px 0}::ng-deep .yz-file-carousel .file-carousel-item{display:flex;justify-content:center;align-items:center;overflow:hidden}::ng-deep .yz-file-carousel .file-carousel-item img{max-width:100%;display:block}::ng-deep .yz-file-carousel .pz-zoom-button{display:none!important}"]
}] }
];
/** @nocollapse */
YzFileCarouselComponent.ctorParameters = () => [
{ type: MatDialogRef },
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
];
if (false) {
/** @type {?} */
YzFileCarouselComponent.prototype.carouselHeight;
/** @type {?} */
YzFileCarouselComponent.prototype.carouselIndex;
/** @type {?} */
YzFileCarouselComponent.prototype.fileList;
/** @type {?} */
YzFileCarouselComponent.prototype.dialogRef;
/** @type {?} */
YzFileCarouselComponent.prototype.data;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieXotZmlsZS1jYXJvdXNlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy15dW56YWktbW9iaWxlLyIsInNvdXJjZXMiOlsidXBsb2FkLWZpbGUveXotZmlsZS1jYXJvdXNlbC95ei1maWxlLWNhcm91c2VsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBQyxlQUFlLEVBQUUsWUFBWSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPdkUsTUFBTSxPQUFPLHVCQUF1Qjs7Ozs7SUFXbEMsWUFDUyxTQUFnRCxFQUN2QixJQUFTO1FBRGxDLGNBQVMsR0FBVCxTQUFTLENBQXVDO1FBQ3ZCLFNBQUksR0FBSixJQUFJLENBQUs7O1FBVjNDLG1CQUFjLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQzs7UUFHcEMsa0JBQWEsR0FBRyxDQUFDLENBQUM7O1FBR2xCLGFBQVEsR0FBZSxFQUFFLENBQUM7SUFNMUIsQ0FBQzs7OztJQUVELFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFDbEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkIsYUFBYTtRQUNiLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDbkMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN2QyxDQUFDOzs7OztJQUdELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQzs7O1lBakNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixxbkJBQWdEOzthQUVqRDs7OztZQU53QixZQUFZOzRDQW9CaEMsTUFBTSxTQUFDLGVBQWU7Ozs7SUFWekIsaURBQW9DOztJQUdwQyxnREFBa0I7O0lBR2xCLDJDQUEwQjs7SUFHeEIsNENBQXVEOztJQUN2RCx1Q0FBeUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3l6LWZpbGUtY2Fyb3VzZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi95ei1maWxlLWNhcm91c2VsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi95ei1maWxlLWNhcm91c2VsLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFl6RmlsZUNhcm91c2VsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLy8g5bGP5bmV6auY5bqmXHJcbiAgY2Fyb3VzZWxIZWlnaHQgPSB3aW5kb3cuaW5uZXJIZWlnaHQ7XHJcblxyXG4gIC8vIOW9k+WJjeWxleekuuWbvueJh+e0ouW8lVxyXG4gIGNhcm91c2VsSW5kZXggPSAwO1xyXG5cclxuICAvLyDlm77niYfpm4blkIjvvIjlv4XpobvmnIl1cmzvvIlcclxuICBmaWxlTGlzdDogQXJyYXk8YW55PiA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxZekZpbGVDYXJvdXNlbENvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueVxyXG4gICkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBjb25zb2xlLmxvZygnZmlsZS1jYXJvdXNlbOaOpeaUtuWPguaVsO+8micpO1xyXG4gICAgY29uc29sZS5sb2codGhpcy5kYXRhKTtcclxuICAgIC8vIOWPquiDvemihOiniOWbvueJh+agvOW8j+aWh+S7tlxyXG4gICAgdGhpcy5maWxlTGlzdCA9IHRoaXMuZGF0YS5maWxlTGlzdDtcclxuICAgIHRoaXMuY2Fyb3VzZWxJbmRleCA9IHRoaXMuZGF0YS5pbmRleDtcclxuICB9XHJcblxyXG4gIC8vIOWFs+mXremihOiniFxyXG4gIGNsb3NlRmlsZUNhcm91c2VsKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==