@yorha2b-lab/autodev 1.0.8 → 1.0.10

package/README.md

@@ -30,11 +30,17 @@
 ### 安装
 
 ```bash
-npm install -g auto-crud-copilot
+npm install -g @yorha2b-lab/autodev
 ```
 
 ### 环境配置
 
+快速开始
+
+```bash
+autodev init
+```
+
 创建 `.env` 文件并配置以下环境变量：
 
 ```bash

package/package.json

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

package/src/core/react-compiler.js

@@ -37,6 +37,7 @@ const index = ({ fileName, indexTpl, pageConfig }) => {
         hasOperate,
         columnsValue,
         tabs: pageConfig.tabs,
+        hasExpandable: pageConfig.table.expandable,
         hasPagination: pageConfig.table.pagination,
         operations: pageConfig.table.operation || [],
         hasRowSelection: pageConfig.table.rowSelection,

package/src/prompts/watch-page.js

@@ -15,6 +15,7 @@ module.exports = `
 4.表格:
     {
         pagination: true/false,
+        expandable: true/false,
         rowSelection: true/false,
         staticInfo:{has:true/false,text:''},
         operation: [{label:'操作',action:'操作动词+ByRecord'}],
@@ -28,7 +29,7 @@ module.exports = `
     如果是下拉框列(所对应的查询项明确是下拉框),请加入render:_CODE_text=>对应的options.find(item=>item.value===text)?.label_CODE_
     如果列需要过滤请加上filters:[],onFilter: _CODE_(value, record) => record[对应的英文名词].includes(value)_CODE_
 5.功能按钮
-    functionButtion:[{btn:'btn',action:'操作动词'}]
+    functionButtion:[{btn:'btn',action:'操作动词+模块英文名词'}]
     如果和表格行操作重复请在action加上BySelected前缀
     如果是导出功能,对应的动词为export+对应的英文名词,没有名词则为exportData
 6.下拉选项字典

package/templates/react/components/EditableCell.js

@@ -49,7 +49,7 @@ export const EditableCell = ({ title, record, editable, children, dataIndex, han
             inputNode = <InputNumber ref={inputRef} onPressEnter={save} onBlur={save} />
             break
         case 'select':
-            inputNode = <Select ref={inputRef} options={options} onBlur={save} open={true} />
+            inputNode = <Select ref={inputRef} options={options} onBlur={save} />
             break;
         case 'checkbox':
             inputNode = <Checkbox.Group options={options} onChange={save} />

package/templates/react/components/MyTable.js

@@ -8,7 +8,7 @@ const components = {
     }
 }
 
-export const MyTable = ({ size, onSave, onChange, pagination, columns = [], rowSelection, rowKey = 'id', loading = false, dataSource = [], editable = false, scroll = { x: 'max-content' }, ...restProps }) => {
+export const MyTable = ({ size, onSave, onChange, pagination, rowClassName, columns = [], rowSelection, rowKey = 'id', loading = false, dataSource = [], editable = false, scroll = { x: 'max-content' }, ...restProps }) => {
 
     const mergedColumns = columns.map(col => {
         if (!col.editable) {
@@ -42,7 +42,7 @@ export const MyTable = ({ size, onSave, onChange, pagination, columns = [], rowS
             size={size ?? 'middle'}
             rowSelection={rowSelection}
             components={editable ? components : undefined}
-            rowClassName={editable ? () => 'editable-row' : undefined}
+            rowClassName={editable ? () => 'editable-row' : rowClassName}
         />
     )
 }

package/templates/react/index.hbs

@@ -5,6 +5,9 @@ export default props => {
     {{#if hasTabs}}
     const [activeKey, setActiveKey] = useState(tabs[0].key)
     {{/if}}
+    {{#if hasExpandable}}
+    const [expandedRowKeys, setExpandedRowKeys] = useState([])
+    {{/if}}
     {{#if hasRowSelection}}
     const [selectedRows, setSelectedRows] = useState([])
     {{/if}}
@@ -48,6 +51,19 @@ export default props => {
     }
     {{/if}}
 
+    {{#if hasExpandable}}
+    const onExpand = async (expanded, record) => {
+        if (expanded) {
+            setExpandedRowKeys([...expandedRowKeys, record.key])
+        } else {
+            setExpandedRowKeys(expandedRowKeys.filter(item => item !== record.key))
+        }
+    }
+
+    const expandedRowRender = record => (<div>自定义渲染</div>)
+
+    {{/if}}
+
     const modalSubmit = async values => {
         const response = await request('/api')
         refresh()
@@ -94,6 +110,9 @@ export default props => {
                 loading={loading}
                 dataSource={dataSource}
                 columns={ {{columnsValue}} }
+                {{#if hasExpandable}}
+                expandable=\{{ onExpand, expandedRowKeys, expandedRowRender, columnWidth: 24 }}
+                {{/if}}
                 {{#if hasPagination}}
                 pagination=\{{ total, showSizeChanger: true, current: search.pageNo, pageSize: search.pageSize }}
                 onChange={(pagination, filters, sorter) => setSearch({ ...search , pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.column ? sorter.field : undefined })}