@mi-avalon/libs 1.0.4 → 1.0.6

package/dist/components/MForm/index.js

@@ -39,37 +39,32 @@ const MForm = React.memo((props) => {
         const { show = true } = item;
         if (!show)
             return null;
-        const rules = useMemo(() => {
-            const rulesArray = [...(item.rules || [])];
-            if (item.required) {
-                rulesArray.push({ required: true, message: item.required });
-            }
-            return rulesArray;
-        }, [item.rules, item.required]);
+        // 直接计算rules，不在函数内使用hook
+        const rules = [...(item.rules || [])];
+        if (item.required) {
+            rules.push({ required: true, message: item.required });
+        }
         // 为Upload类型的表单项默认添加valuePropName="fileList"和值转换逻辑
-        const formItemProps = useMemo(() => {
-            const props = { ...item.formItemProps };
-            if (item.type === 'upload') {
-                // 如果用户没有明确设置valuePropName，则默认使用fileList
-                if (!props.valuePropName) {
-                    props.valuePropName = 'fileList';
-                }
-                // 添加getValueProps确保传递给Upload的fileList始终是数组
-                if (!props.getValueProps) {
-                    props.getValueProps = (value) => {
-                        // 确保fileList始终是数组
-                        return {
-                            fileList: Array.isArray(value) ? value : [],
-                        };
+        let formItemProps = { ...item.formItemProps };
+        if (item.type === 'upload') {
+            // 如果用户没有明确设置valuePropName，则默认使用fileList
+            if (!formItemProps.valuePropName) {
+                formItemProps.valuePropName = 'fileList';
+            }
+            // 添加getValueProps确保传递给Upload的fileList始终是数组
+            if (!formItemProps.getValueProps) {
+                formItemProps.getValueProps = (value) => {
+                    // 确保fileList始终是数组
+                    return {
+                        fileList: Array.isArray(value) ? value : [],
                     };
-                }
+                };
             }
-            return props;
-        }, [item.formItemProps, item.type]);
-        const mergedFormItemLayout = useMemo(() => ({
+        }
+        const mergedFormItemLayout = {
             ...formItemLayout,
             ...item.itemLayout,
-        }), [formItemLayout, item.itemLayout]);
+        };
         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, ...mergedFormItemLayout, ...formItemProps, children: renderItem(item, form) }) }), item.suffix] }) }, `col-${item.id}`));
     }, [column, form, formItemLayout, renderItem]);
     // 优化：缓存表单容器类名