UNPKG

ng-zorro-antd-mobile

Version:

An enterprise-class mobile UI components based on Ant Design and Angular

210 lines 17.4 kB
/** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ import * as tslib_1 from "tslib"; import { Component, ElementRef, TemplateRef, ViewEncapsulation } from '@angular/core'; import { Subject } from 'rxjs'; import { takeUntil } from 'rxjs/operators'; import { LocaleProviderService } from '../locale-provider/locale-provider.service'; import { ActionSheetRef } from './action-sheet-ref.class'; /** * @template T, R */ var ActionSheetComponent = /** @class */ (function (_super) { tslib_1.__extends(ActionSheetComponent, _super); function ActionSheetComponent(localeProviderService, elementRef) { var _this = _super.call(this) || this; _this.localeProviderService = localeProviderService; _this.elementRef = elementRef; _this.unsubscribe$ = new Subject(); return _this; } /** * @return {?} */ ActionSheetComponent.prototype.ngOnInit = /** * @return {?} */ function () { this.localeProvider(); }; /** * @return {?} */ ActionSheetComponent.prototype.localeProvider = /** * @return {?} */ function () { /** @type {?} */ var self = this; if (self.option.locale || self.option.locale !== undefined) { self.localeProviderService.setLocale(self.option.locale); } self.localeProviderService.localeChange.pipe(takeUntil(self.unsubscribe$)).subscribe((/** * @param {?} _ * @return {?} */ function (_) { if (self.option.cancelButtonText) { self.option.cancelButtonText = self.localeProviderService.getLocaleSubObj('ActionSheet')['dismissText']; } })); }; /** * @param {?} index * @param {?=} rowIndex * @param {?=} event * @return {?} */ ActionSheetComponent.prototype.onPress = /** * @param {?} index * @param {?=} rowIndex * @param {?=} event * @return {?} */ function (index, rowIndex, event) { if (rowIndex === void 0) { rowIndex = 0; } }; /** * @param {?} option * @return {?} */ ActionSheetComponent.prototype.showShare = /** * @param {?} option * @return {?} */ function (option) { var _a; /** @type {?} */ var cls = (_a = {}, _a[option.prefixCls + "-share"] = option.flag === 'SHARE', _a); return cls; }; /** * @param {?} option * @param {?} suffix * @return {?} */ ActionSheetComponent.prototype.setActiveClassName = /** * @param {?} option * @param {?} suffix * @return {?} */ function (option, suffix) { return [option.prefixCls + "-" + suffix + "-active"]; }; /** * @param {?} value * @return {?} */ ActionSheetComponent.prototype.isNoTitle = /** * @param {?} value * @return {?} */ function (value) { return value === '' || value === null || value === undefined; }; /** * @param {?} value * @return {?} */ ActionSheetComponent.prototype.isTemplateRef = /** * @param {?} value * @return {?} */ function (value) { return value instanceof TemplateRef; }; /** * @param {?} options * @param {?} value * @return {?} */ ActionSheetComponent.prototype.isArray = /** * @param {?} options * @param {?} value * @return {?} */ function (options, value) { if (options.length > 0 && value) { return value instanceof Array; } return false; }; /** * @return {?} */ ActionSheetComponent.prototype.getInstance = /** * @return {?} */ function () { return this; }; /** * @return {?} */ ActionSheetComponent.prototype.getElement = /** * @return {?} */ function () { return this.elementRef && this.elementRef.nativeElement; }; /** * @return {?} */ ActionSheetComponent.prototype.close = /** * @return {?} */ function () { if (this.option.close) { this.option.close(); } }; /** * @return {?} */ ActionSheetComponent.prototype.destroy = /** * @return {?} */ function () { this.close(); }; /** * @return {?} */ ActionSheetComponent.prototype.ngOnDestroy = /** * @return {?} */ function () { this.unsubscribe$.next(); this.unsubscribe$.complete(); }; ActionSheetComponent.decorators = [ { type: Component, args: [{ selector: 'ActionSheet', template: "<div class=\"{{ option.prefixCls }}-mask {{ option.maskTransitionName }}\"></div>\n<div\n role=\"dialog\"\n class=\"{{ option.prefixCls }}-wrap {{ option.transitionName }}\"\n (click)=\"option.maskClose(-1, 0, $event)\"\n>\n <div role=\"document\" class=\"{{ option.prefixCls }}\" [ngClass]=\"showShare(option)\">\n <div class=\"{{ option.prefixCls }}-content\">\n <button aria-label=\"Close\" class=\"{{ option.prefixCls }}-close\">\n <span class=\"{{ option.prefixCls }}-close-x\"></span>\n </button>\n <div class=\"{{ option.prefixCls }}-body\">\n <div>\n <ng-container *ngIf=\"!isNoTitle(option.title)\">\n <ng-template *ngIf=\"isTemplateRef(option.title)\" [ngTemplateOutlet]=\"option.title\"></ng-template>\n <h3 *ngIf=\"!isTemplateRef(option.title)\" class=\"{{ option.prefixCls }}-title\">{{ option.title }}</h3>\n </ng-container>\n <ng-container *ngIf=\"!isNoTitle(option.message)\">\n <ng-template *ngIf=\"isTemplateRef(option.message)\" [ngTemplateOutlet]=\"option.message\"></ng-template>\n <div *ngIf=\"!isTemplateRef(option.message)\" class=\"{{ option.prefixCls }}-message\">\n {{ option.message }}\n </div>\n </ng-container>\n <ng-container [ngSwitch]=\"option.flag\">\n <div *ngSwitchCase=\"'NORMAL'\" class=\"{{ option.prefixCls }}-button-list\" role=\"group\">\n <ng-container *ngFor=\"let item of option.options; let i = index\">\n <div\n TouchFeedbackDirective\n class=\"{{ option.prefixCls }}-button-list-item\"\n [className]=\"setActiveClassName(option, 'button-list-item')\"\n >\n <div\n *ngIf=\"option.destructiveButtonIndex !== i && option.cancelButtonIndex !== i\"\n class=\"{{ option.prefixCls }}-button-list-item\"\n (click)=\"option.onPress(i, 0, $event)\"\n >\n {{ item }}\n </div>\n <div\n *ngIf=\"option.destructiveButtonIndex === i\"\n class=\"{{ option.prefixCls }}-button-list-item {{ option.prefixCls }}-destructive-button\"\n (click)=\"option.onPress(i, 0, $event)\"\n >\n {{ item }}\n </div>\n <div\n *ngIf=\"option.cancelButtonIndex === i\"\n class=\"{{ option.prefixCls }}-button-list-item {{ option.prefixCls }}-cancel-button\"\n (click)=\"option.onPress(i, 0, $event)\"\n >\n {{ item }}\n <span class=\"{{ option.prefixCls }}-cancel-button-mask\"></span>\n </div>\n </div>\n </ng-container>\n </div>\n <div *ngSwitchCase=\"'SHARE'\" class=\"{{ option.prefixCls }}-share {{ option.prefixCls }}-share-content\">\n <div *ngIf=\"!isArray(option.options, option.options[0])\" class=\"{{ option.prefixCls }}-share-list\">\n <ng-container *ngFor=\"let item of option.options; let i = index\">\n <div class=\"{{ option.prefixCls }}-share-list-item\" (click)=\"option.onPress(i, 0, $event)\">\n <div class=\"{{ option.prefixCls }}-share-list-item-icon\">\n <ng-template *ngIf=\"isTemplateRef(item.icon)\" [ngTemplateOutlet]=\"item.icon\"></ng-template>\n <div *ngIf=\"!isTemplateRef(item.icon)\" [innerHTML]=\"item.icon | safeHTML\"></div>\n </div>\n <div class=\"{{ option.prefixCls }}-share-list-item-title\">{{ item.title }}</div>\n </div>\n </ng-container>\n </div>\n <ng-container *ngIf=\"isArray(option.options, option.options[0])\">\n <div\n *ngFor=\"let items of option.options; let rowIndex = index\"\n class=\"{{ option.prefixCls }}-share-list\"\n >\n <ng-container *ngFor=\"let item of items; let i = index\">\n <div class=\"{{ option.prefixCls }}-share-list-item\" (click)=\"option.onPress(i, rowIndex, $event)\">\n <div class=\"{{ option.prefixCls }}-share-list-item-icon\">\n <ng-template *ngIf=\"isTemplateRef(item.icon)\" [ngTemplateOutlet]=\"item.icon\"></ng-template>\n <div *ngIf=\"!isTemplateRef(item.icon)\" [innerHTML]=\"item.icon | safeHTML\"></div>\n </div>\n <div class=\"{{ option.prefixCls }}-share-list-item-title\">{{ item.title }}</div>\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div\n TouchFeedbackDirective\n [className]=\"setActiveClassName(option, 'share-cancel-button')\"\n class=\"{{ option.prefixCls }}-share-cancel-button\"\n >\n {{ option.cancelButtonText }}\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>\n", encapsulation: ViewEncapsulation.None }] } ]; /** @nocollapse */ ActionSheetComponent.ctorParameters = function () { return [ { type: LocaleProviderService }, { type: ElementRef } ]; }; return ActionSheetComponent; }(ActionSheetRef)); export { ActionSheetComponent }; if (false) { /** @type {?} */ ActionSheetComponent.prototype.unsubscribe$; /** @type {?} */ ActionSheetComponent.prototype.option; /** * @type {?} * @private */ ActionSheetComponent.prototype.localeProviderService; /** @type {?} */ ActionSheetComponent.prototype.elementRef; } //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXpvcnJvLWFudGQtbW9iaWxlLyIsInNvdXJjZXMiOlsiYWN0aW9uLXNoZWV0L2FjdGlvbi1zaGVldC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQVUsU0FBUyxFQUFhLFVBQVUsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLE9BQU8sRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbkYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBQzFEO0lBSzRELGdEQUFvQjtJQUc5RSw4QkFBb0IscUJBQTRDLEVBQVMsVUFBc0I7UUFBL0YsWUFDRSxpQkFBTyxTQUNSO1FBRm1CLDJCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFBUyxnQkFBVSxHQUFWLFVBQVUsQ0FBWTtRQUYvRixrQkFBWSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7O0lBSW5DLENBQUM7Ozs7SUFFRCx1Q0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7OztJQUVELDZDQUFjOzs7SUFBZDs7WUFDUSxJQUFJLEdBQUcsSUFBSTtRQUNqQixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxLQUFLLFNBQVMsRUFBRTtZQUMxRCxJQUFJLENBQUMscUJBQXFCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDMUQ7UUFDRCxJQUFJLENBQUMscUJBQXFCLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsU0FBUzs7OztRQUFDLFVBQUEsQ0FBQztZQUNwRixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ2hDLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQzthQUN6RztRQUNILENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7Ozs7OztJQUVELHNDQUFPOzs7Ozs7SUFBUCxVQUFRLEtBQVUsRUFBRSxRQUFZLEVBQUUsS0FBSztRQUFuQix5QkFBQSxFQUFBLFlBQVk7SUFBVSxDQUFDOzs7OztJQUMzQyx3Q0FBUzs7OztJQUFULFVBQVUsTUFBTTs7O1lBQ1IsR0FBRyxhQUFLLEdBQUksTUFBTSxDQUFDLFNBQVMsV0FBUSxJQUFHLE1BQU0sQ0FBQyxJQUFJLEtBQUssT0FBTyxLQUFFO1FBQ3RFLE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQzs7Ozs7O0lBRUQsaURBQWtCOzs7OztJQUFsQixVQUFtQixNQUFNLEVBQUUsTUFBTTtRQUMvQixPQUFPLENBQUksTUFBTSxDQUFDLFNBQVMsU0FBSSxNQUFNLFlBQVMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7Ozs7O0lBRUQsd0NBQVM7Ozs7SUFBVCxVQUFVLEtBQWdDO1FBQ3hDLE9BQU8sS0FBSyxLQUFLLEVBQUUsSUFBSSxLQUFLLEtBQUssSUFBSSxJQUFJLEtBQUssS0FBSyxTQUFTLENBQUM7SUFDL0QsQ0FBQzs7Ozs7SUFFRCw0Q0FBYTs7OztJQUFiLFVBQWMsS0FBSztRQUNqQixPQUFPLEtBQUssWUFBWSxXQUFXLENBQUM7SUFDdEMsQ0FBQzs7Ozs7O0lBRUQsc0NBQU87Ozs7O0lBQVAsVUFBUSxPQUFZLEVBQUUsS0FBVTtRQUM5QixJQUFJLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLEtBQUssRUFBRTtZQUMvQixPQUFPLEtBQUssWUFBWSxLQUFLLENBQUM7U0FDL0I7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7Ozs7SUFFRCwwQ0FBVzs7O0lBQVg7UUFDRSxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7Ozs7SUFFRCx5Q0FBVTs7O0lBQVY7UUFDRSxPQUFPLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDMUQsQ0FBQzs7OztJQUVELG9DQUFLOzs7SUFBTDtRQUNFLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUU7WUFDckIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNyQjtJQUNILENBQUM7Ozs7SUFFRCxzQ0FBTzs7O0lBQVA7UUFDRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDOzs7O0lBRUQsMENBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQy9CLENBQUM7O2dCQTFFRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLHl1S0FBNEM7b0JBQzVDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs7OztnQkFOUSxxQkFBcUI7Z0JBSFMsVUFBVTs7SUFnRmpELDJCQUFDO0NBQUEsQUEzRUQsQ0FLNEQsY0FBYyxHQXNFekU7U0F0RVksb0JBQW9COzs7SUFDL0IsNENBQW1DOztJQUNuQyxzQ0FBWTs7Ozs7SUFDQSxxREFBb0Q7O0lBQUUsMENBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25Jbml0LCBDb21wb25lbnQsIE9uRGVzdHJveSwgRWxlbWVudFJlZiwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBMb2NhbGVQcm92aWRlclNlcnZpY2UgfSBmcm9tICcuLi9sb2NhbGUtcHJvdmlkZXIvbG9jYWxlLXByb3ZpZGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgQWN0aW9uU2hlZXRSZWYgfSBmcm9tICcuL2FjdGlvbi1zaGVldC1yZWYuY2xhc3MnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnQWN0aW9uU2hlZXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLXNoZWV0LmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25TaGVldENvbXBvbmVudDxUID0gYW55LCBSID0gYW55PiBleHRlbmRzIEFjdGlvblNoZWV0UmVmPFQsIFI+IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICB1bnN1YnNjcmliZSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICBvcHRpb246IGFueTtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2NhbGVQcm92aWRlclNlcnZpY2U6IExvY2FsZVByb3ZpZGVyU2VydmljZSwgcHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5sb2NhbGVQcm92aWRlcigpO1xuICB9XG5cbiAgbG9jYWxlUHJvdmlkZXIoKSB7XG4gICAgY29uc3Qgc2VsZiA9IHRoaXM7XG4gICAgaWYgKHNlbGYub3B0aW9uLmxvY2FsZSB8fCBzZWxmLm9wdGlvbi5sb2NhbGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgc2VsZi5sb2NhbGVQcm92aWRlclNlcnZpY2Uuc2V0TG9jYWxlKHNlbGYub3B0aW9uLmxvY2FsZSk7XG4gICAgfVxuICAgIHNlbGYubG9jYWxlUHJvdmlkZXJTZXJ2aWNlLmxvY2FsZUNoYW5nZS5waXBlKHRha2VVbnRpbChzZWxmLnVuc3Vic2NyaWJlJCkpLnN1YnNjcmliZShfID0+IHtcbiAgICAgIGlmIChzZWxmLm9wdGlvbi5jYW5jZWxCdXR0b25UZXh0KSB7XG4gICAgICAgIHNlbGYub3B0aW9uLmNhbmNlbEJ1dHRvblRleHQgPSBzZWxmLmxvY2FsZVByb3ZpZGVyU2VydmljZS5nZXRMb2NhbGVTdWJPYmooJ0FjdGlvblNoZWV0JylbJ2Rpc21pc3NUZXh0J107XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBvblByZXNzKGluZGV4OiBhbnksIHJvd0luZGV4ID0gMCwgZXZlbnQpIHt9XG4gIHNob3dTaGFyZShvcHRpb24pIHtcbiAgICBjb25zdCBjbHMgPSB7IFtgJHtvcHRpb24ucHJlZml4Q2xzfS1zaGFyZWBdOiBvcHRpb24uZmxhZyA9PT0gJ1NIQVJFJyB9O1xuICAgIHJldHVybiBjbHM7XG4gIH1cblxuICBzZXRBY3RpdmVDbGFzc05hbWUob3B0aW9uLCBzdWZmaXgpIHtcbiAgICByZXR1cm4gW2Ake29wdGlvbi5wcmVmaXhDbHN9LSR7c3VmZml4fS1hY3RpdmVgXTtcbiAgfVxuXG4gIGlzTm9UaXRsZSh2YWx1ZTogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55Pikge1xuICAgIHJldHVybiB2YWx1ZSA9PT0gJycgfHwgdmFsdWUgPT09IG51bGwgfHwgdmFsdWUgPT09IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGlzVGVtcGxhdGVSZWYodmFsdWUpIHtcbiAgICByZXR1cm4gdmFsdWUgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZjtcbiAgfVxuXG4gIGlzQXJyYXkob3B0aW9uczogYW55LCB2YWx1ZTogYW55KSB7XG4gICAgaWYgKG9wdGlvbnMubGVuZ3RoID4gMCAmJiB2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbHVlIGluc3RhbmNlb2YgQXJyYXk7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIGdldEluc3RhbmNlKCk6IEFjdGlvblNoZWV0Q29tcG9uZW50IHtcbiAgICByZXR1cm4gdGhpcztcbiAgfVxuXG4gIGdldEVsZW1lbnQoKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYgJiYgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBjbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5vcHRpb24uY2xvc2UpIHtcbiAgICAgIHRoaXMub3B0aW9uLmNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgZGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnVuc3Vic2NyaWJlJC5uZXh0KCk7XG4gICAgdGhpcy51bnN1YnNjcmliZSQuY29tcGxldGUoKTtcbiAgfVxufVxuIl19