dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
127 lines • 14 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, HostBinding, Input, Output, QueryList, ViewChildren } from '@angular/core';
import { ServiceService } from '../../service/service.service';
export class LabelDrawerForSelectComponent {
/**
* @param {?} svr
*/
constructor(svr) {
this.svr = svr;
this.edit = new EventEmitter();
this.close = new EventEmitter();
this.hostClass = true;
this.panelActiveIndex = 0;
this.panelOpenState = {};
this.subject = [];
}
/**
* @return {?}
*/
ngOnDestroy() {
this.subject.forEach((/**
* @param {?} v
* @return {?}
*/
v => v.unsubscribe()));
}
/**
* @return {?}
*/
ngAfterViewInit() {
this.subject.push(this.svr.paramsChange.subscribe((/**
* @return {?}
*/
() => {
this.panelActiveIndex = 0;
this.panelOpenState = [];
})));
}
/**
* @param {?} index
* @return {?}
*/
removeLabel(index) {
this.selectedLabels.splice(index, 1);
}
/**
* @return {?}
*/
ok() {
/** @type {?} */
const old = [...this.svr.data.selectedLabels];
this.svr.data.selectedLabels.splice(0, this.svr.data.selectedLabels.length, ...this.selectedLabels);
this.subject.push(this.svr.refreshData().subscribe((/**
* @param {?} v
* @return {?}
*/
v => {
if (v.ok) {
this.close.emit();
}
else {
this.svr.data.selectedLabels.splice(0, this.svr.data.selectedLabels.length, ...old);
alert(v.error);
}
})));
}
/**
* @param {?} index
* @return {?}
*/
panelOpened(index) {
this.panelActiveIndex = index;
this.panelOpenState[index] = true;
}
/**
* @param {?} index
* @return {?}
*/
panelClosed(index) {
this.panelOpenState[index] = false;
}
}
LabelDrawerForSelectComponent.decorators = [
{ type: Component, args: [{
selector: 'common-label-drawer-for-select',
template: "<div class=\"title\">\r\n\t<span class=\"title-label\">\r\n\t\t\u6807\u7B7E (<span\r\n\t\t\t[class.\u9009\u4E2D\u7684\u6570\u503C]=\"selectedLabels?.length > 0\">{{ selectedLabels?.length }}</span>)\r\n\t</span>\r\n</div>\r\n<mat-chip-list class=\"\u6807\u7B7E\u82AF\u7247\" *ngIf=\"selectedLabels.length > 0\">\r\n\t<mat-chip *ngFor=\"let selectedLabel of selectedLabels; let index = index\"\r\n\t\t[matTooltip]=\"selectedLabel?.Name\">\r\n\t\t<span class=\"\u6807\u7B7E\">{{ selectedLabel?.Name }}</span>\r\n\t\t<mat-icon class=\"\u5220\u9664\u6807\u7B7E\" (click)=\"removeLabel(index)\" svgIcon=\"close\">\r\n\t\t</mat-icon>\r\n\t</mat-chip>\r\n</mat-chip-list>\r\n<mat-accordion class=\"content\">\r\n\t<mat-expansion-panel\r\n\t\t*ngFor=\"let category of svr.data.categories; let index = index;first as isFirst\"\r\n\t\t[expanded]=\"isFirst\" (opened)=\"panelOpened(index)\"\r\n\t\t(closed)=\"panelClosed(index)\" [class.\u5C55\u5F00\u533A\u80CC\u666F]=\"panelOpenState[index]\"\r\n\t\t[class.\u5E95\u8FB9\u6846]=\"svr.data.categories.length == index + 1\">\r\n\t\t<mat-expansion-panel-header [class.\u5C55\u5F00]=\"panelOpenState[index]\"\r\n\t\t\t[collapsedHeight]=\"'40px'\" [expandedHeight]=\"'40px'\">\r\n\t\t\t<!-- <mat-divider class=\"divider-top\"></mat-divider> -->\r\n\t\t\t<div class=\"\u6ED1\u5757\" *ngIf=\"panelActiveIndex === index\"></div>\r\n\t\t\t<mat-panel-title [ngClass]=\"{ openItem: panelOpenState[index] }\">\r\n\t\t\t\t{{category.categoryDisplayLabel()}}</mat-panel-title>\r\n\t\t\t<mat-panel-description *ngIf=\"panelOpenState[index]\">\r\n\t\t\t\t<button mat-icon-button (click)=\"edit.emit(category)\">\r\n\t\t\t\t\t<mat-icon svgIcon=\"edit\"></mat-icon>\r\n\t\t\t\t</button>\r\n\t\t\t</mat-panel-description>\r\n\t\t</mat-expansion-panel-header>\r\n\t\t<common-label-select [selectedLabels]=\"selectedLabels\"\r\n\t\t\t[eleName]=\"svr.element.Name\" [ownerBy]=\"category.OwnerBy\"\r\n\t\t\t[owner]=\"category.Owner\">\r\n\t\t</common-label-select>\r\n\t</mat-expansion-panel>\r\n</mat-accordion>\r\n<div class=\"footer\">\r\n\t<div class=\"button-bar\">\r\n\t\t<button (click)=\"close.emit()\" mat-button>\u53D6\u6D88</button>\r\n\t\t<button (click)=\"ok()\" mat-flat-button color=\"primary\"\r\n\t\t\tmat-button>\u5B8C\u6210</button>\r\n\t</div>\r\n</div>",
styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;width:618px;height:100%;box-sizing:border-box}.title{display:flex;padding:16px 16px 8px 24px;justify-content:space-between}.title-label{font-size:18px;font-weight:700}.\u6807\u7B7E\u82AF\u7247{max-width:100%;padding:8px}.\u6807\u7B7E\u82AF\u7247 .mat-chip{width:108px;padding-right:24px;margin:4px;border-radius:4px;position:relative}.\u6807\u7B7E\u82AF\u7247 .mat-chip .\u6807\u7B7E{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.\u6807\u7B7E\u82AF\u7247 .mat-chip .\u5220\u9664\u6807\u7B7E{position:absolute;right:8px;top:8px}.\u6807\u7B7E\u82AF\u7247 .mat-icon{width:16px;height:16px}.\u9690\u85CF{display:none}.footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:16px}.footer .footer-search{display:inline-block;height:24px;width:152px;line-height:24px;padding:0 24px 0 8px;border-radius:4px;font-size:12px;position:relative}.footer .footer-search input{height:24px}.footer .footer-search .mat-icon{position:absolute;top:0;right:0;margin:0}.content{flex-grow:1;overflow-y:auto;box-sizing:border-box}.content .mat-expansion-panel{box-shadow:none;margin:0;padding:8px 0 0;position:relative}.content .mat-expansion-panel-header-title{font-size:18px;font-weight:700;line-height:40px}.content .mat-expansion-panel-header-description{flex-grow:0}.content .mat-expansion-panel-header{height:40px!important;padding:0 16px;position:relative}.content .mat-expansion-panel-spacing{margin:0}.content .\u6ED1\u5757{width:8px;height:32px;position:absolute;left:0;top:4px}.content .divider-top{width:100%;height:1px;position:absolute;left:0;top:0}.content .divider-bottom{width:100%;height:1px;position:absolute;left:0;bottom:0}.content .\u5C55\u5F00 ::ng-deep .mat-expansion-indicator{display:inline-block;margin:10px 0 0}"]
}] }
];
/** @nocollapse */
LabelDrawerForSelectComponent.ctorParameters = () => [
{ type: ServiceService }
];
LabelDrawerForSelectComponent.propDecorators = {
selectedLabels: [{ type: Input }],
edit: [{ type: Output }],
close: [{ type: Output }],
hostClass: [{ type: HostBinding, args: ['class.label-drawer-for-select',] }],
accordionPanel: [{ type: ViewChildren, args: ['accordionPanel',] }]
};
if (false) {
/** @type {?} */
LabelDrawerForSelectComponent.prototype.selectedLabels;
/** @type {?} */
LabelDrawerForSelectComponent.prototype.edit;
/** @type {?} */
LabelDrawerForSelectComponent.prototype.close;
/** @type {?} */
LabelDrawerForSelectComponent.prototype.hostClass;
/** @type {?} */
LabelDrawerForSelectComponent.prototype.accordionPanel;
/** @type {?} */
LabelDrawerForSelectComponent.prototype.panelActiveIndex;
/** @type {?} */
LabelDrawerForSelectComponent.prototype.panelOpenState;
/**
* @type {?}
* @private
*/
LabelDrawerForSelectComponent.prototype.subject;
/** @type {?} */
LabelDrawerForSelectComponent.prototype.svr;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtZHJhd2VyLWZvci1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL3JlY29yZC12aWV3L2xhYmVsLWRyYXdlci9sYWJlbC1kcmF3ZXItZm9yLXNlbGVjdC9sYWJlbC1kcmF3ZXItZm9yLXNlbGVjdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBRUwsTUFBTSxFQUNOLFNBQVMsRUFDVCxZQUFZLEVBR1osTUFBTSxlQUFlLENBQUM7QUFJdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBUS9ELE1BQU0sT0FBTyw2QkFBNkI7Ozs7SUFTekMsWUFBbUIsR0FBbUI7UUFBbkIsUUFBRyxHQUFILEdBQUcsQ0FBZ0I7UUFQNUIsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO1FBQzNELFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ1MsY0FBUyxHQUFHLElBQUksQ0FBQztRQUUvRCxxQkFBZ0IsR0FBRyxDQUFDLENBQUM7UUFDckIsbUJBQWMsR0FBK0IsRUFBRSxDQUFDO1FBQ3hDLFlBQU8sR0FBbUIsRUFBRSxDQUFDO0lBQ0ksQ0FBQzs7OztJQUMxQyxXQUFXO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPOzs7O1FBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUMsQ0FBQztJQUM1QyxDQUFDOzs7O0lBQ0QsZUFBZTtRQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNoQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxTQUFTOzs7UUFBQyxHQUFHLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztRQUMxQixDQUFDLEVBQUMsQ0FDRixDQUFDO0lBQ0gsQ0FBQzs7Ozs7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN4QixJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7OztJQUNELEVBQUU7O2NBQ0ssR0FBRyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUM7UUFDN0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNwRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDaEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTOzs7O1FBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUNULElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7YUFDbEI7aUJBQU07Z0JBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxHQUFHLEdBQUcsQ0FBQyxDQUFDO2dCQUNwRixLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ2Y7UUFDRixDQUFDLEVBQUMsQ0FDRixDQUFDO0lBQ0gsQ0FBQzs7Ozs7SUFDRCxXQUFXLENBQUMsS0FBYTtRQUN4QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDO0lBQ25DLENBQUM7Ozs7O0lBQ0QsV0FBVyxDQUFDLEtBQWE7UUFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQzs7O1lBbERELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsZ0NBQWdDO2dCQUMxQyw4dkVBQXVEOzthQUV2RDs7OztZQVBRLGNBQWM7Ozs2QkFTckIsS0FBSzttQkFDTCxNQUFNO29CQUNOLE1BQU07d0JBQ04sV0FBVyxTQUFDLCtCQUErQjs2QkFDM0MsWUFBWSxTQUFDLGdCQUFnQjs7OztJQUo5Qix1REFBaUM7O0lBQ2pDLDZDQUFxRTs7SUFDckUsOENBQXFDOztJQUNyQyxrREFBK0Q7O0lBQy9ELHVEQUE2RTs7SUFDN0UseURBQXFCOztJQUNyQix1REFBZ0Q7Ozs7O0lBQ2hELGdEQUFxQzs7SUFDekIsNENBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuXHRDb21wb25lbnQsXHJcblx0RXZlbnRFbWl0dGVyLFxyXG5cdEhvc3RCaW5kaW5nLFxyXG5cdElucHV0LFxyXG5cdE9uSW5pdCxcclxuXHRPdXRwdXQsXHJcblx0UXVlcnlMaXN0LFxyXG5cdFZpZXdDaGlsZHJlbixcclxuXHRBZnRlclZpZXdJbml0LFxyXG5cdE9uRGVzdHJveVxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRFeHBhbnNpb25QYW5lbCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcclxuaW1wb3J0IHsgRmV0Y2hFbGVtZW50QWxsQ2F0ZWdvcmllc1Jlc3VsdCB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2VsZXZpZXcvZWxldmlldy1iYWNrZmFjZSc7XHJcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZWxldmlldy90eXBlcy9sYWJlbCc7XHJcbmltcG9ydCB7IFNlcnZpY2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZS9zZXJ2aWNlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnY29tbW9uLWxhYmVsLWRyYXdlci1mb3Itc2VsZWN0JyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vbGFiZWwtZHJhd2VyLWZvci1zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxyXG5cdHN0eWxlVXJsczogWycuL2xhYmVsLWRyYXdlci1mb3Itc2VsZWN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExhYmVsRHJhd2VyRm9yU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcclxuXHRASW5wdXQoKSBzZWxlY3RlZExhYmVsczogTGFiZWxbXTtcclxuXHRAT3V0cHV0KCkgZWRpdCA9IG5ldyBFdmVudEVtaXR0ZXI8RmV0Y2hFbGVtZW50QWxsQ2F0ZWdvcmllc1Jlc3VsdD4oKTtcclxuXHRAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblx0QEhvc3RCaW5kaW5nKCdjbGFzcy5sYWJlbC1kcmF3ZXItZm9yLXNlbGVjdCcpIGhvc3RDbGFzcyA9IHRydWU7XHJcblx0QFZpZXdDaGlsZHJlbignYWNjb3JkaW9uUGFuZWwnKSBhY2NvcmRpb25QYW5lbDogUXVlcnlMaXN0PE1hdEV4cGFuc2lvblBhbmVsPjtcclxuXHRwYW5lbEFjdGl2ZUluZGV4ID0gMDtcclxuXHRwYW5lbE9wZW5TdGF0ZTogeyBba2V5OiBudW1iZXJdOiBib29sZWFuIH0gPSB7fTtcclxuXHRwcml2YXRlIHN1YmplY3Q6IFN1YnNjcmlwdGlvbltdID0gW107XHJcblx0Y29uc3RydWN0b3IocHVibGljIHN2cjogU2VydmljZVNlcnZpY2UpIHt9XHJcblx0bmdPbkRlc3Ryb3koKSB7XHJcblx0XHR0aGlzLnN1YmplY3QuZm9yRWFjaCh2ID0+IHYudW5zdWJzY3JpYmUoKSk7XHJcblx0fVxyXG5cdG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuXHRcdHRoaXMuc3ViamVjdC5wdXNoKFxyXG5cdFx0XHR0aGlzLnN2ci5wYXJhbXNDaGFuZ2Uuc3Vic2NyaWJlKCgpID0+IHtcclxuXHRcdFx0XHR0aGlzLnBhbmVsQWN0aXZlSW5kZXggPSAwO1xyXG5cdFx0XHRcdHRoaXMucGFuZWxPcGVuU3RhdGUgPSBbXTtcclxuXHRcdFx0fSlcclxuXHRcdCk7XHJcblx0fVxyXG5cclxuXHRyZW1vdmVMYWJlbChpbmRleDogbnVtYmVyKSB7XHJcblx0XHR0aGlzLnNlbGVjdGVkTGFiZWxzLnNwbGljZShpbmRleCwgMSk7XHJcblx0fVxyXG5cdG9rKCkge1xyXG5cdFx0Y29uc3Qgb2xkID0gWy4uLnRoaXMuc3ZyLmRhdGEuc2VsZWN0ZWRMYWJlbHNdO1xyXG5cdFx0dGhpcy5zdnIuZGF0YS5zZWxlY3RlZExhYmVscy5zcGxpY2UoMCwgdGhpcy5zdnIuZGF0YS5zZWxlY3RlZExhYmVscy5sZW5ndGgsIC4uLnRoaXMuc2VsZWN0ZWRMYWJlbHMpO1xyXG5cdFx0dGhpcy5zdWJqZWN0LnB1c2goXHJcblx0XHRcdHRoaXMuc3ZyLnJlZnJlc2hEYXRhKCkuc3Vic2NyaWJlKHYgPT4ge1xyXG5cdFx0XHRcdGlmICh2Lm9rKSB7XHJcblx0XHRcdFx0XHR0aGlzLmNsb3NlLmVtaXQoKTtcclxuXHRcdFx0XHR9IGVsc2Uge1xyXG5cdFx0XHRcdFx0dGhpcy5zdnIuZGF0YS5zZWxlY3RlZExhYmVscy5zcGxpY2UoMCwgdGhpcy5zdnIuZGF0YS5zZWxlY3RlZExhYmVscy5sZW5ndGgsIC4uLm9sZCk7XHJcblx0XHRcdFx0XHRhbGVydCh2LmVycm9yKTtcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0pXHJcblx0XHQpO1xyXG5cdH1cclxuXHRwYW5lbE9wZW5lZChpbmRleDogbnVtYmVyKSB7XHJcblx0XHR0aGlzLnBhbmVsQWN0aXZlSW5kZXggPSBpbmRleDtcclxuXHRcdHRoaXMucGFuZWxPcGVuU3RhdGVbaW5kZXhdID0gdHJ1ZTtcclxuXHR9XHJcblx0cGFuZWxDbG9zZWQoaW5kZXg6IG51bWJlcikge1xyXG5cdFx0dGhpcy5wYW5lbE9wZW5TdGF0ZVtpbmRleF0gPSBmYWxzZTtcclxuXHR9XHJcbn1cclxuIl19