dbweb-common/esm5/lib/components/label-select/category-for-select/category-for-select.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, HostBinding, Input } from '@angular/core';
import { EleViewBackFaceService } from '../../../services/eleview/eleview-backface';
import { Category } from '../../../services/eleview/types/category';
/**
 * @record
 */
export function IMovePosition() { }
if (false) {
    /** @type {?} */
    IMovePosition.prototype.category;
    /** @type {?} */
    IMovePosition.prototype.label;
    /** @type {?} */
    IMovePosition.prototype.previousIndex;
    /** @type {?} */
    IMovePosition.prototype.currentIndex;
}
var CategoryForSelectComponent = /** @class */ (function () {
    function CategoryForSelectComponent(svr) {
        this.svr = svr;
        this.labelDisplay = false;
        this.hostClass = true;
    }
    /**
     * @return {?}
     */
    CategoryForSelectComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    /**
     * @param {?} label
     * @return {?}
     */
    CategoryForSelectComponent.prototype.click = /**
     * @param {?} label
     * @return {?}
     */
    function (label) {
        /** @type {?} */
        var idx = this.selectedLabels.findIndex((/**
         * @param {?} v
         * @return {?}
         */
        function (v) { return v.equal(label); }));
        if (idx > -1) {
            this.selectedLabels.splice(idx);
        }
        else {
            this.selectedLabels.push(label);
        }
    };
    /**
     * @param {?} event
     * @return {?}
     */
    CategoryForSelectComponent.prototype.drop = /**
     * @param {?} event
     * @return {?}
     */
    function (event) {
        var _this = this;
        this.svr
            .setLabelPosition({
            CategoryID: this.category.ID,
            ID: this.category.Labels[event.previousIndex].ID,
            Position: event.currentIndex
        })
            .subscribe((/**
         * @param {?} v
         * @return {?}
         */
        function (v) {
            _this.category.setLabelsPosition(v.map((/**
             * @param {?} vv
             * @return {?}
             */
            function (vv) { return vv.ID; })));
        }));
    };
    /**
     * @param {?} data
     * @return {?}
     */
    CategoryForSelectComponent.prototype.isSelected = /**
     * @param {?} data
     * @return {?}
     */
    function (data) {
        return this.selectedLabels.find((/**
         * @param {?} v
         * @return {?}
         */
        function (v) { return v.equal(data); })) !== undefined;
    };
    CategoryForSelectComponent.decorators = [
        { type: Component, args: [{
                    selector: 'common-category-for-select',
                    template: "<div class=\"title\">\r\n\t{{ category?.displayLabel() }}\r\n\t<mat-icon\r\n\t\t(click)=\"labelDisplay = !labelDisplay\"\r\n\t\tclass=\"\u663E\u793A\u9690\u85CF\u56FE\u6807\"\r\n\t\tsvgIcon=\"{{ labelDisplay ? 'expand_more' : 'expand_less' }}\"\r\n\t></mat-icon>\r\n</div>\r\n<div cdkDropList cdkDropListOrientation=\"horizontal\" [class.\u9690\u85CF]=\"labelDisplay\" (cdkDropListDropped)=\"drop($event)\">\r\n\t<div\r\n\t\t*ngFor=\"let label of category?.Labels\"\r\n\t\tclass=\"\u6807\u7B7E\"\r\n\t\tcdkDrag\r\n\t\t[class.selected]=\"isSelected(label)\"\r\n\t\t(click)=\"click(label)\"\r\n\t>\r\n\t\t{{ label?.displayLabel() }}\r\n\t\t<div *ngIf=\"isSelected(label)\" class=\"\u4E09\u89D2\u5F62\"></div>\r\n\t\t<mat-icon *ngIf=\"isSelected(label)\" class=\"\u9009\u4E2D\u6807\u7B7E\" svgIcon=\"done\"></mat-icon>\r\n\t</div>\r\n</div>\r\n",
                    styles: ["@charset \"UTF-8\";.title{font-size:12px;margin:8px 0 16px;display:flex;justify-content:space-between;align-items:center}.title .\u663E\u793A\u9690\u85CF\u56FE\u6807{cursor:pointer}.\u6807\u7B7E{font-size:14px;display:inline-block;margin:0 16px 16px 0;height:34px;padding:0 24px;border-radius:4px;line-height:34px;position:relative;cursor:pointer}.\u6807\u7B7E .\u4E09\u89D2\u5F62{position:absolute;bottom:0;right:0}.\u6807\u7B7E .\u9009\u4E2D\u6807\u7B7E{width:16px;height:16px;line-height:16px;color:#fff;position:absolute;bottom:0;right:0}.\u9690\u85CF{display:none}"]
                }] }
    ];
    /** @nocollapse */
    CategoryForSelectComponent.ctorParameters = function () { return [
        { type: EleViewBackFaceService }
    ]; };
    CategoryForSelectComponent.propDecorators = {
        category: [{ type: Input }],
        selectedLabels: [{ type: Input }],
        hostClass: [{ type: HostBinding, args: ['class.category-for-select',] }]
    };
    return CategoryForSelectComponent;
}());
export { CategoryForSelectComponent };
if (false) {
    /** @type {?} */
    CategoryForSelectComponent.prototype.category;
    /** @type {?} */
    CategoryForSelectComponent.prototype.selectedLabels;
    /** @type {?} */
    CategoryForSelectComponent.prototype.labelDisplay;
    /** @type {?} */
    CategoryForSelectComponent.prototype.hostClass;
    /**
     * @type {?}
     * @private
     */
    CategoryForSelectComponent.prototype.svr;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcnktZm9yLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9kYndlYi1jb21tb24vIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYWJlbC1zZWxlY3QvY2F0ZWdvcnktZm9yLXNlbGVjdC9jYXRlZ29yeS1mb3Itc2VsZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7OztBQUdwRSxtQ0FLQzs7O0lBSkEsaUNBQW1COztJQUNuQiw4QkFBYTs7SUFDYixzQ0FBc0I7O0lBQ3RCLHFDQUFxQjs7QUFHdEI7SUFVQyxvQ0FBb0IsR0FBMkI7UUFBM0IsUUFBRyxHQUFILEdBQUcsQ0FBd0I7UUFGL0MsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDcUIsY0FBUyxHQUFHLElBQUksQ0FBQztJQUNULENBQUM7Ozs7SUFFbkQsNkNBQVE7OztJQUFSLGNBQVksQ0FBQzs7Ozs7SUFDYiwwQ0FBSzs7OztJQUFMLFVBQU0sS0FBWTs7WUFDWCxHQUFHLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFkLENBQWMsRUFBQztRQUU5RCxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRTtZQUNiLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ2hDO2FBQU07WUFDTixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNoQztJQUNGLENBQUM7Ozs7O0lBQ0QseUNBQUk7Ozs7SUFBSixVQUFLLEtBQTJCO1FBQWhDLGlCQVVDO1FBVEEsSUFBSSxDQUFDLEdBQUc7YUFDTixnQkFBZ0IsQ0FBQztZQUNqQixVQUFVLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQzVCLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUMsRUFBRTtZQUNoRCxRQUFRLEVBQUUsS0FBSyxDQUFDLFlBQVk7U0FDNUIsQ0FBQzthQUNELFNBQVM7Ozs7UUFBQyxVQUFBLENBQUM7WUFDWCxLQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxHQUFHOzs7O1lBQUMsVUFBQSxFQUFFLElBQUksT0FBQSxFQUFFLENBQUMsRUFBRSxFQUFMLENBQUssRUFBQyxDQUFDLENBQUM7UUFDckQsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7OztJQUNELCtDQUFVOzs7O0lBQVYsVUFBVyxJQUFXO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJOzs7O1FBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFiLENBQWEsRUFBQyxLQUFLLFNBQVMsQ0FBQztJQUNuRSxDQUFDOztnQkFuQ0QsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLHExQkFBbUQ7O2lCQUVuRDs7OztnQkFmUSxzQkFBc0I7OzsyQkFpQjdCLEtBQUs7aUNBQ0wsS0FBSzs0QkFFTCxXQUFXLFNBQUMsMkJBQTJCOztJQTJCekMsaUNBQUM7Q0FBQSxBQXBDRCxJQW9DQztTQS9CWSwwQkFBMEI7OztJQUN0Qyw4Q0FBNEI7O0lBQzVCLG9EQUFpQzs7SUFDakMsa0RBQXFCOztJQUNyQiwrQ0FBMkQ7Ozs7O0lBQy9DLHlDQUFtQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0RyYWdEcm9wIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRWxlVmlld0JhY2tGYWNlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2VsZXZpZXcvZWxldmlldy1iYWNrZmFjZSc7XHJcbmltcG9ydCB7IENhdGVnb3J5IH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZWxldmlldy90eXBlcy9jYXRlZ29yeSc7XHJcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZWxldmlldy90eXBlcy9sYWJlbCc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElNb3ZlUG9zaXRpb24ge1xyXG5cdGNhdGVnb3J5OiBDYXRlZ29yeTtcclxuXHRsYWJlbDogTGFiZWw7XHJcblx0cHJldmlvdXNJbmRleDogbnVtYmVyO1xyXG5cdGN1cnJlbnRJbmRleDogbnVtYmVyO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi1jYXRlZ29yeS1mb3Itc2VsZWN0JyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vY2F0ZWdvcnktZm9yLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vY2F0ZWdvcnktZm9yLXNlbGVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXRlZ29yeUZvclNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblx0QElucHV0KCkgY2F0ZWdvcnk6IENhdGVnb3J5O1xyXG5cdEBJbnB1dCgpIHNlbGVjdGVkTGFiZWxzOiBMYWJlbFtdO1xyXG5cdGxhYmVsRGlzcGxheSA9IGZhbHNlO1xyXG5cdEBIb3N0QmluZGluZygnY2xhc3MuY2F0ZWdvcnktZm9yLXNlbGVjdCcpIGhvc3RDbGFzcyA9IHRydWU7XHJcblx0Y29uc3RydWN0b3IocHJpdmF0ZSBzdnI6IEVsZVZpZXdCYWNrRmFjZVNlcnZpY2UpIHt9XHJcblxyXG5cdG5nT25Jbml0KCkge31cclxuXHRjbGljayhsYWJlbDogTGFiZWwpIHtcclxuXHRcdGNvbnN0IGlkeCA9IHRoaXMuc2VsZWN0ZWRMYWJlbHMuZmluZEluZGV4KHYgPT4gdi5lcXVhbChsYWJlbCkpO1xyXG5cclxuXHRcdGlmIChpZHggPiAtMSkge1xyXG5cdFx0XHR0aGlzLnNlbGVjdGVkTGFiZWxzLnNwbGljZShpZHgpO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5zZWxlY3RlZExhYmVscy5wdXNoKGxhYmVsKTtcclxuXHRcdH1cclxuXHR9XHJcblx0ZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8TGFiZWxbXT4pIHtcclxuXHRcdHRoaXMuc3ZyXHJcblx0XHRcdC5zZXRMYWJlbFBvc2l0aW9uKHtcclxuXHRcdFx0XHRDYXRlZ29yeUlEOiB0aGlzLmNhdGVnb3J5LklELFxyXG5cdFx0XHRcdElEOiB0aGlzLmNhdGVnb3J5LkxhYmVsc1tldmVudC5wcmV2aW91c0luZGV4XS5JRCxcclxuXHRcdFx0XHRQb3NpdGlvbjogZXZlbnQuY3VycmVudEluZGV4XHJcblx0XHRcdH0pXHJcblx0XHRcdC5zdWJzY3JpYmUodiA9PiB7XHJcblx0XHRcdFx0dGhpcy5jYXRlZ29yeS5zZXRMYWJlbHNQb3NpdGlvbih2Lm1hcCh2diA9PiB2di5JRCkpO1xyXG5cdFx0XHR9KTtcclxuXHR9XHJcblx0aXNTZWxlY3RlZChkYXRhOiBMYWJlbCkge1xyXG5cdFx0cmV0dXJuIHRoaXMuc2VsZWN0ZWRMYWJlbHMuZmluZCh2ID0+IHYuZXF1YWwoZGF0YSkpICE9PSB1bmRlZmluZWQ7XHJcblx0fVxyXG59XHJcbiJdfQ==