@yorha2b-lab/autodev 3.4.3 → 3.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorha2b-lab/autodev",
-  "version": "3.4.3",
+  "version": "3.4.4",
   "description": "基于视觉大模型的前端(react+Antd)全自动 CRUD 代码生成器",
   "bin": {
     "autodev": "bin/autodev.js"

package/src/prompts/react/watch-page.js

@@ -18,7 +18,7 @@ module.exports = `
 - ⚠️ 属性精简规则:
     - 默认输入框: 仅保留 [label, name] 属性。**严禁出现 type 属性**。
     - 非默认组件: 仅当类型为 [auto, date, radio, select, upload, checkbox, textarea, daterange] 时才允许添加 type 属性。
-**标准定义 (Columns)**:
+**标准定义 (FormItem)**:
     - date: 单日期
     - daterange: 日期范围
     - enum: 枚举类型

package/src/prompts/react/watch-part.js

@@ -26,13 +26,17 @@ module.exports = `
     - **行操作 (Operation)**: [{label:'操作名', action:'动词ByRecord'}]
 
 ## 2. 表单 (Form)
-- **基础格式**: [{ label: '文本', name: 'englishName',type:'' }]
+- **基础格式**: [{ label: '文本', name: 'englishName',type:''}]
+- **高级格式**: [{ title: '文本', layoutType:'',childItems:[{ label: '文本', name: 'englishName',type:'' }] }]
 - 禁止输出:
     - ***⚠️⚠️⚠️严禁输出columns,只允许输出formItems⚠️⚠️⚠️***
 - ⚠️ 属性精简规则:
     - 默认输入框: 仅保留 [label, name] 属性。**严禁出现 type 属性**。
     - 非默认组件: 仅当类型为 [auto, date, radio, select, upload, checkbox, textarea, daterange] 时才允许添加 type 属性。
-**标准定义 (Columns)**:
+- ⚠️ layoutType:
+    - section: 段落布局(分段title+childItems项，无明显背景色，纯文本title)
+    - collapse: 折叠布局(折叠展开title+childItems项，有明显背景色，或文本前有展开箭头)
+**标准定义 (FormItem)**:
     - date: 单日期
     - daterange: 日期范围
     - enum: 枚举类型

package/templates/react/components/MyModalForm.js

@@ -5,28 +5,26 @@ import { useMemo, useState, useEffect } from 'react'
 import { Row, Col, Form, Modal, Button, Collapse } from 'antd'
 
 const LAYOUT_PROCESSORS = {
-    // 分节布局
-    section: ({ item, children }) => (
-        <Col span={item.span ?? 24}>
-            <div className={item.className}>{item.title}</div>
-            <Row gutter={[24, 0]}>{children}</Row>
+    section: ({ item, renderCore }) => (
+        <Col span={item.span ?? 24} style={{ marginBottom: 16 }}>
+            <div style={{ fontWeight: 'bold', marginBottom: 12, borderLeft: '4px solid #1890ff', paddingLeft: 8 }}>{item.title}</div>
+            <Row gutter={[24, 0]}>
+                {renderCore(item.childItems || [])}
+            </Row>
         </Col>
     ),
-    // 手风琴布局
     collapse: ({ item, renderCore }) => (
-        <Col span={item.span ?? 24}>
-            <Collapse ghost accordion defaultActiveKey={[0]}>
-                {item.childItems?.map((child, ind) => (
-                    <Collapse.Panel key={child.name || ind} header={<span style={{ fontWeight: 'bold' }}>{child.title}</span>}>
-                        <Row gutter={[24, 0]}>
-                            {renderCore(child.childItems || [child])}
-                        </Row>
-                    </Collapse.Panel>
-                ))}
+        <Col span={item.span ?? 24} style={{ marginBottom: 16 }}>
+            <Collapse defaultActiveKey={['1']}>
+                <Collapse.Panel key='1' header={<span style={{ fontWeight: 'bold' }}>{item.title}</span>}>
+                    <Row gutter={[24, 0]}>
+                        {renderCore(item.childItems || [])}
+                    </Row>
+                </Collapse.Panel>
             </Collapse>
         </Col>
     ),
-    default: ({ children }) => <>{children}</>
+    default: ({ item, renderCore }) => <Row gutter={[24, 0]}>{renderCore(item.childItems || [])}</Row>
 }
 
 // 定义“零部件增强协议”处理器,以后加任何新功能，只需要在这个对象里加一个 Key，不需要动主逻辑！
@@ -88,7 +86,7 @@ const FormRenderer = ({ form, formItems, tableConfig, setModalTable, setSelected
 
         // 情况 B：标准作战零件
         return (
-            <Col span={item.span ?? 24} key={item.name || index}>
+            <Col span={item.span ?? 6} key={item.name || index}>
                 <MyBaseForm item={{ ...item, ...getRenderItemProps(item) }} form={form} />
             </Col>
         )