@yorha2b-lab/autodev 1.0.7 → 1.0.9

package/README.md

@@ -35,6 +35,12 @@ npm install -g auto-crud-copilot
 
 ### 环境配置
 
+快速开始
+
+```bash
+autodev init
+```
+
 创建 `.env` 文件并配置以下环境变量：
 
 ```bash

package/package.json

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

package/src/commands/watch-api.js

@@ -1,11 +1,12 @@
 const fs = require('fs')
 const path = require('path')
 const chokidar = require('chokidar')
-const { getConfig } = require('../utils/utils.js')
-const { alignSwaggerFields } = require('../services/llm.js')
 
 const watchApi = () => {
 
+    const { getConfig } = require('../utils/utils.js')
+    const { alignSwaggerFields } = require('../services/llm.js')
+
     const config = getConfig()
 
     const watcher = chokidar.watch('./swagger', {

package/src/commands/watch-page.js

@@ -1,16 +1,17 @@
 const fs = require('fs')
 const ora = require('ora')
 const path = require('path')
-const chokidar = require('chokidar')
-const Handlebars = require('handlebars')
-const pagePrompt = require('../prompts/watch-page.js')
-const { createTaskQueue } = require('../core/task-queue')
-const stringify = require('json-stringify-pretty-compact')
-const { recognizePage, generateMock } = require('../services/llm.js')
-const { getConfig, copyHooks, copyComponents, getExistingMenus } = require('../utils/utils.js')
 
 const watchPage = options => {
 
+    const chokidar = require('chokidar')
+    const Handlebars = require('handlebars')
+    const pagePrompt = require('../prompts/watch-page.js')
+    const { createTaskQueue } = require('../core/task-queue')
+    const stringify = require('json-stringify-pretty-compact')
+    const { recognizePage, generateMock } = require('../services/llm.js')
+    const { getConfig, copyHooks, copyComponents, getExistingMenus } = require('../utils/utils.js')
+
     const config = getConfig()
     const compilerPath = path.join(__dirname, `../core/${options.template}-compiler.js`)
 

package/src/commands/watch-part.js

@@ -1,10 +1,11 @@
 const fs = require('fs')
 const chokidar = require('chokidar')
-const partPrompt = require('../prompts/watch-part.js')
-const { recognizePage } = require('../services/llm.js')
 const stringify = require('json-stringify-pretty-compact')
 
 const watchPart = () => {
+
+    const { recognizePage } = require('../services/llm.js')
+
     const watcher = chokidar.watch('./screenPart', {
         persistent: true,
         ignored: /(^|[\/\\])\../,
@@ -13,10 +14,12 @@ const watchPart = () => {
             pollInterval: 100
         }
     })
+
     watcher.on('add', async filePath => {
         try {
             const startTime = Date.now()
             console.log(`🚀 检测到新图片: 开始识别...`)
+            const partPrompt = require('../prompts/watch-part.js')
             const pageConfig = await recognizePage(partPrompt, filePath)
             const optionDict = pageConfig.optionDict || {}
             delete pageConfig.optionDict

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/src/services/llm.js

@@ -3,18 +3,12 @@ const path = require('path')
 const JSON5 = require('json5')
 const sharp = require('sharp')
 const OpenAI = require('openai')
-const mockPrompt = require('../prompts/mock.js')
 const { getConfig } = require('../utils/utils.js')
-const apiPrompt = require('../prompts/watch-api.js')
-const { UI_DESIGNER, API_DESIGNER, MOCK_DESIGNER } = require('../prompts/system.js')
-
-const config = getConfig()
 
 let client = null
 
 const getOpenAI = () => {
     if (!client) {
-
         const localEnv = path.resolve(process.cwd(), '.env')
         const pkgEnv = path.resolve(__dirname, '../.env')
         require("dotenv").config({
@@ -44,6 +38,9 @@ const askAI = async (model, messages, retryCount = 0) => {
 
 module.exports = {
     generateMock: async (columns, fileName) => {
+        const config = getConfig()
+        const mockPrompt = require('../prompts/mock.js')
+        const { MOCK_DESIGNER } = require('../prompts/system.js')
         return askAI(
             config.textModel,
             [
@@ -53,11 +50,15 @@ module.exports = {
         )
     },
     recognizePage: async (prompt, filePath) => {
+        const config = getConfig()
+        const { UI_DESIGNER } = require('../prompts/system.js')
+
         const compressedBuffer = await sharp(filePath)
             .resize(1280, null, { withoutEnlargement: true })
             .jpeg({ quality: 80 })
             .toBuffer()
         const base64Image = compressedBuffer.toString('base64')
+
         return askAI(
             config.visionModel,
             [
@@ -73,6 +74,9 @@ module.exports = {
         )
     },
     alignSwaggerFields: async (swaggerStr, resourceStr) => {
+        const config = getConfig()
+        const apiPrompt = require('../prompts/watch-api.js')
+        const { API_DESIGNER } = require('../prompts/system.js')
         return askAI(
             config.textModel,
             [

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