luna-plus 0.0.8 → 0.0.9

package/dist/MessageBox/index.d.ts

@@ -1,4 +1,5 @@
 import MessageBox from './MessageBox.svelte';
+export { messageBox, showMessageBox } from './messageBox';
 export { MessageBox };
 export type { MessageBoxOptions, MessageBoxType, CloseMessageBoxFn } from './types';
 export default MessageBox;

package/dist/MessageBox/index.js

@@ -1,3 +1,4 @@
 import MessageBox from './MessageBox.svelte';
+export { messageBox, showMessageBox } from './messageBox';
 export { MessageBox };
 export default MessageBox;

package/dist/MessageBox/messageBox.js

@@ -1,32 +1,85 @@
+import { mount, unmount } from 'svelte';
+import MessageBox from './MessageBox.svelte';
+let containerEl = null;
+let messageBoxInstance = null;
+/** 确保 MessageBox 容器已挂载 */
+const ensureContainer = () => {
+    if (typeof window === 'undefined')
+        return;
+    if (containerEl)
+        return;
+    containerEl = document.createElement('div');
+    containerEl.className = 'lm-messagebox-container';
+    document.body.appendChild(containerEl);
+    messageBoxInstance = mount(MessageBox, {
+        target: containerEl,
+        props: {}
+    });
+};
 /** 显示消息框 */
 export const showMessageBox = (options) => {
     return new Promise((resolve) => {
-        const onOk = () => {
-            options.onOk?.();
-            resolve(true);
-        };
-        const onCancel = () => {
-            options.onCancel?.();
+        if (typeof window === 'undefined') {
             resolve(false);
-        };
-        // 实际实现需要挂载组件，这里提供基础结构
-        console.log('MessageBox:', options);
-        // 模拟异步确认
-        if (typeof window !== 'undefined' && window.confirm(options.content)) {
-            onOk();
-        }
-        else {
-            onCancel();
+            return;
         }
+        ensureContainer();
+        const wrappedOptions = {
+            ...options,
+            onOk: () => {
+                options.onOk?.();
+                resolve(true);
+            },
+            onCancel: () => {
+                options.onCancel?.();
+                resolve(false);
+            }
+        };
+        // 派发自定义事件触发 MessageBox 组件
+        const event = new CustomEvent('lumen-messagebox', {
+            detail: wrappedOptions
+        });
+        window.dispatchEvent(event);
     });
 };
 /** 便捷方法 */
 export const messageBox = {
     show: showMessageBox,
-    alert: (content, title) => showMessageBox({ content, title, type: 'info' }),
-    confirm: (content, title) => showMessageBox({ content, title, type: 'warning' }),
-    success: (content, title) => showMessageBox({ content, title, type: 'success' }),
-    warning: (content, title) => showMessageBox({ content, title, type: 'warning' }),
-    error: (content, title) => showMessageBox({ content, title, type: 'error' }),
-    info: (content, title) => showMessageBox({ content, title, type: 'info' })
+    alert: (content, title) => showMessageBox({
+        content,
+        title,
+        type: 'info',
+        okText: '确定'
+    }),
+    confirm: (content, title) => showMessageBox({
+        content,
+        title,
+        type: 'warning',
+        okText: '确定',
+        cancelText: '取消'
+    }),
+    success: (content, title) => showMessageBox({
+        content,
+        title,
+        type: 'success',
+        okText: '确定'
+    }),
+    warning: (content, title) => showMessageBox({
+        content,
+        title,
+        type: 'warning',
+        okText: '确定'
+    }),
+    error: (content, title) => showMessageBox({
+        content,
+        title,
+        type: 'error',
+        okText: '确定'
+    }),
+    info: (content, title) => showMessageBox({
+        content,
+        title,
+        type: 'info',
+        okText: '确定'
+    })
 };

package/package.json

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