@yorha2b-lab/autodev 1.0.46 → 2.0.0

package/example/example.json

@@ -2,7 +2,7 @@
     "tabs": [
         {
             "tab": "鬼剑士",
-            "key": "ghostKnight"
+            "key": "ghostSwordsman"
         },
         {
             "tab": "格斗家",
@@ -17,35 +17,6 @@
             "key": "mage"
         }
     ],
-    "formItems": [
-        {
-            "label": "转职职业",
-            "name": "transferJob",
-            "type": "select",
-            "options": "_CODE_transferJobOptions_CODE_"
-        },
-        {
-            "label": "武器类型",
-            "name": "weaponType",
-            "type": "select",
-            "options": "_CODE_weaponTypeOptions_CODE_"
-        },
-        {
-            "label": "职业类型",
-            "name": "jobType",
-            "type": "select",
-            "options": "_CODE_jobTypeOptions_CODE_"
-        },
-        {
-            "label": "觉醒名称关键词",
-            "name": "awakeningNameKeyword"
-        },
-        {
-            "label": "登场时间",
-            "name": "releaseDateStart,releaseDateEnd",
-            "type": "daterange"
-        }
-    ],
     "table": {
         "pagination": true,
         "expandable": true,
@@ -71,7 +42,7 @@
         "columns": [
             {
                 "title": "职业",
-                "dataIndex": "jobName"
+                "dataIndex": "job"
             },
             {
                 "title": "一觉",
@@ -102,17 +73,37 @@
             }
         ]
     },
+    "formItems": [
+        {
+            "label": "转职职业",
+            "name": "transferJob",
+            "type": "select",
+            "options": "_CODE_transferJobOptions_CODE_"
+        },
+        {
+            "label": "武器类型",
+            "name": "weaponType",
+            "type": "select",
+            "options": "_CODE_weaponTypeOptions_CODE_"
+        },
+        {
+            "label": "职业类型",
+            "name": "jobType",
+            "type": "select",
+            "options": "_CODE_jobTypeOptions_CODE_"
+        },
+        {
+            "label": "觉醒名称关键词",
+            "name": "awakeningKeyword"
+        },
+        {
+            "label": "登场时间",
+            "name": "releaseDateStart,releaseDateEnd",
+            "type": "daterange"
+        }
+    ],
     "optionDict": {
-        "_CODE_transferJobOptions_CODE_": [
-            {
-                "label": "剑魂",
-                "value": "swordSoul"
-            },
-            {
-                "label": "狂战士",
-                "value": "berserker"
-            }
-        ],
+        "_CODE_transferJobOptions_CODE_": [],
         "_CODE_weaponTypeOptions_CODE_": [
             {
                 "label": "光剑",
@@ -134,26 +125,31 @@
             },
             {
                 "label": "魔法",
-                "value": "magic"
+                "value": "magical"
             }
         ]
     },
     "functionButton": [
         {
-            "btn": "查询",
-            "action": "queryJobList"
+            "btn": "批量删除",
+            "action": "batchDeleteBySelected"
         },
         {
-            "btn": "重置",
-            "action": "resetJobList"
+            "btn": "批量导出",
+            "action": "exportData"
         },
         {
-            "btn": "批量删除",
-            "action": "deleteBySelectedJobList"
+            "btn": "查询",
+            "action": "search"
         },
         {
-            "btn": "批量导出",
-            "action": "exportJobList"
+            "btn": "重置",
+            "action": "reset"
         }
+    ],
+    "pageStruct": [
+        "MySearchForm",
+        "FunctionButtonsBlock",
+        "MyTable"
     ]
 }

package/package.json

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

package/src/commands/handlers/api-handler.js

