@mi-avalon/libs 0.0.24 → 0.0.25

package/dist/components/MiModal/index.d.ts

@@ -0,0 +1,15 @@
+import { ThemeConfig } from 'antd';
+import React, { Component } from 'react';
+import { IModalBaseProps } from '../../utils';
+export type IMiModalProps = IModalBaseProps & {
+    mode?: string;
+};
+export declare class MiModal extends Component<IMiModalProps> {
+    static setMode: (mode: string) => void;
+    static setThemeConfig: (fn: (m: string) => ThemeConfig) => void;
+    static open: (props: IMiModalProps) => import("../../utils").IModalControls<IMiModalProps>;
+    getTheme(): ThemeConfig;
+    handleCancel: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    handleOk: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/MiModal/index.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal as AntModal, ConfigProvider, theme } from 'antd';
+import { Component } from 'react';
+import { openModal } from '../../utils';
+// 全局状态管理
+let globalMode = 'default';
+const modalInstances = [];
+let getThemeConfig = (mode) => {
+    switch (mode) {
+        case 'light':
+            return {
+                algorithm: [theme.defaultAlgorithm],
+            };
+        case 'dark':
+            return {
+                algorithm: [theme.darkAlgorithm],
+            };
+        default:
+            return {
+                algorithm: [theme.defaultAlgorithm],
+            };
+    }
+};
+export class MiModal extends Component {
+    // 静态方法设置全局模式并更新所有弹窗
+    static setMode = (mode) => {
+        globalMode = mode;
+        // 更新所有已打开的弹窗
+        modalInstances.forEach(instance => {
+            instance.update({ mode });
+        });
+    };
+    // 静态方法设置全局ThemeConfig
+    static setThemeConfig = (fn) => {
+        getThemeConfig = fn;
+    };
+    static open = (props) => {
+        const instance = openModal(MiModal, {
+            mode: globalMode, // 默认使用全局主题
+            ...props,
+        });
+        // 注册实例以便全局更新
+        modalInstances.push(instance);
+        // 添加销毁时的清理逻辑
+        const originalDestroy = instance.destroy;
+        instance.destroy = (...args) => {
+            const index = modalInstances.indexOf(instance);
+            if (index !== -1) {
+                modalInstances.splice(index, 1);
+            }
+            return originalDestroy(...args);
+        };
+        return instance;
+    };
+    getTheme() {
+        const mode = this.props.mode || globalMode;
+        return getThemeConfig(mode);
+    }
+    handleCancel = (e) => {
+        this.props.onCancel?.(e);
+        this.props.onClosed?.({ cancel: true });
+    };
+    handleOk = (e) => {
+        this.props.onOk?.(e);
+        this.props.onClosed?.({ ok: true });
+    };
+    render() {
+        return (_jsx(ConfigProvider, { theme: this.getTheme(), componentSize: 'middle', componentDisabled: false, children: _jsx(AntModal, { maskClosable: false, open: this.props.open, onCancel: this.handleCancel, onOk: this.handleOk, okText: '\u786E\u5B9A', cancelText: '\u53D6\u6D88', ...this.props, children: this.props.children }) }));
+    }
+}

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './MBreadcrumb';
 export * from './MDescriptions';
 export * from './MForm';
 export { default as MForm } from './MForm';
+export * from './MiModal';
 export * from './MSearch';
 export * from './MTable';
 export * from './ThemeContext';

package/dist/components/index.js

@@ -3,7 +3,7 @@ export * from './MBreadcrumb';
 export * from './MDescriptions';
 export * from './MForm';
 export { default as MForm } from './MForm';
-// export * from './MiModal';
+export * from './MiModal';
 export * from './MSearch';
 export * from './MTable';
 export * from './ThemeContext';