@moluoxixi/ajax-package 0.0.35 → 0.0.36

package/es/BaseHttpClient.d.ts

@@ -16,6 +16,7 @@ export default class BaseHttpClient {
     protected onTimeout: (messageInstance: MessageInstance) => void;
     protected getToken?: () => string | null;
     protected onLoginRequired?: (messageInstance: MessageInstance) => void;
+    protected appendTo?: HTMLElement | string | null;
     instance: ReturnType<typeof axios.create>;
     protected messageInstance: MessageInstance;
     protected notificationInstance: NotificationInstance;
@@ -30,6 +31,11 @@ export default class BaseHttpClient {
      * @returns 是否在浏览器环境
      */
     protected get hasDocument(): boolean;
+    /**
+     * 解析 appendTo 配置，返回目标 HTMLElement
+     * @returns 目标元素，默认为 document.body
+     */
+    protected resolveAppendToTarget(): HTMLElement;
     /**
      * 获取或创建 ajaxPackage-container 容器元素
      * @returns 容器元素，如果不是浏览器环境则返回 null

package/es/_types/api.d.ts

@@ -16,6 +16,8 @@ export interface BaseHttpClientConfig {
     getToken?: () => string | null;
     /** 登录失效回调函数，当检测到 401 错误时调用，接收 messageInstance 用于显示消息提示 */
     onLoginRequired?: (messageInstance: MessageInstance) => void;
+    /** container 插入的目标元素，可以是 HTMLElement 或选择器字符串，默认为 document.body */
+    appendTo?: HTMLElement | string | null;
     /** 允许其他任意配置项，会直接传递给 axios.create */
     [key: string]: any;
 }

package/es/index.mjs

@@ -2,9 +2,9 @@
   "use strict";
   try {
     if (typeof document !== "undefined") {
-      if (!document.getElementById("59b794d1-a3ef-4b37-9b28-cc9399203b57")) {
+      if (!document.getElementById("55abf58f-b1b4-4e82-ab0d-ee119c15bd62")) {
         var elementStyle = document.createElement("style");
-        elementStyle.id = "59b794d1-a3ef-4b37-9b28-cc9399203b57";
+        elementStyle.id = "55abf58f-b1b4-4e82-ab0d-ee119c15bd62";
         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);
       }
@@ -12217,6 +12217,7 @@ const _BaseHttpClient = class _BaseHttpClient {
     __publicField(this, "onTimeout");
     __publicField(this, "getToken");
     __publicField(this, "onLoginRequired");
+    __publicField(this, "appendTo");
     __publicField(this, "instance");
     __publicField(this, "messageInstance");
     __publicField(this, "notificationInstance");
@@ -12228,11 +12229,13 @@ const _BaseHttpClient = class _BaseHttpClient {
       },
       getToken = defaultGetToken,
       onLoginRequired = defaultOnLoginRequired,
+      appendTo,
       addSign,
       ...axiosConfig
     } = config;
     this.baseURL = baseURL;
     this.timeout = timeout;
+    this.appendTo = appendTo;
     this.getContainer();
     const messageContainer = this.getMessageContainer();
     this.messageInstance = createMessageWrapper(this.hasDocument, messageContainer);
@@ -12256,6 +12259,30 @@ const _BaseHttpClient = class _BaseHttpClient {
   get hasDocument() {
     return _BaseHttpClient.hasDocument;
   }
+  /**
+   * 解析 appendTo 配置，返回目标 HTMLElement
+   * @returns 目标元素，默认为 document.body
+   */
+  resolveAppendToTarget() {
+    if (!this.hasDocument) {
+      return document.body;
+    }
+    if (!this.appendTo) {
+      return document.body;
+    }
+    if (this.appendTo instanceof HTMLElement) {
+      return this.appendTo;
+    }
+    if (typeof this.appendTo === "string") {
+      const element = document.querySelector(this.appendTo);
+      if (element) {
+        return element;
+      }
+      console.warn(`appendTo 选择器 "${this.appendTo}" 未找到元素，将使用默认的 document.body`);
+      return document.body;
+    }
+    return document.body;
+  }
   /**
    * 获取或创建 ajaxPackage-container 容器元素
    * @returns 容器元素，如果不是浏览器环境则返回 null
@@ -12268,7 +12295,8 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!container) {
       container = document.createElement("div");
       container.id = "ajaxPackage-container";
-      document.body.appendChild(container);
+      const targetElement = this.resolveAppendToTarget();
+      targetElement.appendChild(container);
       const popoverContainer = document.createElement("div");
       popoverContainer.id = "ajaxPackage-popover";
       container.appendChild(popoverContainer);

package/package.json

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