@yorha2b-lab/autodev 1.0.46 → 2.0.0

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

@@ -1,27 +1,32 @@
 module.exports = `
-识别图片页面结构输出一个JSON对象,不要包含任何Markdown标签
-1.表格
-    { columns:[{ title: '普通列', dataIndex:'对应的英文名词' }]}
-    ⚠️⚠️⚠️注意：
-    请不要在columns里加上操作列
-    如果列需要排序请加上sorter:true
-    如果是时间列,请加入render:_CODE_text=>timeRender({time:text})_CODE_
-    如果是序号列直接渲染为{ title: '序号',render: _CODE_(_, record, index) => index + 1_CODE_ }
-    如果是下拉框列(所对应的查询项明确是下拉框),请加入render:_CODE_text=>对应的options.find(item=>item.value===text)?.label_CODE_
-    如果列需要过滤请加上filters:[],onFilter: _CODE_(value, record) => record[对应的英文名词].includes(value)_CODE_
-2.查询表单
-    formItems: [{ label: '文本', name: '对应的英文名词' }],
-    ⚠️⚠️⚠️注意：
-    如果是下拉框,请加入type:'select',options:_CODE_对应的英文名词Options_CODE_
-    如果是时间范围查询,请加入type:'daterange',name:'对应的英文名词start,对应的英文名词end'
-3.下拉选项字典
-    optionDict:{_CODE_对应的英文名词Options_CODE_:[]]}
-    数组值为对应列展示的内容组成的类似{label:'',value:''}的数组
-4.弹窗表单
-    modalItems:[{label:'基础项',name:'对应的英文名词',type:'text',rules:[{required:true,message:'字段不能为空'}]}]
-    ⚠️⚠️⚠️注意:
-    type:text/date/daterange/radio/checkbox/select/auto/textarea,如果是text可以省略
-    如果type是auto/radio/select/checkbox,请加入options:_CODE_对应的英文名词Options_CODE_
-    如果表单项末尾有文字描述，请将文字描述放在unit属性中
-    ** 只输出modalItems就可以，不需要对应的formItems和columns **
+识别图片页面结构输出一个JSON对象
+
+1. 严禁包含任何 Markdown 标签。
+2. 严禁包含注释或解释文字。
+3. 必须严格遵守以下字段规范。
+
+## 1. 表格 (Table)
+- 结构: { columns: [{ title: '', dataIndex: '' }] }
+- ⚠️ 字段白名单: [title, dataIndex, sorter, render, filters, onFilter]
+- 禁止输出: 严禁在 columns 中包含“操作”列。
+- 特殊逻辑:
+    - 时间列: render 必须为 _CODE_text=>timeRender({time:text})_CODE_
+    - 序号列: render 必须为 _CODE_(_, record, index) => index + 1_CODE_
+    - 下拉映射列: render 必须为 _CODE_text=>对应的options.find(item=>item.value===text)?.label_CODE_
+
+## 2. 表单 (Form)
+- 结构: formItems: [{label:'',name:'',type:'',options:[]}]
+- ⚠️ 属性精简规则:
+    - 默认输入框: 仅保留 [label, name] 属性。**严禁出现 type 属性**。
+    - 非默认组件: 仅当类型为 [auto, date, radio, select, upload, checkbox, textarea, daterange] 时才允许添加 type 属性。
+- 命名规范:
+    - daterange: name 必须设为 '字段英文名start,字段英文名end'。
+    - 选择类 (radio/select/checkbox): options 必须设为 _CODE_字段英文名Options_CODE_。
+- 增强属性:
+    - 必填校验: 若图片中 label 前有红色星号，必须加入 rules:[{required:true,message:'xxx不能为空'}]。
+    - 文字单位: 若项末尾有单位（如 元/kg），必须存入 unit 属性。
+
+## 3. 下拉选项字典 (OptionDict)
+- 结构: optionDict: { _CODE_字段名Options_CODE_: [] }
+- 内容: 数组元素必须为 {label: '', value: ''} 格式。
 `