@@ -0,0 +1,80 @@
+const fs = require('fs')
+const ora = require('ora')
+const path = require('path')
+const chalk = require('chalk')
+
+module.exports = async (filePath, context) => {
+
+    const { config, options, language, alignResponseFields } = context
+
+    const startTime = Date.now()
+    const fileName = path.basename(filePath, path.extname(filePath))
+    const resourcePath = path.join(process.cwd(), config.pagesDir, fileName, 'resource.js')
+
+    const spinner = ora({
+        text: chalk.yellow(language(
+            `🤖 Pod 153: [侦察] 发现加密数据源 [${fileName}]。正在尝试执行语义对齐协议...`,
+            `🤖 Pod 153: [Recon] Encrypted data source [${fileName}] detected. Initiating semantic alignment...`
+        )),
+        color: 'yellow'
+    }).start()
+
+    try {
+        if (!fs.existsSync(resourcePath)) {
+            throw new Error(language(
+                `地堡数据库中未检索到模块 [${fileName}] 的资源文件。请先执行视觉构筑。`,
+                `Module [${fileName}] resource not found in Bunker database. Please execute visual construction first.`
+            ))
+        }
+
+        const responseRaw = fs.readFileSync(filePath, 'utf8')
+        let responseStr = responseRaw
+        let resourceStr = fs.readFileSync(resourcePath, 'utf8')
+
+        try {
+            const parsed = JSON.parse(responseRaw)
+            const normalizedData = Array.isArray(parsed) ? parsed : [parsed]
+            responseStr = JSON.stringify(normalizedData.slice(0, 1))
+        } catch (e) {
+            console.log(chalk.gray(language(
+                ` [System] 数据格式非标准 JSON，将尝试原始字符对齐。`,
+                ` [System] Data format is not standard JSON, will try to align by character.`)
+            ))
+        }
+
+        spinner.text = chalk.yellow(language(
+            `🧑‍💻 9S: 正在扫描前后端字段差异... 执行语义桥接任务。`,
+            `🧑‍💻 9S: Scanning field differences... Bridging semantic gaps.`
+        ))
+
+        const result = await alignResponseFields(options, responseStr, resourceStr)
+
+        let changeCount = 0
+        const resultMapping = {}
+        Object.entries(result).forEach(([oldField, newField]) => {
+            if (oldField === newField) return
+            const regex = new RegExp(`(dataIndex|name)\\s*:\\s*['"]${oldField}['"]`, 'g')
+            resourceStr = resourceStr.replace(regex, `$1: '${newField}'`)
+            changeCount++
+            resultMapping[oldField] = newField
+        })
+
+        fs.writeFileSync(resourcePath, resourceStr)
+        const endTime = Date.now()
+
+        spinner.succeed(chalk.green(language(
+            `🤖 Pod 153: [肯定] 结果映射完成${JSON.stringify(resultMapping)}。已更正 ${changeCount} 处语义偏差。耗时: ${(endTime - startTime) / 1000}s`,
+            `🤖 Pod 153: [Affirmative] Result mapping completed${JSON.stringify(resultMapping)}. Corrected ${changeCount} semantic deviations. Elapsed: ${(endTime - startTime) / 1000}s`
+        )))
+
+        if (fs.existsSync(filePath)) {
+            fs.unlinkSync(filePath)
+        }
+
+    } catch (error) {
+        spinner.fail(chalk.red(language(
+            `🤖 Pod 153: [严重警告] 信号对齐失败。接口数据遭遇强力防火墙：${error}`,
+            `🤖 Pod 153: [CRITICAL] Alignment failed. Encountered powerful API firewall: ${error}`
+        )))
+    }
+}

package/src/commands/handlers/page-handler.js

