@ohayojp.com/components
Version:
Common business components of ohayojp.
252 lines (243 loc) • 9.96 kB
JavaScript
/**
* @license ohayojp(cipchk@qq.com) v1.0.0
* (c) 2020 cipchk https://ohayojp.com/
* License: MIT
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@ohayojp.com/util'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/spin')) :
typeof define === 'function' && define.amd ? define('@ohayojp.com/components/loading', ['exports', '@angular/core', '@angular/cdk/overlay', '@angular/cdk/portal', '@ohayojp.com/util', 'rxjs', 'rxjs/operators', '@angular/common', 'ng-zorro-antd/icon', 'ng-zorro-antd/spin'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ohayo = global.ohayo || {}, global.ohayo.components = global.ohayo.components || {}, global.ohayo.components.loading = {}), global.ng.core, global.ng.cdk.overlay, global.ng.cdk.portal, global.ohayo.util, global.rxjs, global.rxjs.operators, global.ng.common, global['ng-zorro-antd/icon'], global['ng-zorro-antd/spin']));
}(this, (function (exports, i0, i1, portal, i2, rxjs, operators, common, icon, spin) {
'use strict';
/**
* @fileoverview added by tsickle
* Generated from: loading.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var LoadingDefaultComponent = /** @class */ (function () {
function LoadingDefaultComponent() {
}
Object.defineProperty(LoadingDefaultComponent.prototype, "icon", {
/**
* @return {?}
*/
get: function () {
return ( /** @type {?} */(this.options.icon));
},
enumerable: false,
configurable: true
});
Object.defineProperty(LoadingDefaultComponent.prototype, "custom", {
/**
* @return {?}
*/
get: function () {
return ( /** @type {?} */(this.options.custom));
},
enumerable: false,
configurable: true
});
return LoadingDefaultComponent;
}());
LoadingDefaultComponent.decorators = [
{
type: i0.Component, args: [{
selector: 'loading-default',
template: "<div class=\"loading-default__icon\" *ngIf=\"options.type !== 'text'\">\n <ng-container [ngSwitch]=\"options.type\">\n <nz-spin *ngSwitchCase=\"'spin'\" nzSimple></nz-spin>\n <i *ngSwitchCase=\"'icon'\" nz-icon [nzType]=\"icon.type\" [nzTheme]=\"icon.theme\" [nzSpin]=\"icon.spin\"></i>\n <div *ngSwitchDefault class=\"loading-default__custom\" [ngStyle]=\"custom.style\" [innerHTML]=\"custom.html\"></div>\n </ng-container>\n</div>\n<div *ngIf=\"options.text\" class=\"loading-default__text\">{{ options.text }}</div>\n",
host: {
'[class.loading-default]': 'true',
},
preserveWhitespaces: false,
changeDetection: i0.ChangeDetectionStrategy.OnPush,
encapsulation: i0.ViewEncapsulation.None
}]
}
];
if (false) {
/** @type {?} */
LoadingDefaultComponent.prototype.options;
}
/**
* @fileoverview added by tsickle
* Generated from: loading.service.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var LoadingService = /** @class */ (function () {
/**
* @param {?} overlay
* @param {?} configSrv
*/
function LoadingService(overlay, configSrv) {
var _this = this;
this.overlay = overlay;
this.compRef = null;
this.opt = null;
this.n$ = new rxjs.Subject();
this.cog = ( /** @type {?} */(configSrv.merge('loading', {
type: 'spin',
text: '加载中...',
icon: {
type: 'loading',
theme: 'outline',
spin: true,
},
delay: 0,
})));
this.loading$ = this.n$
.asObservable()
.pipe(operators.debounce(( /**
* @return {?}
*/function () { return rxjs.timer(( /** @type {?} */(_this.opt)).delay); })))
.subscribe(( /**
* @return {?}
*/function () { return _this.create(); }));
}
Object.defineProperty(LoadingService.prototype, "instance", {
/**
* @return {?}
*/
get: function () {
return this.compRef != null ? this.compRef.instance : null;
},
enumerable: false,
configurable: true
});
/**
* @private
* @return {?}
*/
LoadingService.prototype.create = function () {
if (this.opt == null)
return;
this._close(false);
this._overlayRef = this.overlay.create({
positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),
scrollStrategy: this.overlay.scrollStrategies.block(),
hasBackdrop: true,
backdropClass: 'loading-backdrop',
});
this.compRef = this._overlayRef.attach(new portal.ComponentPortal(LoadingDefaultComponent));
Object.assign(this.instance, { options: this.opt });
this.compRef.changeDetectorRef.markForCheck();
};
/**
* @param {?=} options
* @return {?}
*/
LoadingService.prototype.open = function (options) {
this.opt = Object.assign(Object.assign({}, this.cog), options);
this.n$.next();
};
/**
* @private
* @param {?} cleanOpt
* @return {?}
*/
LoadingService.prototype._close = function (cleanOpt) {
if (cleanOpt)
this.opt = null;
if (!this._overlayRef)
return;
this._overlayRef.detach();
this.compRef = null;
};
/**
* @return {?}
*/
LoadingService.prototype.close = function () {
this._close(true);
};
/**
* @return {?}
*/
LoadingService.prototype.ngOnDestroy = function () {
this.loading$.unsubscribe();
};
return LoadingService;
}());
LoadingService.decorators = [
{ type: i0.Injectable, args: [{ providedIn: 'root' },] }
];
/** @nocollapse */
LoadingService.ctorParameters = function () {
return [
{ type: i1.Overlay },
{ type: i2.OhayoConfigService }
];
};
/** @nocollapse */ LoadingService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoadingService_Factory() { return new LoadingService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i2.OhayoConfigService)); }, token: LoadingService, providedIn: "root" });
if (false) {
/**
* @type {?}
* @private
*/
LoadingService.prototype._overlayRef;
/**
* @type {?}
* @private
*/
LoadingService.prototype.compRef;
/**
* @type {?}
* @private
*/
LoadingService.prototype.opt;
/**
* @type {?}
* @private
*/
LoadingService.prototype.cog;
/**
* @type {?}
* @private
*/
LoadingService.prototype.n$;
/**
* @type {?}
* @private
*/
LoadingService.prototype.loading$;
/**
* @type {?}
* @private
*/
LoadingService.prototype.overlay;
}
/**
* @fileoverview added by tsickle
* Generated from: loading.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
var COMPONENTS = [LoadingDefaultComponent];
var LoadingModule = /** @class */ (function () {
function LoadingModule() {
}
return LoadingModule;
}());
LoadingModule.decorators = [
{
type: i0.NgModule, args: [{
imports: [common.CommonModule, i1.OverlayModule, portal.PortalModule, icon.NzIconModule, spin.NzSpinModule],
declarations: COMPONENTS,
entryComponents: COMPONENTS,
exports: COMPONENTS,
},]
}
];
/**
* @fileoverview added by tsickle
* Generated from: public_api.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: loading.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
exports.LoadingDefaultComponent = LoadingDefaultComponent;
exports.LoadingModule = LoadingModule;
exports.LoadingService = LoadingService;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=loading.umd.js.map