@yorha2b-lab/autodev 1.0.12 → 1.0.14

package/bin/autodev.js

@@ -6,9 +6,11 @@ const figlet = require('figlet')
 const { program } = require('commander')
 
 console.log(chalk.cyan(figlet.textSync('AutoDev', { horizontalLayout: 'full' })))
-console.log(chalk.gray('--------------------------------------------------'))
+console.log(chalk.gray('Booting System...'))
 console.log(chalk.white(' [System] ') + chalk.green('YoRHa No.2 Type B Unit: ') + chalk.cyan('Online'))
-console.log(chalk.white(' [Mission] ') + chalk.yellow('Generate Frontend CRUD: ') + chalk.cyan('Awaiting Command'))
+console.log(chalk.white(' [System] ') + chalk.green('Scanner Type 9S Unit: ') + chalk.cyan('Standby'))
+console.log(chalk.white(' [Mission] ') + chalk.yellow('Frontend Architecture Construction: ') + chalk.cyan('Awaiting Command'))
+console.log(chalk.white(' [Bunker] ') + chalk.magenta('Glory to mankind. (人类荣光永存)'))
 console.log(chalk.gray('--------------------------------------------------\n'))
 
 program.version('1.0.0').description('AI驱动的前端CRUD代码生成器')
@@ -25,8 +27,8 @@ program
         fs.mkdirSync(path.join(process.cwd(), 'swagger'), { recursive: true })
         fs.mkdirSync(path.join(process.cwd(), 'screenShot'), { recursive: true })
         fs.mkdirSync(path.join(process.cwd(), 'screenPart'), { recursive: true })
-        console.log('✅ 已生成 config.js')
-        console.log('✅ 已生成 .env')
+        console.log(chalk.cyan('📡 Operator 6O: 呼叫 2B，环境配置文件已下发至本地终端！'))
+        console.log(chalk.green('🤖 Pod 042: [报告] config.js 与 .env 存储完毕。'))
     })
 
 program

package/package.json

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

package/src/commands/watch-api.js

@@ -1,5 +1,7 @@
 const fs = require('fs')
+const ora = require('ora')
 const path = require('path')
