@moluoxixi/ajax-package 0.0.50 → 0.0.51

package/es/index.mjs

@@ -2,9 +2,9 @@
   "use strict";
   try {
     if (typeof document !== "undefined") {
-      if (!document.getElementById("21f1b1ee-40a7-42c8-b118-6f00dc3b69bd")) {
+      if (!document.getElementById("c3461b9e-b5cd-4c9d-80e0-89cc777f094e")) {
         var elementStyle = document.createElement("style");
-        elementStyle.id = "21f1b1ee-40a7-42c8-b118-6f00dc3b69bd";
+        elementStyle.id = "c3461b9e-b5cd-4c9d-80e0-89cc777f094e";
         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);
       }
@@ -7499,7 +7499,32 @@ const _BaseHttpClient = class _BaseHttpClient {
     if (!this.hasDocument) {
       return document.body;
     }
-    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;
+      }
+      if (this.appendToFallback === null) {
+        console.warn(`appendTo 选择器 "${this.appendTo}" 未找到元素，appendToFallback 为 null，返回 null`);
+        return null;
+      } else if (this.appendToFallback === "body") {
+        return document.body;
+      } else if (typeof this.appendToFallback === "string") {
+        const fallbackElement = document.querySelector(this.appendToFallback);
+        if (fallbackElement) {
+          return fallbackElement;
+        }
+        console.warn(`appendTo 选择器 "${this.appendTo}" 和 appendToFallback 选择器 "${this.appendToFallback}" 都未找到元素，返回 null`);
+        return null;
+      }
+    }
+    return null;
   }
   getContainer() {
     if (!this.hasDocument) {
@@ -7510,12 +7535,18 @@ const _BaseHttpClient = class _BaseHttpClient {
       this.containerId = `ajaxPackage-container-${targetElementId}`;
       this.popoverContainerId = `ajaxPackage-popover-${targetElementId}`;
       this.messageContainerId = `ajaxPackage-message-${targetElementId}`;
+      /* @__PURE__ */ console.log("333333333333333333333", this.messageContainerId);
     }
     let container = document.getElementById(this.containerId);
     if (!container) {
       container = document.createElement("div");
       container.id = this.containerId;
-      document.body.appendChild(container);
+      const targetElement = this.resolveAppendToTarget();
+      if (targetElement) {
+        targetElement.appendChild(container);
+      } else {
+        return null;
+      }
       const popoverContainer = document.createElement("div");
       popoverContainer.id = this.popoverContainerId;
       popoverContainer.style.position = "relative";
@@ -8027,10 +8058,7 @@ const _BaseApi = class _BaseApi extends BaseHttpClient {
     try {
       const { default: SystemErrorDialog2 } = await dynamicImports(Promise.resolve().then(() => SystemErrorDialog$1), ["default"]);
       const popoverContainer = this.getPopoverContainer();
-      /* @__PURE__ */ console.log("1111111111", popoverContainer);
-      /* @__PURE__ */ console.log("2222222222", SystemErrorDialog2);
       this.systemErrorDialogInstance = createApiDialog(SystemErrorDialog2, popoverContainer);
-      /* @__PURE__ */ console.log("3333333333", this.systemErrorDialogInstance);
     } catch (error) {
       console.warn("Failed to load SystemErrorDialog:", error);
       throw error;
@@ -8585,7 +8613,7 @@ const SystemErrorDialog = defineComponent({
       return typeof props.width === "number" ? `${props.width}px` : props.width;
     });
     return () => {
-      const popoverContainer = getAjaxPackagePopoverContainer();
+      getAjaxPackagePopoverContainer();
       return h(
         ElDialog,
         {
@@ -8596,7 +8624,6 @@ const SystemErrorDialog = defineComponent({
           "closeOnClickModal": false,
           "closeOnPressEscape": false,
           "style": { padding: "16px 0" },
-          "appendTo": popoverContainer || void 0,
           "onUpdate:modelValue": handleModelValueChange
         },
         {

package/package.json

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