@@ -0,0 +1,92 @@
+const fs = require('fs')
+const ora = require('ora')
+const path = require('path')
+const chalk = require('chalk')
+const stringify = require('json-stringify-pretty-compact')
+
+module.exports = async (filePath, context) => {
+
+    const {
+        config, language, menus,
+        pagePrompt, resourceTpl, indexTpl,
+        recognizePage, generateMock, resource, index
+    } = context
+
+    const startTime = Date.now()
+    const fileName = path.basename(filePath, path.extname(filePath))
+    const mockDir = path.join(process.cwd(), 'mock')
+    const targetDir = path.join(process.cwd(), config.pagesDir, fileName)
+
+    const spinner = ora({
+        text: chalk.cyan(language(
+            `[System] 视觉传感器捕捉完成: [${fileName}]。正在调配地堡资源进行物理构筑...`,
+            `[System] Visual sensor captured: [${fileName}]. Allocating Bunker resources for physical construction...`
+        )),
+        color: 'cyan'
+    }).start()
+
+    try {
+
+        if (fs.existsSync(targetDir)) {
+            spinner.warn(chalk.yellow(language(
+                `🤖 Pod 042: [拦截] 模块 [${fileName}] 已存在于地堡数据库中。为了防止数据覆盖，构筑协议已跳过。`,
+                `🤖 Pod 042: [Intercept] Module [${fileName}] already exists. Construction skipped to prevent overwrite.`
+            )))
+            return
+        }
+
+        if (!fs.existsSync(mockDir)) fs.mkdirSync(mockDir, { recursive: true })
+        if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
+
+        let pageConfig
+        if (config.useDemo) {
+            spinner.text = chalk.yellow(language(
+                `🤖 Pod 042: [警告] 拦截到实弹请求。正在空投标准模拟包: example.json`,
+                `🤖 Pod 042: [Warning] Real-fire request intercepted. Dropping simulation package: example.json`
+            ))
+            pageConfig = require(path.join(__dirname, '../../../example/example.json'))
+        } else {
+            spinner.text = chalk.cyan(language(
+                `🤖 Pod 042: 正在上传视觉元数据至司令部进行语义分析...`,
+                `🤖 Pod 042: Uploading visual metadata to Command for semantic analysis...`
+            ))
+            pageConfig = await recognizePage(pagePrompt, filePath)
+        }
+
+        fs.writeFileSync(path.join(targetDir, 'resource.js'), resource({ pageConfig, resourceTpl }))
+        fs.writeFileSync(path.join(targetDir, 'index.js'), index({ config, fileName, indexTpl, pageConfig }))
+
+        if (!menus.find(m => m.key === fileName)) {
+            menus.push({ label: fileName, key: fileName })
+        }
+
+        if (config.needMock) {
+            spinner.text = chalk.yellow(language(
+                `🧑‍💻 9S: 正在突破目标防火墙... 执行数据伪装程序 [${fileName}]`,
+                `🧑‍💻 9S: Piercing target firewall... Executing data camouflage [${fileName}]`
+            ))
+            const rawContent = await generateMock(pageConfig.table.columns, fileName)
+            fs.writeFileSync(path.join(mockDir, `${fileName}.js`), `export default ${stringify.default(rawContent, { indent: 4, maxLength: 200 })}`)
+            console.log(chalk.green(language(
+                `\n[Success] 9S 报告: Mock 数据生成成功`,
+                `\n[Success] 9S Report: Mock data generation successful.`
+            )))
+        }
+
+        const endTime = Date.now()
+        spinner.succeed(chalk.green(language(
+            `🤖 Pod 042: [报告] 构筑协议执行完毕。模块 [${fileName}] 物理装配达成。耗时: ${(endTime - startTime) / 1000}s`,
+            `🤖 Pod 042: [Report] Protocol complete. Physical assembly of [${fileName}] achieved. Elapsed: ${(endTime - startTime) / 1000}s`
+        )))
+
+        if (fs.existsSync(filePath)) {
+            fs.unlinkSync(filePath)
+        }
+
+    } catch (error) {
+        spinner.fail(chalk.red(language(
+            `🤖 Pod 042: [警告] 构筑中断。检测到逻辑病毒或连接超时：${error}`,
+            `🤖 Pod 042: [Warning] Construction aborted. Logic virus or timeout detected: ${error}`
+        )))
+    }
+}

package/src/commands/handlers/part-handler.js

