@moluoxixi/ajax-package 0.0.53 → 0.0.55

package/es/BaseHttpClient.d.ts

@@ -23,6 +23,11 @@ export default class BaseHttpClient {
     protected errorDebounceTime: number;
     protected errorCacheTimer: NodeJS.Timeout | null;
     protected static readonly hasDocument: boolean;
+    private static sharedContainerId;
+    private static sharedPopoverContainerId;
+    private static sharedMessageContainerId;
+    private static sharedAppendTo?;
+    private static sharedAppendToFallback;
     protected get hasDocument(): boolean;
     protected resolveAppendToTarget(): HTMLElement | null;
     protected getContainer(): HTMLElement | null;

package/es/index.mjs

@@ -2,9 +2,9 @@
   "use strict";
   try {
     if (typeof document !== "undefined") {
-      if (!document.getElementById("0166050c-669a-4845-8c7b-200d305364ca")) {
+      if (!document.getElementById("f8f93b76-32f3-462e-81ba-ac1c757d561e")) {
         var elementStyle = document.createElement("style");
-        elementStyle.id = "0166050c-669a-4845-8c7b-200d305364ca";
+        elementStyle.id = "f8f93b76-32f3-462e-81ba-ac1c757d561e";
         elementStyle.appendChild(document.createTextNode("._root_11p33_1 .el-dialog__header {\n  padding: 0 12px 12px;\n}\n\n._root_11p33_1 .el-dialog__body {\n  border-top: 1px solid #e5e7eb;\n  border-bottom: 1px solid #e5e7eb;\n  padding: 0 12px;\n}\n\n._root_11p33_1 .el-dialog__footer {\n  padding: 0 12px;\n}"));
         document.head.appendChild(elementStyle);
       }
@@ -7478,6 +7478,12 @@ const _BaseHttpClient = class _BaseHttpClient {
     this.timeout = timeout;
     this.appendTo = appendTo;
     this.appendToFallback = appendToFallback;
+    if (appendTo && !_BaseHttpClient.sharedAppendTo) {
+      _BaseHttpClient.sharedAppendTo = appendTo;
+    }
+    if (appendToFallback && !_BaseHttpClient.sharedAppendToFallback) {
+      _BaseHttpClient.sharedAppendToFallback = appendToFallback;
+    }
     this.messageInstance = createMessageWrapper(this.hasDocument, () => this.getMessageContainer());
     this.notificationInstance = createNotificationWrapper(this.hasDocument, () => this.getMessageContainer());
     this.onTimeout = onTimeout;
@@ -7499,28 +7505,30 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!this.hasDocument) {
       return document.body;
     }
-    if (!this.appendTo) {
+    const appendTo = _BaseHttpClient.sharedAppendTo ?? this.appendTo;
+    if (!appendTo) {
       return document.body;
     }
-    if (this.appendTo instanceof HTMLElement) {
-      return this.appendTo;
+    if (appendTo instanceof HTMLElement) {
+      return appendTo;
     }
-    if (typeof this.appendTo === "string") {
-      const element = document.querySelector(this.appendTo);
+    if (typeof appendTo === "string") {
+      const element = document.querySelector(appendTo);
       if (element) {
         return element;
       }
-      if (this.appendToFallback === null) {
-        console.warn(`appendTo 选择器 "${this.appendTo}" 未找到元素，appendToFallback 为 null，返回 null`);
+      const appendToFallback = _BaseHttpClient.sharedAppendToFallback ?? this.appendToFallback;
+      if (appendToFallback === null) {
+        console.warn(`appendTo 选择器 "${appendTo}" 未找到元素，appendToFallback 为 null，返回 null`);
         return null;
-      } else if (this.appendToFallback === "body") {
+      } else if (appendToFallback === "body") {
         return document.body;
-      } else if (typeof this.appendToFallback === "string") {
-        const fallbackElement = document.querySelector(this.appendToFallback);
+      } else if (typeof appendToFallback === "string") {
+        const fallbackElement = document.querySelector(appendToFallback);
         if (fallbackElement) {
           return fallbackElement;
         }
-        console.warn(`appendTo 选择器 "${this.appendTo}" 和 appendToFallback 选择器 "${this.appendToFallback}" 都未找到元素，返回 null`);
+        console.warn(`appendTo 选择器 "${appendTo}" 和 appendToFallback 选择器 "${appendToFallback}" 都未找到元素，返回 null`);
         return null;
       }
     }
@@ -7530,16 +7538,19 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!this.hasDocument) {
       return null;
     }
-    if (!this.containerId) {
+    if (!_BaseHttpClient.sharedContainerId) {
       const targetElementId = generateUUID();
-      this.containerId = `ajaxPackage-container-${targetElementId}`;
-      this.popoverContainerId = `ajaxPackage-popover-${targetElementId}`;
-      this.messageContainerId = `ajaxPackage-message-${targetElementId}`;
-    }
-    let container = document.getElementById(this.containerId);
+      _BaseHttpClient.sharedContainerId = `ajaxPackage-container-${targetElementId}`;
+      _BaseHttpClient.sharedPopoverContainerId = `ajaxPackage-popover-${targetElementId}`;
+      _BaseHttpClient.sharedMessageContainerId = `ajaxPackage-message-${targetElementId}`;
+    }
+    this.containerId = _BaseHttpClient.sharedContainerId;
+    this.popoverContainerId = _BaseHttpClient.sharedPopoverContainerId;
+    this.messageContainerId = _BaseHttpClient.sharedMessageContainerId;
+    let container = document.getElementById(_BaseHttpClient.sharedContainerId);
     if (!container) {
       container = document.createElement("div");
-      container.id = this.containerId;
+      container.id = _BaseHttpClient.sharedContainerId;
       const targetElement = this.resolveAppendToTarget();
       if (targetElement) {
         targetElement.appendChild(container);
@@ -7547,12 +7558,12 @@ const _BaseHttpClient = class _BaseHttpClient {
         return null;
       }
       const popoverContainer = document.createElement("div");
-      popoverContainer.id = this.popoverContainerId;
+      popoverContainer.id = _BaseHttpClient.sharedPopoverContainerId;
       popoverContainer.style.position = "relative";
       popoverContainer.style.zIndex = "999999";
       container.appendChild(popoverContainer);
       const messageContainer = document.createElement("div");
-      messageContainer.id = this.messageContainerId;
+      messageContainer.id = _BaseHttpClient.sharedMessageContainerId;
       messageContainer.style.position = "relative";
       messageContainer.style.zIndex = "99999999";
       container.appendChild(messageContainer);
@@ -7571,10 +7582,11 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!container) {
       return null;
     }
-    if (!this.popoverContainerId) {
+    const popoverContainerId = _BaseHttpClient.sharedPopoverContainerId || this.popoverContainerId;
+    if (!popoverContainerId) {
       return null;
     }
-    const popoverContainer = document.getElementById(this.popoverContainerId);
+    const popoverContainer = document.getElementById(popoverContainerId);
     if (popoverContainer && !popoverContainer.style.position) {
       popoverContainer.style.position = "relative";
       popoverContainer.style.zIndex = "999999";
@@ -7593,10 +7605,11 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!container) {
       return null;
     }
-    if (!this.messageContainerId) {
+    const messageContainerId = _BaseHttpClient.sharedMessageContainerId || this.messageContainerId;
+    if (!messageContainerId) {
       return null;
     }
-    const messageContainer = document.getElementById(this.messageContainerId);
+    const messageContainer = document.getElementById(messageContainerId);
     if (messageContainer && !messageContainer.style.position) {
       messageContainer.style.position = "relative";
       messageContainer.style.zIndex = "99999999";
@@ -7748,6 +7761,12 @@ const _BaseHttpClient = class _BaseHttpClient {
   }
 };
 __publicField(_BaseHttpClient, "hasDocument", typeof document !== "undefined");
+// 静态共享容器配置 - 所有实例共享同一个容器
+__publicField(_BaseHttpClient, "sharedContainerId", "");
+__publicField(_BaseHttpClient, "sharedPopoverContainerId", "");
+__publicField(_BaseHttpClient, "sharedMessageContainerId", "");
+__publicField(_BaseHttpClient, "sharedAppendTo");
+__publicField(_BaseHttpClient, "sharedAppendToFallback", "body");
 let BaseHttpClient = _BaseHttpClient;
 async function copyToClipboard(text) {
   if (!text) {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@moluoxixi/ajax-package",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "description": "AjaxPackage 组件",
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
   "peerDependencies": {
-    "vue": "3.5.27"
+    "vue": "^3.5.27"
   },
   "dependencies": {},
   "publishConfig": {