dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
78 lines • 7.69 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding } from '@angular/core';
import { MatIconRegistry } from '@angular/material/icon';
import { DomSanitizer } from '@angular/platform-browser';
import { IndexService } from './index.service';
var IndexComponent = /** @class */ (function () {
function IndexComponent(svr, iconRegistry, sanitizer) {
this.svr = svr;
this.iconRegistry = iconRegistry;
this.sanitizer = sanitizer;
// class前加c-，防止重名
this.hostClass = true;
this.svr.init();
/** @type {?} */
var icons = ['arrow_expand'];
icons.forEach((/**
* @param {?} v
* @return {?}
*/
function (v) {
iconRegistry.addSvgIcon(v, sanitizer.bypassSecurityTrustResourceUrl('assets/index/icon/' + v + '.svg'));
}));
}
/**
* @return {?}
*/
IndexComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/**
* @return {?}
*/
IndexComponent.prototype.test = /**
* @return {?}
*/
function () {
console.log(this.svr.userSetting.Layout);
};
IndexComponent.decorators = [
{ type: Component, args: [{
selector: 'common-index',
template: "<div class=\"index-main\" *ngIf=\"svr.inited\">\r\n\t<div class=\"main-wrapper\" [ngClass]=\"'layout-'+svr.userSetting.Layout\">\r\n\t\t<!-- \u25BD 1. \u7B2C\u4E00\u884C\u9ED8\u8BA4\u884C welcome && banner \u25BD -->\r\n\t\t<div class=\"list-1 default-row\">\r\n\t\t\t<common-welcome></common-welcome>\r\n\t\t</div>\r\n\t\t<div class=\"list-2 default-row\">\r\n\t\t\t<common-banner></common-banner>\r\n\t\t</div>\r\n\t\t<!-- \u25BD 2. \u81EA\u5B9A\u4E49\u5E03\u5C40\u90E8\u5206 \u25BD -->\r\n\t\t<ng-container *ngFor=\"let card of svr.userSetting.Cards\"\r\n\t\t\t[ngSwitch]=\"card.Type\">\r\n\t\t\t<div class=\"defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'navigation'\">\r\n\t\t\t\t<common-navigation></common-navigation>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-1 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'calendar'\">\r\n\t\t\t\t<common-calendar></common-calendar>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-1 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'notice'\">\r\n\t\t\t\t<common-notice></common-notice>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-2 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : 'list-2-2'\"\r\n\t\t\t\t*ngSwitchCase=\"'datalist'\">\r\n\t\t\t\t<common-data-list></common-data-list>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-1 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'chart'\">\r\n\t\t\t\t<common-chart></common-chart>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n</div>",
styles: ["@media (max-width:767px){.list-1,.list-2,.list-3{width:calc(100% - 8px)}}@media (max-width:1199px) and (min-width:768px){.list-1,.list-2{width:calc((100% - 16px)/ 2)}.list-2-2,.list-3{width:calc(100% - 8px)}}@media (min-width:1200px){.list-1{width:calc((100% - 24px)/ 3)}.list-2{width:calc((100% - 24px)/ 3 * 2 + 8px)}.list-3{width:calc(100% - 8px)}}.index-main{width:100%;height:calc(100vh - 30px);box-sizing:border-box;padding:24px 16px 0 24px;overflow:auto}.main-wrapper{display:flex;flex-wrap:wrap;min-width:280px;box-sizing:border-box;margin:0 auto}.list-1,.list-2,.list-3{box-sizing:border-box;padding:0 4px 4px;margin-bottom:16px;margin-right:8px}.default-row{height:240px}.defined-row{height:280px}.index-box{width:100%;height:100%}.layout-auto{width:100%}.layout-simple{max-width:960px!important}"]
}] }
];
/** @nocollapse */
IndexComponent.ctorParameters = function () { return [
{ type: IndexService },
{ type: MatIconRegistry },
{ type: DomSanitizer }
]; };
IndexComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index',] }]
};
return IndexComponent;
}());
export { IndexComponent };
if (false) {
/** @type {?} */
IndexComponent.prototype.hostClass;
/** @type {?} */
IndexComponent.prototype.svr;
/**
* @type {?}
* @private
*/
IndexComponent.prototype.iconRegistry;
/**
* @type {?}
* @private
*/
IndexComponent.prototype.sanitizer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL2luZGV4L2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0M7SUFTQyx3QkFBbUIsR0FBaUIsRUFBVSxZQUE2QixFQUFVLFNBQXVCO1FBQXpGLFFBQUcsR0FBSCxHQUFHLENBQWM7UUFBVSxpQkFBWSxHQUFaLFlBQVksQ0FBaUI7UUFBVSxjQUFTLEdBQVQsU0FBUyxDQUFjOztRQUY5RSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRzlDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7O1lBQ1YsS0FBSyxHQUFHLENBQUMsY0FBYyxDQUFDO1FBQzlCLEtBQUssQ0FBQyxPQUFPOzs7O1FBQUMsVUFBQSxDQUFDO1lBQ2QsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLDhCQUE4QixDQUFDLG9CQUFvQixHQUFHLENBQUMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDO1FBQ3pHLENBQUMsRUFBQyxDQUFDO0lBQ0osQ0FBQzs7OztJQUNELGlDQUFROzs7SUFBUixjQUFZLENBQUM7Ozs7SUFFYiw2QkFBSTs7O0lBQUo7UUFDQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7O2dCQXBCRCxTQUFTLFNBQUM7b0JBQ1YsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLDJ5REFBcUM7O2lCQUVyQzs7OztnQkFOUSxZQUFZO2dCQUZaLGVBQWU7Z0JBQ2YsWUFBWTs7OzRCQVVuQixXQUFXLFNBQUMsZUFBZTs7SUFjN0IscUJBQUM7Q0FBQSxBQXJCRCxJQXFCQztTQWhCWSxjQUFjOzs7SUFFMUIsbUNBQStDOztJQUVuQyw2QkFBd0I7Ozs7O0lBQUUsc0NBQXFDOzs7OztJQUFFLG1DQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRJY29uUmVnaXN0cnkgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcbmltcG9ydCB7IEluZGV4U2VydmljZSB9IGZyb20gJy4vaW5kZXguc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi1pbmRleCcsXHJcblx0dGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbmRleENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblx0Ly8gY2xhc3PliY3liqBjLe+8jOmYsuatoumHjeWQjVxyXG5cdEBIb3N0QmluZGluZygnY2xhc3MuYy1pbmRleCcpIGhvc3RDbGFzcyA9IHRydWU7XHJcblxyXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyBzdnI6IEluZGV4U2VydmljZSwgcHJpdmF0ZSBpY29uUmVnaXN0cnk6IE1hdEljb25SZWdpc3RyeSwgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xyXG5cdFx0dGhpcy5zdnIuaW5pdCgpO1xyXG5cdFx0Y29uc3QgaWNvbnMgPSBbJ2Fycm93X2V4cGFuZCddO1xyXG5cdFx0aWNvbnMuZm9yRWFjaCh2ID0+IHtcclxuXHRcdFx0aWNvblJlZ2lzdHJ5LmFkZFN2Z0ljb24odiwgc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybCgnYXNzZXRzL2luZGV4L2ljb24vJyArIHYgKyAnLnN2ZycpKTtcclxuXHRcdH0pO1xyXG5cdH1cclxuXHRuZ09uSW5pdCgpIHt9XHJcblxyXG5cdHRlc3QoKSB7XHJcblx0XHRjb25zb2xlLmxvZyh0aGlzLnN2ci51c2VyU2V0dGluZy5MYXlvdXQpO1xyXG5cdH1cclxufVxyXG4iXX0=