@@ -0,0 +1,76 @@
+const fs = require('fs')
+const ora = require('ora')
+const chalk = require('chalk')
+const stringify = require('json-stringify-pretty-compact')
+
+module.exports = async (filePath, context) => {
+
+    const { language, partPrompt, recognizePage } = context
+
+    const startTime = Date.now()
+
+    const spinner = ora({
+        text: chalk.cyan(language(
+            `[System] 侦测到局部视觉样本。正在执行“碎片构筑协议”...`,
+            `[System] Partial visual sample detected. Executing "Fragment Construction Protocol"...`
+        )),
+        color: 'cyan'
+    }).start()
+
+    try {
+        spinner.text = chalk.cyan(language(
+            `🤖 Pod 042: 正在从神经云网络提取 UI 元数据...`,
+            `🤖 Pod 042: Extracting UI metadata from neural cloud network...`
+        ))
+
+        const pageConfig = await recognizePage(partPrompt, filePath)
+
+        const optionDict = pageConfig.optionDict || {}
+        delete pageConfig.optionDict
+
+        let mainConfigStr = stringify.default(pageConfig, { indent: 4, maxLength: 200 })
+            .replace(/"(\w+)":/g, '$1:') // 去掉 key 的双引号
+            .replace(/"/g, "'")           // 全量替换为单引号
+            .replace(/['"]_CODE_([\s\S]*?)_CODE_['"]/g, '$1') // 还原代码片段
+            .replace(/_CODE_/g, '')
+
+        let optionsCodeStr = ''
+        Object.keys(optionDict).forEach(key => {
+            const varName = key.replaceAll('_CODE_', '')
+            const optionsArray = optionDict[key]
+            const arrayItemsStr = optionsArray.map(opt => `    { label: '${opt.label}', value: '${opt.value}' }`).join(',\n')
+            optionsCodeStr += `\nexport const ${varName} = [\n${arrayItemsStr}\n]\n`
+        })
+
+        const finalResult = `${mainConfigStr}\n${optionsCodeStr}`
+        const endTime = Date.now()
+
+        spinner.stop()
+
+        console.log(chalk.magenta(`\n┌────────────────── [ YoRHa Construction Output ] ──────────────────┐`))
+        console.log(chalk.gray(`│ Source: ${filePath}`))
+        console.log(chalk.gray(`│ Protocol: Partial UI Fragment | Status: SUCCESS`))
+        console.log(chalk.magenta(`├────────────────────────────────────────────────────────────────────┘`))
+        console.log(chalk.white(finalResult))
+        console.log(chalk.magenta(`┌────────────────────────────────────────────────────────────────────┐`))
+        console.log(chalk.green(language(
+            `│ 🤖 Pod 042 报告：局部构筑达成。耗时: ${(endTime - startTime) / 1000}s`,
+            `│ 🤖 Pod 042 Report: Partial construction achieved. Elapsed: ${(endTime - startTime) / 1000}s`
+        )))
+        console.log(chalk.green(language(
+            `│ 命令：请手动将上述代码块物理装配至您的目标文件中。`,
+            `│ Command: Please manually assemble the above code block into your target file.`
+        )))
+        console.log(chalk.magenta(`└────────────────────────────────────────────────────────────────────┘\n`))
+
+        if (fs.existsSync(filePath)) {
+            fs.unlinkSync(filePath)
+        }
+
+    } catch (error) {
+        spinner.fail(chalk.red(language(
+            `🤖 Pod 042: [警告] 碎片构筑失败。系统检测到逻辑干扰：${error}`,
+            `🤖 Pod 042: [Warning] Fragment construction failed. Logic interference detected: ${error}`
+        )))
+    }
+}

package/src/commands/watch.js

@@ -0,0 +1,96 @@
+const fs = require('fs')
+const path = require('path')
+const chalk = require('chalk')
+const chokidar = require('chokidar')
+const Handlebars = require('handlebars')
+const stringify = require('json-stringify-pretty-compact')
+
+const { createTaskQueue } = require('../core/task-queue')
+const { recognizePage, generateMock, alignResponseFields } = require('../services/llm.js')
+const { language, getConfig, getExistingMenus, copyTemplateDir } = require('../utils/utils.js')
+
+const watch = options => {
+
+    const config = getConfig()
+    const template = options.template
+    const queue = createTaskQueue(2)
+    const menus = getExistingMenus()
+
+    const compilerPath = path.join(__dirname, `../core/${template}-compiler.js`)
+    if (!fs.existsSync(compilerPath)) {
+        console.error(chalk.red(language(`❌ 暂不支持 [${template}] 框架。`, `❌ [${template}] framework not supported.`)))
+        return
+    }
+
+    const { index, resource } = require(compilerPath)
+
+    try {
+        if (config.hbsDir === '') {
+            copyTemplateDir(options, 'hooks', config.hooksDir)
+            copyTemplateDir(options, 'utils', config.utilsDir)
+            copyTemplateDir(options, 'components', config.componentsDir)
+        }
+    } catch (error) {
+        console.error(language('❌ 模板构筑失败:', '❌ Template construction failed:'), error)
+    }
+
+    const tplDir = config.hbsDir !== '' ? path.join(process.cwd(), config.hbsDir) : path.join(__dirname, `../../templates/${template}`)
+    const indexTpl = Handlebars.compile(fs.readFileSync(path.join(tplDir, 'index.hbs'), 'utf-8'))
+    const resourceTpl = Handlebars.compile(fs.readFileSync(path.join(tplDir, 'resource.hbs'), 'utf-8'))
+
+    const context = {
+        menus, language,
+        config, options,
+        resource, index,
+        resourceTpl, indexTpl,
+        recognizePage, generateMock, alignResponseFields,
+        pagePrompt: require(path.join(__dirname, `../prompts/${template}/watch-page.js`)),
+        partPrompt: require(path.join(__dirname, `../prompts/${template}/watch-part.js`))
+    }
+
+    const apiHandler = require('./handlers/api-handler')
+    const pageHandler = require('./handlers/page-handler')
+    const partHandler = require('./handlers/part-handler')
+
+    queue.onIdle(() => {
+        console.log(chalk.green(language(
+            '\n🤖 Pod 042: [报告] 队列已空，正在向 Bunker 同步 Menu 路由配置...',
+            '\n🤖 Pod 042: [Report] Queue empty. Syncing Menu configuration to Bunker...'
+        )))
+        const utilsDir = path.join(process.cwd(), config.utilsDir)
+        if (!fs.existsSync(utilsDir)) fs.mkdirSync(utilsDir, { recursive: true })
+        fs.writeFileSync(path.join(utilsDir, 'menus.js'), `export const menus = ${stringify.default(menus, { indent: 4, maxLength: 50 })}`)
+        console.log(chalk.gray(language(
+            '\n🤖 [System] 未检测到运行中的任务，系统待机中...\n',
+            '\n🤖 [System] System is STANDBY.\n'
+        )))
+    })
+
+    const watcher = chokidar.watch(['./screenShot', './screenPart', './response'], {
+        persistent: true,
+        ignored: /(^|[\/\\])\../,
+        awaitWriteFinish: { stabilityThreshold: 500, pollInterval: 100 }
+    })
+
+    console.log(chalk.magenta(language(
+        '📡 Operator 6O: 呼叫 2B，地堡全频道联动监控已就绪！\n',
+        '📡 Operator 6O: Calling 2B, all-channel linked monitoring is ready!\n'
+    )))
+
+    watcher.on('add', filePath => {
+
+        const absolutePath = path.resolve(filePath)
+
+        if (absolutePath.includes('screenShot')) {
+            queue.add(() => pageHandler(filePath, context))
+        }
+        else if (absolutePath.includes('screenPart')) {
+            queue.add(() => partHandler(filePath, context))
+        }
+        else if (absolutePath.includes('response')) {
+            queue.add(() => apiHandler(filePath, context))
+        }
+    })
+}
+
+module.exports = watch

package/src/core/react-compiler.js

@@ -1,8 +1,10 @@
+const fs = require('fs')
+const path = require('path')
 const Handlebars = require('handlebars')
 const stringify = require('json-stringify-pretty-compact')
 const { cleanCode, generateSmartImports } = require('../utils/utils.js')
 
-// 注册 Handlebars 辅助函数，用于将对象格式化为 JSON 字符串
+Handlebars.registerHelper('raw', options => options.fn())
 Handlebars.registerHelper('stringify', (context, maxLength = 200) => context ? new Handlebars.SafeString(stringify.default(context, { indent: 4, maxLength })) : '[]')
 
 /**
@@ -13,25 +15,20 @@ Handlebars.registerHelper('stringify', (context, maxLength = 200) => context ? n
  * @returns {string} 生成的 resource.js 代码
  */
 const resource = ({ pageConfig, resourceTpl }) => {
-    // 判断是否存在标签页配置
+
     const hasTabs = pageConfig.tabs?.length > 0
 
-    // 构建模板数据
     const viewData = {
-        hasTabs, // 是否有标签页
-        tabs: pageConfig.tabs, // 标签页配置
-        formItems: pageConfig.formItems, // 表单项配置
-        // 如果有标签页，将 formItems 按 tab 分组；否则直接使用数组
+        hasTabs,
+        tabs: pageConfig.tabs,
+        formItems: pageConfig.formItems,
         formItemsData: hasTabs ? Object.fromEntries(pageConfig.tabs.map(tab => [tab.key, pageConfig.formItems])) : pageConfig.formItems,
-        // 如果有标签页，将 columns 按 tab 分组；否则直接使用数组
         columnsData: hasTabs ? Object.fromEntries(pageConfig.tabs.map(tab => [tab.key, pageConfig.table.columns])) : pageConfig.table.columns,
-        // 提取所有下拉框字典配置
         dictBlocks: pageConfig.formItems
-            ?.filter(item => item.type === 'select') // 过滤出下拉框类型
-            ?.map(item => ({ name: item.options.replaceAll('_CODE_', ''), data: pageConfig.optionDict[item.options] ?? [] })) // 转换为字典格式
+            ?.filter(item => item.type === 'select')
+            ?.map(item => ({ name: item.options.replaceAll('_CODE_', ''), data: pageConfig.optionDict[item.options] ?? [] }))
     }
 
-    // 渲染模板并清理代码
     const rawCode = resourceTpl(viewData)
     return cleanCode(rawCode)
 }
@@ -45,40 +42,56 @@ const resource = ({ pageConfig, resourceTpl }) => {
  * @returns {string} 生成的 index.js 代码
  */
 const index = ({ config, fileName, indexTpl, pageConfig }) => {
+
     const hasTabs = pageConfig.tabs?.length > 0
+    const hasFormItems = pageConfig.formItems?.length > 0
     const hasOperate = pageConfig.table.operation?.length > 0
 
-    // 动态确定 columns 引用方式：有标签页时使用 activeKey 索引，否则直接使用 columns
     let columnsValue = hasTabs ? 'columns[activeKey]' : 'columns'
-    // 如果存在操作列，拼接到 columns 后面
     if (hasOperate) {
         columnsValue = `${columnsValue}.concat(operate)`
     }
 
-    // 构建模板数据
     const viewData = {
-        hasTabs, // 是否有标签页
-        fileName, // 页面文件名
-        hasOperate, // 是否有操作列
-        columnsValue, // columns 引用表达式
-        tabs: pageConfig.tabs, // 标签页配置
-        responseSuccess: config.responseSuccess, // 成功回调函数
-        hasExpandable: pageConfig.table.expandable, // 是否有展开行
-        hasPagination: pageConfig.table.pagination, // 是否有分页
-        operations: pageConfig.table.operation || [], // 操作列配置
-        hasRowSelection: pageConfig.table.rowSelection, // 是否有行选择
-        hasStaticInfo: pageConfig.table.staticInfo?.has, // 是否有静态信息
-        staticInfoText: pageConfig.table.staticInfo?.text, // 静态信息文本
-        functionButtons: pageConfig.functionButton?.filter(item => !['查询', '重置'].includes(item.btn)) || [] // 功能按钮（排除查询和重置）
+        hasTabs,
+        fileName,
+        hasOperate,
+        columnsValue,
+        hasFormItems,
+        tabs: pageConfig.tabs,
+        pageStruct: pageConfig.pageStruct,
+        responseSuccess: config.responseSuccess,
+        hasExpandable: pageConfig.table.expandable,
+        hasPagination: pageConfig.table.pagination,
+        operations: pageConfig.table.operation || [],
+        hasRowSelection: pageConfig.table.rowSelection,
+        hasStaticInfo: pageConfig.table.staticInfo?.has,
+        staticInfoText: pageConfig.table.staticInfo?.text,
+        formItems: hasTabs ? 'formItems[activeKey]' : 'formItems',
+        functionButtons: pageConfig.functionButton?.filter(item => !['查询', '重置'].includes(item.btn)) || []
     }
 
-    // 渲染模板
+    if (viewData.hasOperate) {
+        Handlebars.registerPartial('tableOperate', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/tableOperate.hbs'), 'utf-8')}\n`)
+    }
+
+    if (viewData.hasFormItems) {
+        Handlebars.registerPartial('MySearchForm', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/MySearchForm.hbs'), 'utf-8')}\n`)
+    }
+
+    if (viewData.hasStaticInfo) {
+        Handlebars.registerPartial('AlertInfo', `{{{{raw}}}}<Alert showIcon title='${pageConfig.table.staticInfo?.text}' type='info' style={{ marginBottom: 16 }} />\n{{{{/raw}}}}`)
+    }
+
+    Handlebars.registerPartial('MyTable', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/MyTable.hbs'), 'utf-8')}\n`)
+    Handlebars.registerPartial('hookBlock', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/hookBlock.hbs'), 'utf-8')}\n`)
+    Handlebars.registerPartial('stateBlock', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/stateBlock.hbs'), 'utf-8')}\n`)
+    Handlebars.registerPartial('handleBlock', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/handleBlock.hbs'), 'utf-8')}\n`)
+    Handlebars.registerPartial('FunctionButtonsBlock', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/functionButtonsBlock.hbs'), 'utf-8')}\n`)
+
     const bodyCode = indexTpl(viewData)
-    // 生成智能导入语句
     const importsStr = generateSmartImports(bodyCode, hasTabs)
-    // 清理代码并返回
     return cleanCode(`${importsStr}\n\n${bodyCode}`)
 }
 
-// 导出 React 编译器的两个核心函数
 module.exports = { index, resource }

package/src/prompts/mock.js

@@ -1,4 +1,4 @@
 module.exports = (columns, fileName) => `
-根据这些字段生成一个简单的接口mock数据: ${JSON.stringify(columns)},
-格式为{POST /api/${fileName}:{data:模块对象列表}}
+根据columns的dataIndex字段生成一个简单的接口mock数据: ${JSON.stringify(columns)},
+格式为{POST /api/${fileName}:{data:2条真实mock数据]}}
 `

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

@@ -1,5 +1,5 @@
 module.exports = `
-识别图片内容（搜索项，表格列，是否有勾选框，查询下拉选项，统计条等页面结构）
+识别图片内容（搜索项，表格列，是否有勾选框，查询下拉选项，统计条等页面组件，并按照从上到下的结构把识别出来的组件按顺序组织成型）
 ⚠️⚠️⚠️注意:
 1.变量使用驼峰命名法
     【严禁中文】绝对不允许使用中文作为变量名或函数名
@@ -35,6 +35,10 @@ module.exports = `
 6.下拉选项字典
     optionDict:{_CODE_对应的英文名词Options_CODE_:[]]}
     ⚠️⚠️⚠️注意：数组值为对应列展示的内容组成的类似{label:'',value:''}的数组
+7.pageStruct
+    从上至下的页面结构组成
+    ⚠️⚠️⚠️注意:这里只能从AlertInfo,MySearchForm,FunctionButtonsBlock,MyTable中选择,并且只有真的存在才加入，绝对禁止加入其他组件
+    ⚠️⚠️⚠️另外这里不要加入tabs组件
 最后输出一个JSON对象,不要包含任何Markdown标签,格式如下
-    { tabs: [], table: {}, formItems: [], optionDict: {}, functionButton: []}
+    { tabs: [], table: {}, formItems: [], optionDict: {}, functionButton: [],pageStruct:[]}
 `