luna-plus 0.0.7 → 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/dist/Pagination/Pagination.svelte.d.ts

@@ -1,21 +1,56 @@
-import type { PaginationLayout } from './types';
+import type { PaginationLayout, PaginationSize, PaginationShowTotal } from './types';
 interface PaginationProps {
-    currentPage?: number;
+    /** 当前页（受控） */
+    current?: number;
+    /** 默认当前页（非受控） */
+    defaultCurrent?: number;
+
+    /** 每页条数（受控） */
     pageSize?: number;
+    /** 默认每页条数（非受控） */
+    defaultPageSize?: number;
+
+    /** 总条数 */
     total?: number;
-    pagerCount?: number;
-    pageSizes?: number[];
-    layout?: PaginationLayout[];
+    /** 页码按钮数量 */
+    pageBufferSize?: number;
+
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 是否隐藏只有一页时的分页 */
     hideOnSinglePage?: boolean;
-    small?: boolean;
+
+    /** 尺寸 */
+    size?: PaginationSize;
+    /** 是否使用背景色 */
     background?: boolean;
-    onchange?: (page: number) => void;
-    onsizechange?: (size: number) => void;
+    /** 简洁模式 */
+    simple?: boolean;
+
+    /** 是否显示总数 */
+    showTotal?: boolean | PaginationShowTotal;
+    /** 是否显示 pageSize 选择器 */
+    showSizeChanger?: boolean;
+    /** pageSize 选项 */
+    pageSizeOptions?: number[];
+    /** 是否显示快速跳转 */
+    showQuickJumper?: boolean;
+
+    /** 布局 */
+    layout?: PaginationLayout[];
+
+    /** 页码变化回调 */
+    onChange?: (page: number, pageSize: number) => void;
+    /** pageSize 变化回调 */
+    onShowSizeChange?: (current: number, size: number) => void;
+
+    /** 上一页文本 */
     prevText?: string;
+    /** 下一页文本 */
     nextText?: string;
+    /** 自定义类名 */
     class?: string;
 }
-declare const Pagination: import("svelte").Component<PaginationProps, {}, "currentPage" | "pageSize">;
+declare const Pagination: import("svelte").Component<PaginationProps, {}, "current" | "pageSize">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

package/package.json

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