@yorha2b-lab/autodev 7.8.0 → 7.9.0

package/bin/bunker.js

@@ -53,7 +53,7 @@ program
             ]
         }
         Object.entries(outpost).forEach(([type, items]) => items.forEach(quartermaster[type]))
-        const bunkerCmd = chalk.yellow(`'bunker': 'bunker boot'`)
+        const bunkerCmd = chalk.yellow(`"bunker": "bunker boot"`)
         console.log(chalk.cyan(dialog.bunker.initComplete(bunkerCmd)))
     })
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorha2b-lab/autodev",
-  "version": "7.8.0",
+  "version": "7.9.0",
   "description": "基于 AI 视觉与语义协议的前端 (React+Antd) 代码构筑与旧系统重构引擎",
   "bin": {
     "bunker": "bin/bunker.js"

package/src/constitution/council.js

@@ -14,5 +14,17 @@ ${realApis}
 - **输出格式**：请只输出一个 JSON 映射表。
 - **例如**：{"BUNKER_API_ANCHOR_editByRecord": {"uri": "/api/records/{recordId}", "method": "POST"}}
 
+## 4. 后端动作黑话映射准则 (API Action Synonyms)
+由于后端开发命名极其不规范，匹配时可以按以下业务黑话等价映射：
+- 【删除 / 移除 / 作废】等价于: delete, del, remove, drop, invalid, cancel, void, status, updateStatus, trash
+- 【审核 / 审批 / 确认】等价于: audit, approve, pass, check, verify, review, examine
+- 【编辑 / 更新 / 修改】等价于: edit, update, modify, change, save, handle
+- 【新增 / 创建 / 提交】等价于: add, create, insert, save, submit, post
+- 【导出 / 下载】等价于: export, download, out, dump, file
+
+⚠️ 强制注意：
+1. 后端极度喜欢用 POST 方法配合 status / invalid / state 实现逻辑软删除，切勿死板寻找 DELETE 方法！
+2. 单行操作通常路径带 /{id} 或接收单个 id 参数；批量操作通常接收 ids 数组。
+
 ⚠️ 严禁解释，严禁输出 JSON 之外的内容。
 `.trim()

package/src/constitution/inspector.js

@@ -10,6 +10,7 @@ ${moduleCodeView}
 ## 3. 极速审计准则
 1. 从需求中仅聚焦提取：【条件分支】、【联动】、【条件禁用/必填】、【二次确认/弹窗】、【特殊数值/边界限制】。
 2. ⚠️【禁止废话】：已实现的功能只用一行短语概括；未实现的问题只挑最致命的缺口
+3. 【输出】：仅输出未实现的功能，不输出已实现的功能
 
 ## 4. 输出紧凑 JSON:
 {

package/src/labs/council.js

@@ -14,15 +14,20 @@ module.exports = async ({ llm, yorha, dialog, logistics }) => {
 
     pod153.report(dialog.pod153.autonomousAddressing, 'magenta')
 
+    const enumParamsMap = {}
     const apiResponse = await fetch(apiDoc)
     const text = await apiResponse.text()
     const apiData = JSON5.parse(text)
-    const refinedApis = Object.entries(apiData.paths).flatMap(([apiUrl, methods]) => {
-        return Object.entries(methods).map(([method, info]) => ({
-            path: apiUrl,
-            method: method?.toUpperCase() || '',
-            desc: info.summary || info.description || 'N/A',
-        }))
+
+    const validMethods = ['get', 'post', 'put', 'delete', 'patch']
+    const refinedApis = Object.entries(apiData.paths || {}).flatMap(([apiUrl, methods]) => {
+        return Object.entries(methods)
+            .filter(([method]) => validMethods.includes(method.toLowerCase()))
+            .map(([method, info]) => ({
+                path: apiUrl,
+                method: method?.toUpperCase() || '',
+                desc: info.summary || info.description || 'N/A',
+            }))
     })
 
     const falseTruth = (apiUrl, method = 'post') => {
@@ -30,146 +35,143 @@ module.exports = async ({ llm, yorha, dialog, logistics }) => {
         const matchedPath = Object.keys(apiData.paths || {}).find(p => cleanUrl.endsWith(p) || p.endsWith(cleanUrl))
         if (!matchedPath) return null
         const definitions = apiData.definitions || apiData.components?.schemas || {}
-        // 1. 找到该接口 200 响应对应的根 Schema
         const methodObj = apiData.paths?.[apiUrl]?.[method.toLowerCase()]
         const rootSchema = methodObj?.responses?.['200']?.schema || methodObj?.responses?.['200']?.content?.['application/json']?.schema
         if (!rootSchema) return null
-        // 辅助函数：根据 $ref 名字解析出实体
+
         const resolveRef = (refStr) => {
             if (!refStr) return null
             const refName = refStr.split('/').at(-1)
             return definitions[refName]
         }
-        // 2. 解析外层包装类 (如 TableResult)
+
         let wrapperDef = resolveRef(rootSchema.$ref)
-        // 3. 在外层属性里寻找我们熟悉的列表字段 (datas, records, list, rows 等)
         const rowRef = unwrapSchemaRef(wrapperDef)
-        // 4. 顺藤摸瓜拿到终极行数据定义 (Row DTO)
         const rowDef = resolveRef(rowRef)
         if (!rowDef?.properties) return null
-        // 5. 组装成高纯度的伪样本数据！
-        // 格式形如：{ contractNum: "合同编号" }
+
         return Object.fromEntries(
             Object.entries(rowDef.properties).map(([fieldName, propMeta]) => [
                 fieldName,
-                propMeta.description || propMeta.title || fieldName // 优先拿后端写的中文注释！
+                propMeta.description || propMeta.title || fieldName
             ])
         )
     }
 
-    const resurrection = async () => {
+    const resurrection = async moduleName => {
         try {
-            const pages = path.join(process.cwd(), pagesDir)
-            const files = fs.readdirSync(pages)
-            const enumParamsMap = {}
-
-            for (const fileName of files) {
-                const pageDir = path.join(pages, fileName)
-                if (!fs.existsSync(pageDir) || !fs.statSync(pageDir).isDirectory()) continue
-
-                const subFiles = fs.readdirSync(pageDir).filter(f => f.endsWith('.js') || f.endsWith('.jsx'))
-                const fileContents = {}
-                const allSemantics = []
-                const allAnchors = new Set()
-
-                for (const file of subFiles) {
-                    const filePath = path.join(pageDir, file)
-                    const code = fs.readFileSync(filePath, 'utf-8')
-                    fileContents[filePath] = code
-
-                    const anchors = code.match(/BUNKER_API_ANCHOR_\w+/g) || []
-                    anchors.forEach(a => allAnchors.add(a))
-
-                    const textMatches = code.match(/(?:['"`]([^'"`\n]{2,})['"`]|>([^<>{}\n]{2,})<)/g) || []
-                    const uiSemantics = textMatches
-                        .map(str => str.replace(/['"`><]/g, '').trim())
-                        // 过滤掉纯代码路径（/api/xxx）、锚点占位符、纯数字和空字符
-                        .filter(text => (
-                            text.length >= 2 &&
-                            !text.startsWith('/') &&
-                            !text.startsWith('http') &&
-                            !text.includes('BUNKER_API_ANCHOR') &&
-                            !/^[0-9]+$/.test(text)
-                        ))
-
-                    allSemantics.push(...uiSemantics)
-                }
+            if (!moduleName) return
+            const modulePath = path.join(process.cwd(), pagesDir, moduleName)
+            if (!fs.existsSync(modulePath) || !fs.statSync(modulePath).isDirectory()) return
+
+            const subFiles = fs.readdirSync(modulePath).filter(f => f.endsWith('.js') || f.endsWith('.jsx'))
+            if (subFiles.length === 0) return
+
+            const fileContents = {}
+            const allSemantics = []
+            const allAnchors = new Set()
+
+            for (const file of subFiles) {
+                const filePath = path.join(modulePath, file)
+                const code = fs.readFileSync(filePath, 'utf-8')
+                fileContents[filePath] = code
+
+                const anchors = code.match(/BUNKER_API_ANCHOR_\w+/g) || []
+                anchors.forEach(a => allAnchors.add(a))
+
+                const textMatches = code.match(/(?:['"`]([^'"`\n]{2,})['"`]|>([^<>{}\n]{2,})<)/g) || []
+                const uiSemantics = textMatches
+                    .map(str => str.replace(/['"`><]/g, '').trim())
+                    .filter(text => (
+                        text.length >= 2 &&
+                        !text.startsWith('/') &&
+                        !text.startsWith('http') &&
+                        !text.includes('BUNKER_API_ANCHOR') &&
+                        !/^[0-9]+$/.test(text)
+                    ))
+                allSemantics.push(...uiSemantics)
+            }
 
-                if (allAnchors.size > 0) {
-                    const bunkerAnchors = Array.from(allAnchors).join('\n')
-                    const pageKeywords = getSemanticKeywords(allSemantics)
-
-                    const candidates = refinedApis.map(api => ({ ...api, score: getLocalScore(api, pageKeywords, fileName) }))
-                        .filter(item => item.score > 0)
-                        .sort((a, b) => b.score - a.score)
-                        .slice(0, 20)
-
-                    const finalCandidates = candidates.map(item => `${item.method} ${item.path} ${item.desc}`).join('\n')
-                    const spinner = pod153.start(dialog.pod153.inactiveModule(fileName), 'yellow')
-                    const result = await apiParser({ bunkerAnchors, realApis: finalCandidates })
-
-                    if (result) {
-                        for (const [filePath, rawCode] of Object.entries(fileContents)) {
-                            let code = rawCode
-                            let isModified = false
-                            let hasQsImport = code.includes(`import qs from 'qs'`)
-
-                            Object.entries(result).forEach(([anchor, { uri, method }]) => {
-                                if (code.includes(anchor)) {
-                                    isModified = true
-                                    const cleanPath = uri.startsWith('/') ? uri : `/${uri}`
-                                    let finalUri = cleanPath.startsWith('/api') ? cleanPath : `/api${cleanPath}`
-                                    finalUri = finalUri.replace(/\{(\w+)\}/g, (_, key) => '${params.' + key + '}')
-                                    const quotationMark = finalUri.includes('${params.') ? '`' : "'"
-                                    if (method?.toUpperCase() === 'GET') {
-                                        code = code.replaceAll(anchor, `request(\`${finalUri}?\${qs.stringify(params)}\`)`)
-                                        if (!hasQsImport) {
-                                            code = `import qs from 'qs'\n${code}`
-                                            hasQsImport = true
-                                        }
-                                    } else {
-                                        code = code.replaceAll(anchor, `request(${quotationMark}${finalUri}${quotationMark}, { method: '${method?.toUpperCase()}', body: params })`)
+            if (allAnchors.size > 0) {
+                const bunkerAnchors = Array.from(allAnchors).join('\n')
+                const pageKeywords = getSemanticKeywords(allSemantics)
+
+                const candidates = refinedApis
+                    .map(api => ({ ...api, score: getLocalScore(api, pageKeywords, moduleName) }))
+                    .filter(item => item.score > 0)
+                    .sort((a, b) => b.score - a.score)
+                    .slice(0, 50)
+
+                const finalCandidates = candidates.map(item => `${item.method} ${item.path} ${item.desc}`).join('\n')
+                const spinner = pod153.start(dialog.pod153.inactiveModule(moduleName), 'yellow')
+                const result = await apiParser({ bunkerAnchors, realApis: finalCandidates })
+
+                if (result) {
+                    for (const [filePath, rawCode] of Object.entries(fileContents)) {
+                        let code = rawCode
+                        let isModified = false
+                        let hasQsImport = code.includes(`import qs from 'qs'`)
+
+                        Object.entries(result).forEach(([anchor, { uri, method }]) => {
+                            if (code.includes(anchor)) {
+                                isModified = true
+                                const cleanPath = uri.startsWith('/') ? uri : `/${uri}`
+                                let finalUri = cleanPath.startsWith('/api') ? cleanPath : `/api${cleanPath}`
+                                finalUri = finalUri.replace(/\{(\w+)\}/g, (_, key) => '${params.' + key + '}')
+                                const quotationMark = finalUri.includes('${params.') ? '`' : "'"
+
+                                let newRequestCode = ''
+                                if (method?.toUpperCase() === 'GET') {
+                                    newRequestCode = `request(\`${finalUri}?\${qs.stringify(params)}\`)`
+                                    if (!hasQsImport) {
+                                        code = `import qs from 'qs'\n${code}`
+                                        hasQsImport = true
                                     }
+                                } else {
+                                    newRequestCode = `request(${quotationMark}${finalUri}${quotationMark}, { method: '${method?.toUpperCase()}', body: params })`
                                 }
-                            })
-                            if (isModified) {
-                                fs.writeFileSync(filePath, code)
+
+                                const anchorRegex = new RegExp(`request\\(\\s*['"\`][^'"\`]*?${anchor}[^'"\`]*?['"\`][^)]*?\\)|${anchor}`, 'g')
+                                code = code.replace(anchorRegex, () => newRequestCode)
                             }
+                        })
+                        if (isModified) {
+                            fs.writeFileSync(filePath, code)
                         }
+                    }
 
-                        const pagesConfig = result?.['BUNKER_API_ANCHOR_pages']
-                        if (pagesConfig) {
-                            const { uri: pagesApi, method: pagesMethod } = pagesConfig
-                            const schemas = apiData.definitions || apiData.components?.schemas || {}
-                            const methodObj = apiData.paths[pagesApi]?.[pagesMethod] ?? apiData.paths[pagesApi]?.[pagesMethod?.toLowerCase()]
-                            let schemaName = methodObj?.parameters?.flatMap(item => Object.values(item.schema ?? {})?.flatMap(def => def?.split('/')?.at(-1)))?.[0]
-                            if (!schemaName && methodObj?.requestBody) {
-                                const bodySchema = methodObj.requestBody.content?.['application/json']?.schema
-                                schemaName = (bodySchema?.$ref || bodySchema?.items?.$ref)?.split('/')?.at(-1)
-                            }
-                            const parameters = schemas[schemaName]?.properties ?? {}
-                            const enumParams = Object.entries(parameters)?.filter(([_, value]) => value.hasOwnProperty('enum')) || []
-                            enumParamsMap[fileName] = contextStringify({
-                                maxLength: 100,
-                                context: Object.fromEntries(enumParams.map(([key, value]) => [`${key}Options`, value.enum?.map(opt => ({ label: opt, value: opt }))])),
-                            })
+                    const pagesConfig = result?.['BUNKER_API_ANCHOR_pages']
+                    if (pagesConfig) {
+                        const { uri: pagesApi, method: pagesMethod } = pagesConfig
+                        const schemas = apiData.definitions || apiData.components?.schemas || {}
+                        const methodObj = apiData.paths[pagesApi]?.[pagesMethod] ?? apiData.paths[pagesApi]?.[pagesMethod?.toLowerCase()]
+                        let schemaName = methodObj?.parameters?.flatMap(item => Object.values(item.schema ?? {})?.flatMap(def => def?.split('/')?.at(-1)))?.[0]
+                        if (!schemaName && methodObj?.requestBody) {
+                            const bodySchema = methodObj.requestBody.content?.['application/json']?.schema
+                            schemaName = (bodySchema?.$ref || bodySchema?.items?.$ref)?.split('/')?.at(-1)
                         }
-                        pod153.success(spinner, dialog.pod153.signalSynchronized(Object.keys(result).length, fileName))
-                        commander.report(dialog.bunker.disclaimer, 'yellow')
+                        const parameters = schemas[schemaName]?.properties ?? {}
+                        const enumParams = Object.entries(parameters)?.filter(([_, value]) => value.hasOwnProperty('enum')) || []
+                        enumParamsMap[moduleName] = contextStringify({
+                            maxLength: 100,
+                            context: Object.fromEntries(enumParams.map(([key, value]) => [`${key}Options`, value.enum?.map(opt => ({ label: opt, value: opt }))])),
+                        })
                     }
+                    pod153.success(spinner, dialog.pod153.signalSynchronized(Object.keys(result).length, moduleName))
+                    commander.report(dialog.bunker.disclaimer, 'yellow')
                 }
             }
-            return enumParamsMap
         } catch (e) {
             pod153.report(dialog.pod153.signalLinkFault(e.message), 'red')
         }
     }
 
-    const enumParamsMap = await resurrection()
+    const core = { falseTruth, resurrection }
 
-    return {
-        falseTruth,
-        resurrection,
-        ...enumParamsMap,
-    }
+    return new Proxy(core, {
+        get(target, prop) {
+            if (prop in target) return target[prop]
+            return enumParamsMap[prop]
+        }
+    })
 }

package/src/labs/scout.js

@@ -1,12 +1,13 @@
 let globalBrowser = null
 
-module.exports = ({ yorha, dialog }) => {
+module.exports = ({ yorha, dialog, logistics }) => {
 
     const fs = require('fs')
     const path = require('path')
     const http = require('http')
 
     const { pod042 } = yorha
+    const { killZombiePort } = logistics.supporter
     const relayServerPort = 15342
 
     const isHttpURL = str => {
@@ -72,7 +73,16 @@ module.exports = ({ yorha, dialog }) => {
                 res.end('Not Found')
             }
         })
-        return new Promise(resolve => server.listen(relayServerPort, () => resolve({ server })))
+        return new Promise(resolve => {
+            const tryListen = () => server.listen(relayServerPort, () => resolve({ server }))
+            server.once('error', err => {
+                if (err.code === 'EADDRINUSE') {
+                    killZombiePort(relayServerPort)
+                    setTimeout(tryListen, 150)
+                }
+            })
+            tryListen()
+        })
     }
 
     return {

package/src/labs/tower.js

@@ -5,13 +5,16 @@ module.exports = ({ yorha, dialog, logistics, headquarters }) => {
     const httpProxy = require('http-proxy')
 
     const { pod153, commander } = yorha
+    const { getConfig, killZombiePort } = logistics.supporter
     const { unwrapSignal, isQuerySignal } = logistics.analyzer
-    const { routeMap = {}, proxyTarget } = logistics.supporter.getConfig()
+    const { routeMap = {}, proxyTarget } = getConfig()
 
     const TOWER_PORT = 42153
     const hackedRegistry = new Map()
     const proxy = httpProxy.createProxyServer({})
 
+    const resurrectingSet = new Set()
+
     const getJsonFingerprint = obj => {
         if (!obj || typeof obj !== 'object') return ''
         return Object.keys(Array.isArray(obj) ? (obj[0] || {}) : obj).sort().join(',')
@@ -54,13 +57,39 @@ module.exports = ({ yorha, dialog, logistics, headquarters }) => {
         })
     })
 
-    const server = http.createServer((req, res) => {
+    const server = http.createServer(async (req, res) => {
         if (!proxyTarget) {
             return
         }
+        if (req.url.includes('BUNKER_API_ANCHOR')) {
+            const referer = req.headers.referer || 'http://localhost'
+            const urlPath = new URL(referer, 'http://localhost').pathname
+            const moduleName = routeMap?.[urlPath] ?? urlPath.split('/').filter(Boolean).at(-1)
+
+            if (moduleName && !resurrectingSet.has(moduleName)) {
+                resurrectingSet.add(moduleName)
+                try {
+                    const { labs } = require('../awakening').get()
+                    const council = await labs?.council
+                    await council?.resurrection?.(moduleName)
+                } finally {
+                    resurrectingSet.delete(moduleName)
+                }
+            }
+            res.writeHead(200, { 'Content-Type': 'application/json' })
+            res.end('{}')
+            return
+        }
         proxy.web(req, res, { target: proxyTarget, changeOrigin: true })
     })
 
+    server.on('error', err => {
+        if (err.code === 'EADDRINUSE') {
+            killZombiePort(TOWER_PORT)
+            setTimeout(() => server.listen(TOWER_PORT), 100)
+        }
+    })
+
     server.listen(TOWER_PORT, () => {
         commander.report(dialog.bunker.towerOnline(TOWER_PORT), 'magenta')
         commander.report(dialog.bunker.towerConnected(TOWER_PORT), 'magenta')

package/src/logistics/analyzer.js

@@ -2,6 +2,7 @@ const { Segment, useDefault } = require('segmentit')
 const segmentit = useDefault(new Segment())
 
 const dataKeys = ['data', 'list', 'items', 'datas', 'rows', 'result', 'payload', 'results', 'dataList']
+const ACTION_WORDS = ['删除', '作废', '审核', '审批', '导出', '编辑', '修改', '新增', '创建', '查看', '详情', '启用', '禁用', '下载', '驳回', '作废']
 
 const unwrapSignal = json => {
     if (!json || typeof json !== 'object') return null
@@ -71,11 +72,24 @@ const getLocalScore = (api, pageKeywords, moduleName) => {
     let score = 0
     const path = api.path.toLowerCase()
     const desc = api.desc.toLowerCase()
-    const mod = moduleName.toLowerCase()
-    if (normalize(path).includes(normalize(mod))) score += 50
+    const tags = (api.tags || []).join(' ').toLowerCase()
+    const mod = normalize(moduleName)
+
+    if (normalize(path).includes(mod)) score += 50
+    if (normalize(tags).includes(mod)) score += 50
+
     pageKeywords.forEach(word => {
-        if (desc.includes(word.toLowerCase())) score += 10
-        if (path.includes(word.toLowerCase())) score += 5
+        const w = word.toLowerCase()
+        const isAction = ACTION_WORDS.includes(w)
+        if (tags.includes(w)) {
+            score += 30
+        }
+        if (desc.includes(w)) {
+            score += isAction ? 35 : 10
+        }
+        if (path.includes(w)) {
+            score += 5
+        }
     })
     return score
 }

package/src/logistics/supporter.js

@@ -1,5 +1,6 @@
 const fs = require('fs')
 const path = require('path')
+const { execSync } = require('child_process')
 
 const getConfig = () => {
     const localConfigPath = path.join(process.cwd(), 'bunker', 'config.js') // 项目配置
@@ -20,7 +21,24 @@ const getExistingMenus = (dir = 'src/pages') => {
         .map(file => ({ label: file, key: file }))
 }
 
+const killZombiePort = port => {
+    try {
+        if (process.platform === 'win32') {
+            const out = execSync(`netstat -ano | findstr :${port}`, { encoding: 'utf-8' })
+            const pids = out.split('\n')
+                .map(line => line.trim().split(/\s+/).at(-1))
+                .filter(pid => pid && pid !== '0' && pid !== String(process.pid))
+            pids.forEach(pid => execSync(`taskkill /F /PID ${pid}`, { stdio: 'ignore' }))
+        } else {
+            execSync(`lsof -ti :${port} | xargs kill -9`, { stdio: 'ignore' })
+        }
+    } catch (e) {
+        // 杀完了或没占用，直接静默放行
+    }
+}
+
 module.exports = {
     getConfig,
+    killZombiePort,
     getExistingMenus,
 }

package/src/units/raider.js

@@ -68,8 +68,10 @@ module.exports = {
             pod042.success(spinner, dialog.pod042.partialConstruction((endTime - startTime) / 1000))
             pod042.success(spinner, dialog.pod042.partialRecommendation)
 
-            if (fs.existsSync(mission.input)) {
-                fs.unlinkSync(mission.input)
+            try {
+                if (fs.existsSync(mission.input)) fs.unlinkSync(mission.input)
+            } catch (e) {
+                // 忽略文件锁定，静默放行
             }
 
         } catch (error) {

package/src/units/striker.js

@@ -80,10 +80,14 @@ module.exports = {
             pod042.success(spinner, dialog.pod042.assemblyComplete(fileName, (endTime - startTime) / 1000))
 
             if (fs.existsSync(mission.input)) {
-                fs.unlinkSync(mission.input)
                 const cwdUtilsDir = path.join(process.cwd(), utilsDir)
                 if (!fs.existsSync(cwdUtilsDir)) fs.mkdirSync(cwdUtilsDir, { recursive: true })
                 fs.writeFileSync(path.join(cwdUtilsDir, 'menus.js'), `export const menus = ${contextStringify({ context: logistics.supporter.getExistingMenus(pagesDir), maxLength: 50 })}`)
+                try {
+                    if (fs.existsSync(mission.input)) fs.unlinkSync(mission.input)
+                } catch (e) {
+                    // 忽略文件锁定，静默放行
+                }
             }
 
         } catch (error) {

package/src/workshop/react/blueprint/molds/MySearchForm.hbs

@@ -1 +1 @@
-<MySearchForm form={form} search={search} loading={loading} formItems={ {{formItems}} } initialParams={initialParams} initialValues={query} setSearch={setSearch} />
+<MySearchForm form={form} loading={loading} formItems={ {{formItems}} } initialParams={initialParams} initialValues={query} setSearch={setSearch} />

package/src/workshop/react/blueprint/molds/handleBlock.hbs

@@ -71,17 +71,16 @@ const showImg = (record, dataIndex) => {
 
 {{/if}}
 
-let fetching = false
 const modalSubmit = async params => {
+    if (fetchingRef.current) return
     const requestMap={
     {{#each operations}}
         {{this.action}}:()=> {{this.request}},
     {{/each}}
     }
-    if (fetching) return
-    fetching = true
+    fetchingRef.current = true
     const response = await requestMap[modal.type]?.()
-    fetching = false
+    fetchingRef.current = false
     if({{{responseSuccess}}}){
         setModal({ visible: false })
         refresh()

package/src/workshop/react/blueprint/molds/hookBlock.hbs

@@ -2,13 +2,6 @@
 const initialParams = {{initParams}}
 const query = formatQuery(Object.fromEntries(new URLSearchParams(location.search).entries()),  {{formItems}})
 
-/**
- * 💡 [BUNKER 战术锚点提示]
- * 代码中带有 BUNKER_API_ANCHOR_ 前缀的为待通电接口。
- * 1. 自动模式：配置 config.js 中的 apiDoc 后，系统将自动扫描 Swagger 并对齐真实路径；
- * 2. 手动模式：搜索 BUNKER_API_ANCHOR 手动替换为真实接口。
-*/
-
 const { total, search, columns, loading, dataSource, setLoading, setSearch, setDataSource, refresh } = useTableQuery({
         cols:tableColumns,
         initialParams: { ...initialParams, ...query },
@@ -17,7 +10,6 @@ const { total, search, columns, loading, dataSource, setLoading, setSearch, setD
             return {
                 data: response?.data?.datas ?? [],
                 total: response?.data?.total ?? 0,
-                columns: undefined,//可选,解析接口动态列;优先级高于cols
             }
         },
     })

package/src/workshop/react/blueprint/molds/stateBlock.hbs

@@ -2,6 +2,8 @@
 const { } = useContext(GlobalContext)
 
 const rowKey = 'id'
+const fetchingRef = useRef(false)
+
 {{#if hasFormItems}}
 const [form] = Form.useForm()
 {{/if}}

package/src/workshop/react/builder/index.js

@@ -148,7 +148,7 @@ module.exports = ({ template, logistics, headquarters }) => {
                 formItems: hasFormItems ? (hasTabs ? 'formItems[activeKey]' : 'formItems') : '[]',
                 operations: pageConfig.table.operation?.sort((a, b) => a.action.length - b.action.length) || [],
                 initParams: `{ ${hasTabs ? 'type: activeKey,' : ''}${hasPagination ? 'pageNo: 1 , pageSize: 10' : ''}}`,
-                uri: needMock ? `request('/api/${fileName}', { method: 'POST', body: params })` : 'BUNKER_API_ANCHOR_pages',
+                uri: `request('/api/${needMock ? fileName : 'BUNKER_API_ANCHOR_pages'}', { method: 'POST', body: params })`,
             }
 
             const bodyCode = indexTpl(viewData)

package/src/workshop/react/extensions/useTableQuery.js

@@ -1,6 +1,8 @@
 import { useRef, useState, useEffect, useCallback } from 'react'
 
-export const useTableQuery = ({ api, cols = [], initialParams = {}, formatResponse, isLocalPaging = false }) => {
+const getColumnSchema = cols => cols.map(col => `${col.title}-${col.dataIndex}-${col.sortOrder}`).join('|')
+
+export const useTableQuery = ({ api, cols = [], initialParams = {}, formatResponse }) => {
 
     const [total, setTotal] = useState(0)
     const [columns, setColumns] = useState(cols)
@@ -10,7 +12,6 @@ export const useTableQuery = ({ api, cols = [], initialParams = {}, formatRespon
 
     const apiRef = useRef(api)
     const fetchIdRef = useRef(0)
-    const lastFilterRef = useRef('')
     const formatResponseRef = useRef(formatResponse)
 
     useEffect(() => {
@@ -21,19 +22,8 @@ export const useTableQuery = ({ api, cols = [], initialParams = {}, formatRespon
         formatResponseRef.current = formatResponse
     }, [formatResponse])
 
-    const getColumnSchema = cols => cols.map(col => `${col.title}-${col.dataIndex}-${col.sortOrder}`).join('|')
-
     const fetchData = useCallback(async () => {
         if (!apiRef.current) return
-
-        if (isLocalPaging) {
-            const currentFilter = JSON.stringify(Object.fromEntries(Object.entries(search).filter(([k]) => !['pageNo', 'pageSize'].includes(k))))
-            if (lastFilterRef.current === currentFilter && dataSource.length > 0) {
-                return
-            }
-            lastFilterRef.current = currentFilter
-        }
-
         setLoading(true)
         const currentFetchId = ++fetchIdRef.current
         try {
@@ -57,7 +47,7 @@ export const useTableQuery = ({ api, cols = [], initialParams = {}, formatRespon
                 setLoading(false)
             }
         }
-    }, [search, isLocalPaging])
+    }, [search])
 
     useEffect(() => {
         fetchData()

package/src/workshop/react/standardParts/DraggableContainer.js

@@ -1,3 +1,5 @@
+import { useContext } from 'react'
+import { TableContext } from './MyTable'
 import { SortableContainer } from 'react-sortable-hoc'
 
 const SortableBody = SortableContainer(props => <tbody {...props} />)
@@ -9,7 +11,9 @@ const arrayMoveImmutable = (array, oldIndex, newIndex) => {
     return newArray
 }
 
-export const DraggableContainer = ({ props, customSave, setDataSource, dataSourceRef }) => {
+export const DraggableContainer = props => {
+
+    const { customSave, setDataSource, dataSourceRef } = useContext(TableContext)
 
     const onSortEnd = ({ oldIndex, newIndex }) => {
         if (oldIndex !== newIndex) {

package/src/workshop/react/standardParts/EditableCell.js

@@ -12,11 +12,15 @@ export const EditableRow = ({ index, record, columns, draggable, ...props }) =>
 
     useEffect(() => {
         if (record) {
-            const modeCol = columns.find(col => col.dataIndex in record && col.mode)
-            const extra = modeCol ? { [modeCol.dataIndex]: record[modeCol.dataIndex]?.toString()?.split(',') || [] } : {}
+            const extra = {}
+            columns.forEach(col => {
+                if (col.dataIndex in record && col.mode) {
+                    extra[col.dataIndex] = record[col.dataIndex]?.toString()?.split(',') || []
+                }
+            })
             form.setFieldsValue({ ...record, ...extra })
         }
-    }, [record])
+    }, [record, columns, form])
 
     return (
         <Form form={form} component={false} onValuesChange={(changedValue, allValue) => props?.onValuesChange?.({ changedValue, allValue, form })}>
@@ -59,7 +63,7 @@ export const EditableCell = ({ mode, title, record, rowKey, editMode, editable,
         try {
             const values = await form.validateFields()
             if (mode) {
-                values[dataIndex] = values[dataIndex].join(',')
+                values[dataIndex] = values[dataIndex]?.join(',')
             }
             if (!defaultEdit) {
                 toggleEdit()

package/src/workshop/react/standardParts/MyBaseForm.js

@@ -10,7 +10,7 @@ const getValueFromEvent = e => {
     return e?.fileList
 }
 
-const renderFormContent = ({ item, prefixName = [] }) => {
+const renderFormContent = ({ item, form, prefixName = [] }) => {
 
     if (!item.name) {
         return <span dangerouslySetInnerHTML={{ __html: item.value }} />
@@ -20,7 +20,7 @@ const renderFormContent = ({ item, prefixName = [] }) => {
 
     const inputNode = (
         <Form.Item noStyle name={namePath} rules={item.rules} dependencies={item.dependencies} initialValue={item.value} {...(['upload', 'ossUpload'].includes(item.type) ? { getValueFromEvent, valuePropName: 'fileList' } : { valuePropName: item.valuePropName })}>
-            {formNode({ item })}
+            {formNode({ item, form })}
         </Form.Item>
     )
 
@@ -60,7 +60,7 @@ export const MyBaseForm = ({ item, form }) => {
                 required={item.required ?? item.rules?.some(v => v.required)}
                 style={{ marginBottom: !item.name ? 0 : undefined, ...item.style }}
             >
-                {item.render ? (typeof item.render === 'function' ? item.render(item, form) : item.render) : renderFormContent({ item })}
+                {item.render ? (typeof item.render === 'function' ? item.render(item, form) : item.render) : renderFormContent({ item, form })}
             </Form.Item>
     )
 }

package/src/workshop/react/standardParts/MyDescription.js

@@ -1,16 +1,16 @@
 import { Form, Descriptions } from 'antd'
 import { MyBaseForm } from './MyBaseForm'
 
-export const MyDescription = ({ title, column, layout = 'vertical', descriptions, form: externalForm, onValuesChange }) => {
+export const MyDescription = ({ title, column, layout = 'vertical', labelStyle, contentStyle, descriptions, form: externalForm, onValuesChange }) => {
 
     const [internalForm] = Form.useForm()
     const form = externalForm || internalForm
 
     return (
         <Form form={form} preserve={false} component={false} onValuesChange={onValuesChange}>
-            <Descriptions title={title} column={column} layout={layout}>
+            <Descriptions title={title} column={column} layout={layout} labelStyle={labelStyle} contentStyle={contentStyle}>
                 {descriptions.map(item => (
-                    <Descriptions.Item key={item.label} label={item.name ? undefined : item.label}>
+                    <Descriptions.Item key={item.label} span={item.span ?? 1} label={item.name ? undefined : item.label}>
                         {item.name ? <MyBaseForm item={item} form={form} /> : item.value}
                     </Descriptions.Item>))}
             </Descriptions>

package/src/workshop/react/standardParts/MyForm.js

@@ -1,8 +1,8 @@
 import dayjs from 'dayjs'
 import { MyBaseForm } from './MyBaseForm'
 import { flattenFormItems } from '../utils/utils'
-import { useContext, createContext } from 'react'
 import { Row, Col, Form, Button, Collapse } from 'antd'
+import { useEffect, useContext, createContext } from 'react'
 
 const FormContext = createContext({})
 
@@ -30,12 +30,16 @@ const LAYOUT_PROCESSORS = {
 }
 
 const ACTION_PROCESSORS = {
-    addonAfter: (item, { tableConfig, setModalTable, setSelectedTableRows }) => ({
+    addonAfter: (item, { customClick, tableConfig = {}, setModalTable, setSelectedTableRows }) => ({
         props: {
             addonAfter: (
                 <Button onClick={() => {
-                    setSelectedTableRows([])
-                    setModalTable({ visible: true, title: `选择${item.label}`, ...tableConfig[item.name] })
+                    if (typeof customClick === 'function') {
+                        customClick()
+                        return
+                    }
+                    setSelectedTableRows?.([])
+                    setModalTable?.({ visible: true, title: `选择${item.label}`, ...tableConfig[item.name] })
                 }}>
                     {item.addonAfter}
                 </Button>
@@ -109,7 +113,7 @@ export const MyForm = ({ record, formItems = [], externalForm, labelCol, wrapper
                         initialData[key] = dayjs(value)
                     }
                 } else if ((config?.type === 'select' && config.mode) || config?.type === 'checkbox') {
-                    initialData[key] = Array.isArray(value) ? value : value.split(config.separator ?? ',')
+                    initialData[key] = Array.isArray(value) ? value : value?.split(config.separator ?? ',')
                 } else {
                     initialData[key] = value
                 }

package/src/workshop/react/standardParts/MyModalForm.js

@@ -48,7 +48,7 @@ export const MyModalForm = ({ extra, width, title, layout, okText, options, foot
     const tableRowSelection = useMemo(() => ({
         selectedRowKeys: selectedTableRows.map(row => row[rowKey]),
         onChange: (selectedRowKeys, selectedRows) => setSelectedTableRows(selectedRows),
-    }), [rowKey, modalTable, selectedTableRows])
+    }), [rowKey, selectedTableRows])
 
     const ctx = { form, record, pending, handleOk, handleCancel, setModal }
 

package/src/workshop/react/standardParts/MyModalTable.js

@@ -11,9 +11,9 @@ export const MyModalTable = ({ api, onOk, title, width, footer, visible, operate
 
     const { total, loading, columns, dataSource, search, refresh, setLoading, setSearch, setDataSource } = useTableQuery({ api, cols: modalColumns, initialParams, formatResponse, isLocalPaging })
 
-    const handleSearch = values => setSearch({ ...search, ...values, pageNo: 1 })
+    const handleSearch = values => setSearch(prev => ({ ...prev, ...values, pageNo: 1 }))
 
-    const handleTableChange = (pagination, filters, sorter) => setSearch({ ...search, pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.column ? sorter.field : undefined })
+    const handleTableChange = (pagination, filters, sorter) => setSearch(prev => ({ ...prev, pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.column ? sorter.field : undefined }))
 
     const handleOk = async () => {
         if (onOk) {

package/src/workshop/react/standardParts/MyPopoverTable.js

@@ -11,6 +11,7 @@ export const MyPopoverTable = ({ api, columns, children, formatter }) => {
         if (loading) return
         setLoading(true)
         const response = await api()
+        setLoading(false)
         const datas = formatter(response)
         setDataSource(datas)
     }

package/src/workshop/react/standardParts/MySearchForm.js

@@ -4,7 +4,26 @@ import { useMemo, useState, useEffect } from 'react'
 import { Row, Col, Form, Button, Space } from 'antd'
 import { SearchOutlined, RedoOutlined } from '@ant-design/icons'
 
-export const MySearchForm = ({ form, extra, search, options, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues = {}, initialParams = {}, customReset, customFinish, renderAction, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
+export const finishChange = ({ formItems, formattedValues }) => {
+    const result = { ...formattedValues }
+    Object.keys(result).forEach(key => {
+        const val = result[key]
+        const isDateType = formItems.find(item => item.name === key)?.type?.includes('date')
+        if (isDateType && val) {
+            if (Array.isArray(val) && val.length > 0) {
+                const [startKey, endKey] = key.split(',')
+                result[startKey] = val[0].startOf('day').valueOf()
+                result[endKey] = val[1].endOf('day').valueOf()
+                delete result[key]
+            } else {
+                result[key] = val.valueOf()
+            }
+        }
+    })
+    return result
+}
+
+export const MySearchForm = ({ form, extra, options, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues = {}, initialParams = {}, customReset, customFinish, renderAction, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
 
     const [limit, setLimit] = useState(showLimit)
 
@@ -26,26 +45,13 @@ export const MySearchForm = ({ form, extra, search, options, loading, labelCol,
         if (customReset) {
             customReset()
         } else {
-            setSearch({ pageNo: 1, pageSize: search.pageSize ?? defaultPageSize, ...initialParams })
+            setSearch(prev => ({ pageNo: 1, pageSize: prev.pageSize ?? defaultPageSize, ...initialParams }))
         }
     }
 
     const handleFinish = values => {
-        const formattedValues = { ...values }
-        Object.keys(formattedValues).forEach(key => {
-            const val = formattedValues[key]
-            const isDateType = formItems.find(item => item.name === key)?.type?.includes('date')
-            if (isDateType && val) {
-                if (Array.isArray(val) && val.length > 0) {
-                    const [startKey, endKey] = key.split(',')
-                    formattedValues[startKey] = val[0].startOf('day').valueOf()
-                    formattedValues[endKey] = val[1].endOf('day').valueOf()
-                    delete formattedValues[key]
-                } else {
-                    formattedValues[key] = val.valueOf()
-                }
-            }
-        })
+        let formattedValues = { ...values }
+        formattedValues = finishChange({ formItems, formattedValues })
         if (syncUrlParams) {
             const currentQuery = Object.fromEntries(new URLSearchParams(window.location.search).entries())
             const params = new URLSearchParams(Object.fromEntries(Object.entries({ ...currentQuery, ...formattedValues }).filter(([key, value]) => !['', null, undefined].includes(value))))
@@ -54,7 +60,7 @@ export const MySearchForm = ({ form, extra, search, options, loading, labelCol,
         if (customFinish) {
             customFinish(formattedValues)
         } else {
-            setSearch({ ...search, ...formattedValues, pageNo: 1 })
+            setSearch(prev => ({ ...prev, ...formattedValues, pageNo: 1 }))
         }
     }
 

package/src/workshop/react/standardParts/MyTable.js

@@ -1,7 +1,9 @@
 import { Table, Space } from 'antd'
 import { DraggableContainer } from './DraggableContainer'
 import { EditableRow, EditableCell } from './EditableCell'
-import { useRef, useMemo, useEffect, useCallback } from 'react'
+import { useRef, useMemo, useEffect, useCallback, createContext } from 'react'
+
+export const TableContext = createContext(null)
 
 export const MyTable = ({ size, query, total, search, options, autoScroll, onChange, editingKey, setSearch, pagination, editRender = {}, renderAction, rowClassName, customSave, setDataSource, lineFormChange, columns = [], rowSelection, rowKey = 'id', editMode = 'cellEdit', loading = false, dataSource = [], draggable = false, scroll = { x: 'max-content' }, isLocalPaging = false, ...restProps }) => {
 
@@ -33,10 +35,10 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
             c.body.cell = EditableCell
         }
         if (draggable) {
-            c.body.wrapper = props => <DraggableContainer props={props} customSave={customSave} setDataSource={setDataSource} dataSourceRef={dataSourceRef} />
+            c.body.wrapper = DraggableContainer
         }
         return c
-    }, [isEditable, draggable, customSave, setDataSource])
+    }, [isEditable, draggable])
 
     const mergedColumns = useMemo(() => {
         return columns.map(col => {
@@ -48,7 +50,7 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
                 currentCol = {
                     ...currentCol,
                     filterSearch: true,
-                    onFilter: (value, record) => col.remote ? undefined : col.customFilter({ value, record, dataIndex: col.dataIndex }),
+                    ...(col.remote ? {} : { onFilter: (value, record) => col.customFilter({ value, record, dataIndex: col.dataIndex }) }),
                     filterDropdown: ({ close, confirm, selectedKeys, clearFilters, setSelectedKeys }) => (
                         <Space direction='vertical' style={{ padding: 12 }}>
                             {col.customFilterDropdown({ dataIndex: col.dataIndex, selectedKeys, setSelectedKeys })}
@@ -89,7 +91,7 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
                 }),
             }
         })
-    }, [columns, options, handleSave, editRender, renderAction])
+    }, [rowKey, columns, options, editMode, setSearch, editingKey, editRender, renderAction, handleSave])
 
     const paginationConfig = useMemo(() => {
 
@@ -100,8 +102,8 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
             showSizeChanger: true,
             showTotal: (total) => `共 ${total} 条`,
             ...(isLocalPaging ? {} : {
-                current: Number(search?.pageNo),
-                pageSize: Number(search?.pageSize),
+                current: Number(search?.pageNo ?? 1),
+                pageSize: Number(search?.pageSize ?? 10),
             }),
             ...(typeof pagination === 'object' ? pagination : {})
         }
@@ -126,27 +128,29 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
 
     return (
         <div ref={tableRef}>
-            <Table
-                {...restProps}
-                rowKey={rowKey}
-                scroll={scroll}
-                loading={loading}
-                onChange={onChange}
-                columns={mergedColumns}
-                dataSource={dataSource}
-                size={size ?? 'middle'}
-                components={components}
-                rowSelection={rowSelection}
-                pagination={paginationConfig}
-                onRow={(record, index) => ({ record, index, draggable, columns: mergedColumns, ...(typeof lineFormChange === 'function' ? { onValuesChange: lineFormChange } : {}) })}
-                rowClassName={(record, index) => {
-                    const externalClass = typeof rowClassName === 'function' ? rowClassName(record, index) : rowClassName
-                    const classes = [externalClass]
-                    if (isEditable) classes.push('editable-row')
-                    if (autoScroll && query?.rowIndex === index) classes.push('search-highlight-row')
-                    return classes.filter(Boolean).join(' ')
-                }}
-            />
+            <TableContext.Provider value={{ customSave, setDataSource, dataSourceRef }}>
+                <Table
+                    {...restProps}
+                    rowKey={rowKey}
+                    scroll={scroll}
+                    loading={loading}
+                    onChange={onChange}
+                    columns={mergedColumns}
+                    dataSource={dataSource}
+                    size={size ?? 'middle'}
+                    components={components}
+                    rowSelection={rowSelection}
+                    pagination={paginationConfig}
+                    onRow={(record, index) => ({ record, index, draggable, columns: mergedColumns, ...(typeof lineFormChange === 'function' ? { onValuesChange: lineFormChange } : {}) })}
+                    rowClassName={(record, index) => {
+                        const externalClass = typeof rowClassName === 'function' ? rowClassName(record, index) : rowClassName
+                        const classes = [externalClass]
+                        if (isEditable) classes.push('editable-row')
+                        if (autoScroll && query?.rowIndex === index) classes.push('search-highlight-row')
+                        return classes.filter(Boolean).join(' ')
+                    }}
+                />
+            </TableContext.Provider>
         </div>
     )
 }

package/src/workshop/react/standardParts/index.js

@@ -1,17 +1,68 @@
+import { Fragment } from 'react'
 import { MyBaseForm } from './MyBaseForm'
 import { AliyunOSSUpload } from './AliyunOSSUpload'
-import { Tree, Form, Radio, Input, Upload, Select, Cascader, Checkbox, DatePicker, InputNumber, TreeSelect, AutoComplete } from 'antd'
+import { Tree, Radio, Input, Upload, Select, Cascader, Checkbox, DatePicker, InputNumber, TreeSelect, AutoComplete } from 'antd'
 
-export const formNode = ({ item }) => {
+const componentDict = {
+    date: { Component: DatePicker },
+    number: { Component: InputNumber },
+    ossUpload: { Component: AliyunOSSUpload },
+    default: {
+        Component: Input,
+        props: () => ({ allowClear: true })
+    },
+    daterange: {
+        Component: DatePicker.RangePicker,
+        props: () => ({ placeholder: undefined })
+    },
+    textarea: {
+        Component: Input.TextArea,
+        props: () => ({ autoSize: { minRows: 4 } })
+    },
+    upload: {
+        Component: Upload,
+        props: ({ item }) => ({ ...item.uploadProps })
+    },
+    auto: {
+        Component: AutoComplete,
+        props: ({ item }) => ({ options: item.options })
+    },
+    checkbox: {
+        Component: Checkbox.Group,
+        props: ({ item }) => ({ options: item.options })
+    },
+    radio: {
+        Component: Radio.Group,
+        props: ({ item }) => ({ options: item.options })
+    },
+    treeSelect: {
+        Component: TreeSelect,
+        props: ({ item }) => ({ treeData: item.options })
+    },
+    tree: {
+        Component: Tree,
+        props: ({ item }) => ({ checkable: true, treeData: item.options })
+    },
+    cascader: {
+        Component: Cascader,
+        props: ({ item }) => ({ allowClear: true, showSearch: true, options: item.options })
+    },
+    select: {
+        Component: Select,
+        props: ({ item }) => ({ allowClear: true, showSearch: true, mode: item.mode, options: item.options, optionFilterProp: 'label' })
+    },
+}
+
+export const formNode = ({ item, form }) => {
 
     if (item.type === 'group' && Array.isArray(item.groups)) {
         return (
             <Input.Group compact style={{ width: item.width ?? '100%', display: 'flex', ...item.style }}>
                 {item.groups.map((subItem, ind) => (
-                    <Form.Item noStyle key={subItem.name}>
-                        <div style={{ flex: 1, minWidth: 0, marginRight: 8 }}><MyBaseForm item={subItem} key={subItem.name} /></div>
+                    <Fragment key={subItem.name}>
+                        <div style={{ flex: 1, minWidth: 0, marginRight: 8 }}><MyBaseForm item={subItem} form={form} /></div>
                         {ind < item.groups.length - 1 && <span style={{ color: '#888', whiteSpace: 'nowrap', marginRight: 8 }}>{item.separator}</span>}
-                    </Form.Item>
+                    </Fragment>
                 ))}
             </Input.Group>
         )
@@ -21,25 +72,15 @@ export const formNode = ({ item }) => {
         disabled: item.readOnly,
         style: { width: item.width ?? '100%' },
         placeholder: item.placeholder ?? `请${['select', 'cascader', 'date'].includes(item.type) ? '选择' : '输入'}`,
-        ...item.props
     }
 
-    const componentDict = {
-        date: <DatePicker {...commonProps} />,
-        number: <InputNumber  {...commonProps} />,
-        default: <Input allowClear {...commonProps} />,
-        ossUpload: <AliyunOSSUpload {...commonProps} />,
-        auto: <AutoComplete options={item.options} {...commonProps} />,
-        radio: <Radio.Group options={item.options} {...commonProps} />,
-        tree: <Tree checkable treeData={item.options} {...commonProps} />,
-        treeSelect: <TreeSelect treeData={item.options} {...commonProps} />,
-        checkbox: <Checkbox.Group options={item.options} {...commonProps} />,
-        textarea: <Input.TextArea autoSize={{ minRows: 4 }} {...commonProps} />,
-        daterange: <DatePicker.RangePicker {...commonProps} placeholder={undefined} />,
-        cascader: <Cascader showSearch allowClear options={item.options} {...commonProps} />,
-        upload: <Upload {...item.uploadProps} {...commonProps}>{item.content ?? '上传文件'}</Upload>,
-        select: <Select allowClear showSearch mode={item.mode} options={item.options} optionFilterProp='label' {...commonProps} />,
-    }
+    const config = componentDict[item.type] ?? componentDict.default
+    const Component = config.Component
+    const specialProps = config.props?.({ item, form }) ?? {}
 
-    return componentDict[item.type] ?? componentDict.default
+    return (
+        <Component {...commonProps} {...specialProps} {...item.props}>
+            {item.type === 'upload' && (item.content ?? '上传文件')}
+        </Component>
+    )
 }