@yorha2b-lab/autodev 2.2.0 → 3.0.0

package/bin/autodev.js

@@ -4,6 +4,7 @@ const path = require('path')
 const chalk = require('chalk')
 const { program } = require('commander')
 const pkg = require(path.join(__dirname, '../package.json'))
+const bunker = require(path.join(__dirname, '../src/core/context.js'))
 const { language, matrixEffect, bootSequence } = require(path.join(__dirname, '../src/utils/utils.js'))
 
 program
@@ -52,8 +53,11 @@ program
     .description(language('开启全频道联动监控：支持 Page/Part/API 协同构筑', 'Start full-channel linked monitoring: Coordinated Page/Part/API construction'))
     .action(() => {
         bootSequence(pkg.version)
-        const watch = require('../src/commands/watch')
-        watch(program.opts())
+        bunker.init(program.opts())
+        require(path.join(__dirname, '../src/commands/watch'))()
+        if (bunker.get().config.proxyTarget) {
+            require(path.join(__dirname, '../src/services/proxy-tower'))()
+        }
         process.on('SIGINT', () => {
             console.log('\n')
             console.log(chalk.gray('--------------------------------------------------'))

package/config.js

@@ -17,5 +17,6 @@ module.exports = {
     componentsDir: 'src/components',
 
     responseSuccess: `response?.code === 200`,
+    proxyTarget: 'http://id:port',// 代理目标，例如 http://localhost:3000
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorha2b-lab/autodev",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "description": "基于视觉大模型的前端(react+Antd)全自动 CRUD 代码生成器",
   "bin": {
     "autodev": "bin/autodev.js"
@@ -46,5 +46,8 @@
     "openai": "^6.24.0",
     "ora": "^5.4.1",
     "sharp": "^0.34.5"
+  },
+  "devDependencies": {
+    "http-proxy": "^1.18.1"
   }
 }

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

@@ -3,12 +3,13 @@ const ora = require('ora')
 const path = require('path')
 const chalk = require('chalk')
 
-module.exports = async (filePath, context) => {
+module.exports = async (filePath, liveResponse = null) => {
 
-    const { config, options, language, alignResponseFields } = context
+    const { get } = require(path.join(__dirname, '../../core/context'))
+    const { config, options, language, unwrapSignal, alignResponseFields } = get()
 
     const startTime = Date.now()
-    const fileName = path.basename(filePath, path.extname(filePath))
+    const fileName = liveResponse?.fileName ?? path.basename(filePath, path.extname(filePath))
     const resourcePath = path.join(process.cwd(), config.pagesDir, fileName, 'resource.js')
 
     const spinner = ora({
@@ -27,28 +28,26 @@ module.exports = async (filePath, context) => {
             ))
         }
 
-        const responseRaw = fs.readFileSync(filePath, 'utf8')
-        let responseStr = responseRaw
+        let rawJson = liveResponse ? liveResponse.data : JSON.parse(fs.readFileSync(filePath, 'utf8'))
         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) {
+        const coreArray = unwrapSignal(rawJson)
+
+        if (!coreArray || coreArray.length === 0) {
             console.log(chalk.gray(language(
                 ` [System] 数据格式非标准 JSON，将尝试原始字符对齐。`,
                 ` [System] Data format is not standard JSON, will try to align by character.`)
             ))
         }
 
+        const sampleData = coreArray && coreArray.length > 0 ? [coreArray[0]] : rawJson
+
         spinner.text = chalk.yellow(language(
             `🧑‍💻 9S: 正在扫描前后端字段差异... 执行语义桥接任务。`,
             `🧑‍💻 9S: Scanning field differences... Bridging semantic gaps.`
         ))
 
-        const result = await alignResponseFields(options, responseStr, resourceStr)
-
+        const result = await alignResponseFields(options, JSON.stringify(sampleData), resourceStr)
         let changeCount = 0
         const resultMapping = {}
         Object.entries(result).forEach(([oldField, newField]) => {
@@ -63,10 +62,27 @@ module.exports = async (filePath, context) => {
         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`
+            `🤖 Pod 153: [肯定] 语义桥接协议执行完毕。已物理修正 ${changeCount} 处字段偏差。耗时: ${(endTime - startTime) / 1000}s`,
+            `🤖 Pod 153: [Affirmative] Semantic bridge protocol complete. Corrected ${changeCount} field deviations. Elapsed: ${(endTime - startTime) / 1000}s`
         )))
 
+        if (changeCount > 0) {
+            console.log(chalk.gray(`\n┌────────────────── [ 9S 语义映射表 ] ──────────────────┐`))
+            Object.entries(resultMapping).forEach(([oldField, newField]) => {
+                // 💡 物理校准：计算空格数量，让箭头对齐在第 15 个字符位
+                // 中文字符长度 * 2 是为了抵消它在终端占的双倍宽度
+                const padding = " ".repeat(Math.max(1, 15 - oldField.length * 2))
+                console.log(
+                    chalk.gray(` │  `) +
+                    chalk.yellow(oldField) +
+                    padding +
+                    chalk.cyan(` ->  `) +
+                    chalk.white(newField)
+                )
+            })
+            console.log(chalk.gray(`└───────────────────────────────────────────────────────┘\n`))
+        }
+
         if (fs.existsSync(filePath)) {
             fs.unlinkSync(filePath)
         }

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

@@ -4,13 +4,15 @@ const path = require('path')
 const chalk = require('chalk')
 const stringify = require('json-stringify-pretty-compact')
 
-module.exports = async (filePath, context) => {
+module.exports = async filePath => {
+
+    const { get } = require(path.join(__dirname, '../../core/context'))
 
     const {
         config, language, menus,
         pagePrompt, resourceTpl, indexTpl,
         recognizePage, generateMock, resource, index
-    } = context
+    } = get()
 
     const startTime = Date.now()
     const fileName = path.basename(filePath, path.extname(filePath))

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

@@ -1,11 +1,13 @@
 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) => {
+module.exports = async filePath => {
 
-    const { language, partPrompt, recognizePage } = context
+    const { get } = require(path.join(__dirname, '../../core/context'))
+    const { language, partPrompt, recognizePage } = get()
 
     const startTime = Date.now()
 

package/src/commands/watch.js

@@ -2,19 +2,15 @@ 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 { get } = require(path.join(__dirname, '../core/context'))
+const { copyTemplateDir } = require(path.join(__dirname, '../utils/utils.js'))
+const { createTaskQueue } = require(path.join(__dirname, '../core/task-queue.js'))
 
-const watch = options => {
+const watch = () => {
 
-    const config = getConfig()
-    const template = options.template
-    const queue = createTaskQueue(2)
-    const menus = getExistingMenus()
+    const { menus, config, options, template, language, apiHandler, pageHandler, partHandler } = get()
 
     const compilerPath = path.join(__dirname, `../core/${template}-compiler.js`)
     if (!fs.existsSync(compilerPath)) {
@@ -22,8 +18,6 @@ const watch = options => {
         return
     }
 
-    const { index, resource } = require(compilerPath)
-
     try {
         if (config.hbsDir === '') {
             copyTemplateDir(options, 'hooks', config.hooksDir)
@@ -34,23 +28,7 @@ const watch = options => {
         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')
+    const queue = createTaskQueue(2)
 
     queue.onIdle(() => {
         console.log(chalk.green(language(
@@ -73,8 +51,8 @@ const watch = options => {
     })
 
     console.log(chalk.magenta(language(
-        '📡 Operator 6O: 呼叫 2B，地堡全频道联动监控已就绪！\n',
-        '📡 Operator 6O: Calling 2B, all-channel linked monitoring is ready!\n'
+        '📡 Operator 6O: 呼叫 2B，地堡全频道联动监控已就绪！',
+        '📡 Operator 6O: Calling 2B, all-channel linked monitoring is ready!'
     )))
 
     watcher.on('add', filePath => {
@@ -82,13 +60,13 @@ const watch = options => {
         const absolutePath = path.resolve(filePath)
 
         if (absolutePath.includes('screenShot')) {
-            queue.add(() => pageHandler(filePath, context))
+            queue.add(() => pageHandler(filePath))
         }
         else if (absolutePath.includes('screenPart')) {
-            queue.add(() => partHandler(filePath, context))
+            queue.add(() => partHandler(filePath))
         }
         else if (absolutePath.includes('response')) {
-            queue.add(() => apiHandler(filePath, context))
+            queue.add(() => apiHandler(filePath))
         }
     })
 }

package/src/core/context.js

@@ -0,0 +1,51 @@
+const fs = require('fs')
+const path = require('path')
+const Handlebars = require('handlebars')
+const apiHandler = require(path.join(__dirname, '../commands/handlers/api-handler'))
+const pageHandler = require(path.join(__dirname, '../commands/handlers/page-handler'))
+const partHandler = require(path.join(__dirname, '../commands/handlers/part-handler'))
+const { recognizePage, generateMock, alignResponseFields } = require(path.join(__dirname, '../services/llm'))
+const { language, getConfig, unwrapSignal, getExistingMenus } = require(path.join(__dirname, '../utils/utils'))
+
+let instance = null // 💡 物理封存的全局实例
+
+module.exports = {
+    /**
+     * @description 执行中枢神经元初始化
+     */
+    init: options => {
+
+        const config = getConfig()
+        const menus = getExistingMenus()
+        const template = options.template
+
+        const compilerPath = path.join(__dirname, `./${template}-compiler.js`)
+        const { index, resource } = require(compilerPath)
+
+        const tplDir = config.hbsDir !== ''
+            ? path.join(process.cwd(), config.hbsDir)
+            : path.join(__dirname, `../../templates/${template}`)
+
+        instance = {
+            menus, config, options, language, unwrapSignal,
+            resource, index, template,
+            apiHandler, pageHandler, partHandler,
+            recognizePage, generateMock, alignResponseFields,
+            indexTpl: Handlebars.compile(fs.readFileSync(path.join(tplDir, 'index.hbs'), 'utf-8')),
+            resourceTpl: Handlebars.compile(fs.readFileSync(path.join(tplDir, 'resource.hbs'), 'utf-8')),
+            pagePrompt: require(path.join(__dirname, `../prompts/${template}/watch-page.js`)),
+            partPrompt: require(path.join(__dirname, `../prompts/${template}/watch-part.js`))
+        }
+        return instance
+    },
+
+    /**
+     * @description 全频道信号接入：获取全局上下文
+     */
+    get: () => {
+        if (!instance) {
+            throw new Error(language('🤖 Pod 042 报警：中枢神经元尚未初始化，无法建立信号连接。', '🤖 Pod 042 Warnning：Central neuron not initialized, cannot establish signal connection.'))
+        }
+        return instance
+    }
+}

package/src/core/react-compiler.js

@@ -2,7 +2,7 @@ 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')
+const { cleanCode, generateSmartImports } = require(path.join(__dirname, '../utils/utils.js'))
 
 Handlebars.registerHelper('raw', options => options.fn())
 Handlebars.registerHelper('stringify', (context, maxLength = 200) => context ? new Handlebars.SafeString(stringify.default(context, { indent: 4, maxLength })) : '[]')
@@ -68,7 +68,7 @@ const index = ({ config, fileName, indexTpl, pageConfig }) => {
         hasPagination: pageConfig.table.pagination,
         operations: pageConfig.table.operation || [],
         hasRowSelection: pageConfig.table.rowSelection,
-        formItems: hasTabs ? 'formItems[activeKey]' : 'formItems',
+        formItems: hasFormItems ? (hasTabs ? 'formItems[activeKey]' : 'formItems') : '[]',
         pageStruct: hasFunctionButtons ? pageConfig.pageStruct : pageConfig.pageStruct?.filter(item => item !== 'FunctionButtonsBlock'),
     }
 
@@ -94,7 +94,7 @@ const index = ({ config, fileName, indexTpl, pageConfig }) => {
     Handlebars.registerPartial('handleBlock', `${fs.readFileSync(path.join(__dirname, '../../templates/react/handlebars/handleBlock.hbs'), 'utf-8')}\n`)
 
     const bodyCode = indexTpl(viewData)
-    const importsStr = generateSmartImports(bodyCode, hasTabs)
+    const importsStr = generateSmartImports({ bodyCode, hasTabs, hasFormItems })
     return cleanCode(`${importsStr}\n\n${bodyCode}`)
 }
 

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

@@ -5,7 +5,7 @@ resourceStr是前端目前猜测的字段名(请从resourceStr中提取dataIndex
 responseStr是后端的真实响应。
 请比对两者，找出现有前端字段名应该被替换为哪个真实的后端字段名。
 匹配规则: 1.完全相同 2.下划线/驼峰转换 3.语义相似。
-请只输出一个JSON对象, Key为前端猜测的旧名字, Value为Response里的真实新名字。
+请只输出一个JSON对象, Key为前端猜测的字段名dataIndex, Value为Response里的真实字段名。
 例如：{"key_1": "key1"}
 如果没有找到对应的，请不要包含在结果中。
 注意：⚠️⚠️如果有语义相近的两个字段优先取中文字段，比如"createByName"和"createBy"，则取"createByName"

package/src/services/llm.js

@@ -1,7 +1,7 @@
 const fs = require('fs')
 const path = require('path')
 const chalk = require('chalk')
-const { language, getConfig } = require('../utils/utils.js')
+const { language, getConfig } = require(path.join(__dirname, '../utils/utils.js'))
 
 let client = null
 

package/src/services/proxy-tower.js

@@ -0,0 +1,85 @@
+const http = require('http')
+const path = require('path')
+const zlib = require('zlib')
+const chalk = require('chalk')
+const httpProxy = require('http-proxy')
+const { get } = require(path.join(__dirname, '../core/context'))
+
+/**
+ * @function startProxyTower
+ * @description [地堡 42153 联合波段] 启动流量拦截塔。
+ * 独立运行于后台，监听 42153 端口，物理截获联调过程中的 JSON 信号并触发语义对齐。
+ */
+module.exports = () => {
+
+    const { config, language, apiHandler, unwrapSignal } = get()
+
+    const TOWER_PORT = 42153
+    const hackedRegistry = new Map()
+    const proxy = httpProxy.createProxyServer({})
+
+
+    // 简单的辅助函数：提取 JSON 的所有 Key 作为“指纹”
+    const getJsonFingerprint = obj => {
+        if (!obj || typeof obj !== 'object') return ''
+        return Object.keys(Array.isArray(obj) ? (obj[0] || {}) : obj).sort().join(',')
+    }
+
+    const server = http.createServer((req, res) => {
+
+        const target = config.proxyTarget
+
+        if (!target) {
+            // 静默模式：如果不配置 proxyTarget，拦截塔只转发不处理（或报错提示）
+            return
+        }
+
+        // 💡 物理监控：劫持响应流
+        proxy.on('proxyRes', function (proxyRes, req, res) {
+            let body = []
+            proxyRes.on('data', chunk => body.push(chunk))
+            proxyRes.on('end', async () => {
+                const buffer = Buffer.concat(body)
+                const encoding = proxyRes.headers['content-encoding']
+                try {
+                    const rawBody = encoding === 'gzip' ? zlib.gunzipSync(buffer) : buffer
+                    const json = JSON.parse(rawBody.toString())
+                    const referer = req.headers.referer || ''
+                    const fileName = referer.split('?')[0].split('/').filter(Boolean).at(-1)
+
+                    const fingerprint = getJsonFingerprint(unwrapSignal(json)) // 获取数据指纹
+                    const lastFingerprint = hackedRegistry.get(fileName)
+
+                    // 如果指纹没变，说明字段结构是一样的，无需再次骇入
+                    if (lastFingerprint === fingerprint) {
+                        return
+                    }
+
+                    console.log(chalk.cyan(language(
+                        `\n📡 Pod 153: 截获运行时信号 [${fileName}]。执行自动对齐协议...`,
+                        `\n📡 Pod 153: Captured runtime signal [${fileName}]. Executing semantic alignment protocol...`
+                    )))
+                    // 💡 直接调用 api-handler 物理更新 resource.js
+                    await apiHandler(null, { fileName, data: json })
+                    hackedRegistry.set(fileName, fingerprint)
+                } catch (e) {
+                    console.log(e)
+                    // 非 JSON 信号，保持静默
+                }
+            })
+        })
+        // 转发至真实后端
+        proxy.web(req, res, { target, changeOrigin: true })
+    })
+
+    server.listen(TOWER_PORT, () => {
+        console.log(chalk.magenta(language(
+            `✨ YoRHa 联合基站：信号拦截塔已在线 [波段: ${TOWER_PORT}]`,
+            `✨ YoRHa Joint Station: Signal Intercept Tower Online [Band: ${TOWER_PORT}]`
+        )))
+        console.log(chalk.gray(language(
+            `💡 指令：请将您的代理目标指向 http://localhost:${TOWER_PORT}`,
+            `💡 Command: Please point your local proxy target to http://localhost:${TOWER_PORT}`
+        )))
+    })
+}

package/src/utils/utils.js

@@ -56,6 +56,30 @@ const cleanCode = str => {
         .trim() + '\n'
 }
 
+/**
+ * @function unwrapSignal
+ * @description [地堡数据脱水机] 物理扫描 JSON 结构，剥离业务外壳（code/msg/total 等）。
+ * 目标：精准定位到核心的 Array。
+ */
+const unwrapSignal = (json) => {
+    if (Array.isArray(json)) return json
+
+    // 💡 扫描常见的数据仓库 Key
+    const dataKeys = ['data', 'list', 'items', 'datas', 'rows', 'result', 'payload', 'results', 'dataList']
+    for (const key of dataKeys) {
+        if (json[key] && Array.isArray(json[key])) return json[key]
+    }
+
+    // 💡 递归侦察：处理 data: { list: [...] } 这种二级套娃
+    for (const key in json) {
+        if (json[key] && typeof json[key] === 'object') {
+            const nested = unwrapSignal(json[key])
+            if (Array.isArray(nested)) return nested
+        }
+    }
+    return null
+}
+
 /**
  * 引导序列
  * 模拟系统引导过程中的动画效果
@@ -174,25 +198,25 @@ const getExistingMenus = (dir = 'src/pages') => {
  * @param {boolean} hasTabs - 是否包含标签页
  * @returns {string} 拼接后的 import 语句
  */
-const generateSmartImports = (codeStr, hasTabs) => {
+const generateSmartImports = ({ bodyCode, hasTabs, hasFormItems }) => {
     const hooksLib = ['useTableQuery']
     const reactLib = ['useState', 'useEffect', 'useRef', 'useMemo']
     const componentsLib = ['MyTable', 'MyModalForm', 'MySearchForm']
     const antdLib = ['Card', 'Space', 'Modal', 'Button', 'Alert', 'Table', 'Input', 'Select']
 
-    const usedAntd = antdLib.filter(name => new RegExp(`\\b${name}\\b`).test(codeStr))
-    const usedHooks = hooksLib.filter(name => new RegExp(`\\b${name}\\b`).test(codeStr))
-    const usedReact = reactLib.filter(name => new RegExp(`\\b${name}\\b`).test(codeStr))
-    const usedComps = componentsLib.filter(name => new RegExp(`\\b${name}\\b`).test(codeStr))
+    const usedAntd = antdLib.filter(name => new RegExp(`\\b${name}\\b`).test(bodyCode))
+    const usedHooks = hooksLib.filter(name => new RegExp(`\\b${name}\\b`).test(bodyCode))
+    const usedReact = reactLib.filter(name => new RegExp(`\\b${name}\\b`).test(bodyCode))
+    const usedComps = componentsLib.filter(name => new RegExp(`\\b${name}\\b`).test(bodyCode))
 
     const imports = [
         usedReact.length && `import { ${usedReact.join(', ')} } from 'react'`,
         `import { request } from '../../utils/request'`,
         `import { formatQuery } from '../../utils/utils'`,
-        `import { ${hasTabs ? 'tabs, ' : ''}formItems, modalItems, tableColumns} from './resource'`,
+        usedAntd.length && `import { Form, ${usedAntd.join(', ')} } from 'antd'`,
         ...usedHooks.map(hook => `import { ${hook} } from '../../hooks/${hook}'`),
         ...usedComps.map(comp => `import { ${comp} } from '../../components/${comp}'`),
-        usedAntd.length && `import { Form, ${usedAntd.join(', ')} } from 'antd'`
+        `import { ${hasTabs ? 'tabs, ' : ''}${hasFormItems ? 'formItems, ' : ''}modalItems, tableColumns} from './resource'`,
     ].sort((a, b) => a.length - b.length)
 
     return imports.filter(Boolean).join('\n')
@@ -218,4 +242,4 @@ const copyTemplateDir = (options, templateSubDir, targetSubDir) => {
     })
 }
 
-module.exports = { language, getConfig, cleanCode, matrixEffect, bootSequence, getExistingMenus, copyTemplateDir, generateSmartImports }
+module.exports = { language, getConfig, cleanCode, unwrapSignal, matrixEffect, bootSequence, getExistingMenus, copyTemplateDir, generateSmartImports }

package/templates/react/components/index.js

@@ -40,6 +40,7 @@ const AliyunOSSUpload = ({ value, onChange, ...restProps }) => {
         try {
             const result = await initOSS(url, options)
             setOSSData(result)
+            return result
         } catch (err) {
             console.log(err)
         }
@@ -79,12 +80,13 @@ const AliyunOSSUpload = ({ value, onChange, ...restProps }) => {
      * 若令牌已失效（过期），则强行拦截并执行同步刷新协议，同时执行物理路径归一化。
      */
     const beforeUpload = async file => {
+        let currentOSS = OSSData
         const expire = Number(OSSData.expire) * 1000
         if (expire < Date.now()) {
-            await init()
+            currentOSS = await init()
         }
         // 💡 物理路径重组：通过正则清除多余的路径分隔符，确保存储节点坐标唯一
-        file.url = `${OSSData?.dir ?? path}/${file.uid}_${file.name}`.replace(/\/\//g, '/')
+        file.url = `${currentOSS?.dir ?? path}/${file.uid}_${file.name}`.replace(/\/\//g, '/')
         return file
     }
 

package/templates/react/handlebars/handleBlock.hbs

@@ -1,7 +1,3 @@
-{{!--
-   📡 [地堡战术响应模组]
-   负责物理封存所有交互事件：包含行级操作、全局按钮、页签切换及弹窗构筑提交。
---}}
 {{#each operations}}
 const {{this.action}} = async record => {
     const response = await request('/api')

package/templates/react/handlebars/hookBlock.hbs

@@ -1,28 +1,15 @@
-{{!--
-   📡 [地堡核心驱动引擎]：逻辑链路全自动构筑
-   1. 执行“传感器对齐”：从 URL 中提取历史信号，实现状态持久化
-   2. 激活“useTableQuery”：物理封存分页、搜索、及动态列加载逻辑
---}}
-
 const initParams = {{#if hasTabs}}{ type: tabs[0].key }{{else}}{}{{/if}}
 
-// 💡 信号自愈协议：将 URL 里的字符串参数解压，并根据零部件定义执行“物理脱水（格式化）”
 const query = formatQuery(Object.fromEntries(new URLSearchParams(location.search).entries()),  {{formItems}})
 
-// 💡 物理启动反应堆：统领全局数据流，具备防竞态与指纹识别功能
 const { total, columns, loading, dataSource, search, setSearch, setDataSource, refresh } = useTableQuery({
-        // 执行“远程侦察任务”：通过 POST 协议向地堡后端请求物资
         api: async params => await request('/api/{{fileName}}', { method: 'POST', body: params }),
-        // 物理参数对齐：优先级 = [默认值] < [页签预设] < [URL 历史信号]
         initialParams: { pageNo: 1, pageSize: 10, ...initParams, ...query },
-        // 基础装配包：加载由 Pod 042 视觉扫描产出的静态列定义
         cols:tableColumns,
-        // 信号解码协议：将后端吐出的加密数据包转化为 UI 可读的物理单元
         formatResponse: response => {
             return {
                 data: response?.data ?? [],
                 total: response?.data?.total ?? 0,
-                // 💡 [高阶自愈] 若后端下发了最新的列结构，地堡将自动执行“全频道物理覆盖”
                 columns: undefined,//可选,解析接口动态列;优先级高于cols
             }
         },

package/templates/react/handlebars/stateBlock.hbs

@@ -1,8 +1,9 @@
 
-{{!-- 📡 [地堡状态模组] 物理信号初始化：驱动弹窗、页签及数据勾选等核心交互单元 --}}
 const rowKey = 'id'
+{{#if hasFormItems}}
 const [form] = Form.useForm()
-const [modal, setModal] = useState({ visible:false, title:'', formItems:[] })
+{{/if}}
+const [modal, setModal] = useState({ visible:false, title:'', formItems:modalItems })
 {{#if hasRowSelection}}
 const [selectedRows, setSelectedRows] = useState([])
 {{/if}}

package/templates/react/index.hbs

@@ -1,16 +1,12 @@
 export default props => {
 
-    {{!-- 💡 初始化状态模组：物理封存 Modal, SelectedRows, Tabs 等信号 --}}
     {{> stateBlock }}
 
-    {{!-- 💡 逻辑驱动引擎：加载 useTableQuery 抗干扰 Hook --}}
     {{> hookBlock }}
 
-    {{!-- 💡 战术响应模组：物理封存点击事件、搜索触发及弹窗调度逻辑 --}}
     {{> handleBlock }}
 
     {{#if hasOperate}}
-    {{!-- 💡 近战处决协议：当检测到表格操作列信号时，动态注入行级操作逻辑 --}}
     {{> tableOperate }}
     {{/if}}
 
@@ -24,10 +20,8 @@ export default props => {
     {{/if}}
 
     return (
-        {{!-- 💡 物理外壳：根据是否有页签动态切换 Card 涂装 --}}
         <Card {{#if hasTabs}}tabList={tabs} activeTabKey={activeKey} onTabChange={onTabChange}{{/if}}>
             {modal.visible && <MyModalForm {...modal} submit={modalSubmit} setModal={setModal} />}
-            {{!-- 💡 动态装配流水线：按照图片扫描出的顺序进行物理排列 --}}
             {{#each pageStruct as |partialName|}}
             {{> (partialName) @root }}
             {{/each}}