@oeos-components/utils 0.0.23 → 0.0.25

package/dist/base.cjs

@@ -624,28 +624,64 @@ function debounce(func, delay = 500, immediate, resultCallback) {
   };
   return _debounce;
 }
-function confirm(message, options) {
+function confirm(message, options = {}, appContext = null) {
   const resolvedMessage = typeof message === "function" ? message() : message;
-  const elContext = elementPlus.ElMessageBox.install?.context || elementPlus.ElMessageBox._context || document.querySelector("#app")?._vue_app?._context;
+  const resolvedAppendTo = _resolveAppendTarget(options?.appendTo);
+  const resolvedAppContext = _resolveAppContext(options?.appContext || appContext);
   const mergeOptions = {
     title: "\u63D0\u793A",
     draggable: true,
     showCancelButton: false,
     confirmButtonText: "\u786E\u5B9A",
     dangerouslyUseHTMLString: true,
-    // 允许 HTML
-    appContext: elContext,
-    // 强制注入 Element Plus 的上下文
-    ...options
+    ...options,
+    appendTo: resolvedAppendTo,
+    appContext: resolvedAppContext
   };
   return elementPlus.ElMessageBox.confirm(resolvedMessage, mergeOptions);
 }
+function _resolveAppendTarget(appendTo) {
+  if (typeof document === "undefined") {
+    return appendTo;
+  }
+  if (appendTo instanceof HTMLElement) {
+    return appendTo;
+  }
+  if (typeof appendTo === "string" && appendTo.trim()) {
+    const rawSelector = appendTo.trim();
+    try {
+      const selector = rawSelector.startsWith("#") || rawSelector.startsWith(".") || rawSelector.startsWith("[") ? rawSelector : `#${rawSelector}`;
+      return document.querySelector(selector) || appendTo;
+    } catch (error) {
+      return appendTo;
+    }
+  }
+  const overlayList = Array.from(document.querySelectorAll(".el-overlay"));
+  const dialogOverlay = overlayList.filter((item) => {
+    if (!item.isConnected || item.style.display === "none") {
+      return false;
+    }
+    const containsDialog = item.querySelector(".el-dialog, .el-drawer");
+    const containsMessageBox = item.querySelector(".el-message-box");
+    return !!containsDialog && !containsMessageBox;
+  }).at(-1);
+  return dialogOverlay || appendTo;
+}
+function _resolveAppContext(appContext) {
+  if (appContext) {
+    return appContext;
+  }
+  if (typeof document === "undefined") {
+    return elementPlus.ElMessageBox.install?.context || elementPlus.ElMessageBox._context;
+  }
+  return elementPlus.ElMessageBox.install?.context || elementPlus.ElMessageBox._context || document.querySelector("#app")?._vue_app?._context;
+}
 function getVariable(propertyName) {
   let res = getComputedStyle(document.documentElement).getPropertyValue(propertyName).trim();
   return res;
 }
 function test() {
-  return "\u54C8\u54C8\u54C8" + /* @__PURE__ */ new Date();
+  return `build time: ${"2026-04-04 18:19:03"}`;
 }
 
 exports.$toast = $toast;

package/dist/base.d.cts

@@ -326,9 +326,13 @@ declare function debounce(func: Func, delay?: number, immediate?: boolean, resul
 };
 /**
  * proxy.confirm('确定删除吗?')
+ *
  * proxy.confirm('哈哈', { icon: 'el-icon-plus' })
+ *
  * close-on-click-modal: 是否可通过点击遮罩层关闭 MessageBox 默认true
+ *
  * lock-scroll: 是否在 MessageBox 出现时将 body 滚动锁定. 默认true
+ *
  * 设置宽度, 内容使用组件
    import GWarning from '@/autoComponents/gWarning.vue'
     await proxy.confirm('', {
@@ -346,7 +350,7 @@ declare function debounce(func: Func, delay?: number, immediate?: boolean, resul
     })
  * 如果是多个dialog嵌套, 可以给上层的dom设置个id如highSettingsForm, 然后appendTo: '#highSettingsForm'
  */
-declare function confirm(message: any, options: any): Promise<element_plus.MessageBoxData>;
+declare function confirm(message: any, options?: {}, appContext?: null): Promise<element_plus.MessageBoxData>;
 /** Function to get a CSS custom property value
  *
  * getVariable('--blue');

package/dist/base.d.mts

@@ -326,9 +326,13 @@ declare function debounce(func: Func, delay?: number, immediate?: boolean, resul
 };
 /**
  * proxy.confirm('确定删除吗?')
+ *
  * proxy.confirm('哈哈', { icon: 'el-icon-plus' })
+ *
  * close-on-click-modal: 是否可通过点击遮罩层关闭 MessageBox 默认true
+ *
  * lock-scroll: 是否在 MessageBox 出现时将 body 滚动锁定. 默认true
+ *
  * 设置宽度, 内容使用组件
    import GWarning from '@/autoComponents/gWarning.vue'
     await proxy.confirm('', {
@@ -346,7 +350,7 @@ declare function debounce(func: Func, delay?: number, immediate?: boolean, resul
     })
  * 如果是多个dialog嵌套, 可以给上层的dom设置个id如highSettingsForm, 然后appendTo: '#highSettingsForm'
  */
-declare function confirm(message: any, options: any): Promise<element_plus.MessageBoxData>;
+declare function confirm(message: any, options?: {}, appContext?: null): Promise<element_plus.MessageBoxData>;
 /** Function to get a CSS custom property value
  *
  * getVariable('--blue');

package/dist/base.d.ts

@@ -326,9 +326,13 @@ declare function debounce(func: Func, delay?: number, immediate?: boolean, resul
 };
 /**
  * proxy.confirm('确定删除吗?')
+ *
  * proxy.confirm('哈哈', { icon: 'el-icon-plus' })
+ *
  * close-on-click-modal: 是否可通过点击遮罩层关闭 MessageBox 默认true
+ *
  * lock-scroll: 是否在 MessageBox 出现时将 body 滚动锁定. 默认true
+ *
  * 设置宽度, 内容使用组件
    import GWarning from '@/autoComponents/gWarning.vue'
     await proxy.confirm('', {
@@ -346,7 +350,7 @@ declare function debounce(func: Func, delay?: number, immediate?: boolean, resul
     })
  * 如果是多个dialog嵌套, 可以给上层的dom设置个id如highSettingsForm, 然后appendTo: '#highSettingsForm'
  */
-declare function confirm(message: any, options: any): Promise<element_plus.MessageBoxData>;
+declare function confirm(message: any, options?: {}, appContext?: null): Promise<element_plus.MessageBoxData>;
 /** Function to get a CSS custom property value
  *
  * getVariable('--blue');

package/dist/base.mjs

@@ -622,28 +622,64 @@ function debounce(func, delay = 500, immediate, resultCallback) {
   };
   return _debounce;
 }
-function confirm(message, options) {
+function confirm(message, options = {}, appContext = null) {
   const resolvedMessage = typeof message === "function" ? message() : message;
-  const elContext = ElMessageBox.install?.context || ElMessageBox._context || document.querySelector("#app")?._vue_app?._context;
+  const resolvedAppendTo = _resolveAppendTarget(options?.appendTo);
+  const resolvedAppContext = _resolveAppContext(options?.appContext || appContext);
   const mergeOptions = {
     title: "\u63D0\u793A",
     draggable: true,
     showCancelButton: false,
     confirmButtonText: "\u786E\u5B9A",
     dangerouslyUseHTMLString: true,
-    // 允许 HTML
-    appContext: elContext,
-    // 强制注入 Element Plus 的上下文
-    ...options
+    ...options,
+    appendTo: resolvedAppendTo,
+    appContext: resolvedAppContext
   };
   return ElMessageBox.confirm(resolvedMessage, mergeOptions);
 }
+function _resolveAppendTarget(appendTo) {
+  if (typeof document === "undefined") {
+    return appendTo;
+  }
+  if (appendTo instanceof HTMLElement) {
+    return appendTo;
+  }
+  if (typeof appendTo === "string" && appendTo.trim()) {
+    const rawSelector = appendTo.trim();
+    try {
+      const selector = rawSelector.startsWith("#") || rawSelector.startsWith(".") || rawSelector.startsWith("[") ? rawSelector : `#${rawSelector}`;
+      return document.querySelector(selector) || appendTo;
+    } catch (error) {
+      return appendTo;
+    }
+  }
+  const overlayList = Array.from(document.querySelectorAll(".el-overlay"));
+  const dialogOverlay = overlayList.filter((item) => {
+    if (!item.isConnected || item.style.display === "none") {
+      return false;
+    }
+    const containsDialog = item.querySelector(".el-dialog, .el-drawer");
+    const containsMessageBox = item.querySelector(".el-message-box");
+    return !!containsDialog && !containsMessageBox;
+  }).at(-1);
+  return dialogOverlay || appendTo;
+}
+function _resolveAppContext(appContext) {
+  if (appContext) {
+    return appContext;
+  }
+  if (typeof document === "undefined") {
+    return ElMessageBox.install?.context || ElMessageBox._context;
+  }
+  return ElMessageBox.install?.context || ElMessageBox._context || document.querySelector("#app")?._vue_app?._context;
+}
 function getVariable(propertyName) {
   let res = getComputedStyle(document.documentElement).getPropertyValue(propertyName).trim();
   return res;
 }
 function test() {
-  return "\u54C8\u54C8\u54C8" + /* @__PURE__ */ new Date();
+  return `build time: ${"2026-04-04 18:19:03"}`;
 }
 
 export { $toast, asyncWrapper, clearStorage, clone, confirm, copy, debounce, getStorage, getType, getVariable, isEmpty, log, merge, notEmpty, processWidth, random, setStorage, sleep, test, throttle, toLine, tryCatch, uuid, validForm, validate, validateTrigger };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oeos-components/utils",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "utils of oeos-components",
   "license": "MIT",
   "type": "commonjs",