@mi-avalon/libs 0.0.31 → 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# @mi-avalon/libs 组件库 v1
+
+基于 react 19, antd 6 封装的组件/工具类库
+
+[组件使用地址](https://mi-avalon.github.io/mi-avalon-libraries/2.%E7%BB%84%E4%BB%B6%E5%B7%A5%E5%85%B7%E7%B1%BB%E5%BA%93/1.%E5%AE%89%E8%A3%85%E4%B8%8E%E4%BD%BF%E7%94%A8/)

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

@@ -1,5 +1,5 @@
 import { ButtonProps } from 'antd';
-import { FormInstance } from 'antd/lib';
+import { FormInstance } from 'antd';
 import React from 'react';
 import { IMFormItem } from '../MForm';
 import './index.scss';

package/dist/components/MTable/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 表格
  */
@@ -6,5 +6,5 @@ import { Table } from 'antd';
 import { CompThemeProvider } from '../ThemeContext';
 export function MTable(props) {
     const columns = props.columns?.map(e => ({ ...e, dataIndex: e.key })) ?? [];
-    return (_jsxs(CompThemeProvider, { children: [_jsx(Table, { rowKey: e => e.id, ...props, columns: columns }), ";"] }));
+    return (_jsx(CompThemeProvider, { children: _jsx(Table, { rowKey: e => e.id, ...props, columns: columns }) }));
 }

package/dist/components/MiModal/index.js

@@ -65,6 +65,6 @@ export class MiModal extends Component {
         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 }) }));
+        return (_jsx(ConfigProvider, { theme: this.getTheme(), componentSize: 'middle', 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/ThemeContext/index.js

@@ -3,7 +3,9 @@ import { ConfigProvider, theme } from 'antd';
 import { createContext, useContext } from 'react';
 const ThemeContext = createContext({
     theme: {
-        cssVar: true,
+        cssVar: {
+            prefix: 'mi',
+        },
         algorithm: [theme.defaultAlgorithm],
     },
 });

package/dist/hooks/useInterval.js

@@ -2,7 +2,6 @@ import { useCallback, useEffect, useRef } from 'react';
 function useInterval(callback, delay, immediate = false) {
     const timerRef = useRef(undefined);
     const savedCallback = useRef(callback);
-    // Update callback ref if callback changes
     useEffect(() => {
         savedCallback.current = callback;
     }, [callback]);
@@ -15,16 +14,17 @@ function useInterval(callback, delay, immediate = false) {
     const start = useCallback(() => {
         clear();
         if (delay !== null && delay !== undefined) {
+            // 立即执行一次（如果设置了 immediate）
+            if (immediate) {
+                savedCallback.current();
+            }
             timerRef.current = setInterval(() => savedCallback.current(), delay);
         }
-    }, [delay, clear]);
+    }, [delay, clear, immediate]);
+    // 只负责清理
     useEffect(() => {
-        if (immediate) {
-            savedCallback.current();
-        }
-        start();
         return clear;
-    }, [delay, start, clear, immediate]);
+    }, [clear]);
     return { start, clear, isRunning: !!timerRef.current };
 }
 export { useInterval };

package/dist/hooks/useTimeout.js

@@ -2,29 +2,29 @@ import { useCallback, useEffect, useRef } from 'react';
 function useTimeout(callback, delay, immediate = false) {
     const timerRef = useRef(undefined);
     const savedCallback = useRef(callback);
-    // Update callback ref if callback changes
     useEffect(() => {
         savedCallback.current = callback;
     }, [callback]);
     const clear = useCallback(() => {
         if (timerRef.current) {
-            clearTimeout(timerRef.current);
+            clearInterval(timerRef.current);
             timerRef.current = undefined;
         }
     }, []);
     const start = useCallback(() => {
         clear();
         if (delay !== null && delay !== undefined) {
+            // 立即执行一次（如果设置了 immediate）
+            if (immediate) {
+                savedCallback.current();
+            }
             timerRef.current = setTimeout(() => savedCallback.current(), delay);
         }
-    }, [delay, clear]);
+    }, [delay, clear, immediate]);
+    // 只负责清理
     useEffect(() => {
-        if (immediate) {
-            savedCallback.current();
-        }
-        start();
         return clear;
-    }, [delay, start, clear, immediate]);
+    }, [clear]);
     return { start, clear, isRunning: !!timerRef.current };
 }
 export { useTimeout };