luna-plus 0.0.37 → 0.0.39

package/dist/MessageBox/MessageBox.svelte

@@ -9,11 +9,10 @@
   import { tick } from "svelte";
 
   interface Props {
-    zIndex?: number;
     showClose?: boolean;
   }
 
-  let { zIndex = 3000, showClose = true }: Props = $props();
+  let { showClose = true }: Props = $props();
 
   let visible = $state(false);
   let options = $state<MessageBoxOptions | null>(null);
@@ -91,7 +90,6 @@
   {@const opts = options}
   <div
     class="lm-messagebox__wrapper"
-    style="--lm-messagebox-z-index: {zIndex}"
     use:portal
   >
     <Dialog

package/dist/MessageBox/MessageBox.svelte.d.ts

@@ -1,5 +1,4 @@
 interface Props {
-    zIndex?: number;
     showClose?: boolean;
 }
 declare const MessageBox: import("svelte").Component<Props, {}, "">;

package/dist/MessageBox/messageBox.js

@@ -1,29 +1,48 @@
-import { mount, unmount } from 'svelte';
+import { mount } from 'svelte';
 import MessageBox from './MessageBox.svelte';
-let containerEl = null;
-let messageBoxInstance = null;
+let mounted = false;
+let mountingPromise = null;
+const nextFrame = () => new Promise((resolve) => requestAnimationFrame(() => resolve()));
 /** 确保 MessageBox 容器已挂载 */
-const ensureContainer = () => {
+const ensureMounted = async () => {
     if (typeof window === 'undefined')
         return;
-    if (containerEl)
+    if (mounted)
         return;
-    containerEl = document.createElement('div');
-    containerEl.className = 'lm-messagebox-container';
-    document.body.appendChild(containerEl);
-    messageBoxInstance = mount(MessageBox, {
-        target: containerEl,
-        props: {}
-    });
+    if (mountingPromise)
+        return mountingPromise;
+    mountingPromise = (async () => {
+        let container = document.querySelector('.lm-messagebox-container');
+        if (!container) {
+            container = document.createElement('div');
+            container.className = 'lm-messagebox-container';
+            document.body.appendChild(container);
+        }
+        // 容器已有内容（或标记）说明已挂载过 MessageBox。
+        // 避免重复 mount 导致同一事件触发两个弹窗。
+        if (container.childElementCount > 0 || container.dataset.lmMessageboxMounted === 'true') {
+            await nextFrame();
+            mounted = true;
+            return;
+        }
+        mount(MessageBox, {
+            target: container,
+            props: {}
+        });
+        container.dataset.lmMessageboxMounted = 'true';
+        // MessageBox 内部用 $effect 注册 window 事件监听。
+        // 首次 mount 后立刻 dispatch 可能会丢事件，所以等到下一帧再认为已就绪。
+        await nextFrame();
+        mounted = true;
+    })();
+    return mountingPromise;
 };
 /** 显示消息框 */
-export const showMessageBox = (options) => {
+export const showMessageBox = async (options) => {
+    if (typeof window === 'undefined')
+        return false;
+    await ensureMounted();
     return new Promise((resolve) => {
-        if (typeof window === 'undefined') {
-            resolve(false);
-            return;
-        }
-        ensureContainer();
         const wrappedOptions = {
             ...options,
             onOk: () => {
@@ -35,11 +54,9 @@ export const showMessageBox = (options) => {
                 resolve(false);
             }
         };
-        // 派发自定义事件触发 MessageBox 组件
-        const event = new CustomEvent('lumen-messagebox', {
+        window.dispatchEvent(new CustomEvent('lumen-messagebox', {
             detail: wrappedOptions
-        });
-        window.dispatchEvent(event);
+        }));
     });
 };
 /** 便捷方法 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-plus",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "description": "A modern Svelte 5 component library with 60+ components",
   "type": "module",
   "svelte": "./dist/index.js",