dbweb-common/esm5/lib/record-view/view-selector/view-selector.component.js

用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { ServiceService } from '../service/service.service';
var ViewSelectorComponent = /** @class */ (function () {
    function ViewSelectorComponent(svr) {
        this.svr = svr;
        this.managerClick = new EventEmitter();
    }
    /**
     * @return {?}
     */
    ViewSelectorComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    /**
     * @param {?} val
     * @return {?}
     */
    ViewSelectorComponent.prototype.menuClick = /**
     * @param {?} val
     * @return {?}
     */
    function (val) {
        this.svr.data.selectedView = val;
        this.svr.refreshData().subscribe();
    };
    ViewSelectorComponent.decorators = [
        { type: Component, args: [{
                    selector: 'common-view-selector',
                    template: "<button mat-button [matMenuTriggerFor]=\"templateMenu\">\r\n\t<span class=\"\u663E\u793A\u5217\u6587\u5B57\" *ngIf=\"svr.data.selectedView; else viewElse\">{{ svr.data.selectedView.Name }}</span>\r\n\t<ng-template #viewElse>\r\n\t\t<span class=\"\u663E\u793A\u5217\u6587\u5B57\">\u663E\u793A\u5217</span>\r\n\t</ng-template>\r\n\t<mat-icon class=\"\u663E\u793A\u5217\u56FE\u6807\" svgIcon=\"view_module\"></mat-icon>\r\n</button>\r\n<mat-menu #templateMenu=\"matMenu\" overlapTrigger=\"true\">\r\n\t<button mat-menu-item *ngFor=\"let item of svr.data.constViewItems\" (click)=\"menuClick(item)\">\r\n\t\t<mat-icon *ngIf=\"svr.data.selectedView === item\" svgIcon=\"done\"> </mat-icon>\r\n\t\t{{ item.displayLabel() }}\r\n\t</button>\r\n\t<mat-divider></mat-divider>\r\n\t<div class=\"\u79C1\u6709\u83DC\u5355\u9879\">\r\n\t\t<button mat-menu-item *ngFor=\"let item of svr.data.viewList\" (click)=\"menuClick(item)\">\r\n\t\t\t<mat-icon *ngIf=\"svr.data.selectedView === item\" svgIcon=\"done\"> </mat-icon>\r\n\t\t\t{{ item.Name }}\r\n\t\t</button>\r\n\t</div>\r\n\t<mat-divider *ngIf=\"svr.data.viewList && svr.data.viewList.length > 0\"> </mat-divider>\r\n\t<button mat-menu-item (click)=\"managerClick.emit()\"><mat-icon svgIcon=\"settings\"></mat-icon>\u7BA1\u7406\u663E\u793A\u5217</button>\r\n</mat-menu>\r\n",
                    styles: ["@charset \"UTF-8\";.\u79C1\u6709\u83DC\u5355\u9879{max-height:200px;overflow-y:auto}.mat-menu-item{min-width:136px;height:40px;line-height:40px;padding:0 24px}.mat-menu-item .mat-icon{position:absolute;left:4px;top:12px}.mat-icon{width:16px;height:16px}.\u663E\u793A\u5217\u56FE\u6807{line-height:16px;vertical-align:middle;margin-left:8px}"]
                }] }
    ];
    /** @nocollapse */
    ViewSelectorComponent.ctorParameters = function () { return [
        { type: ServiceService }
    ]; };
    ViewSelectorComponent.propDecorators = {
        managerClick: [{ type: Output }],
        selectedValue: [{ type: Input }],
        menuItems: [{ type: Input }]
    };
    return ViewSelectorComponent;
}());
export { ViewSelectorComponent };
if (false) {
    /** @type {?} */
    ViewSelectorComponent.prototype.managerClick;
    /** @type {?} */
    ViewSelectorComponent.prototype.selectedValue;
    /** @type {?} */
    ViewSelectorComponent.prototype.menuItems;
    /** @type {?} */
    ViewSelectorComponent.prototype.svr;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9kYndlYi1jb21tb24vIiwic291cmNlcyI6WyJsaWIvcmVjb3JkLXZpZXcvdmlldy1zZWxlY3Rvci92aWV3LXNlbGVjdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHNUQ7SUFTQywrQkFBbUIsR0FBbUI7UUFBbkIsUUFBRyxHQUFILEdBQUcsQ0FBZ0I7UUFINUIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBR0gsQ0FBQzs7OztJQUUxQyx3Q0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7OztJQUNiLHlDQUFTOzs7O0lBQVQsVUFBVSxHQUFzQjtRQUMvQixJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDcEMsQ0FBQzs7Z0JBZkQsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLDh5Q0FBNkM7O2lCQUU3Qzs7OztnQkFQUSxjQUFjOzs7K0JBU3JCLE1BQU07Z0NBQ04sS0FBSzs0QkFDTCxLQUFLOztJQVFQLDRCQUFDO0NBQUEsQUFoQkQsSUFnQkM7U0FYWSxxQkFBcUI7OztJQUNqQyw2Q0FBNEM7O0lBQzVDLDhDQUErQjs7SUFDL0IsMENBQTRCOztJQUNoQixvQ0FBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVsZW1lbnRWaWV3RGlnZXN0IH0gZnJvbSAnLi4vbW9kZWwvZWxlbWVudC1jb2x1bW5zLWRpZ2VzdCc7XHJcbmltcG9ydCB7IFNlcnZpY2VTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZS9zZXJ2aWNlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJTWVudSB9IGZyb20gJy4vbW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdjb21tb24tdmlldy1zZWxlY3RvcicsXHJcblx0dGVtcGxhdGVVcmw6ICcuL3ZpZXctc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG5cdHN0eWxlVXJsczogWycuL3ZpZXctc2VsZWN0b3IuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmlld1NlbGVjdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRAT3V0cHV0KCkgbWFuYWdlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cdEBJbnB1dCgpIHNlbGVjdGVkVmFsdWU6IHN0cmluZztcclxuXHRASW5wdXQoKSBtZW51SXRlbXM6IElNZW51W107XHJcblx0Y29uc3RydWN0b3IocHVibGljIHN2cjogU2VydmljZVNlcnZpY2UpIHt9XHJcblxyXG5cdG5nT25Jbml0KCkge31cclxuXHRtZW51Q2xpY2sodmFsOiBFbGVtZW50Vmlld0RpZ2VzdCkge1xyXG5cdFx0dGhpcy5zdnIuZGF0YS5zZWxlY3RlZFZpZXcgPSB2YWw7XHJcblx0XHR0aGlzLnN2ci5yZWZyZXNoRGF0YSgpLnN1YnNjcmliZSgpO1xyXG5cdH1cclxufVxyXG4iXX0=