@yorha2b-lab/autodev 1.0.35 → 1.0.37

package/README.md

@@ -43,6 +43,14 @@ npm install -g @yorha2b-lab/autodev
 autodev init
 ```
 
+> ### 💡 零配置快速体验 (模拟模式)
+> 为了能立即感受到 Bunker 的构筑力量，项目默认开启了 **Demo 模式**：
+> 1. **无需配置 API_KEY**，直接运行 `autodev watch:page`。
+> 2. 向 `screenShot` 目录丢入任意图片（系统将忽略图片内容，自动空投标准 `example.json` 构筑包）。
+> 3. **观察效果**：你会看到命令行刷刷闪过，React 代码瞬间物理装配完成。
+>
+> *注：若想识别真实截图，请在 `config.js` 中将 `useDemo` 设为 `false` 并配置下方环境变量。*
+
 创建 `.env` 文件并配置以下环境变量：
 
 ```bash
@@ -125,6 +133,9 @@ your-project/
 
 ```javascript
 module.exports = {
+    // 是否使用演示模式
+    useDemo: true,
+
     // 是否需要生成 Mock 数据
     needMock: false,
 

package/README_EN.md

@@ -43,6 +43,13 @@ Quick start
 autodev init
 ```
 
+> ### 💡 Zero-Config Quick Start (Simulation Mode)
+> To allow YoRHa units to experience the construction power immediately, Demo Mode is enabled by default:
+> No API_KEY required. Simply run autodev watch:page.
+> Drop any image into the screenShot directory (the system will ignore the image content and deploy a standard example.json construction package).
+> Watch the Magic: Command line flashes, and React code is physically assembled in seconds.
+> Note: To recognize actual screenshots, set useDemo: false in config.js and configure the environment variables above.*
+
 Create a `.env` file and configure the following environment variables:
 
 ```bash
@@ -125,6 +132,9 @@ You can configure the following options in `config.js`:
 
 ```javascript
 module.exports = {
+    // Whether to use demo mode
+    useDemo: true,
+
     // Whether to generate Mock data
     needMock: false,
 

package/config.js

@@ -5,6 +5,9 @@
  */
 
 module.exports = {
+
+    useDemo: true,
+
     // 是否需要生成 Mock 数据
     needMock: false,
 

package/example/example.json

@@ -0,0 +1,159 @@
+{
+    "tabs": [
+        {
+            "tab": "鬼剑士",
+            "key": "ghostKnight"
+        },
+        {
+            "tab": "格斗家",
+            "key": "fighter"
+        },
+        {
+            "tab": "神枪手",
+            "key": "gunner"
+        },
+        {
+            "tab": "魔法师",
+            "key": "mage"
+        }
+    ],
+    "formItems": [
+        {
+            "label": "转职职业",
+            "name": "transferJob",
+            "type": "select",
+            "options": "_CODE_transferJobOptions_CODE_"
+        },
+        {
+            "label": "武器类型",
+            "name": "weaponType",
+            "type": "select",
+            "options": "_CODE_weaponTypeOptions_CODE_"
+        },
+        {
+            "label": "职业类型",
+            "name": "jobType",
+            "type": "select",
+            "options": "_CODE_jobTypeOptions_CODE_"
+        },
+        {
+            "label": "觉醒名称关键词",
+            "name": "awakeningNameKeyword"
+        },
+        {
+            "label": "登场时间",
+            "name": "releaseDateStart,releaseDateEnd",
+            "type": "daterange"
+        }
+    ],
+    "table": {
+        "pagination": true,
+        "expandable": true,
+        "rowSelection": true,
+        "staticInfo": {
+            "has": false,
+            "text": ""
+        },
+        "operation": [
+            {
+                "label": "查看",
+                "action": "viewByRecord"
+            },
+            {
+                "label": "编辑",
+                "action": "editByRecord"
+            },
+            {
+                "label": "删除",
+                "action": "deleteByRecord"
+            }
+        ],
+        "columns": [
+            {
+                "title": "职业",
+                "dataIndex": "jobName"
+            },
+            {
+                "title": "一觉",
+                "dataIndex": "firstAwakening"
+            },
+            {
+                "title": "二觉",
+                "dataIndex": "secondAwakening"
+            },
+            {
+                "title": "三觉",
+                "dataIndex": "thirdAwakening"
+            },
+            {
+                "title": "武器类型",
+                "dataIndex": "weaponType",
+                "render": "_CODE_text=>weaponTypeOptions.find(item=>item.value===text)?.label_CODE_"
+            },
+            {
+                "title": "职业类型",
+                "dataIndex": "jobType",
+                "render": "_CODE_text=>jobTypeOptions.find(item=>item.value===text)?.label_CODE_"
+            },
+            {
+                "title": "登场时间",
+                "dataIndex": "releaseDate",
+                "render": "_CODE_text=>timeRender({time:text})_CODE_"
+            }
+        ]
+    },
+    "optionDict": {
+        "_CODE_transferJobOptions_CODE_": [
+            {
+                "label": "剑魂",
+                "value": "swordSoul"
+            },
+            {
+                "label": "狂战士",
+                "value": "berserker"
+            }
+        ],
+        "_CODE_weaponTypeOptions_CODE_": [
+            {
+                "label": "光剑",
+                "value": "lightSword"
+            },
+            {
+                "label": "太刀",
+                "value": "katana"
+            },
+            {
+                "label": "巨剑",
+                "value": "greatSword"
+            }
+        ],
+        "_CODE_jobTypeOptions_CODE_": [
+            {
+                "label": "物理",
+                "value": "physical"
+            },
+            {
+                "label": "魔法",
+                "value": "magic"
+            }
+        ]
+    },
+    "functionButton": [
+        {
+            "btn": "查询",
+            "action": "queryJobList"
+        },
+        {
+            "btn": "重置",
+            "action": "resetJobList"
+        },
+        {
+            "btn": "批量删除",
+            "action": "deleteBySelectedJobList"
+        },
+        {
+            "btn": "批量导出",
+            "action": "exportJobList"
+        }
+    ]
+}

package/package.json

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

package/src/commands/watch-page.js

@@ -64,7 +64,7 @@ const watchPage = options => {
         )))
         const constantDir = path.join(process.cwd(), config.utilsDir)
         if (!fs.existsSync(constantDir)) fs.mkdirSync(constantDir, { recursive: true })
