ngx-pluto/esm2015/lib/panel/panel.component.js

ngx-pluto组件库

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, ViewEncapsulation, Input, ContentChild } from "@angular/core";
import { NpPanelFooterDirective } from "./panel-footer.directive";
import { NpPanelHeaderDirective } from "./panel-header.directive";
import { NpPanelBodyDirective } from "./panel-body.directive";
/**
 * panel组件
 *
 * <example-url>https://stackblitz.com/edit/angular-hmkf7x?embed=1&file=src/app/app.component.html</example-url>
 */
export class NpPanel {
    constructor() {
        /**
         * 面板主标题
         */
        this.title = '';
        /**
         * 面板副标题 - 常用于对主标题的解释描述等，在主标题右侧展示。
         */
        this.subTitle = '';
        /**
         * 面板背景色
         */
        this.bgColor = '#fff';
        /**
         * 面板圆角
         */
        this.panelRadius = 5; // unit: px
    }
    /**
     * @return {?}
     */
    ngOnInit() {
    }
}
NpPanel.decorators = [
    { type: Component, args: [{
                selector: `np-panel`,
                template: "<div class=\"panel-header\" *ngIf=\"title || npPanelHeader\" [style.margin-top]=\"title ? '-15px' : ''\"\r\n  [ngClass]=\"{'np-title': title}\">\r\n  <ng-container *ngIf=\"title\">\r\n    <np-title [text]=\"title\" [description]=\"subTitle\" [vBar]=\"false\" [bold]=\"true\"></np-title>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!title\">\r\n    <ng-content select=\"np-panel-header\"></ng-content>\r\n  </ng-container>\r\n</div>\r\n<ng-container *ngIf=\"npPanelBody\">\r\n  <ng-content select=\"np-panel-body\"></ng-content>\r\n</ng-container>\r\n<ng-container *ngIf=\"npPanelFooter\">\r\n  <ng-content select=\"np-panel-footer\"></ng-content>\r\n</ng-container>\r\n",
                host: {
                    'class': 'np-panel-wrapper flex-wrap col-flex',
                    // '[style.background-color]': 'bgColor',
                    '[style.border-radius.px]': 'panelRadius'
                },
                encapsulation: ViewEncapsulation.None,
                styles: [".np-panel-wrapper{padding:15px}.np-panel-wrapper .panel-header{display:block;flex:1 1 0}.np-panel-wrapper .panel-body{display:block;flex:10 1 0}.np-panel-wrapper .panel-footer{display:block;flex:1 1 0}.np-panel-wrapper .np-title .np-title-wrapper{width:100%}"]
            }] }
];
/** @nocollapse */
NpPanel.ctorParameters = () => [];
NpPanel.propDecorators = {
    title: [{ type: Input }],
    subTitle: [{ type: Input }],
    bgColor: [{ type: Input }],
    panelRadius: [{ type: Input }],
    npPanelHeader: [{ type: ContentChild, args: [NpPanelHeaderDirective,] }],
    npPanelBody: [{ type: ContentChild, args: [NpPanelBodyDirective,] }],
    npPanelFooter: [{ type: ContentChild, args: [NpPanelFooterDirective,] }]
};
if (false) {
    /**
     * 面板主标题
     * @type {?}
     */
    NpPanel.prototype.title;
    /**
     * 面板副标题 - 常用于对主标题的解释描述等，在主标题右侧展示。
     * @type {?}
     */
    NpPanel.prototype.subTitle;
    /**
     * 面板背景色
     * @type {?}
     */
    NpPanel.prototype.bgColor;
    /**
     * 面板圆角
     * @type {?}
     */
    NpPanel.prototype.panelRadius;
    /** @type {?} */
    NpPanel.prototype.npPanelHeader;
    /** @type {?} */
    NpPanel.prototype.npPanelBody;
    /** @type {?} */
    NpPanel.prototype.npPanelFooter;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXBsdXRvLyIsInNvdXJjZXMiOlsibGliL3BhbmVsL3BhbmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBcUIsS0FBSyxFQUF1RCxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUosT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztBQW1COUQsTUFBTSxPQUFPLE9BQU87SUFzQmxCOzs7O1FBbEJTLFVBQUssR0FBVyxFQUFFLENBQUM7Ozs7UUFJbkIsYUFBUSxHQUFXLEVBQUUsQ0FBQzs7OztRQUl0QixZQUFPLEdBQVcsTUFBTSxDQUFDOzs7O1FBSXpCLGdCQUFXLEdBQVcsQ0FBQyxDQUFDLENBQUUsV0FBVztJQU05QixDQUFDOzs7O0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFyQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQiw2cUJBQXlCO2dCQUV6QixJQUFJLEVBQUU7b0JBQ0osT0FBTyxFQUFFLHFDQUFxQzs7b0JBRTlDLDBCQUEwQixFQUFFLGFBQWE7aUJBQzFDO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJOzthQUN0Qzs7Ozs7b0JBTUUsS0FBSzt1QkFJTCxLQUFLO3NCQUlMLEtBQUs7MEJBSUwsS0FBSzs0QkFFTCxZQUFZLFNBQUMsc0JBQXNCOzBCQUNuQyxZQUFZLFNBQUMsb0JBQW9COzRCQUNqQyxZQUFZLFNBQUMsc0JBQXNCOzs7Ozs7O0lBaEJwQyx3QkFBNEI7Ozs7O0lBSTVCLDJCQUErQjs7Ozs7SUFJL0IsMEJBQWtDOzs7OztJQUlsQyw4QkFBaUM7O0lBRWpDLGdDQUE0RTs7SUFDNUUsOEJBQXNFOztJQUN0RSxnQ0FBNEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBPbkluaXQsIE9uQ2hhbmdlcywgSW5wdXQsIFNpbXBsZUNoYW5nZXMsIFRlbXBsYXRlUmVmLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29udGVudENoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTnBQYW5lbEZvb3RlckRpcmVjdGl2ZSB9IGZyb20gXCIuL3BhbmVsLWZvb3Rlci5kaXJlY3RpdmVcIjtcclxuaW1wb3J0IHsgTnBQYW5lbEhlYWRlckRpcmVjdGl2ZSB9IGZyb20gXCIuL3BhbmVsLWhlYWRlci5kaXJlY3RpdmVcIjtcclxuaW1wb3J0IHsgTnBQYW5lbEJvZHlEaXJlY3RpdmUgfSBmcm9tIFwiLi9wYW5lbC1ib2R5LmRpcmVjdGl2ZVwiO1xyXG5cclxuLyoqXHJcbiAqIHBhbmVs57uE5Lu2XHJcbiAqIFxyXG4gKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9zdGFja2JsaXR6LmNvbS9lZGl0L2FuZ3VsYXItaG1rZjd4P2VtYmVkPTEmZmlsZT1zcmMvYXBwL2FwcC5jb21wb25lbnQuaHRtbDwvZXhhbXBsZS11cmw+XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYG5wLXBhbmVsYCxcclxuICB0ZW1wbGF0ZVVybDogJ3BhbmVsLmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydwYW5lbC5zY3NzJ10sXHJcbiAgaG9zdDoge1xyXG4gICAgJ2NsYXNzJzogJ25wLXBhbmVsLXdyYXBwZXIgZmxleC13cmFwIGNvbC1mbGV4JyxcclxuICAgIC8vICdbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl0nOiAnYmdDb2xvcicsXHJcbiAgICAnW3N0eWxlLmJvcmRlci1yYWRpdXMucHhdJzogJ3BhbmVsUmFkaXVzJ1xyXG4gIH0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE5wUGFuZWwgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIC8qKlxyXG4gICAqIOmdouadv+S4u+agh+mimFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICAvKipcclxuICAgKiDpnaLmnb/lia/moIfpopggLSDluLjnlKjkuo7lr7nkuLvmoIfpopjnmoTop6Pph4rmj4/ov7DnrYnvvIzlnKjkuLvmoIfpopjlj7PkvqflsZXnpLrjgIJcclxuICAgKi9cclxuICBASW5wdXQoKSBzdWJUaXRsZTogc3RyaW5nID0gJyc7XHJcbiAgLyoqXHJcbiAgICog6Z2i5p2/6IOM5pmv6ImyXHJcbiAgICovXHJcbiAgQElucHV0KCkgYmdDb2xvcjogc3RyaW5nID0gJyNmZmYnO1xyXG4gIC8qKlxyXG4gICAqIOmdouadv+WchuinklxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHBhbmVsUmFkaXVzOiBudW1iZXIgPSA1OyAgLy8gdW5pdDogcHhcclxuXHJcbiAgQENvbnRlbnRDaGlsZChOcFBhbmVsSGVhZGVyRGlyZWN0aXZlKSBucFBhbmVsSGVhZGVyOiBOcFBhbmVsSGVhZGVyRGlyZWN0aXZlO1xyXG4gIEBDb250ZW50Q2hpbGQoTnBQYW5lbEJvZHlEaXJlY3RpdmUpIG5wUGFuZWxCb2R5OiBOcFBhbmVsQm9keURpcmVjdGl2ZTtcclxuICBAQ29udGVudENoaWxkKE5wUGFuZWxGb290ZXJEaXJlY3RpdmUpIG5wUGFuZWxGb290ZXI6IE5wUGFuZWxGb290ZXJEaXJlY3RpdmU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxufSJdfQ==