@mi-avalon/libs 0.0.30 → 0.0.32

package/README.md

@@ -0,0 +1,5 @@
+# @mi-avalon/libs 组件库
+
+基于 react 18, antd 5 封装的组件/工具类库
+
+[组件使用地址](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/MForm/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * 表单组件
  */
-import { Col, Form, Row, Space } from 'antd';
+import { Col, Form, Row } from 'antd';
 import { getClassName } from '../../utils';
 import { CompThemeProvider } from '../ThemeContext';
 import './index.scss';
@@ -38,7 +38,7 @@ function MForm(props) {
             ...itemLayout,
             ...item.itemLayout,
         };
-        return (_jsx(Col, { span: item.span || 24 / column, children: _jsxs(Space, { className: classname('item-wrapper'), children: [item.prefix, _jsx(Form.Item, { label: item.label, name: item.id, rules: rules, initialValue: item.initialValue, ...formItemLayout, ...item.formItemProps, children: renderItem(item, form) }), item.suffix] }) }, `col-${item.id}`));
+        return (_jsx(Col, { span: item.span || 24 / column, children: _jsxs(Row, { className: 'item-row', children: [_jsx("div", { className: classname('item-wrapper'), children: _jsx(Form.Item, { label: item.label, name: item.id, rules: rules, initialValue: item.initialValue, ...formItemLayout, ...item.formItemProps, children: renderItem(item, form) }) }), item.suffix] }) }, `col-${item.id}`));
     };
     return (_jsx(CompThemeProvider, { children: _jsx(Form, { form: form, ...formProps, className: `${classname()} ${formProps?.className}`, children: _jsx(Row, { gutter: MFormItemConst.defaultRowGutter, ...formRowProps, className: `${classname('grid')} ${formRowProps?.className}`, children: formItems.map(e => renderFormItem(e)) }) }) }));
 }

package/dist/components/MForm/type.d.ts

@@ -112,10 +112,6 @@ export interface IMFormBaseItem {
      * item组件的其他属性
      */
     props?: any;
-    /**
-     * 前缀
-     */
-    prefix?: React.ReactNode;
     /**
      * 后缀
      */

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 };