rd-outer-component 0.0.67 → 0.0.69

package/esm2020/lib/modules/rd-notification/notification.component.mjs

@@ -1,3 +1,4 @@
+// notification.component.ts
 import { Component, ViewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-zorro-antd/notification";
@@ -12,14 +13,16 @@ export class RdNotificationComponent {
     constructor(notificationService, sanitizer) {
         this.notificationService = notificationService;
         this.sanitizer = sanitizer;
+        this.notifications = new Map();
     }
     showNotification(data) {
-        this.notification = this.notificationService.template(this.notificationTpl, {
+        const notificationId = this.generateId();
+        const notification = this.notificationService.template(this.notificationTpl, {
             nzData: data,
             nzDuration: data.duration || 8 * 1000,
             nzStyle: {
                 borderRadius: '4px',
-                border: `1px solid  ${borderColorMap[data?.type]}`,
+                border: `1px solid  ${borderColorMap[data?.type] || '#e5e7eb'}`,
                 boxShadow: '0px 8px 16px 0px rgba(31, 41, 55, 0.08)',
                 display: 'flex',
                 padding: '0',
@@ -28,20 +31,34 @@ export class RdNotificationComponent {
             },
             nzClass: 'custom-wallet-notification',
             nzCloseIcon: this.closeTpl,
+            nzKey: notificationId, // 添加唯一 key
         });
+        this.notifications.set(notificationId, notification);
+        // 自动清理
+        setTimeout(() => {
+            this.notifications.delete(notificationId);
+        }, data.duration || 8000);
     }
     getDesc(desc) {
         return this.sanitizer.bypassSecurityTrustHtml(desc);
     }
     onClick(data) {
-        if (this.notification?.messageId) {
-            this.notificationService.remove(this.notification?.messageId);
-        }
         if (data.onLinkClick) {
-            // 明确检查存在性
             data.onLinkClick();
         }
     }
+    generateId() {
+        return `rd-notification-${Date.now()}-${Math.random()
+            .toString(36)
+            .substr(2, 9)}`;
+    }
+    ngOnDestroy() {
+        // 清理所有通知
+        this.notifications.forEach((notification, id) => {
+            this.notificationService.remove(id);
+        });
+        this.notifications.clear();
+    }
 }
 RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1.NzNotificationService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
 RdNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdNotificationComponent, selector: "app-rd-notification", viewQueries: [{ propertyName: "notificationTpl", first: true, predicate: ["notificationTpl"], descendants: true, static: true }, { propertyName: "closeTpl", first: true, predicate: ["closeTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #notificationTpl let-data=\"data\">\n  <div class=\"rd-custom-notification\"></div>\n  <div\n    class=\"rd-custom-notification-icon\"\n    [class]=\"\n      data.type === 'warn'\n        ? 'rd-custom-warn-background'\n        : data.type === 'error'\n        ? 'rd-custom-error-background'\n        : ''\n    \"\n  >\n    <img\n      [hidden]=\"data.type !== 'success'\"\n      src=\"assets/img/icon/success-tip.svg\"\n    />\n    <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n    <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n  </div>\n  <div class=\"rd-custom-notification-container\">\n    <div class=\"rd-custom-notification-title\">{{ data.title }}</div>\n    <div\n      class=\"rd-custom-notification-desc\"\n      [innerHTML]=\"getDesc(data.desc)\"\n    ></div>\n    <div\n      *ngIf=\"data.actionDesc\"\n      class=\"rd-custom-notification-link\"\n      (click)=\"onClick(data)\"\n    >\n      {{ data.actionDesc }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #closeTpl>\n  <div class=\"rd-custom-notification-close\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n        stroke=\"#030712\"\n        stroke-width=\"1.36\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </div>\n</ng-template>\n", styles: [".rd-custom-notification-container{padding:12px 40px 12px 12px}.rd-custom-notification-container .rd-custom-notification-title{font-size:12px;font-weight:600}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.rd-custom-notification-container .rd-custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.rd-custom-warn-background{background-color:#fef0c3!important}.rd-custom-error-background{background-color:#fce8eb!important}.rd-custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.rd-custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.rd-custom-notification-close{padding:16px 12px}.rd-custom-notification-close svg{width:16px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -55,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: ViewChild,
                 args: ['closeTpl', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvcmQtbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRbEUsTUFBTSxjQUFjLEdBQWtDO0lBQ3BELE9BQU8sRUFBRSxTQUFTO0lBQ2xCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDakIsQ0FBQztBQU9GLE1BQU0sT0FBTyx1QkFBdUI7SUFPbEMsWUFDVSxtQkFBMEMsRUFDMUMsU0FBdUI7UUFEdkIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUF1QjtRQUMxQyxjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQzlCLENBQUM7SUFFSixnQkFBZ0IsQ0FBQyxJQUFXO1FBQzFCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsQ0FDbkQsSUFBSSxDQUFDLGVBQWUsRUFDcEI7WUFDRSxNQUFNLEVBQUUsSUFBSTtZQUNaLFVBQVUsRUFBRSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsR0FBRyxJQUFJO1lBQ3JDLE9BQU8sRUFBRTtnQkFDUCxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLGNBQWMsY0FBYyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFDbEQsU0FBUyxFQUFFLHlDQUF5QztnQkFDcEQsT0FBTyxFQUFFLE1BQU07Z0JBQ2YsT0FBTyxFQUFFLEdBQUc7Z0JBQ1osS0FBSyxFQUFFLE9BQU87Z0JBQ2QsU0FBUyxFQUFFLE1BQU07YUFDbEI7WUFDRCxPQUFPLEVBQUUsNEJBQTRCO1lBQ3JDLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUMzQixDQUNGLENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVk7UUFDbEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCxPQUFPLENBQUMsSUFBVztRQUNqQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFO1lBQ2hDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQztTQUMvRDtRQUNELElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixVQUFVO1lBQ1YsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7cUhBN0NVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGtTQ25CcEMsdWpEQXNEQTs0RkRuQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjt1SUFNdkIsZUFBZTtzQkFEdEIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXRDLFFBQVE7c0JBRGYsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBOek5vdGlmaWNhdGlvblJlZixcbiAgTnpOb3RpZmljYXRpb25TZXJ2aWNlLFxufSBmcm9tICduZy16b3Jyby1hbnRkL25vdGlmaWNhdGlvbic7XG5pbXBvcnQgeyBJRGF0YSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmNvbnN0IGJvcmRlckNvbG9yTWFwOiBSZWNvcmQ8SURhdGFbJ3R5cGUnXSwgc3RyaW5nPiA9IHtcbiAgc3VjY2VzczogJyNiYmY3ZTAnLFxuICB3YXJuOiAnI2ZlZjBjMycsXG4gIGVycm9yOiAnI0VGNzQ4NCcsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBSZE5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ25vdGlmaWNhdGlvblRwbCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHByaXZhdGUgbm90aWZpY2F0aW9uVHBsITogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAVmlld0NoaWxkKCdjbG9zZVRwbCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHByaXZhdGUgY2xvc2VUcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbiE6IE56Tm90aWZpY2F0aW9uUmVmO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIG5vdGlmaWNhdGlvblNlcnZpY2U6IE56Tm90aWZpY2F0aW9uU2VydmljZSxcbiAgICBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyXG4gICkge31cblxuICBzaG93Tm90aWZpY2F0aW9uKGRhdGE6IElEYXRhKSB7XG4gICAgdGhpcy5ub3RpZmljYXRpb24gPSB0aGlzLm5vdGlmaWNhdGlvblNlcnZpY2UudGVtcGxhdGUoXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvblRwbCxcbiAgICAgIHtcbiAgICAgICAgbnpEYXRhOiBkYXRhLFxuICAgICAgICBuekR1cmF0aW9uOiBkYXRhLmR1cmF0aW9uIHx8IDggKiAxMDAwLFxuICAgICAgICBuelN0eWxlOiB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgICR7Ym9yZGVyQ29sb3JNYXBbZGF0YT8udHlwZV19YCxcbiAgICAgICAgICBib3hTaGFkb3c6ICcwcHggOHB4IDE2cHggMHB4IHJnYmEoMzEsIDQxLCA1NSwgMC4wOCknLFxuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBwYWRkaW5nOiAnMCcsXG4gICAgICAgICAgd2lkdGg6ICczMjBweCcsXG4gICAgICAgICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gICAgICAgIH0sXG4gICAgICAgIG56Q2xhc3M6ICdjdXN0b20td2FsbGV0LW5vdGlmaWNhdGlvbicsXG4gICAgICAgIG56Q2xvc2VJY29uOiB0aGlzLmNsb3NlVHBsLFxuICAgICAgfVxuICAgICk7XG4gIH1cblxuICBnZXREZXNjKGRlc2M6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChkZXNjKTtcbiAgfVxuXG4gIG9uQ2xpY2soZGF0YTogSURhdGEpIHtcbiAgICBpZiAodGhpcy5ub3RpZmljYXRpb24/Lm1lc3NhZ2VJZCkge1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLnJlbW92ZSh0aGlzLm5vdGlmaWNhdGlvbj8ubWVzc2FnZUlkKTtcbiAgICB9XG4gICAgaWYgKGRhdGEub25MaW5rQ2xpY2spIHtcbiAgICAgIC8vIOaYjuehruajgOafpeWtmOWcqOaAp1xuICAgICAgZGF0YS5vbkxpbmtDbGljaygpO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNub3RpZmljYXRpb25UcGwgbGV0LWRhdGE9XCJkYXRhXCI+XG4gIDxkaXYgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uXCI+PC9kaXY+XG4gIDxkaXZcbiAgICBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb24taWNvblwiXG4gICAgW2NsYXNzXT1cIlxuICAgICAgZGF0YS50eXBlID09PSAnd2FybidcbiAgICAgICAgPyAncmQtY3VzdG9tLXdhcm4tYmFja2dyb3VuZCdcbiAgICAgICAgOiBkYXRhLnR5cGUgPT09ICdlcnJvcidcbiAgICAgICAgPyAncmQtY3VzdG9tLWVycm9yLWJhY2tncm91bmQnXG4gICAgICAgIDogJydcbiAgICBcIlxuICA+XG4gICAgPGltZ1xuICAgICAgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICdzdWNjZXNzJ1wiXG4gICAgICBzcmM9XCJhc3NldHMvaW1nL2ljb24vc3VjY2Vzcy10aXAuc3ZnXCJcbiAgICAvPlxuICAgIDxpbWcgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICd3YXJuJ1wiIHNyYz1cImFzc2V0cy9pbWcvaWNvbi93YXJtLXRpcC5zdmdcIiAvPlxuICAgIDxpbWcgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICdlcnJvcidcIiBzcmM9XCJhc3NldHMvaW1nL2ljb24vZXJyb3ItdGlwLnN2Z1wiIC8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi10aXRsZVwiPnt7IGRhdGEudGl0bGUgfX08L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb24tZGVzY1wiXG4gICAgICBbaW5uZXJIVE1MXT1cImdldERlc2MoZGF0YS5kZXNjKVwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiZGF0YS5hY3Rpb25EZXNjXCJcbiAgICAgIGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1saW5rXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEpXCJcbiAgICA+XG4gICAgICB7eyBkYXRhLmFjdGlvbkRlc2MgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Nsb3NlVHBsPlxuICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvbi1jbG9zZVwiPlxuICAgIDxzdmdcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgd2lkdGg9XCIxNlwiXG4gICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDE2IDE2XCJcbiAgICAgIGZpbGw9XCJub25lXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMuNDAwMzkgMy4zOTk5TDguMDAwMzkgNy45OTk5TTEyLjYwMDQgMTIuNTk5OUw4LjAwMDM5IDcuOTk5OU04LjAwMDM5IDcuOTk5OUwxMi42MDA0IDMuMzk5OUwzLjQwMDM5IDEyLjU5OTlcIlxuICAgICAgICBzdHJva2U9XCIjMDMwNzEyXCJcbiAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS4zNlwiXG4gICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvcmQtbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw0QkFBNEI7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBZSxTQUFTLEVBQWEsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTdFLE1BQU0sY0FBYyxHQUEyQjtJQUM3QyxPQUFPLEVBQUUsU0FBUztJQUNsQixJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxTQUFTO0NBQ2pCLENBQUM7QUFPRixNQUFNLE9BQU8sdUJBQXVCO0lBU2xDLFlBQ1UsbUJBQTBDLEVBQzFDLFNBQXVCO1FBRHZCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBdUI7UUFDMUMsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUp6QixrQkFBYSxHQUFHLElBQUksR0FBRyxFQUE2QixDQUFDO0lBSzFELENBQUM7SUFFSixnQkFBZ0IsQ0FBQyxJQUFXO1FBQzFCLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUV6QyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUNwRCxJQUFJLENBQUMsZUFBZSxFQUNwQjtZQUNFLE1BQU0sRUFBRSxJQUFJO1lBQ1osVUFBVSxFQUFFLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxHQUFHLElBQUk7WUFDckMsT0FBTyxFQUFFO2dCQUNQLFlBQVksRUFBRSxLQUFLO2dCQUNuQixNQUFNLEVBQUUsY0FBYyxjQUFjLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLFNBQVMsRUFBRTtnQkFDL0QsU0FBUyxFQUFFLHlDQUF5QztnQkFDcEQsT0FBTyxFQUFFLE1BQU07Z0JBQ2YsT0FBTyxFQUFFLEdBQUc7Z0JBQ1osS0FBSyxFQUFFLE9BQU87Z0JBQ2QsU0FBUyxFQUFFLE1BQU07YUFDbEI7WUFDRCxPQUFPLEVBQUUsNEJBQTRCO1lBQ3JDLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUMxQixLQUFLLEVBQUUsY0FBYyxFQUFFLFdBQVc7U0FDbkMsQ0FDRixDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBRXJELE9BQU87UUFDUCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDNUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELE9BQU8sQ0FBQyxJQUFZO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVc7UUFDakIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFTyxVQUFVO1FBQ2hCLE9BQU8sbUJBQW1CLElBQUksQ0FBQyxHQUFHLEVBQUUsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO2FBQ2xELFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDWixNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVc7UUFDVCxTQUFTO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxZQUFZLEVBQUUsRUFBRSxFQUFFLEVBQUU7WUFDOUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7cUhBbkVVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGtTQ3BCcEMsdWpEQXNEQTs0RkRsQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjt1SUFNdkIsZUFBZTtzQkFEdEIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXRDLFFBQVE7c0JBRGYsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiLy8gbm90aWZpY2F0aW9uLmNvbXBvbmVudC50c1xuaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIE56Tm90aWZpY2F0aW9uUmVmLFxuICBOek5vdGlmaWNhdGlvblNlcnZpY2UsXG59IGZyb20gJ25nLXpvcnJvLWFudGQvbm90aWZpY2F0aW9uJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgSURhdGEgfSBmcm9tICcuL25vdGlmaWNhdGlvbi5zZXJ2aWNlJztcblxuY29uc3QgYm9yZGVyQ29sb3JNYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gIHN1Y2Nlc3M6ICcjYmJmN2UwJyxcbiAgd2FybjogJyNmZWYwYzMnLFxuICBlcnJvcjogJyNFRjc0ODQnLFxufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXJkLW5vdGlmaWNhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUmROb3RpZmljYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBAVmlld0NoaWxkKCdub3RpZmljYXRpb25UcGwnLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwcml2YXRlIG5vdGlmaWNhdGlvblRwbCE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQFZpZXdDaGlsZCgnY2xvc2VUcGwnLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwcml2YXRlIGNsb3NlVHBsITogVGVtcGxhdGVSZWY8YW55PjtcblxuICBwcml2YXRlIG5vdGlmaWNhdGlvbnMgPSBuZXcgTWFwPHN0cmluZywgTnpOb3RpZmljYXRpb25SZWY+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBub3RpZmljYXRpb25TZXJ2aWNlOiBOek5vdGlmaWNhdGlvblNlcnZpY2UsXG4gICAgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplclxuICApIHt9XG5cbiAgc2hvd05vdGlmaWNhdGlvbihkYXRhOiBJRGF0YSkge1xuICAgIGNvbnN0IG5vdGlmaWNhdGlvbklkID0gdGhpcy5nZW5lcmF0ZUlkKCk7XG5cbiAgICBjb25zdCBub3RpZmljYXRpb24gPSB0aGlzLm5vdGlmaWNhdGlvblNlcnZpY2UudGVtcGxhdGUoXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvblRwbCxcbiAgICAgIHtcbiAgICAgICAgbnpEYXRhOiBkYXRhLFxuICAgICAgICBuekR1cmF0aW9uOiBkYXRhLmR1cmF0aW9uIHx8IDggKiAxMDAwLFxuICAgICAgICBuelN0eWxlOiB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgICR7Ym9yZGVyQ29sb3JNYXBbZGF0YT8udHlwZV0gfHwgJyNlNWU3ZWInfWAsXG4gICAgICAgICAgYm94U2hhZG93OiAnMHB4IDhweCAxNnB4IDBweCByZ2JhKDMxLCA0MSwgNTUsIDAuMDgpJyxcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgICAgIHdpZHRoOiAnMzIwcHgnLFxuICAgICAgICAgIG1hcmdpblRvcDogJy0xcHgnLFxuICAgICAgICB9LFxuICAgICAgICBuekNsYXNzOiAnY3VzdG9tLXdhbGxldC1ub3RpZmljYXRpb24nLFxuICAgICAgICBuekNsb3NlSWNvbjogdGhpcy5jbG9zZVRwbCxcbiAgICAgICAgbnpLZXk6IG5vdGlmaWNhdGlvbklkLCAvLyDmt7vliqDllK/kuIAga2V5XG4gICAgICB9XG4gICAgKTtcblxuICAgIHRoaXMubm90aWZpY2F0aW9ucy5zZXQobm90aWZpY2F0aW9uSWQsIG5vdGlmaWNhdGlvbik7XG5cbiAgICAvLyDoh6rliqjmuIXnkIZcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMubm90aWZpY2F0aW9ucy5kZWxldGUobm90aWZpY2F0aW9uSWQpO1xuICAgIH0sIGRhdGEuZHVyYXRpb24gfHwgODAwMCk7XG4gIH1cblxuICBnZXREZXNjKGRlc2M6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChkZXNjKTtcbiAgfVxuXG4gIG9uQ2xpY2soZGF0YTogSURhdGEpIHtcbiAgICBpZiAoZGF0YS5vbkxpbmtDbGljaykge1xuICAgICAgZGF0YS5vbkxpbmtDbGljaygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZ2VuZXJhdGVJZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgcmQtbm90aWZpY2F0aW9uLSR7RGF0ZS5ub3coKX0tJHtNYXRoLnJhbmRvbSgpXG4gICAgICAudG9TdHJpbmcoMzYpXG4gICAgICAuc3Vic3RyKDIsIDkpfWA7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAvLyDmuIXnkIbmiYDmnInpgJrnn6VcbiAgICB0aGlzLm5vdGlmaWNhdGlvbnMuZm9yRWFjaCgobm90aWZpY2F0aW9uLCBpZCkgPT4ge1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLnJlbW92ZShpZCk7XG4gICAgfSk7XG4gICAgdGhpcy5ub3RpZmljYXRpb25zLmNsZWFyKCk7XG4gIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjbm90aWZpY2F0aW9uVHBsIGxldC1kYXRhPVwiZGF0YVwiPlxuICA8ZGl2IGNsYXNzPVwicmQtY3VzdG9tLW5vdGlmaWNhdGlvblwiPjwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uLWljb25cIlxuICAgIFtjbGFzc109XCJcbiAgICAgIGRhdGEudHlwZSA9PT0gJ3dhcm4nXG4gICAgICAgID8gJ3JkLWN1c3RvbS13YXJuLWJhY2tncm91bmQnXG4gICAgICAgIDogZGF0YS50eXBlID09PSAnZXJyb3InXG4gICAgICAgID8gJ3JkLWN1c3RvbS1lcnJvci1iYWNrZ3JvdW5kJ1xuICAgICAgICA6ICcnXG4gICAgXCJcbiAgPlxuICAgIDxpbWdcbiAgICAgIFtoaWRkZW5dPVwiZGF0YS50eXBlICE9PSAnc3VjY2VzcydcIlxuICAgICAgc3JjPVwiYXNzZXRzL2ltZy9pY29uL3N1Y2Nlc3MtdGlwLnN2Z1wiXG4gICAgLz5cbiAgICA8aW1nIFtoaWRkZW5dPVwiZGF0YS50eXBlICE9PSAnd2FybidcIiBzcmM9XCJhc3NldHMvaW1nL2ljb24vd2FybS10aXAuc3ZnXCIgLz5cbiAgICA8aW1nIFtoaWRkZW5dPVwiZGF0YS50eXBlICE9PSAnZXJyb3InXCIgc3JjPVwiYXNzZXRzL2ltZy9pY29uL2Vycm9yLXRpcC5zdmdcIiAvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb24tY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb24tdGl0bGVcIj57eyBkYXRhLnRpdGxlIH19PC9kaXY+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJyZC1jdXN0b20tbm90aWZpY2F0aW9uLWRlc2NcIlxuICAgICAgW2lubmVySFRNTF09XCJnZXREZXNjKGRhdGEuZGVzYylcIlxuICAgID48L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImRhdGEuYWN0aW9uRGVzY1wiXG4gICAgICBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb24tbGlua1wiXG4gICAgICAoY2xpY2spPVwib25DbGljayhkYXRhKVwiXG4gICAgPlxuICAgICAge3sgZGF0YS5hY3Rpb25EZXNjIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNjbG9zZVRwbD5cbiAgPGRpdiBjbGFzcz1cInJkLWN1c3RvbS1ub3RpZmljYXRpb24tY2xvc2VcIj5cbiAgICA8c3ZnXG4gICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgIHdpZHRoPVwiMTZcIlxuICAgICAgaGVpZ2h0PVwiMTZcIlxuICAgICAgdmlld0JveD1cIjAgMCAxNiAxNlwiXG4gICAgICBmaWxsPVwibm9uZVwiXG4gICAgPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0zLjQwMDM5IDMuMzk5OUw4LjAwMDM5IDcuOTk5OU0xMi42MDA0IDEyLjU5OTlMOC4wMDAzOSA3Ljk5OTlNOC4wMDAzOSA3Ljk5OTlMMTIuNjAwNCAzLjM5OTlMMy40MDAzOSAxMi41OTk5XCJcbiAgICAgICAgc3Ryb2tlPVwiIzAzMDcxMlwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjEuMzZcIlxuICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgLz5cbiAgICA8L3N2Zz5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/modules/rd-notification/notification.module.mjs

@@ -1,19 +1,41 @@
-import { NgModule } from '@angular/core';
+// notification.module.ts (在 NPM 包中)
+import { NgModule, Optional, SkipSelf, } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NzNotificationModule } from 'ng-zorro-antd/notification';
 import { RdNotificationComponent } from './notification.component';
-import { RouterModule } from '@angular/router';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { RdNotificationService } from './notification.service';
 import * as i0 from "@angular/core";
 export class RdNotificationModule {
+    constructor(parentModule) {
+        if (parentModule) {
+            throw new Error('RdNotificationModule is already loaded. Import it in the AppModule only');
+        }
+    }
+    // 修复：使用正确的类型和静态方法
+    static forRoot(config) {
+        return {
+            ngModule: RdNotificationModule,
+            providers: [
+                RdNotificationService,
+                // 如果有配置，可以在这里提供
+                config ? { provide: 'RD_NOTIFICATION_CONFIG', useValue: config } : [],
+            ],
+        };
+    }
 }
-RdNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RdNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, declarations: [RdNotificationComponent], imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
-RdNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
+RdNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, deps: [{ token: RdNotificationModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
+RdNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, declarations: [RdNotificationComponent], imports: [CommonModule, NzNotificationModule], exports: [RdNotificationComponent] });
+RdNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, imports: [CommonModule, NzNotificationModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, decorators: [{
             type: NgModule,
             args: [{
+                    imports: [CommonModule, NzNotificationModule],
                     declarations: [RdNotificationComponent],
-                    imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule],
+                    exports: [RdNotificationComponent],
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBTWxFLE1BQU0sT0FBTyxvQkFBb0I7O2tIQUFwQixvQkFBb0I7bUhBQXBCLG9CQUFvQixpQkFIaEIsdUJBQXVCLGFBQzVCLFlBQVksRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQjttSEFFM0Qsb0JBQW9CLFlBRnJCLFlBQVksRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQjs0RkFFM0Qsb0JBQW9CO2tCQUpoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHVCQUF1QixDQUFDO29CQUN2QyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztpQkFDeEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJkTm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUmROb3RpZmljYXRpb25Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgUmROb3RpZmljYXRpb25Nb2R1bGUge31cbiJdfQ==
+        }], ctorParameters: function () { return [{ type: RdNotificationModule, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9DQUFvQztBQUNwQyxPQUFPLEVBQ0wsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWxFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQWMvRCxNQUFNLE9BQU8sb0JBQW9CO0lBQy9CLFlBQW9DLFlBQW1DO1FBQ3JFLElBQUksWUFBWSxFQUFFO1lBQ2hCLE1BQU0sSUFBSSxLQUFLLENBQ2IseUVBQXlFLENBQzFFLENBQUM7U0FDSDtJQUNILENBQUM7SUFFRCxrQkFBa0I7SUFDbEIsTUFBTSxDQUFDLE9BQU8sQ0FDWixNQUE2QjtRQUU3QixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtZQUM5QixTQUFTLEVBQUU7Z0JBQ1QscUJBQXFCO2dCQUNyQixnQkFBZ0I7Z0JBQ2hCLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO2FBQ3RFO1NBQ0YsQ0FBQztJQUNKLENBQUM7O2tIQXJCVSxvQkFBb0I7bUhBQXBCLG9CQUFvQixpQkFIaEIsdUJBQXVCLGFBRDVCLFlBQVksRUFBRSxvQkFBb0IsYUFFbEMsdUJBQXVCO21IQUV0QixvQkFBb0IsWUFKckIsWUFBWSxFQUFFLG9CQUFvQjs0RkFJakMsb0JBQW9CO2tCQUxoQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxvQkFBb0IsQ0FBQztvQkFDN0MsWUFBWSxFQUFFLENBQUMsdUJBQXVCLENBQUM7b0JBQ3ZDLE9BQU8sRUFBRSxDQUFDLHVCQUF1QixDQUFDO2lCQUNuQzs7MEJBRWMsUUFBUTs7MEJBQUksUUFBUSIsInNvdXJjZXNDb250ZW50IjpbIi8vIG5vdGlmaWNhdGlvbi5tb2R1bGUudHMgKOWcqCBOUE0g5YyF5LitKVxuaW1wb3J0IHtcbiAgTmdNb2R1bGUsXG4gIE9wdGlvbmFsLFxuICBTa2lwU2VsZixcbiAgTW9kdWxlV2l0aFByb3ZpZGVycyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTnpOb3RpZmljYXRpb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL25vdGlmaWNhdGlvbic7XG5cbmltcG9ydCB7IFJkTm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJkTm90aWZpY2F0aW9uU2VydmljZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuXG4vLyDmt7vliqDphY3nva7mjqXlj6NcbmV4cG9ydCBpbnRlcmZhY2UgUmROb3RpZmljYXRpb25Db25maWcge1xuICAvLyDlj6/ku6Xmt7vliqDphY3nva7pgInpobnvvIzmr5TlpoLpu5jorqTmjIHnu63ml7bpl7TnrYlcbiAgZGVmYXVsdER1cmF0aW9uPzogbnVtYmVyO1xuICBtYXhTdGFjaz86IG51bWJlcjtcbn1cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTnpOb3RpZmljYXRpb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtSZE5vdGlmaWNhdGlvbkNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtSZE5vdGlmaWNhdGlvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFJkTm90aWZpY2F0aW9uTW9kdWxlIHtcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgcGFyZW50TW9kdWxlPzogUmROb3RpZmljYXRpb25Nb2R1bGUpIHtcbiAgICBpZiAocGFyZW50TW9kdWxlKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICdSZE5vdGlmaWNhdGlvbk1vZHVsZSBpcyBhbHJlYWR5IGxvYWRlZC4gSW1wb3J0IGl0IGluIHRoZSBBcHBNb2R1bGUgb25seSdcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgLy8g5L+u5aSN77ya5L2/55So5q2j56Gu55qE57G75Z6L5ZKM6Z2Z5oCB5pa55rOVXG4gIHN0YXRpYyBmb3JSb290KFxuICAgIGNvbmZpZz86IFJkTm90aWZpY2F0aW9uQ29uZmlnXG4gICk6IE1vZHVsZVdpdGhQcm92aWRlcnM8UmROb3RpZmljYXRpb25Nb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IFJkTm90aWZpY2F0aW9uTW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIFJkTm90aWZpY2F0aW9uU2VydmljZSxcbiAgICAgICAgLy8g5aaC5p6c5pyJ6YWN572u77yM5Y+v5Lul5Zyo6L+Z6YeM5o+Q5L6bXG4gICAgICAgIGNvbmZpZyA/IHsgcHJvdmlkZTogJ1JEX05PVElGSUNBVElPTl9DT05GSUcnLCB1c2VWYWx1ZTogY29uZmlnIH0gOiBbXSxcbiAgICAgIF0sXG4gICAgfTtcbiAgfVxufVxuIl19

package/esm2020/lib/modules/rd-notification/notification.service.mjs

@@ -1,38 +1,105 @@
-import { Injectable } from '@angular/core';
-import { createComponent, } from '@angular/core';
+// notification.service.ts
+import { Injectable, } from '@angular/core';
+import { createComponent } from '@angular/core';
 import { RdNotificationComponent } from './notification.component';
 import * as i0 from "@angular/core";
 export class RdNotificationService {
-    constructor(applicationRef, injector) {
-        this.applicationRef = applicationRef;
+    constructor(injector, environmentInjector // 添加 EnvironmentInjector
+    ) {
         this.injector = injector;
-        this.createNotificationComponent();
+        this.environmentInjector = environmentInjector;
+        this.isCreating = false;
+        // 防止重复实例化
+        if (RdNotificationService.instance) {
+            return RdNotificationService.instance;
+        }
+        RdNotificationService.instance = this;
     }
-    createNotificationComponent() {
-        // 创建组件
-        this.notificationComponent = createComponent(RdNotificationComponent, {
-            environmentInjector: this.applicationRef.injector,
-            elementInjector: this.injector,
+    ensureComponentCreated() {
+        return new Promise((resolve) => {
+            if (this.notificationComponentRef) {
+                resolve();
+                return;
+            }
+            if (this.isCreating) {
+                // 如果正在创建，等待创建完成
+                const checkInterval = setInterval(() => {
+                    if (this.notificationComponentRef && !this.isCreating) {
+                        clearInterval(checkInterval);
+                        resolve();
+                    }
+                }, 10);
+                return;
+            }
+            this.isCreating = true;
+            try {
+                // 使用 setTimeout 避免在 Angular 生命周期内创建组件
+                setTimeout(() => {
+                    // Angular 15+ 的正确用法
+                    this.notificationComponentRef = createComponent(RdNotificationComponent, {
+                        environmentInjector: this.environmentInjector,
+                        elementInjector: this.injector,
+                    });
+                    const hostView = this.notificationComponentRef
+                        .hostView;
+                    const rootNode = hostView.rootNodes[0];
+                    if (document.body) {
+                        document.body.appendChild(rootNode);
+                    }
+                    else {
+                        // 如果 document.body 还不存在，等待 DOM 准备就绪
+                        document.addEventListener('DOMContentLoaded', () => {
+                            document.body.appendChild(rootNode);
+                        });
+                    }
+                    this.notificationComponentRef.changeDetectorRef.detectChanges();
+                    this.isCreating = false;
+                    resolve();
+                });
+            }
+            catch (error) {
+                console.error('Failed to create notification component:', error);
+                this.isCreating = false;
+                resolve();
+            }
         });
-        // 添加到 DOM
-        const domElem = this.notificationComponent.hostView.rootNodes[0];
-        document.body.appendChild(domElem);
-        // 添加到 ApplicationRef
-        this.applicationRef.attachView(this.notificationComponent.hostView);
     }
-    /**
-     * 显示通知
-     */
-    show(data) {
-        this.notificationComponent?.instance.showNotification(data);
+    async show(data) {
+        await this.ensureComponentCreated();
+        if (this.notificationComponentRef?.instance) {
+            // 使用 setTimeout 确保在下一个 Angular 周期执行
+            setTimeout(() => {
+                this.notificationComponentRef.instance.showNotification(data);
+            });
+        }
+    }
+    ngOnDestroy() {
+        if (this.notificationComponentRef) {
+            this.notificationComponentRef.destroy();
+            this.notificationComponentRef = undefined;
+        }
+        RdNotificationService.instance = null;
+    }
+    // 静态方法用于快速访问
+    static show(data) {
+        setTimeout(() => {
+            const instance = this.getInstance();
+            if (instance) {
+                instance.show(data);
+            }
+        });
+    }
+    static getInstance() {
+        return this.instance;
     }
 }
-RdNotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+RdNotificationService.instance = null;
+RdNotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, deps: [{ token: i0.Injector }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
 RdNotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBRUwsZUFBZSxHQUloQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFjbkUsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUNVLGNBQThCLEVBQzlCLFFBQWtCO1FBRGxCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM5QixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBRTFCLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFTywyQkFBMkI7UUFDakMsT0FBTztRQUNQLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxlQUFlLENBQUMsdUJBQXVCLEVBQUU7WUFDcEUsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRO1lBQ2pELGVBQWUsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUMvQixDQUFDLENBQUM7UUFFSCxVQUFVO1FBQ1YsTUFBTSxPQUFPLEdBQ1gsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQzVCLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2YsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFbkMscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLENBQUMsSUFBVztRQUNkLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxRQUFRLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUQsQ0FBQzs7bUhBaENVLHFCQUFxQjt1SEFBckIscUJBQXFCLGNBRnBCLE1BQU07NEZBRVAscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIENvbXBvbmVudFJlZixcbiAgY3JlYXRlQ29tcG9uZW50LFxuICBBcHBsaWNhdGlvblJlZixcbiAgSW5qZWN0b3IsXG4gIEVtYmVkZGVkVmlld1JlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZE5vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSURhdGEge1xuICB0aXRsZT86IHN0cmluZztcbiAgZGVzYz86IHN0cmluZztcbiAgYWN0aW9uRGVzYz86IHN0cmluZztcbiAgZHVyYXRpb24/OiBudW1iZXI7XG4gIHR5cGU6ICdzdWNjZXNzJyB8ICd3YXJuJyB8ICdlcnJvcic7XG4gIG9uTGlua0NsaWNrPzogKCkgPT4gdm9pZDtcbn1cblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFJkTm90aWZpY2F0aW9uU2VydmljZSB7XG4gIHByaXZhdGUgbm90aWZpY2F0aW9uQ29tcG9uZW50PzogQ29tcG9uZW50UmVmPFJkTm90aWZpY2F0aW9uQ29tcG9uZW50PjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGFwcGxpY2F0aW9uUmVmOiBBcHBsaWNhdGlvblJlZixcbiAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvclxuICApIHtcbiAgICB0aGlzLmNyZWF0ZU5vdGlmaWNhdGlvbkNvbXBvbmVudCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVOb3RpZmljYXRpb25Db21wb25lbnQoKSB7XG4gICAgLy8g5Yib5bu657uE5Lu2XG4gICAgdGhpcy5ub3RpZmljYXRpb25Db21wb25lbnQgPSBjcmVhdGVDb21wb25lbnQoUmROb3RpZmljYXRpb25Db21wb25lbnQsIHtcbiAgICAgIGVudmlyb25tZW50SW5qZWN0b3I6IHRoaXMuYXBwbGljYXRpb25SZWYuaW5qZWN0b3IsXG4gICAgICBlbGVtZW50SW5qZWN0b3I6IHRoaXMuaW5qZWN0b3IsXG4gICAgfSk7XG5cbiAgICAvLyDmt7vliqDliLAgRE9NXG4gICAgY29uc3QgZG9tRWxlbSA9IChcbiAgICAgIHRoaXMubm90aWZpY2F0aW9uQ29tcG9uZW50Lmhvc3RWaWV3IGFzIEVtYmVkZGVkVmlld1JlZjxhbnk+XG4gICAgKS5yb290Tm9kZXNbMF07XG4gICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChkb21FbGVtKTtcblxuICAgIC8vIOa3u+WKoOWIsCBBcHBsaWNhdGlvblJlZlxuICAgIHRoaXMuYXBwbGljYXRpb25SZWYuYXR0YWNoVmlldyh0aGlzLm5vdGlmaWNhdGlvbkNvbXBvbmVudC5ob3N0Vmlldyk7XG4gIH1cblxuICAvKipcbiAgICog5pi+56S66YCa55+lXG4gICAqL1xuICBzaG93KGRhdGE6IElEYXRhKSB7XG4gICAgdGhpcy5ub3RpZmljYXRpb25Db21wb25lbnQ/Lmluc3RhbmNlLnNob3dOb3RpZmljYXRpb24oZGF0YSk7XG4gIH1cbn1cbiJdfQ==
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.EnvironmentInjector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMEJBQTBCO0FBQzFCLE9BQU8sRUFDTCxVQUFVLEdBSVgsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFnQixlQUFlLEVBQW1CLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQWNuRSxNQUFNLE9BQU8scUJBQXFCO0lBS2hDLFlBQ1UsUUFBa0IsRUFDbEIsbUJBQXdDLENBQUMseUJBQXlCOztRQURsRSxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2xCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFKMUMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQU16QixVQUFVO1FBQ1YsSUFBSSxxQkFBcUIsQ0FBQyxRQUFRLEVBQUU7WUFDbEMsT0FBTyxxQkFBcUIsQ0FBQyxRQUFRLENBQUM7U0FDdkM7UUFDRCxxQkFBcUIsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ3hDLENBQUM7SUFFTyxzQkFBc0I7UUFDNUIsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQzdCLElBQUksSUFBSSxDQUFDLHdCQUF3QixFQUFFO2dCQUNqQyxPQUFPLEVBQUUsQ0FBQztnQkFDVixPQUFPO2FBQ1I7WUFFRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ25CLGdCQUFnQjtnQkFDaEIsTUFBTSxhQUFhLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtvQkFDckMsSUFBSSxJQUFJLENBQUMsd0JBQXdCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO3dCQUNyRCxhQUFhLENBQUMsYUFBYSxDQUFDLENBQUM7d0JBQzdCLE9BQU8sRUFBRSxDQUFDO3FCQUNYO2dCQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztnQkFDUCxPQUFPO2FBQ1I7WUFFRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUV2QixJQUFJO2dCQUNGLHNDQUFzQztnQkFDdEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxvQkFBb0I7b0JBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxlQUFlLENBQzdDLHVCQUF1QixFQUN2Qjt3QkFDRSxtQkFBbUIsRUFBRSxJQUFJLENBQUMsbUJBQW1CO3dCQUM3QyxlQUFlLEVBQUUsSUFBSSxDQUFDLFFBQVE7cUJBQy9CLENBQ0YsQ0FBQztvQkFFRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsd0JBQXdCO3lCQUMzQyxRQUFnQyxDQUFDO29CQUNwQyxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO29CQUV2QyxJQUFJLFFBQVEsQ0FBQyxJQUFJLEVBQUU7d0JBQ2pCLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO3FCQUNyQzt5QkFBTTt3QkFDTCxvQ0FBb0M7d0JBQ3BDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsRUFBRSxHQUFHLEVBQUU7NEJBQ2pELFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO3dCQUN0QyxDQUFDLENBQUMsQ0FBQztxQkFDSjtvQkFFRCxJQUFJLENBQUMsd0JBQXdCLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7b0JBQ2hFLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO29CQUN4QixPQUFPLEVBQUUsQ0FBQztnQkFDWixDQUFDLENBQUMsQ0FBQzthQUNKO1lBQUMsT0FBTyxLQUFLLEVBQUU7Z0JBQ2QsT0FBTyxDQUFDLEtBQUssQ0FBQywwQ0FBMEMsRUFBRSxLQUFLLENBQUMsQ0FBQztnQkFDakUsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7Z0JBQ3hCLE9BQU8sRUFBRSxDQUFDO2FBQ1g7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxLQUFLLENBQUMsSUFBSSxDQUFDLElBQVc7UUFDcEIsTUFBTSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztRQUVwQyxJQUFJLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxRQUFRLEVBQUU7WUFDM0Msb0NBQW9DO1lBQ3BDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLHdCQUF5QixDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNqRSxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyx3QkFBd0IsRUFBRTtZQUNqQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLHdCQUF3QixHQUFHLFNBQVMsQ0FBQztTQUMzQztRQUNELHFCQUFxQixDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDeEMsQ0FBQztJQUVELGFBQWE7SUFDYixNQUFNLENBQUMsSUFBSSxDQUFDLElBQVc7UUFDckIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNwQyxJQUFJLFFBQVEsRUFBRTtnQkFDWixRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3JCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sTUFBTSxDQUFDLFdBQVc7UUFDeEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7O0FBdkdjLDhCQUFRLEdBQWlDLElBQUksQ0FBQzttSEFEbEQscUJBQXFCO3VIQUFyQixxQkFBcUIsY0FGcEIsTUFBTTs0RkFFUCxxQkFBcUI7a0JBSGpDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiLy8gbm90aWZpY2F0aW9uLnNlcnZpY2UudHNcbmltcG9ydCB7XG4gIEluamVjdGFibGUsXG4gIEluamVjdG9yLFxuICBPbkRlc3Ryb3ksXG4gIEVudmlyb25tZW50SW5qZWN0b3IsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmLCBjcmVhdGVDb21wb25lbnQsIEVtYmVkZGVkVmlld1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmROb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElEYXRhIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGRlc2M/OiBzdHJpbmc7XG4gIGFjdGlvbkRlc2M/OiBzdHJpbmc7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICB0eXBlOiAnc3VjY2VzcycgfCAnd2FybicgfCAnZXJyb3InO1xuICBvbkxpbmtDbGljaz86ICgpID0+IHZvaWQ7XG59XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBSZE5vdGlmaWNhdGlvblNlcnZpY2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHN0YXRpYyBpbnN0YW5jZTogUmROb3RpZmljYXRpb25TZXJ2aWNlIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgbm90aWZpY2F0aW9uQ29tcG9uZW50UmVmPzogQ29tcG9uZW50UmVmPFJkTm90aWZpY2F0aW9uQ29tcG9uZW50PjtcbiAgcHJpdmF0ZSBpc0NyZWF0aW5nID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgcHJpdmF0ZSBlbnZpcm9ubWVudEluamVjdG9yOiBFbnZpcm9ubWVudEluamVjdG9yIC8vIOa3u+WKoCBFbnZpcm9ubWVudEluamVjdG9yXG4gICkge1xuICAgIC8vIOmYsuatoumHjeWkjeWunuS+i+WMllxuICAgIGlmIChSZE5vdGlmaWNhdGlvblNlcnZpY2UuaW5zdGFuY2UpIHtcbiAgICAgIHJldHVybiBSZE5vdGlmaWNhdGlvblNlcnZpY2UuaW5zdGFuY2U7XG4gICAgfVxuICAgIFJkTm90aWZpY2F0aW9uU2VydmljZS5pbnN0YW5jZSA9IHRoaXM7XG4gIH1cblxuICBwcml2YXRlIGVuc3VyZUNvbXBvbmVudENyZWF0ZWQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlKSA9PiB7XG4gICAgICBpZiAodGhpcy5ub3RpZmljYXRpb25Db21wb25lbnRSZWYpIHtcbiAgICAgICAgcmVzb2x2ZSgpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmlzQ3JlYXRpbmcpIHtcbiAgICAgICAgLy8g5aaC5p6c5q2j5Zyo5Yib5bu677yM562J5b6F5Yib5bu65a6M5oiQXG4gICAgICAgIGNvbnN0IGNoZWNrSW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICAgICAgaWYgKHRoaXMubm90aWZpY2F0aW9uQ29tcG9uZW50UmVmICYmICF0aGlzLmlzQ3JlYXRpbmcpIHtcbiAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwoY2hlY2tJbnRlcnZhbCk7XG4gICAgICAgICAgICByZXNvbHZlKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LCAxMCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgdGhpcy5pc0NyZWF0aW5nID0gdHJ1ZTtcblxuICAgICAgdHJ5IHtcbiAgICAgICAgLy8g5L2/55SoIHNldFRpbWVvdXQg6YG/5YWN5ZyoIEFuZ3VsYXIg55Sf5ZG95ZGo5pyf5YaF5Yib5bu657uE5Lu2XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIC8vIEFuZ3VsYXIgMTUrIOeahOato+ehrueUqOazlVxuICAgICAgICAgIHRoaXMubm90aWZpY2F0aW9uQ29tcG9uZW50UmVmID0gY3JlYXRlQ29tcG9uZW50KFxuICAgICAgICAgICAgUmROb3RpZmljYXRpb25Db21wb25lbnQsXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGVudmlyb25tZW50SW5qZWN0b3I6IHRoaXMuZW52aXJvbm1lbnRJbmplY3RvciwgLy8g5b+F6ZyA5Y+C5pWwXG4gICAgICAgICAgICAgIGVsZW1lbnRJbmplY3RvcjogdGhpcy5pbmplY3RvcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICApO1xuXG4gICAgICAgICAgY29uc3QgaG9zdFZpZXcgPSB0aGlzLm5vdGlmaWNhdGlvbkNvbXBvbmVudFJlZlxuICAgICAgICAgICAgLmhvc3RWaWV3IGFzIEVtYmVkZGVkVmlld1JlZjxhbnk+O1xuICAgICAgICAgIGNvbnN0IHJvb3ROb2RlID0gaG9zdFZpZXcucm9vdE5vZGVzWzBdO1xuXG4gICAgICAgICAgaWYgKGRvY3VtZW50LmJvZHkpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQocm9vdE5vZGUpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyDlpoLmnpwgZG9jdW1lbnQuYm9keSDov5jkuI3lrZjlnKjvvIznrYnlvoUgRE9NIOWHhuWkh+Wwsee7qlxuICAgICAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignRE9NQ29udGVudExvYWRlZCcsICgpID0+IHtcbiAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChyb290Tm9kZSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICB0aGlzLm5vdGlmaWNhdGlvbkNvbXBvbmVudFJlZi5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgICAgdGhpcy5pc0NyZWF0aW5nID0gZmFsc2U7XG4gICAgICAgICAgcmVzb2x2ZSgpO1xuICAgICAgICB9KTtcbiAgICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoJ0ZhaWxlZCB0byBjcmVhdGUgbm90aWZpY2F0aW9uIGNvbXBvbmVudDonLCBlcnJvcik7XG4gICAgICAgIHRoaXMuaXNDcmVhdGluZyA9IGZhbHNlO1xuICAgICAgICByZXNvbHZlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBhc3luYyBzaG93KGRhdGE6IElEYXRhKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgYXdhaXQgdGhpcy5lbnN1cmVDb21wb25lbnRDcmVhdGVkKCk7XG5cbiAgICBpZiAodGhpcy5ub3RpZmljYXRpb25Db21wb25lbnRSZWY/Lmluc3RhbmNlKSB7XG4gICAgICAvLyDkvb/nlKggc2V0VGltZW91dCDnoa7kv53lnKjkuIvkuIDkuKogQW5ndWxhciDlkajmnJ/miafooYxcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLm5vdGlmaWNhdGlvbkNvbXBvbmVudFJlZiEuaW5zdGFuY2Uuc2hvd05vdGlmaWNhdGlvbihkYXRhKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm5vdGlmaWNhdGlvbkNvbXBvbmVudFJlZikge1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25Db21wb25lbnRSZWYuZGVzdHJveSgpO1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25Db21wb25lbnRSZWYgPSB1bmRlZmluZWQ7XG4gICAgfVxuICAgIFJkTm90aWZpY2F0aW9uU2VydmljZS5pbnN0YW5jZSA9IG51bGw7XG4gIH1cblxuICAvLyDpnZnmgIHmlrnms5XnlKjkuo7lv6vpgJ/orr/pl65cbiAgc3RhdGljIHNob3coZGF0YTogSURhdGEpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnN0IGluc3RhbmNlID0gdGhpcy5nZXRJbnN0YW5jZSgpO1xuICAgICAgaWYgKGluc3RhbmNlKSB7XG4gICAgICAgIGluc3RhbmNlLnNob3coZGF0YSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHN0YXRpYyBnZXRJbnN0YW5jZSgpOiBSZE5vdGlmaWNhdGlvblNlcnZpY2UgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5pbnN0YW5jZTtcbiAgfVxufVxuIl19

package/fesm2015/rd-outer-component.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, forwardRef, Component, Input, Output, NgModule, ViewChild, createComponent, Injectable, Pipe } from '@angular/core';
+import { EventEmitter, forwardRef, Component, Input, Output, NgModule, ViewChild, createComponent, Injectable, Optional, SkipSelf, Pipe } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, NG_VALIDATORS } from '@angular/forms';
 import * as i1 from '@angular/common';
@@ -25,15 +25,15 @@ import * as i2$2 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import * as i2$1 from 'ng-zorro-antd/core/transition-patch';
 import { differenceInCalendarDays } from 'date-fns';
-import { __decorate } from 'tslib';
+import { __decorate, __awaiter } from 'tslib';
 import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
 import * as i4$2 from 'ng-zorro-antd/pagination';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
 import * as i5 from 'ng-zorro-antd/grid';
 import { NzGridModule } from 'ng-zorro-antd/grid';
 import * as i1$1 from 'ng-zorro-antd/notification';
+import { NzNotificationModule } from 'ng-zorro-antd/notification';
 import * as i2$3 from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
 import { Subject, isObservable, of } from 'rxjs';
 import { debounceTime, filter, switchMap } from 'rxjs/operators';
 
@@ -1806,6 +1806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
+// notification.component.ts
 const borderColorMap = {
     success: '#bbf7e0',
     warn: '#fef0c3',
@@ -1815,14 +1816,16 @@ class RdNotificationComponent {
     constructor(notificationService, sanitizer) {
         this.notificationService = notificationService;
         this.sanitizer = sanitizer;
+        this.notifications = new Map();
     }
     showNotification(data) {
-        this.notification = this.notificationService.template(this.notificationTpl, {
+        const notificationId = this.generateId();
+        const notification = this.notificationService.template(this.notificationTpl, {
             nzData: data,
             nzDuration: data.duration || 8 * 1000,
             nzStyle: {
                 borderRadius: '4px',
-                border: `1px solid  ${borderColorMap[data === null || data === void 0 ? void 0 : data.type]}`,
+                border: `1px solid  ${borderColorMap[data === null || data === void 0 ? void 0 : data.type] || '#e5e7eb'}`,
                 boxShadow: '0px 8px 16px 0px rgba(31, 41, 55, 0.08)',
                 display: 'flex',
                 padding: '0',
@@ -1831,21 +1834,34 @@ class RdNotificationComponent {
             },
             nzClass: 'custom-wallet-notification',
             nzCloseIcon: this.closeTpl,
+            nzKey: notificationId, // 添加唯一 key
         });
+        this.notifications.set(notificationId, notification);
+        // 自动清理
+        setTimeout(() => {
+            this.notifications.delete(notificationId);
+        }, data.duration || 8000);
     }
     getDesc(desc) {
         return this.sanitizer.bypassSecurityTrustHtml(desc);
     }
     onClick(data) {
-        var _a, _b;
-        if ((_a = this.notification) === null || _a === void 0 ? void 0 : _a.messageId) {
-            this.notificationService.remove((_b = this.notification) === null || _b === void 0 ? void 0 : _b.messageId);
-        }
         if (data.onLinkClick) {
-            // 明确检查存在性
             data.onLinkClick();
         }
     }
+    generateId() {
+        return `rd-notification-${Date.now()}-${Math.random()
+            .toString(36)
+            .substr(2, 9)}`;
+    }
+    ngOnDestroy() {
+        // 清理所有通知
+        this.notifications.forEach((notification, id) => {
+            this.notificationService.remove(id);
+        });
+        this.notifications.clear();
+    }
 }
 RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1$1.NzNotificationService }, { token: i2$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
 RdNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdNotificationComponent, selector: "app-rd-notification", viewQueries: [{ propertyName: "notificationTpl", first: true, predicate: ["notificationTpl"], descendants: true, static: true }, { propertyName: "closeTpl", first: true, predicate: ["closeTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #notificationTpl let-data=\"data\">\n  <div class=\"rd-custom-notification\"></div>\n  <div\n    class=\"rd-custom-notification-icon\"\n    [class]=\"\n      data.type === 'warn'\n        ? 'rd-custom-warn-background'\n        : data.type === 'error'\n        ? 'rd-custom-error-background'\n        : ''\n    \"\n  >\n    <img\n      [hidden]=\"data.type !== 'success'\"\n      src=\"assets/img/icon/success-tip.svg\"\n    />\n    <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n    <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n  </div>\n  <div class=\"rd-custom-notification-container\">\n    <div class=\"rd-custom-notification-title\">{{ data.title }}</div>\n    <div\n      class=\"rd-custom-notification-desc\"\n      [innerHTML]=\"getDesc(data.desc)\"\n    ></div>\n    <div\n      *ngIf=\"data.actionDesc\"\n      class=\"rd-custom-notification-link\"\n      (click)=\"onClick(data)\"\n    >\n      {{ data.actionDesc }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #closeTpl>\n  <div class=\"rd-custom-notification-close\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n        stroke=\"#030712\"\n        stroke-width=\"1.36\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </div>\n</ng-template>\n", styles: [".rd-custom-notification-container{padding:12px 40px 12px 12px}.rd-custom-notification-container .rd-custom-notification-title{font-size:12px;font-weight:600}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.rd-custom-notification-container .rd-custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.rd-custom-warn-background{background-color:#fef0c3!important}.rd-custom-error-background{background-color:#fce8eb!important}.rd-custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.rd-custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.rd-custom-notification-close{padding:16px 12px}.rd-custom-notification-close svg{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -1860,53 +1876,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['closeTpl', { static: true }]
             }] } });
 
-class RdNotificationModule {
-}
-RdNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RdNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, declarations: [RdNotificationComponent], imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
-RdNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [RdNotificationComponent],
-                    imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule],
-                }]
-        }] });
-
 class RdNotificationService {
-    constructor(applicationRef, injector) {
-        this.applicationRef = applicationRef;
+    constructor(injector, environmentInjector // 添加 EnvironmentInjector
+    ) {
         this.injector = injector;
-        this.createNotificationComponent();
+        this.environmentInjector = environmentInjector;
+        this.isCreating = false;
+        // 防止重复实例化
+        if (RdNotificationService.instance) {
+            return RdNotificationService.instance;
+        }
+        RdNotificationService.instance = this;
     }
-    createNotificationComponent() {
-        // 创建组件
-        this.notificationComponent = createComponent(RdNotificationComponent, {
-            environmentInjector: this.applicationRef.injector,
-            elementInjector: this.injector,
+    ensureComponentCreated() {
+        return new Promise((resolve) => {
+            if (this.notificationComponentRef) {
+                resolve();
+                return;
+            }
+            if (this.isCreating) {
+                // 如果正在创建，等待创建完成
+                const checkInterval = setInterval(() => {
+                    if (this.notificationComponentRef && !this.isCreating) {
+                        clearInterval(checkInterval);
+                        resolve();
+                    }
+                }, 10);
+                return;
+            }
+            this.isCreating = true;
+            try {
+                // 使用 setTimeout 避免在 Angular 生命周期内创建组件
+                setTimeout(() => {
+                    // Angular 15+ 的正确用法
+                    this.notificationComponentRef = createComponent(RdNotificationComponent, {
+                        environmentInjector: this.environmentInjector,
+                        elementInjector: this.injector,
+                    });
+                    const hostView = this.notificationComponentRef
+                        .hostView;
+                    const rootNode = hostView.rootNodes[0];
+                    if (document.body) {
+                        document.body.appendChild(rootNode);
+                    }
+                    else {
+                        // 如果 document.body 还不存在，等待 DOM 准备就绪
+                        document.addEventListener('DOMContentLoaded', () => {
+                            document.body.appendChild(rootNode);
+                        });
+                    }
+                    this.notificationComponentRef.changeDetectorRef.detectChanges();
+                    this.isCreating = false;
+                    resolve();
+                });
+            }
+            catch (error) {
+                console.error('Failed to create notification component:', error);
+                this.isCreating = false;
+                resolve();
+            }
         });
-        // 添加到 DOM
-        const domElem = this.notificationComponent.hostView.rootNodes[0];
-        document.body.appendChild(domElem);
-        // 添加到 ApplicationRef
-        this.applicationRef.attachView(this.notificationComponent.hostView);
-    }
-    /**
-     * 显示通知
-     */
+    }
     show(data) {
         var _a;
-        (_a = this.notificationComponent) === null || _a === void 0 ? void 0 : _a.instance.showNotification(data);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.ensureComponentCreated();
+            if ((_a = this.notificationComponentRef) === null || _a === void 0 ? void 0 : _a.instance) {
+                // 使用 setTimeout 确保在下一个 Angular 周期执行
+                setTimeout(() => {
+                    this.notificationComponentRef.instance.showNotification(data);
+                });
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.notificationComponentRef) {
+            this.notificationComponentRef.destroy();
+            this.notificationComponentRef = undefined;
+        }
+        RdNotificationService.instance = null;
+    }
+    // 静态方法用于快速访问
+    static show(data) {
+        setTimeout(() => {
+            const instance = this.getInstance();
+            if (instance) {
+                instance.show(data);
+            }
+        });
+    }
+    static getInstance() {
+        return this.instance;
     }
 }
-RdNotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+RdNotificationService.instance = null;
+RdNotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, deps: [{ token: i0.Injector }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
 RdNotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }]; } });
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.EnvironmentInjector }]; } });
+
+// notification.module.ts (在 NPM 包中)
+class RdNotificationModule {
+    constructor(parentModule) {
+        if (parentModule) {
+            throw new Error('RdNotificationModule is already loaded. Import it in the AppModule only');
+        }
+    }
+    // 修复：使用正确的类型和静态方法
+    static forRoot(config) {
+        return {
+            ngModule: RdNotificationModule,
+            providers: [
+                RdNotificationService,
+                // 如果有配置，可以在这里提供
+                config ? { provide: 'RD_NOTIFICATION_CONFIG', useValue: config } : [],
+            ],
+        };
+    }
+}
+RdNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, deps: [{ token: RdNotificationModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
+RdNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, declarations: [RdNotificationComponent], imports: [CommonModule, NzNotificationModule], exports: [RdNotificationComponent] });
+RdNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, imports: [CommonModule, NzNotificationModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzNotificationModule],
+                    declarations: [RdNotificationComponent],
+                    exports: [RdNotificationComponent],
+                }]
+        }], ctorParameters: function () {
+        return [{ type: RdNotificationModule, decorators: [{
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }];
+    } });
 
 class SearchListBaseComponent {
     constructor(searchStorageKey = '', isOutDatePicker = false) {