+const chalk = require('chalk')
 const chokidar = require('chokidar')
 
 const watchApi = () => {
@@ -21,7 +23,8 @@ const watchApi = () => {
     watcher.on('add', async filePath => {
         const startTime = Date.now()
         const fileName = path.basename(filePath, path.extname(filePath))
-        console.log(`🚀 检测到新文件: ${fileName}, 开始识别...`)
+        const spinner = ora(chalk.cyan(`🤖 Pod 153: [报告] 侦测到未知的 Swagger 数据源 [${fileName}]，开始进行语义对齐...`))
+        spinner.start()
 
         try {
             const swaggerStr = fs.readFileSync(filePath, 'utf8')
@@ -35,9 +38,9 @@ const watchApi = () => {
             fs.writeFileSync(path.join(`./${config.pagesDir}/${fileName}/resource.js`), resourceStr.replace(/"(\w+)":/g, '$1:').replace(/"/g, "'"))
             const endTime = Date.now()
             //fs.unlinkSync(filePath)
-            console.log(`识别完成：耗时 ${(endTime - startTime) / 1000} 秒`)
+            spinner.succeed(chalk.green(`🤖 Pod 153: [肯定] 字段对齐协议执行完毕：耗时 ${(endTime - startTime) / 1000} 秒。9S 的骇客任务很顺利。`))
         } catch (error) {
-            console.error(`识别 ${fileName} 失败：`, error)
+            console.log(chalk.red(`🤖 Pod 153: [警告] 骇入 [${fileName}] 失败。接口数据遭遇强力防火墙：${error}`))
         }
     })
 }

package/src/commands/watch-page.js

@@ -1,6 +1,8 @@
 const fs = require('fs')
 const ora = require('ora') // 命令行加载动画
 const path = require('path')
+const chalk = require('chalk')
+
 
 /**
  * 监听截图目录，自动生成 CRUD 页面
@@ -61,12 +63,12 @@ const watchPage = options => {
 
     // 所有任务完成后统一更新菜单配置
     queue.onIdle(() => {
-        console.log('💾 所有排队的截图已处理完成，正在统一更新 menu 配置...')
+        console.log(chalk.green('🤖 Pod 042: [报告] 所有排队的视觉数据已解析完毕，正在向 Bunker 同步 Menu 路由配置...'))
         const constantDir = path.join(process.cwd(), config.utilsDir)
         if (!fs.existsSync(constantDir)) fs.mkdirSync(constantDir, { recursive: true })
         // 格式化菜单配置为 JS 代码
         fs.writeFileSync(path.join(constantDir, 'constant.js'), `export const menus = ${stringify.default(menus, { indent: 4, maxLength: 50 })}`)
-        console.log('✅ Menu 配置更新成功！')
+        console.log(chalk.green('🤖 Pod 042: [肯定] Menu 配置同步成功。'))
     })
 
     // 监听 screenShot 目录
@@ -92,7 +94,7 @@ const watchPage = options => {
                 if (!fs.existsSync(mockDir)) fs.mkdirSync(mockDir, { recursive: true })
                 if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
 
-                const spinner = ora(`🚀 Pod 042: 开始处理排队任务: ${fileName}...`)
+                const spinner = ora(chalk.cyan(`🤖 Pod 042: [报告] 捕获到新的视觉图像 [${fileName}]，开始执行构筑程序...`))
                 spinner.start()
 
                 // 1. 识别页面结构（调用视觉大模型）
@@ -111,18 +113,18 @@ const watchPage = options => {
 
                 // 5. 生成 Mock 数据（可选）
                 if (config.needMock) {
-                    console.log(`🚀 开始生成 ${fileName} 的 Mock 数据...`)
+                    console.log(chalk.yellow(`🧑‍💻 9S: 交给我吧 2B！正在骇入并伪造 [${fileName}] 的 Mock 数据...`))
                     const rawContent = await generateMock(pageConfig.table.columns, fileName)
                     // 格式化 Mock 数据
                     fs.writeFileSync(path.join(mockDir, `${fileName}.js`), `export default ${stringify.default(rawContent, { indent: 4, maxLength: 200 })}`.replaceAll(`"'`, `"`).replaceAll(`'"`, `"`))
-                    console.log(`生成 ${fileName} 的 Mock 数据耗时: ${(Date.now() - startTime) / 1000} 秒`)
+                    console.log(chalk.green(`🤖 Pod 042: [报告] Mock 数据注入完成，耗时: ${(Date.now() - startTime) / 1000} 秒`))
                 }
 
                 const endTime = Date.now()
                 //fs.unlinkSync(filePath) // 可选：处理完成后删除截图
-                spinner.succeed(`✅ Pod 042: 模块 [${fileName}] 装配完成！耗时 ${(endTime - startTime) / 1000} 秒`)
+                spinner.succeed(chalk.green(`🤖 Pod 042: [报告] 模块 [${fileName}] 物理装配完成！耗时 ${(endTime - startTime) / 1000} 秒`))
             } catch (error) {
-                console.error(`❌ 处理失败: ${filePath}`, error)
+                console.log(chalk.red(`🤖 Pod 042: [警告] 模块 [${fileName}] 构筑失败。原因：${error}`))
             }
         })
     })

package/src/commands/watch-part.js

@@ -1,4 +1,6 @@
 const fs = require('fs')
+const ora = require('ora')
+const chalk = require('chalk')
 const chokidar = require('chokidar')
 const stringify = require('json-stringify-pretty-compact')
 
@@ -18,7 +20,8 @@ const watchPart = () => {
     watcher.on('add', async filePath => {
         try {
             const startTime = Date.now()
-            console.log(`🚀 检测到新图片: 开始识别...`)
+            const spinner = ora(chalk.cyan(`🤖 Pod 042: [报告] 捕获到新的视觉图像，开始执行构筑程序...`))
+            spinner.start()
             const partPrompt = require('../prompts/watch-part.js')
             const pageConfig = await recognizePage(partPrompt, filePath)
             const optionDict = pageConfig.optionDict || {}
@@ -37,11 +40,13 @@ const watchPart = () => {
             })
             const finalResult = `${mainConfigStr}\n${optionsCodeStr}`
             const endTime = Date.now()
-            console.log(`🎉 识别完成！耗时 ${(endTime - startTime) / 1000} 秒\n================\n\n${finalResult}\n\n================`)
+            spinner.succeed(`🤖 Pod 042: [报告] 识别程序结束！耗时 ${(endTime - startTime) / 1000} 秒\n================\n\n${finalResult}\n\n================`)
         } catch (error) {
-            console.error('识别图片失败', error)
+            console.log(chalk.red(`🤖 Pod 042: [警告] 识别程序失败。原因：${error}`))
         } finally {
-            fs.unlinkSync(filePath)
+            if (fs.existsSync(filePath)) {
+                fs.unlinkSync(filePath)
+            }
         }
     })
 }

package/src/services/llm.js

@@ -2,6 +2,7 @@ const fs = require('fs')
 const path = require('path')
 const JSON5 = require('json5')
 const sharp = require('sharp') // 图片压缩库，用于处理截图
+const chalk = require('chalk')
 const OpenAI = require('openai')
 const { getConfig } = require('../utils/utils.js')
 
@@ -32,7 +33,7 @@ const getOpenAI = () => {
  */
 const askAI = async (model, messages, retryCount = 0) => {
     // 最多重试 3 次，避免无限循环
-    if (retryCount > 3) throw new Error('AI 重试次数耗尽，请检查网络或图片')
+    if (retryCount > 3) throw new Error('YoRHa 司令部连接中断：请检查网络状态或黑盒共鸣情况。')
 
     try {
         const openai = getOpenAI()
@@ -54,7 +55,7 @@ const askAI = async (model, messages, retryCount = 0) => {
         // 使用 JSON5 解析（支持单引号、注释等非标准 JSON）
         return JSON5.parse(match ? match[0] : raw)
     } catch (err) {
-        console.warn(`[解析失败，第 ${retryCount + 1} 次重试...]`, err.message)
+        console.warn(chalk.yellow(`[系统警告] 神经云网络连接不稳，正在尝试重新链接... (第 ${retryCount + 1} 次重试)`), err.message)
         return askAI(model, messages, retryCount + 1)
     }
 }

package/templates/react/components/MyBaseForm.js

@@ -1,6 +1,6 @@
-import { Form, Space } from 'antd'
 import { formNode } from './index'
-import { MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons'
+import { Form, Space, Button } from 'antd'
+import { PlusOutlined, PlusCircleOutlined, MinusCircleOutlined } from '@ant-design/icons'
 
 export const MyBaseForm = ({ item, form }) => {
 

package/templates/react/components/MyModalForm.js

@@ -3,7 +3,7 @@ import { MyBaseForm } from './MyBaseForm'
 import { useState, useEffect } from 'react'
 import { Row, Col, Form, Modal, } from 'antd'
 
-export const MyModalForm = ({ width, title, submit, record, visible, setModal, labelCol, formItems, wrapperCol, dateSeparator = '\GMT\,', onValuesChange }) => {
+export const MyModalForm = ({ width, title, submit, record, visible, setModal, labelCol, formItems, wrapperCol, dateSeparator = ',', onValuesChange }) => {
 
     const [form] = Form.useForm()
     const [pending, setPending] = useState(false)
@@ -30,8 +30,9 @@ export const MyModalForm = ({ width, title, submit, record, visible, setModal, l
                 setPending(false)
             }
         } catch (error) {
-            setPending(false)
             console.log('表单校验失败:', error)
+        } finally {
+            setPending(false)
         }
     }
 

package/templates/react/components/MyTable.js

@@ -11,8 +11,11 @@ const components = {
 
 export const MyTable = ({ size, query, onSave, autoScroll, onChange, pagination, rowClassName, columns = [], rowSelection, rowKey = 'id', loading = false, dataSource = [], editable = false, scroll = { x: 'max-content' }, ...restProps }) => {
 
+
+    const hasScrolled = useRef(false)
+
     const mergedColumns = columns.map(col => {
-        if (!col.editable) {
+        if (!col.editType) {
             return col
         }
         return {
@@ -31,16 +34,21 @@ export const MyTable = ({ size, query, onSave, autoScroll, onChange, pagination,
     })
 
     useEffect(() => {
-        /* if (query && autoScroll) {
-            //如果需要可以在这里通过query来处理滚动到目标行的操作
-            const trList = document.getElementsByClassName('ant-table-row')
-            const index = 0 //根据query来计算索引
-            const tr = trList[index]
-            if (tr) {
-                tr.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' })
-            }
-        } */
-    }, [])
+        if (hasScrolled.current || !query || !autoScroll || !dataSource?.length) return
+        if (query && autoScroll && dataSource?.length > 0) {
+            const timer = setTimeout(() => {
+                const trList = document.getElementsByClassName('ant-table-row')
+                const tr = trList[Number(query.rowIndex)]
+                if (tr) {
+                    tr.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' })
+                    tr.style.transition = 'background-color 0.8s ease'
+                    tr.style.backgroundColor = '#e6f4ff'
+                    hasScrolled.current = true
+                }
+            }, 100)
+            return () => clearTimeout(timer)
+        }
+    }, [dataSource])
 
     return (
         <Table