@moluoxixi/ajax-package 0.0.37 → 0.0.38

package/es/BaseHttpClient.d.ts

@@ -18,6 +18,9 @@ export default class BaseHttpClient {
     protected onLoginRequired?: (messageInstance: MessageInstance) => void;
     protected appendTo?: HTMLElement | string | null;
     protected appendToFallback: string | null;
+    protected containerId: string;
+    protected popoverContainerId: string;
+    protected messageContainerId: string;
     instance: ReturnType<typeof axios.create>;
     protected messageInstance: MessageInstance;
     protected notificationInstance: NotificationInstance;
@@ -43,15 +46,15 @@ export default class BaseHttpClient {
      */
     protected getContainer(): HTMLElement | null;
     /**
-     * 获取或创建 ajaxPackage-popover 容器元素（用于 Dialog）
+     * 获取或创建 popover 容器元素（用于 Dialog）
      * @returns 容器元素，如果不是浏览器环境则返回 null
      */
-    protected getPopoverContainer(): HTMLElement | null;
+    getPopoverContainer(): HTMLElement | null;
     /**
-     * 获取或创建 ajaxPackage-message 容器元素（用于 Message 和 Notification）
+     * 获取或创建 message 容器元素（用于 Message 和 Notification）
      * @returns 容器元素，如果不是浏览器环境则返回 null
      */
-    protected getMessageContainer(): HTMLElement | null;
+    getMessageContainer(): HTMLElement | null;
     /**
      * 创建 BaseHttpClient 实例
      * @param config - HTTP 客户端配置对象

package/es/index.mjs

@@ -2,9 +2,9 @@
   "use strict";
   try {
     if (typeof document !== "undefined") {
-      if (!document.getElementById("d90637ed-57fd-4f94-b0c2-d8acbe328d03")) {
+      if (!document.getElementById("631710a0-260c-438a-9571-db68806a8879")) {
         var elementStyle = document.createElement("style");
-        elementStyle.id = "d90637ed-57fd-4f94-b0c2-d8acbe328d03";
+        elementStyle.id = "631710a0-260c-438a-9571-db68806a8879";
         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);
       }
@@ -12208,6 +12208,16 @@ function defaultOnLoginRequired(messageInstance) {
 function defaultGetToken() {
   return typeof localStorage !== "undefined" ? localStorage.getItem("token") || "" : "";
 }
+function generateUUID() {
+  if (typeof crypto !== "undefined" && crypto.randomUUID) {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
 const _BaseHttpClient = class _BaseHttpClient {
   /**
    * 创建 BaseHttpClient 实例
@@ -12221,6 +12231,9 @@ const _BaseHttpClient = class _BaseHttpClient {
     __publicField(this, "onLoginRequired");
     __publicField(this, "appendTo");
     __publicField(this, "appendToFallback", "body");
+    __publicField(this, "containerId", "");
+    __publicField(this, "popoverContainerId", "");
+    __publicField(this, "messageContainerId", "");
     __publicField(this, "instance");
     __publicField(this, "messageInstance");
     __publicField(this, "notificationInstance");
@@ -12305,10 +12318,15 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!this.hasDocument) {
       return null;
     }
-    let container = document.getElementById("ajaxPackage-container");
+    if (!this.containerId) {
+      this.containerId = `ajaxPackage-container-${generateUUID()}`;
+      this.popoverContainerId = `ajaxPackage-popover-${generateUUID()}`;
+      this.messageContainerId = `ajaxPackage-message-${generateUUID()}`;
+    }
+    let container = document.getElementById(this.containerId);
     if (!container) {
       container = document.createElement("div");
-      container.id = "ajaxPackage-container";
+      container.id = this.containerId;
       const targetElement = this.resolveAppendToTarget();
       if (targetElement) {
         targetElement.appendChild(container);
@@ -12316,12 +12334,12 @@ const _BaseHttpClient = class _BaseHttpClient {
         return null;
       }
       const popoverContainer = document.createElement("div");
-      popoverContainer.id = "ajaxPackage-popover";
+      popoverContainer.id = this.popoverContainerId;
       popoverContainer.style.position = "relative";
       popoverContainer.style.zIndex = "999999";
       container.appendChild(popoverContainer);
       const messageContainer = document.createElement("div");
-      messageContainer.id = "ajaxPackage-message";
+      messageContainer.id = this.messageContainerId;
       messageContainer.style.position = "relative";
       messageContainer.style.zIndex = "99999999";
       container.appendChild(messageContainer);
@@ -12329,7 +12347,7 @@ const _BaseHttpClient = class _BaseHttpClient {
     return container;
   }
   /**
-   * 获取或创建 ajaxPackage-popover 容器元素（用于 Dialog）
+   * 获取或创建 popover 容器元素（用于 Dialog）
    * @returns 容器元素，如果不是浏览器环境则返回 null
    */
   getPopoverContainer() {
@@ -12340,7 +12358,10 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!container) {
       return null;
     }
-    const popoverContainer = document.getElementById("ajaxPackage-popover");
+    if (!this.popoverContainerId) {
+      return null;
+    }
+    const popoverContainer = document.getElementById(this.popoverContainerId);
     if (popoverContainer && !popoverContainer.style.position) {
       popoverContainer.style.position = "relative";
       popoverContainer.style.zIndex = "999999";
@@ -12348,7 +12369,7 @@ const _BaseHttpClient = class _BaseHttpClient {
     return popoverContainer;
   }
   /**
-   * 获取或创建 ajaxPackage-message 容器元素（用于 Message 和 Notification）
+   * 获取或创建 message 容器元素（用于 Message 和 Notification）
    * @returns 容器元素，如果不是浏览器环境则返回 null
    */
   getMessageContainer() {
@@ -12359,7 +12380,10 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!container) {
       return null;
     }
-    const messageContainer = document.getElementById("ajaxPackage-message");
+    if (!this.messageContainerId) {
+      return null;
+    }
+    const messageContainer = document.getElementById(this.messageContainerId);
     if (messageContainer && !messageContainer.style.position) {
       messageContainer.style.position = "relative";
       messageContainer.style.zIndex = "99999999";
@@ -13393,14 +13417,10 @@ const SystemErrorDialog = defineComponent({
       emit("update:modelValue", val);
     }
     function getAjaxPackageMessageContainer() {
-      if (typeof document === "undefined")
-        return null;
-      return document.getElementById("ajaxPackage-message");
+      return baseApi.getMessageContainer();
     }
     function getAjaxPackagePopoverContainer() {
-      if (typeof document === "undefined")
-        return null;
-      return document.getElementById("ajaxPackage-popover");
+      return baseApi.getPopoverContainer();
     }
     function showMessage(options) {
       const container = getAjaxPackageMessageContainer();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moluoxixi/ajax-package",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "description": "AjaxPackage 组件",
   "sideEffects": [
     "*.css",