dbweb-common/esm5/lib/index/more-vert/more-vert.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, Input, HostBinding, Output, EventEmitter } from '@angular/core';
import { IndexService, CardType } from '../index.service';
var MoreVertComponent = /** @class */ (function () {
    function MoreVertComponent(svr) {
        this.svr = svr;
        this.hostClass = true;
        // typeName: CardType;
        // theNavSize: CardSize;
        this.subMenuClick = new EventEmitter();
        this._disShow = false;
    }
    Object.defineProperty(MoreVertComponent.prototype, "typeName", {
        get: /**
         * @return {?}
         */
        function () {
            return this._typeName;
        },
        set: /**
         * @param {?} val
         * @return {?}
         */
        function (val) {
            this._typeName = val;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MoreVertComponent.prototype, "theNavSize", {
        get: /**
         * @return {?}
         */
        function () {
            return this._theNavSize;
        },
        set: /**
         * @param {?} val
         * @return {?}
         */
        function (val) {
            this._theNavSize = val;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MoreVertComponent.prototype, "disElements", {
        get: /**
         * @return {?}
         */
        function () {
            return this._disElements;
        },
        set: /**
         * @param {?} val
         * @return {?}
         */
        function (val) {
            this._disElements = val;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MoreVertComponent.prototype, "disShow", {
        get: /**
         * @return {?}
         */
        function () {
            return this._disShow;
        },
        set: /**
         * @param {?} val
         * @return {?}
         */
        function (val) {
            this._disShow = val;
        },
        enumerable: true,
        configurable: true
    });
    /**
     * @return {?}
     */
    MoreVertComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    /**
     * @param {?} sz
     * @return {?}
     */
    MoreVertComponent.prototype.changeSize = /**
     * @param {?} sz
     * @return {?}
     */
    function (sz) {
        var _this = this;
        this.theNavSize = sz;
        this.svr.userSetting.Cards.find((/**
         * @param {?} x
         * @return {?}
         */
        function (x) { return x.Type === _this.typeName; })).Size = this.theNavSize;
        this.svr.updateSetting().subscribe((/**
         * @return {?}
         */
        function () {
            console.log(_this.svr.userSetting.Cards);
        }));
    };
    /**
     * @param {?} cardName
     * @return {?}
     */
    MoreVertComponent.prototype.removeCard = /**
     * @param {?} cardName
     * @return {?}
     */
    function (cardName) {
        /** @type {?} */
        var arr = this.svr.userSetting.Cards;
        this.svr.userSetting.Cards = arr.filter((/**
         * @param {?} item
         * @return {?}
         */
        function (item) { return item.Type !== cardName; }));
    };
    /**
     * @param {?} i
     * @return {?}
     */
    MoreVertComponent.prototype.removeEle = /**
     * @param {?} i
     * @return {?}
     */
    function (i) {
        this.subMenuClick.emit(i);
    };
    MoreVertComponent.decorators = [
        { type: Component, args: [{
                    selector: 'common-more-vert',
                    template: "<div class=\"dot\">\r\n\t<button mat-button [matMenuTriggerFor]=\"dot\">\r\n\t\t<mat-icon svgIcon=\"more_vert\"></mat-icon>\r\n\t</button>\r\n</div>\r\n\r\n<mat-menu #dot=\"matMenu\" class=\"dotDot\">\r\n\t<button mat-menu-item [matMenuTriggerFor]=\"optionSelect\" *ngIf=\"disShow\">\r\n\t\t<mat-icon svgIcon=\"spellcheck\"></mat-icon>\u9009\u62E9\u6E90\r\n\t</button>\r\n\t<button mat-menu-item [matMenuTriggerFor]=\"optionSize\">\r\n\t\t<mat-icon svgIcon=\"arrow_expand\"></mat-icon>\u5C3A\u5BF8\r\n\t</button>\r\n\t<button mat-menu-item (click)=\"removeCard(typeName)\">\r\n\t\t<mat-icon svgIcon=\"delete_outline\"></mat-icon>\u79FB\u9664\u6A21\u5757\r\n\t</button>\r\n\r\n</mat-menu>\r\n\r\n<mat-menu #optionSelect=\"matMenu\">\r\n\t<button mat-menu-item *ngFor=\"let ele of disElements;let i = index\"\r\n\t\t(click)=\"removeEle(i)\">\r\n\t\t<mat-icon color=\"warn\" class=\"remove-circle\" svgIcon=\"remove_circle\">\r\n\t\t</mat-icon>\r\n\t\t<span>{{ele.title()}}</span>\r\n\t</button>\r\n</mat-menu>\r\n\r\n<mat-menu #optionSize=\"matMenu\" class=\"dotDot\">\r\n\t<button mat-menu-item [ngClass]=\"theNavSize === 'lg' ? 'pitched' : ''\"\r\n\t\t(click)=\"changeSize('lg')\">\r\n\t\t<mat-icon [svgIcon]=\"theNavSize==='lg'?'done':''\">\r\n\t\t</mat-icon>\r\n\t\t<span>100%\u5BBD</span>\r\n\t</button>\r\n\t<button mat-menu-item [ngClass]=\"theNavSize === 'md' ? 'pitched' : ''\"\r\n\t\t(click)=\"changeSize('md')\">\r\n\t\t<mat-icon [svgIcon]=\"theNavSize==='md'?'done':''\">\r\n\t\t</mat-icon>\r\n\t\t<span>2/3\u5BBD</span>\r\n\t</button>\r\n\t<button mat-menu-item [ngClass]=\"theNavSize === 'sm' ? 'pitched' : ''\"\r\n\t\t(click)=\"changeSize('sm')\">\r\n\t\t<mat-icon [svgIcon]=\"theNavSize==='sm'?'done':''\">\r\n\t\t</mat-icon>\r\n\t\t<span>1/3\u5BBD</span>\r\n\t</button>\r\n</mat-menu>",
                    styles: [".dot{width:100%;height:100%}"]
                }] }
    ];
    /** @nocollapse */
    MoreVertComponent.ctorParameters = function () { return [
        { type: IndexService }
    ]; };
    MoreVertComponent.propDecorators = {
        hostClass: [{ type: HostBinding, args: ['class.c-index-more-vert',] }],
        subMenuClick: [{ type: Output }],
        typeName: [{ type: Input }],
        theNavSize: [{ type: Input }],
        disElements: [{ type: Input }],
        disShow: [{ type: Input }]
    };
    return MoreVertComponent;
}());
export { MoreVertComponent };
if (false) {
    /** @type {?} */
    MoreVertComponent.prototype.hostClass;
    /** @type {?} */
    MoreVertComponent.prototype.subMenuClick;
    /**
     * @type {?}
     * @private
     */
    MoreVertComponent.prototype._typeName;
    /**
     * @type {?}
     * @private
     */
    MoreVertComponent.prototype._theNavSize;
    /**
     * @type {?}
     * @private
     */
    MoreVertComponent.prototype._disElements;
    /**
     * @type {?}
     * @private
     */
    MoreVertComponent.prototype._disShow;
    /** @type {?} */
    MoreVertComponent.prototype.svr;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9yZS12ZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9pbmRleC9tb3JlLXZlcnQvbW9yZS12ZXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUYsT0FBTyxFQUFFLFlBQVksRUFBWSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVwRTtJQTZDQywyQkFBbUIsR0FBaUI7UUFBakIsUUFBRyxHQUFILEdBQUcsQ0FBYztRQXZDSSxjQUFTLEdBQUcsSUFBSSxDQUFDOzs7UUFHL0MsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBNEJwQyxhQUFRLEdBQUcsS0FBSyxDQUFDO0lBUWMsQ0FBQztJQWpDeEMsc0JBQWEsdUNBQVE7Ozs7UUFJckI7WUFDQyxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDdkIsQ0FBQzs7Ozs7UUFORCxVQUFzQixHQUFhO1lBQ2xDLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDO1FBQ3RCLENBQUM7OztPQUFBO0lBT0Qsc0JBQWEseUNBQVU7Ozs7UUFHdkI7WUFDQyxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDekIsQ0FBQzs7Ozs7UUFMRCxVQUF3QixHQUFhO1lBQ3BDLElBQUksQ0FBQyxXQUFXLEdBQUcsR0FBRyxDQUFDO1FBQ3hCLENBQUM7OztPQUFBO0lBUUQsc0JBQWEsMENBQVc7Ozs7UUFHeEI7WUFDQyxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDMUIsQ0FBQzs7Ozs7UUFMRCxVQUF5QixHQUFPO1lBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxDQUFDO1FBQ3pCLENBQUM7OztPQUFBO0lBS0Qsc0JBQWEsc0NBQU87Ozs7UUFHcEI7WUFDQyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDdEIsQ0FBQzs7Ozs7UUFMRCxVQUFxQixHQUFZO1lBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO1FBQ3JCLENBQUM7OztPQUFBOzs7O0lBT0Qsb0NBQVE7OztJQUFSLGNBQVksQ0FBQzs7Ozs7SUFDYixzQ0FBVTs7OztJQUFWLFVBQVcsRUFBWTtRQUF2QixpQkFNQztRQUxBLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJOzs7O1FBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLEtBQUksQ0FBQyxRQUFRLEVBQXhCLENBQXdCLEVBQUMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN0RixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVM7OztRQUFDO1lBQ2xDLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekMsQ0FBQyxFQUFDLENBQUM7SUFDSixDQUFDOzs7OztJQUNELHNDQUFVOzs7O0lBQVYsVUFBVyxRQUFnQjs7WUFDcEIsR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLEtBQUs7UUFDdEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxNQUFNOzs7O1FBQUMsVUFBQyxJQUFTLElBQUssT0FBQSxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsRUFBdEIsQ0FBc0IsRUFBQyxDQUFDO0lBQ2hGLENBQUM7Ozs7O0lBQ0QscUNBQVM7Ozs7SUFBVCxVQUFVLENBQUM7UUFDVixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzQixDQUFDOztnQkE3REQsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLG14REFBeUM7O2lCQUV6Qzs7OztnQkFOUSxZQUFZOzs7NEJBUW5CLFdBQVcsU0FBQyx5QkFBeUI7K0JBR3JDLE1BQU07MkJBR04sS0FBSzs2QkFTTCxLQUFLOzhCQVVMLEtBQUs7MEJBT0wsS0FBSzs7SUF3QlAsd0JBQUM7Q0FBQSxBQTlERCxJQThEQztTQXpEWSxpQkFBaUI7OztJQUM3QixzQ0FBeUQ7O0lBR3pELHlDQUE0Qzs7Ozs7SUFFNUMsc0NBQTRCOzs7OztJQVM1Qix3Q0FBOEI7Ozs7O0lBVTlCLHlDQUF5Qjs7Ozs7SUFPekIscUNBQXlCOztJQVFiLGdDQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgSG9zdEJpbmRpbmcsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tICdkYndlYi1jb3JlJztcclxuaW1wb3J0IHsgSW5kZXhTZXJ2aWNlLCBDYXJkU2l6ZSwgQ2FyZFR5cGUgfSBmcm9tICcuLi9pbmRleC5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnY29tbW9uLW1vcmUtdmVydCcsXHJcblx0dGVtcGxhdGVVcmw6ICcuL21vcmUtdmVydC5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vbW9yZS12ZXJ0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE1vcmVWZXJ0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmMtaW5kZXgtbW9yZS12ZXJ0JykgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHQvLyB0eXBlTmFtZTogQ2FyZFR5cGU7XHJcblx0Ly8gdGhlTmF2U2l6ZTogQ2FyZFNpemU7XHJcblx0QE91dHB1dCgpIHN1Yk1lbnVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHQvLyDlrZDnu4Tku7bkvKDlgLwg5Y2h54mH5ZCN56ewXHJcblx0cHJpdmF0ZSBfdHlwZU5hbWU6IENhcmRUeXBlO1xyXG5cdEBJbnB1dCgpIHNldCB0eXBlTmFtZSh2YWw6IENhcmRUeXBlKSB7XHJcblx0XHR0aGlzLl90eXBlTmFtZSA9IHZhbDtcclxuXHR9XHJcblxyXG5cdGdldCB0eXBlTmFtZSgpIHtcclxuXHRcdHJldHVybiB0aGlzLl90eXBlTmFtZTtcclxuXHR9XHJcblx0Ly8g5a2Q57uE5Lu25Lyg5YC8IOWNoeeJh+WwuuWvuCAxMDAlIHwgIDIvMyAgfCAxLzNcclxuXHRwcml2YXRlIF90aGVOYXZTaXplOiBDYXJkU2l6ZTtcclxuXHRASW5wdXQoKSBzZXQgdGhlTmF2U2l6ZSh2YWw6IENhcmRTaXplKSB7XHJcblx0XHR0aGlzLl90aGVOYXZTaXplID0gdmFsO1xyXG5cdH1cclxuXHRnZXQgdGhlTmF2U2l6ZSgpIHtcclxuXHRcdHJldHVybiB0aGlzLl90aGVOYXZTaXplO1xyXG5cdH1cclxuXHQvLyDmmK/lkKbmmL7npLrigJ0xLzPigJxcclxuXHJcblx0Ly8g5a2Q57uE5Lu25Lyg5YC8IOS6jOe6p+iPnOWNleW+queOr1xyXG5cdHByaXZhdGUgX2Rpc0VsZW1lbnRzOiBbXTtcclxuXHRASW5wdXQoKSBzZXQgZGlzRWxlbWVudHModmFsOiBbXSkge1xyXG5cdFx0dGhpcy5fZGlzRWxlbWVudHMgPSB2YWw7XHJcblx0fVxyXG5cdGdldCBkaXNFbGVtZW50cygpIHtcclxuXHRcdHJldHVybiB0aGlzLl9kaXNFbGVtZW50cztcclxuXHR9XHJcblx0cHJpdmF0ZSBfZGlzU2hvdyA9IGZhbHNlO1xyXG5cdEBJbnB1dCgpIHNldCBkaXNTaG93KHZhbDogYm9vbGVhbikge1xyXG5cdFx0dGhpcy5fZGlzU2hvdyA9IHZhbDtcclxuXHR9XHJcblx0Z2V0IGRpc1Nob3coKSB7XHJcblx0XHRyZXR1cm4gdGhpcy5fZGlzU2hvdztcclxuXHR9XHJcblxyXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyBzdnI6IEluZGV4U2VydmljZSkge31cclxuXHJcblx0bmdPbkluaXQoKSB7fVxyXG5cdGNoYW5nZVNpemUoc3o6IENhcmRTaXplKSB7XHJcblx0XHR0aGlzLnRoZU5hdlNpemUgPSBzejtcclxuXHRcdHRoaXMuc3ZyLnVzZXJTZXR0aW5nLkNhcmRzLmZpbmQoeCA9PiB4LlR5cGUgPT09IHRoaXMudHlwZU5hbWUpLlNpemUgPSB0aGlzLnRoZU5hdlNpemU7XHJcblx0XHR0aGlzLnN2ci51cGRhdGVTZXR0aW5nKCkuc3Vic2NyaWJlKCgpID0+IHtcclxuXHRcdFx0Y29uc29sZS5sb2codGhpcy5zdnIudXNlclNldHRpbmcuQ2FyZHMpO1xyXG5cdFx0fSk7XHJcblx0fVxyXG5cdHJlbW92ZUNhcmQoY2FyZE5hbWU6IHN0cmluZykge1xyXG5cdFx0Y29uc3QgYXJyID0gdGhpcy5zdnIudXNlclNldHRpbmcuQ2FyZHM7XHJcblx0XHR0aGlzLnN2ci51c2VyU2V0dGluZy5DYXJkcyA9IGFyci5maWx0ZXIoKGl0ZW06IGFueSkgPT4gaXRlbS5UeXBlICE9PSBjYXJkTmFtZSk7XHJcblx0fVxyXG5cdHJlbW92ZUVsZShpKSB7XHJcblx0XHR0aGlzLnN1Yk1lbnVDbGljay5lbWl0KGkpO1xyXG5cdH1cclxufVxyXG4iXX0=