package/src/services/llm.js

@@ -1,13 +1,10 @@
 const fs = require('fs')
 const path = require('path')
 const chalk = require('chalk')
-const { language, getConfig, checkPromptPath } = require('../utils/utils.js') // 导入语言助手
+const { language, getConfig } = require('../utils/utils.js')
 
 let client = null
 
-/**
- * 获取 OpenAI 客户端实例（单例模式）
- */
 const getOpenAI = () => {
     if (!client) {
         const OpenAI = require('openai')
@@ -21,11 +18,7 @@ const getOpenAI = () => {
     return client
 }
 
-/**
- * 调用 AI 模型并解析响应
- */
 const askAI = async (model, messages, retryCount = 0) => {
-    // 最终重试失败：YoRHa 司令部连接中断
     if (retryCount > 3) {
         throw new Error(language(
             'YoRHa 司令部连接中断：请检查网络状态或黑盒共鸣情况。',
@@ -50,14 +43,12 @@ const askAI = async (model, messages, retryCount = 0) => {
         const statusCode = err.status || err.response?.status
         const isAuthError = err.message.includes('401') || err.message.includes('402') || [401, 402].includes(statusCode)
         if (isAuthError) {
-            // 权限错误：司令部拒绝访问
             throw new Error(language(
                 '[系统警告] YoRHa 司令部拒绝访问：API Key 无效或额度耗尽，请检查！',
                 '[SYSTEM ALERT] YoRHa Command Center Access Denied: Invalid API Key or quota exhausted!'
             ))
         }
 
-        // 重试警告：神经云网络连接不稳
         console.warn(chalk.yellow(language(
             `[系统警告] 神经云网络连接不稳，正在尝试重新链接... (第 ${retryCount + 1} 次重试)`,
             `[SYSTEM ALERT] Neural Network instability detected. Attempting to re-establish link... (Retry #${retryCount + 1})`
@@ -68,9 +59,6 @@ const askAI = async (model, messages, retryCount = 0) => {
 }
 
 module.exports = {
-    /**
-     * 生成 Mock 数据
-     */
     generateMock: async (columns, fileName) => {
         const config = getConfig()
         const mockPrompt = require('../prompts/mock.js')
@@ -83,10 +71,6 @@ module.exports = {
             ]
         )
     },
-
-    /**
-     * 识别页面截图
-     */
     recognizePage: async (prompt, filePath) => {
         const config = getConfig()
         const { UI_DESIGNER } = require('../prompts/system.js')
@@ -111,16 +95,10 @@ module.exports = {
             ]
         )
     },
-
-    /**
-     * 对齐 Response 接口字段
-     */
     alignResponseFields: async (options, responseStr, resourceStr) => {
         const config = getConfig()
         const { API_DESIGNER } = require('../prompts/system.js')
-        const promptPath = `../prompts/${options.template}/watch-api.js`
-        checkPromptPath(promptPath)
-        const apiPrompt = require(promptPath)
+        const apiPrompt = require(`../prompts/${options.template}/watch-api.js`)
         return askAI(
             config.textModel,
             [

package/src/utils/utils.js

@@ -25,7 +25,6 @@ const getConfig = () => {
  * 大模型输出的标准 JSON 无法携带 render: (text) => <Tag> 等箭头函数。
  * 我们在 Prompt 中要求大模型用 _CODE_ 占位符包裹函数字符串，
  * 在此处用正则剥离外层的双引号和占位符，将其还原为真正的可执行 JS 代码。
- *
  * @param {string} str - 大模型返回的 JSON 字符串
  * @returns {string} 清理后的可执行 JS 代码
  */
@@ -41,22 +40,6 @@ const cleanCode = str => {
         .trim() + '\n'
 }
 
-/**
- * 检查 Prompt 文件是否存在
- * @param {string} promptPath - Prompt 文件路径
- * @returns {void}
- */
-const checkPromptPath = promptPath => {
-    const promptAbsPath = path.resolve(__dirname, promptPath)
-    if (!fs.existsSync(promptAbsPath)) {
-        const displayPath = promptPath.slice(3)
-        throw new Error(language(
-            `🤖 Pod 042: [警告] 侦测到未知的构筑协议 ${displayPath}，地堡数据库暂无此类资料。`,
-            `🤖 Pod 042: [Warning] Unknown construction protocol ${displayPath}. No such protocol found in the bunker database.`
-        ))
-    }
-}
-
 /**
  * 获取已有的页面菜单配置
  * @param {string} dir - 页面目录路径（默认 'src/pages'）
@@ -73,24 +56,21 @@ const getExistingMenus = (dir = 'src/pages') => {
 /**
  * 生成智能导入语句
  * 根据代码中实际使用的依赖，自动生成对应的 import 语句
- *
  * @param {string} codeStr - 生成的代码字符串
  * @param {boolean} hasTabs - 是否包含标签页
  * @returns {string} 拼接后的 import 语句
  */
 const generateSmartImports = (codeStr, hasTabs) => {
-    const hooksLib = ['useTableQuery'] // 自定义 hooks 库
-    const reactLib = ['useState', 'useEffect', 'useRef', 'useMemo'] // React 核心库
-    const componentsLib = ['MyTable', 'MyModalForm', 'MySearchForm'] // 自定义组件库
-    const antdLib = ['Card', 'Space', 'Modal', 'Button', 'Alert', 'Table', 'Input', 'Select'] // Ant Design 组件库
+    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))
 
-    // 构建 import 语句数组
     const imports = [
         usedReact.length && `import { ${usedReact.join(', ')} } from 'react'`,
         `import { request } from '../../utils/request'`,
@@ -99,9 +79,9 @@ const generateSmartImports = (codeStr, hasTabs) => {
         ...usedHooks.map(hook => `import { ${hook} } from '../../hooks/${hook}'`),
         ...usedComps.map(comp => `import { ${comp} } from '../../components/${comp}'`),
         usedAntd.length && `import { Form, ${usedAntd.join(', ')} } from 'antd'`
-    ].sort((a, b) => a.length - b.length) // 按长度排序（短的在前）
+    ].sort((a, b) => a.length - b.length)
 
-    return imports.filter(Boolean).join('\n') // 过滤空值并拼接
+    return imports.filter(Boolean).join('\n')
 }
 
 /**
@@ -124,5 +104,4 @@ const copyTemplateDir = (options, templateSubDir, targetSubDir) => {
     })
 }
 
-// 导出工具函数
-module.exports = { language, getConfig, cleanCode, getExistingMenus, copyTemplateDir, checkPromptPath, generateSmartImports }
+module.exports = { language, getConfig, cleanCode, getExistingMenus, copyTemplateDir, generateSmartImports }

package/templates/react/handlebars/MySearchForm.hbs

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

package/templates/react/handlebars/MyTable.hbs

@@ -0,0 +1,26 @@
+<MyTable
+    rowKey='id'
+    query={query}
+    loading={loading}
+    dataSource={dataSource}
+    columns={ {{columnsValue}} }
+    {{#if hasExpandable}}
+    {{{{raw}}}}
+    expandable={{ onExpand, expandedRowKeys, expandedRowRender, columnWidth: 24 }}
+    {{{{/raw}}}}
+    {{/if}}
+    {{#if hasPagination}}
+    {{{{raw}}}}
+    pagination={{ total, showSizeChanger: true, current: search.pageNo, pageSize: search.pageSize }}
+    onChange={(pagination, filters, sorter) => setSearch({ ...search , pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.column ? sorter.field : undefined })}
+    {{{{/raw}}}}
+    {{/if}}
+    {{#if hasRowSelection}}
+    {{{{raw}}}}
+    rowSelection={{
+        selectedRowKeys: selectedRows.map(item => item.id),
+        onChange: (keys, rows) => setSelectedRows(rows)
+    }}
+    {{{{/raw}}}}
+    {{/if}}
+/>

package/templates/react/handlebars/functionButtonsBlock.hbs

@@ -0,0 +1,16 @@
+{{#if hasTabs}}
+{{#each tabs}}
+{activeKey === '{{this.key}}' &&
+    <Space style=\{{ marginBottom: 16 }}>
+        {{#each ../functionButtons}}
+        <Button type='primary' onClick={ {{this.action}} }>{{this.btn}}</Button>
+        {{/each}}
+    </Space>}
+{{/each}}
+{{else}}
+<Space style=\{{ marginBottom: 16 }}>
+    {{#each functionButtons}}
+    <Button type='primary' onClick={ {{this.action}} }>{{this.btn}}</Button>
+    {{/each}}
+</Space>
+{{/if}}

package/templates/react/handlebars/handleBlock.hbs

@@ -0,0 +1,52 @@
+{{#each operations}}
+const {{this.action}} = async record => {
+    const response = await request('/api')
+    if({{{../responseSuccess}}}){
+        refresh()
+    }
+}
+
+{{/each}}
+
+{{#each functionButtons}}
+const {{this.action}} = () => {
+    Modal.confirm({
+        title: '确认',
+        centered: true,
+        content: '确认{{this.btn}}吗？',
+        onOk: async () => {
+            const response = await request('/api')
+            if({{{../responseSuccess}}}){
+                refresh()
+            }
+        }
+    })
+}
+
+{{/each}}
+
+{{#if hasTabs}}
+const onTabChange = key => {
+    setActiveKey(key)
+    {{#if hasRowSelection}}setSelectedRows([]){{/if}}
+    setSearch({ pageNo: 1, pageSize: 10, type: key })
+}
+{{/if}}
+
+{{#if hasExpandable}}
+const onExpand = async (expanded, record) => {
+    if (expanded) {
+        setExpandedRowKeys([...expandedRowKeys, record.key])
+    } else {
+        setExpandedRowKeys(expandedRowKeys.filter(item => item !== record.key))
+    }
+}
+
+const expandedRowRender = record => (<div>自定义渲染</div>)
+
+{{/if}}
+
+const modalSubmit = async values => {
+    const response = await request('/api')
+    refresh()
+}

package/templates/react/handlebars/hookBlock.hbs

@@ -0,0 +1,9 @@
+const initParams = {{#if hasTabs}}{ type: tabs[0].key }{{else}}{}{{/if}}
+
+const query = formatQuery(Object.fromEntries(new URLSearchParams(location.search).entries()),  {{formItems}})
+
+const { total, loading, dataSource, search, setSearch, refresh } = useTableQuery(
+    async params => await request('/api/{{fileName}}', { method: 'POST', body: params }),
+    response => ({ data: response?.data ?? [], total: response?.total ?? 0 }),
+    {...initParams, ...query},
+)

package/templates/react/handlebars/stateBlock.hbs

@@ -0,0 +1,11 @@
+const [form] = Form.useForm()
+const [modal, setModal] = useState({})
+{{#if hasRowSelection}}
+const [selectedRows, setSelectedRows] = useState([])
+{{/if}}
+{{#if hasTabs}}
+const [activeKey, setActiveKey] = useState(tabs[0].key)
+{{/if}}
+{{#if hasExpandable}}
+const [expandedRowKeys, setExpandedRowKeys] = useState([])
+{{/if}}

package/templates/react/handlebars/tableOperate.hbs

@@ -0,0 +1,10 @@
+const operate = {
+    title: '操作',
+    render: (_, record) => (
+        <Space>
+            {{#each operations}}
+            <a onClick={()=> {{this.action}}(record)}>{{this.label}}</a>
+            {{/each}}
+        </Space>
+    )
+}

package/templates/react/index.hbs

@@ -1,91 +1,13 @@
 export default props => {
 
-    const [form] = Form.useForm()
-    const [modal, setModal] = useState({})
-    {{#if hasTabs}}
-    const [activeKey, setActiveKey] = useState(tabs[0].key)
-    {{/if}}
-    {{#if hasExpandable}}
-    const [expandedRowKeys, setExpandedRowKeys] = useState([])
-    {{/if}}
-    {{#if hasRowSelection}}
-    const [selectedRows, setSelectedRows] = useState([])
-    {{/if}}
-
-    const initParams = {{#if hasTabs}}{ type: tabs[0].key }{{else}}{}{{/if}}
-
-    const query = formatQuery(Object.fromEntries(new URLSearchParams(location.search).entries()), {{#if hasTabs}}formItems[activeKey]{{else}}formItems{{/if}})
-
-    const { total, loading, dataSource, search, setSearch, refresh } = useTableQuery(
-         async params => await request('/api/{{fileName}}', { method: 'POST', body: params }),
-         response => ({ data: response?.data ?? [], total: response?.total ?? 0 }),
-         {...initParams, ...query},
-    )
-
-    {{#each operations}}
-    const {{this.action}} = async record => {
-        const response = await request('/api')
-        if({{{../responseSuccess}}}){
-            refresh()
-        }
-    }
+    {{> stateBlock }}
 
-    {{/each}}
-
-    {{#each functionButtons}}
-    const {{this.action}} = () => {
-        Modal.confirm({
-            title: '确认',
-            centered: true,
-            content: '确认{{this.btn}}吗？',
-            onOk: async () => {
-                const response = await request('/api')
-                if({{{../responseSuccess}}}){
-                    refresh()
-                }
-            }
-        })
-    }
-
-    {{/each}}
-
-    {{#if hasTabs}}
-    const onTabChange = key => {
-        setActiveKey(key)
-        {{#if hasRowSelection}}setSelectedRows([]){{/if}}
-        setSearch({ pageNo: 1, pageSize: 10, type: key })
-    }
-    {{/if}}
-
-    {{#if hasExpandable}}
-    const onExpand = async (expanded, record) => {
-        if (expanded) {
-            setExpandedRowKeys([...expandedRowKeys, record.key])
-        } else {
-            setExpandedRowKeys(expandedRowKeys.filter(item => item !== record.key))
-        }
-    }
-
-    const expandedRowRender = record => (<div>自定义渲染</div>)
-
-    {{/if}}
+    {{> hookBlock }}
 
-    const modalSubmit = async values => {
-        const response = await request('/api')
-        refresh()
-    }
+    {{> handleBlock }}
 
     {{#if hasOperate}}
-    const operate = {
-        title: '操作',
-        render: (_, record) => (
-            <Space>
-                {{#each operations}}
-                <a onClick={()=> {{this.action}}(record)}>{{this.label}}</a>
-                {{/each}}
-            </Space>
-        )
-    }
+    {{> tableOperate }}
     {{/if}}
 
     {{#if hasTabs}}
@@ -100,46 +22,9 @@ export default props => {
     return (
         <Card {{#if hasTabs}}tabList={tabs} activeTabKey={activeKey} onTabChange={onTabChange}{{/if}}>
             {modal.visible && <MyModalForm {...modal} formItems={modalItems} submit={modalSubmit} setModal={setModal} />}
-            <MySearchForm form={form} search={search} initialValues={query} loading={loading} setSearch={setSearch} formItems={ {{#if hasTabs}}formItems[activeKey]{{else}}formItems{{/if}} } />
-            {{#if hasTabs}}
-            {{#each tabs}}
-            {activeKey === '{{this.key}}' &&
-                <Space style=\{{ marginBottom: 16 }}>
-                    {{#each ../functionButtons}}
-                    <Button type='primary' onClick={ {{this.action}} }>{{this.btn}}</Button>
-                    {{/each}}
-                </Space>}
+            {{#each pageStruct as |partialName|}}
+            {{> (partialName) @root }}
             {{/each}}
-            {{else}}
-            <Space style=\{{ marginBottom: 16 }}>
-                {{#each functionButtons}}
-                <Button type='primary' onClick={ {{this.action}} }>{{this.btn}}</Button>
-                {{/each}}
-            </Space>
-            {{/if}}
-            {{#if hasStaticInfo}}
-            <Alert showIcon title='{{staticInfoText}}' type='info' style=\{{ marginBottom: 16 }} />
-            {{/if}}
-            <MyTable
-                rowKey='id'
-                query={query}
-                loading={loading}
-                dataSource={dataSource}
-                columns={ {{columnsValue}} }
-                {{#if hasExpandable}}
-                expandable=\{{ onExpand, expandedRowKeys, expandedRowRender, columnWidth: 24 }}
-                {{/if}}
-                {{#if hasPagination}}
-                pagination=\{{ total, showSizeChanger: true, current: search.pageNo, pageSize: search.pageSize }}
-                onChange={(pagination, filters, sorter) => setSearch({ ...search , pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.column ? sorter.field : undefined })}
-                {{/if}}
-                {{#if hasRowSelection}}
-                rowSelection=\{{
-                    selectedRowKeys: selectedRows.map(item => item.id),
-                    onChange: (keys, rows) => setSelectedRows(rows)
-                }}
-                {{/if}}
-            />
         </Card>
     )
 }

package/src/commands/watch-api.js

@@ -1,68 +0,0 @@
-const fs = require('fs')
-const ora = require('ora')
-const path = require('path')
-const chalk = require('chalk')
-const chokidar = require('chokidar')
-
-const watchApi = options => {
-    // 导入配置文件和多语言函数
-    const { getConfig, language } = require('../utils/utils.js')
-    const { alignResponseFields } = require('../services/llm.js')
-
-    const config = getConfig()
-
-    const watcher = chokidar.watch('./response', {
-        persistent: true,
-        ignored: /(^|[\/\\])\../,
-        awaitWriteFinish: {
-            stabilityThreshold: 500,
-            pollInterval: 100
-        }
-    })
-
-    watcher.on('add', async filePath => {
-        const startTime = Date.now()
-        const fileName = path.basename(filePath, path.extname(filePath))
-
-        // 使用 language 函数包装 Pod 153 的启动报告
-        const spinner = ora(chalk.cyan(language(
-            `🤖 Pod 153: [报告] 侦测到未知的 Response 数据源 [${fileName}]，开始进行语义对齐...`,
-            `🤖 Pod 153: [Report] Detected unknown Response data source [${fileName}]. Commencing semantic alignment...`
-        )))
-        spinner.start()
-
-        try {
-            const responseStr = fs.readFileSync(filePath, 'utf8')
-            let resourceStr = fs.readFileSync(`./${config.pagesDir}/${fileName}/resource.js`, 'utf8')
-
-            // 调用 AI 服务进行字段对齐
-            const result = await alignResponseFields(options, responseStr, resourceStr)
-
-            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}'`)
-            })
-
-            fs.writeFileSync(path.join(`./${config.pagesDir}/${fileName}/resource.js`), resourceStr)
-            const endTime = Date.now()
-
-            // 成功报告：带上 9S 的骇客梗
-            spinner.succeed(chalk.green(language(
-                `🤖 Pod 153: [肯定] 字段对齐协议执行完毕：耗时 ${(endTime - startTime) / 1000} 秒。9S 的骇客任务很顺利。`,
-                `🤖 Pod 153: [Affirmative] Field alignment protocol executed. Time: ${(endTime - startTime) / 1000}s. 9S's hacking mission was successful.`
-            )))
-            if (fs.existsSync(filePath)) {
-                fs.unlinkSync(filePath)
-            }
-        } catch (error) {
-            // 失败报告：提到“防火墙”
-            spinner.fail(chalk.red(language(
-                `🤖 Pod 153: [警告] 骇入 [${fileName}] 失败。接口数据遭遇强力防火墙：${error}`,
-                `🤖 Pod 153: [Warning] Hacking into [${fileName}] failed. Encountered a powerful firewall in API data: ${error}`
-            )))
-        }
-    })
-}
-
-module.exports = watchApi