yoyo-ng-modulewindy/src/abc/notice-icon/notice-icon-tab.component.js

服务于52ABP模板的前端开源的相关组件内容。整合了ng-alain和你NG ZORRO的内容

import { Component, Input, Output, EventEmitter } from '@angular/core';
var NoticeIconTabComponent = /** @class */ (function () {
    function NoticeIconTabComponent() {
        this.select = new EventEmitter();
        this.clear = new EventEmitter();
    }
    NoticeIconTabComponent.prototype.onClick = function (item) {
        this.select.emit({
            title: this.data.title,
            item: item,
        });
    };
    NoticeIconTabComponent.prototype.onClear = function () {
        this.clear.emit(this.data.title);
    };
    NoticeIconTabComponent.decorators = [
        { type: Component, args: [{
                    selector: 'notice-icon-tab',
                    template: "\n  <div *ngIf=\"data.list?.length === 0; else listTpl\" class=\"not-found\">\n    <img *ngIf=\"data.emptyImage\" src=\"{{data.emptyImage}}\" alt=\"not found\" />\n    <p>{{data.emptyText || '\u65E0\u901A\u77E5'}}</p>\n  </div>\n  <ng-template #listTpl>\n    <nz-list [nzDataSource]=\"data.list\" [nzRenderItem]=\"item\">\n      <ng-template #item let-item>\n        <nz-list-item (click)=\"onClick(item)\" [ngClass]=\"{'read': item.read}\">\n          <nz-list-item-meta\n            [nzTitle]=\"nzTitle\"\n            [nzDescription]=\"nzDescription\"\n            [nzAvatar]=\"item.avatar\">\n            <ng-template #nzTitle>\n              {{item.title}}\n              <div class=\"extra\" *ngIf=\"item.extra\"><nz-tag [nzColor]=\"item.color\">{{item.extra}}</nz-tag></div>\n            </ng-template>\n            <ng-template #nzDescription>\n              <div *ngIf=\"item.description\" class=\"description\">{{item.description}}</div>\n              <div *ngIf=\"item.datetime\" class=\"datetime\">{{item.datetime}}</div>\n            </ng-template>\n          </nz-list-item-meta>\n        </nz-list-item>\n      </ng-template>\n    </nz-list>\n    <div class=\"clear\" (click)=\"onClear()\">{{ data.clearText || '\u6E05\u7A7A' }}</div>\n  </ng-template>\n  ",
                    preserveWhitespaces: false,
                },] },
    ];
    NoticeIconTabComponent.propDecorators = {
        data: [{ type: Input }],
        select: [{ type: Output }],
        clear: [{ type: Output }]
    };
    return NoticeIconTabComponent;
}());
export { NoticeIconTabComponent };
//# sourceMappingURL=notice-icon-tab.component.js.map