ng-yunzai-mobile
Version:
1. 适配yunzai_uni_app_x
72 lines • 6.63 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";
var YzFileCarouselComponent = /** @class */ (function () {
function YzFileCarouselComponent(dialogRef, data) {
this.dialogRef = dialogRef;
this.data = data;
// 屏幕高度
this.carouselHeight = window.innerHeight;
// 当前展示图片索引
this.carouselIndex = 0;
// 图片集合（必须有url）
this.fileList = [];
}
/**
* @return {?}
*/
YzFileCarouselComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
console.log('file-carousel接收参数：');
console.log(this.data);
// 只能预览图片格式文件
this.fileList = this.data.fileList;
this.carouselIndex = this.data.index;
};
// 关闭预览
// 关闭预览
/**
* @return {?}
*/
YzFileCarouselComponent.prototype.closeFileCarousel =
// 关闭预览
/**
* @return {?}
*/
function () {
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 = function () { return [
{ type: MatDialogRef },
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
]; };
return YzFileCarouselComponent;
}());
export { YzFileCarouselComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieXotZmlsZS1jYXJvdXNlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy15dW56YWktbW9iaWxlLyIsInNvdXJjZXMiOlsidXBsb2FkLWZpbGUveXotZmlsZS1jYXJvdXNlbC95ei1maWxlLWNhcm91c2VsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBQyxlQUFlLEVBQUUsWUFBWSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFdkU7SUFnQkUsaUNBQ1MsU0FBZ0QsRUFDdkIsSUFBUztRQURsQyxjQUFTLEdBQVQsU0FBUyxDQUF1QztRQUN2QixTQUFJLEdBQUosSUFBSSxDQUFLOztRQVYzQyxtQkFBYyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUM7O1FBR3BDLGtCQUFhLEdBQUcsQ0FBQyxDQUFDOztRQUdsQixhQUFRLEdBQWUsRUFBRSxDQUFDO0lBTTFCLENBQUM7Ozs7SUFFRCwwQ0FBUTs7O0lBQVI7UUFDRSxPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFDbEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkIsYUFBYTtRQUNiLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDbkMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN2QyxDQUFDO0lBRUQsT0FBTzs7Ozs7SUFDUCxtREFBaUI7Ozs7O0lBQWpCO1FBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDOztnQkFqQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLHFuQkFBZ0Q7O2lCQUVqRDs7OztnQkFOd0IsWUFBWTtnREFvQmhDLE1BQU0sU0FBQyxlQUFlOztJQWlCM0IsOEJBQUM7Q0FBQSxBQW5DRCxJQW1DQztTQTlCWSx1QkFBdUI7OztJQUdsQyxpREFBb0M7O0lBR3BDLGdEQUFrQjs7SUFHbEIsMkNBQTBCOztJQUd4Qiw0Q0FBdUQ7O0lBQ3ZELHVDQUF5QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWZ9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAneXotZmlsZS1jYXJvdXNlbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3l6LWZpbGUtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3l6LWZpbGUtY2Fyb3VzZWwuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgWXpGaWxlQ2Fyb3VzZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvLyDlsY/luZXpq5jluqZcclxuICBjYXJvdXNlbEhlaWdodCA9IHdpbmRvdy5pbm5lckhlaWdodDtcclxuXHJcbiAgLy8g5b2T5YmN5bGV56S65Zu+54mH57Si5byVXHJcbiAgY2Fyb3VzZWxJbmRleCA9IDA7XHJcblxyXG4gIC8vIOWbvueJh+mbhuWQiO+8iOW/hemhu+aciXVybO+8iVxyXG4gIGZpbGVMaXN0OiBBcnJheTxhbnk+ID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFl6RmlsZUNhcm91c2VsQ29tcG9uZW50PixcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55XHJcbiAgKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGNvbnNvbGUubG9nKCdmaWxlLWNhcm91c2Vs5o6l5pS25Y+C5pWw77yaJyk7XHJcbiAgICBjb25zb2xlLmxvZyh0aGlzLmRhdGEpO1xyXG4gICAgLy8g5Y+q6IO96aKE6KeI5Zu+54mH5qC85byP5paH5Lu2XHJcbiAgICB0aGlzLmZpbGVMaXN0ID0gdGhpcy5kYXRhLmZpbGVMaXN0O1xyXG4gICAgdGhpcy5jYXJvdXNlbEluZGV4ID0gdGhpcy5kYXRhLmluZGV4O1xyXG4gIH1cclxuXHJcbiAgLy8g5YWz6Zet6aKE6KeIXHJcbiAgY2xvc2VGaWxlQ2Fyb3VzZWwoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cclxuXHJcbn1cclxuIl19