-        fs.writeFileSync(path.join(constantDir, 'constant.js'), `export const menus = ${stringify.default(menus, { indent: 4, maxLength: 50 })}`)
+        fs.writeFileSync(path.join(constantDir, 'menus.js'), `export const menus = ${stringify.default(menus, { indent: 4, maxLength: 50 })}`)
         console.log(chalk.green(language(
             '🤖 Pod 042: [肯定] Menu 配置同步成功。',
             '🤖 Pod 042: [Affirmative] Menu configuration synced successfully.'
@@ -95,7 +95,17 @@ const watchPage = options => {
                 if (!fs.existsSync(mockDir)) fs.mkdirSync(mockDir, { recursive: true })
                 if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
 
-                const pageConfig = await recognizePage(pagePrompt, filePath)
+                let pageConfig
+                if (config.useDemo) {
+                    console.log(chalk.yellow(language(
+                        `\nPod 042: [警告] 当前处于模拟模式。检测到视觉样本，但 Bunker 已拦截实弹请求，正在空投标准构筑包`,
+                        `\nPod 042: [Warning] Current mode is demo. Visual sample detected, but Bunker has intercepted real requests. Sending standard package.`
+                    )))
+                    pageConfig = require(path.join(__dirname, '../../example/example.json'))
+                } else {
+                    pageConfig = await recognizePage(pagePrompt, filePath)
+                }
+                console.log(stringify.default(pageConfig, { indent: 4, maxLength: 200 }))
                 fs.writeFileSync(path.join(targetDir, 'resource.js'), resource({ pageConfig, resourceTpl }))
                 fs.writeFileSync(path.join(targetDir, 'index.js'), index({ config, fileName, indexTpl, pageConfig }))
 

package/src/commands/watch-part.js

@@ -43,7 +43,7 @@ const watchPart = () => {
 
             let optionsCodeStr = ''
             Object.keys(optionDict).forEach(key => {
-                const varName = key.replace('_CODE_', '')
+                const varName = key.replaceAll('_CODE_', '')
                 const optionsArray = optionDict[key]
                 const arrayItemsStr = optionsArray.map(opt => `    { label: '${opt.label}', value: '${opt.value}' }`).join(',\n')
                 optionsCodeStr += `\nexport const ${varName} = [\n${arrayItemsStr}\n]\n`

package/src/core/react-compiler.js

@@ -28,7 +28,7 @@ const resource = ({ pageConfig, resourceTpl }) => {
         // 提取所有下拉框字典配置
         dictBlocks: pageConfig.formItems
             ?.filter(item => item.type === 'select') // 过滤出下拉框类型
-            ?.map(item => ({ name: item.options.replace('_CODE_', ''), data: pageConfig.optionDict[item.options] ?? [] })) // 转换为字典格式
+            ?.map(item => ({ name: item.options.replaceAll('_CODE_', ''), data: pageConfig.optionDict[item.options] ?? [] })) // 转换为字典格式
     }
 
     // 渲染模板并清理代码

package/src/prompts/watch-page.js

@@ -33,8 +33,8 @@ module.exports = `
     如果和表格行操作重复请在action加上BySelected前缀
     如果是导出功能,对应的动词为export+对应的英文名词,没有名词则为exportData
 6.下拉选项字典
-    optionDict:{_CODE_对应的英文名词Options_CODE:[]]}
-    数组值为对应列展示的内容组成的类似{label:'',value:''}的数组
+    optionDict:{_CODE_对应的英文名词Options_CODE_:[]]}
+    ⚠️⚠️⚠️注意：数组值为对应列展示的内容组成的类似{label:'',value:''}的数组
 最后输出一个JSON对象,不要包含任何Markdown标签,格式如下
     { tabs: [], table: {}, formItems: [], optionDict: {}, functionButton: []}
 `

package/src/prompts/watch-part.js

@@ -15,7 +15,7 @@ module.exports = `
     如果是下拉框,请加入type:'select',options:_CODE_对应的英文名词Options_CODE_
     如果是时间范围查询,请加入type:'daterange',name:'对应的英文名词start,对应的英文名词end'
 3.下拉选项字典
-    optionDict:{_CODE_对应的英文名词Options_CODE:[]]}
+    optionDict:{_CODE_对应的英文名词Options_CODE_:[]]}
     数组值为对应列展示的内容组成的类似{label:'',value:''}的数组
 4.弹窗表单
     modalItems:[{label:'基础项',name:'对应的英文名词',type:'text',rules:[{required:true,message:'字段不能为空'}]}]