@yorha2b-lab/autodev 1.0.0

package/.env.example

@@ -0,0 +1,12 @@
+# AI模型API配置
+# 请替换为你的实际API密钥
+API_KEY=your_api_key_here
+
+# API基础URL
+# 如果使用OpenAI官方API，可以设置为: https://api.openai.com/v1
+# 如果使用其他兼容API，请设置对应的基础URL
+BASE_URL=your_api_base_url_here
+
+# 可选：自定义模型配置
+# VISION_MODEL=qwen3.5-plus
+# TEXT_MODEL=qwen-turbo

package/CONTRIBUTING.md

@@ -0,0 +1,118 @@
+# 贡献指南
+
+感谢您对 Auto CRUD Copilot 项目的关注！我们欢迎任何形式的贡献，包括但不限于：
+
+- 🐛 报告Bug
+- 💡 提出新功能建议
+- 📝 改进文档
+- 🔧 提交代码修复
+- 🎨 添加新模板或组件
+
+## 🚀 如何贡献
+
+### 报告Bug
+
+如果您发现了Bug，请通过以下步骤报告：
+
+1. 检查是否已有相关的Issue
+2. 如果没有，请创建新的Issue
+3. 在Issue中提供以下信息：
+   - 问题描述
+   - 复现步骤
+   - 期望行为
+   - 实际行为
+   - 环境信息（操作系统、Node版本等）
+   - 相关截图或错误日志
+
+### 提出新功能建议
+
+1. 检查是否已有相关的Issue或讨论
+2. 如果没有，请创建新的Issue
+3. 在Issue中详细描述：
+   - 功能描述
+   - 使用场景
+   - 预期效果
+   - 可能的实现方案
+
+特别欢迎 Vue / Angular 开发者提交对应的 Template 和 Compiler 实现！ 我们已经为您预留好了插件接口。
+
+### 提交代码
+
+1. Fork 本仓库
+2. 创建您的特性分支 (`git checkout -b feature/AmazingFeature`)
+3. 提交您的更改 (`git commit -m 'Add some AmazingFeature'`)
+4. 推送到分支 (`git push origin feature/AmazingFeature`)
+5. 创建一个 Pull Request
+
+## 📋 开发指南
+
+### 环境准备
+
+1. 克隆仓库
+```bash
+git clone https://github.com/yorha2b-lab/auto-crud-copilot.git
+cd auto-crud-copilot
+```
+
+2. 安装依赖
+```bash
+npm install
+```
+
+3. 创建环境变量文件
+```bash
+cp .env.example .env
+# 编辑 .env 文件，填入您的API密钥
+```
+
+### 项目结构
+
+```
+auto-crud-copilot/
+├── bin/                 # 可执行文件
+├── src/
+│   ├── commands/        # 命令实现
+│   ├── core/           # 核心逻辑
+│   ├── prompts/        # AI提示词
+│   ├── services/       # 服务层
+│   └── utils/          # 工具函数
+├── templates/          # 代码模板
+│   ├── react/
+│   ├── vue/
+│   └── angular/
+└── config.js           # 配置文件
+```
+
+- 提交信息遵循[Conventional Commits](https://www.conventionalcommits.org/zh-hans/v1.0.0/)规范
+
+### 测试
+
+在提交代码前，请确保：
+
+1. 代码通过所有测试
+2. 代码符合项目的编码规范
+
+## 📝 Pull Request 流程
+
+1. 确保您的PR描述清晰，说明了更改的目的和实现方式
+2. 确保您的代码没有合并冲突
+3. 确保所有测试通过
+4. 等待维护者审查和合并
+
+## 🏷️ 发布流程
+
+项目维护者负责发布新版本，遵循[语义化版本](https://semver.org/lang/zh-CN/)规范。
+
+## 🤝 行为准则
+
+请遵守我们的行为准则，保持友好和尊重的交流环境。
+
+## 📞 联系方式
+
+如有任何问题，请通过以下方式联系我们：
+
+- 创建Issue
+
+---
+
+再次感谢您的贡献！🎉

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 yorha2b-Lab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,173 @@
+# Auto CRUD Copilot
+
+[![NPM Version](https://img.shields.io/npm/v/@yorha2b-lab/autodev.svg?style=flat-square)](https://www.npmjs.com/package/@yorha2b-lab/autodev)
+[![NPM Downloads](https://img.shields.io/npm/dm/@yorha2b-lab/autodev.svg?style=flat-square)](https://www.npmjs.com/package/@yorha2b-lab/autodev)
+[![GitHub Stars](https://img.shields.io/github/stars/yorha2b-lab/auto-crud-copilot.svg?style=flat-square)](https://github.com/yorha2b-lab/auto-crud-copilot/stargazers)
+[![License](https://img.shields.io/npm/l/@yorha2b-lab/autodev.svg?style=flat-square)](https://github.com/yorha2b-lab/auto-crud-copilot/blob/main/LICENSE)
+
+基于视觉大模型的前端(Umi+Antd)全自动 CRUD 代码生成器 🚀
+
+![Demo](https://via.placeholder.com/800x400?text=Coming+Soon)
+
+拒绝重复劳动！为什么你需要 Auto CRUD Copilot？
+告别手写 Table/Form：截图即代码，提升你的开发效率，告别烦人的复制粘贴。
+拒绝接口联调痛苦：自动读取 Swagger，AI 帮你抹平前后端字段命名差异。
+架构解耦：核心逻辑与 UI 框架分离，React/Vue/Angular 均可适配。
+
+## ✨ 特性
+
+- 🖼️ **视觉识别**: 通过截图自动识别页面结构，生成对应的CRUD代码
+- 🔧 **智能生成**: 支持React、Vue、Angular等多种前端框架模板
+- 📊 **表格组件**: 自动生成可编辑、可排序、可筛选的数据表格
+- 📝 **表单组件**: 智能生成搜索表单和模态框表单
+- 🔌 **API对齐**: 自动对齐Swagger接口与前端字段映射
+- 🎨 **UI组件**: 支持多种UI组件类型（输入框、选择器、日期等）
+- 📱 **响应式**: 生成的代码支持响应式布局
+
+## 🚀 快速开始
+
+### 安装
+
+```bash
+npm install -g auto-crud-copilot
+```
+
+### 环境配置
+
+创建 `.env` 文件并配置以下环境变量：
+
+```bash
+# AI模型API配置
+API_KEY=your_api_key_here
+BASE_URL=your_api_base_url_here
+```
+
+### 基本使用
+
+1. **生成完整CRUD页面**
+
+```bash
+# 将页面截图放入screenShot目录
+autodev watch:page
+```
+
+2. **生成局部UI组件**
+
+```bash
+# 将组件截图放入screenPart目录
+autodev watch:part
+```
+
+3. **对齐API字段**
+
+```bash
+# 将Swagger文档放入swagger目录
+autodev watch:api
+```
+
+## 📖 详细使用指南
+
+### watch:page 命令
+
+监听 `screenShot` 目录下的截图文件，自动生成完整的增删改查页面。
+
+```bash
+autodev watch:page -t react
+```
+
+参数说明：
+- `-t, --template <type>`: 指定前端框架模板，默认为 `react`
+
+### watch:part 命令
+
+监听 `screenPart` 目录下的截图文件，自动生成局部UI组件。
+
+```bash
+autodev watch:part -t vue
+```
+
+### watch:api 命令
+
+监听 `swagger` 目录下的API文档，自动对齐真实接口字段。
+
+```bash
+autodev watch:api
+```
+
+## 📁 项目结构
+
+```
+your-project/
+├── screenShot/          # 页面截图目录
+├── screenPart/          # 组件截图目录
+├── swagger/             # API文档目录
+├── mock/                # 生成的Mock数据
+├── src/
+│   ├── pages/           # 生成的页面代码
+│   ├── components/      # 生成的组件代码
+│   ├── hooks/           # 生成的Hook代码
+└── config.js            # 配置文件
+```
+
+## ⚙️ 配置
+
+在 `config.js` 中可以配置以下选项：
+
+```javascript
+module.exports = {
+    // 是否需要生成 Mock 数据
+    needMock: false,
+
+    // 使用的 AI 模型类型
+    visionModel: 'qwen3.5-plus',
+    textModel: 'qwen-turbo',
+
+    // 目标项目的目录路径
+    hooksDir: 'src/hooks',
+    pagesDir: 'src/pages',
+    utilsDir: 'src/utils',
+    componentsDir: 'src/components',
+}
+```
+
+## 🎯 支持的UI组件
+
+- 输入框 (Input)
+- 数字输入框 (InputNumber)
+- 选择器 (Select)
+- 单选框 (Radio)
+- 复选框 (Checkbox)
+- 日期选择器 (DatePicker)
+- 日期范围选择器 (RangePicker)
+- 级联选择器 (Cascader)
+- 自动完成 (AutoComplete)
+- 文本域 (TextArea)
+- 文件上传 (Upload)
+
+## 🤝 贡献
+
+欢迎贡献代码！请阅读 [CONTRIBUTING.md](CONTRIBUTING.md) 了解如何参与项目开发。
+
+## 📄 许可证
+
+本项目采用 [MIT](LICENSE) 许可证。
+
+## 🙏 致谢
+
+感谢以下开源项目：
+
+- [OpenAI](https://openai.com/) - 提供强大的AI能力
+- [Ant Design](https://ant.design/) - 优秀的企业级UI设计语言
+- [UmiJS](https://umijs.org/) - 企业级前端应用框架
+
+## 📞 联系方式
+
+如有问题或建议，欢迎提交 [Issue](https://github.com/yorha2b-lab/auto-crud-copilot/issues)。
+
+## 🛠️ 常见问题 (FAQ)
+Q: 这个工具收费吗？
+A: 工具本身开源免费，但调用的 AI 模型（如 GPT-4v, Qwen-VL）可能需要你配置自己的 API Key。建议使用阿里云 Qwen-VL 等高性价比模型。
+
+---
+
+⭐ 如果这个项目对你有帮助，请给个Star支持一下！

package/bin/autodev.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+const path = require('path')
+const chalk = require('chalk')
+const figlet = require('figlet')
+
+console.log(chalk.cyan(figlet.textSync('AutoDev', { horizontalLayout: 'full' })))
+console.log(chalk.gray('--------------------------------------------------'))
+console.log(chalk.white(' [System] ') + chalk.green('YoRHa No.2 Type B Unit: ') + chalk.cyan('Online'))
+console.log(chalk.white(' [Mission] ') + chalk.yellow('Generate Frontend CRUD: ') + chalk.cyan('Awaiting Command'))
+console.log(chalk.gray('--------------------------------------------------\n'))
+
+require("dotenv").config({
+  path: path.resolve(__dirname, '../.env')
+})
+
+const { program } = require('commander')
+const watchApi = require('../src/commands/watch-api')
+const watchPage = require('../src/commands/watch-page')
+const watchPart = require('../src/commands/watch-part')
+
+program.version('1.0.0').description('AI驱动的前端CRUD代码生成器')
+
+program.option('-t, --template <type>', '指定前端框架模板', 'react')
+
+program
+    .command('watch:page')
+    .description('监听截图，自动生成完整的增删改查页面')
+    .action(() => watchPage(program.opts()))
+
+program
+    .command('watch:part')
+    .description('监听截图，自动生成局部 UI 组件')
+    .action(() => watchPart(program.opts()))
+
+program
+    .command('watch:api')
+    .description('监听 Swagger，自动对齐真实接口字段')
+    .action(() => watchApi())
+
+program.parse(process.argv)

package/config.js

@@ -0,0 +1,28 @@
+/**
+ * Auto CRUD Copilot 配置文件
+ *
+ * 此文件包含了项目运行所需的所有配置项
+ */
+
+module.exports = {
+    // 是否需要生成 Mock 数据
+    needMock: false,
+
+    // 使用的 AI 模型类型
+    visionModel: 'qwen3.5-plus',
+
+    textModel: 'qwen-turbo',
+
+    // 目标项目的 hooks 目录路径
+    hooksDir: 'src/hooks',
+
+    // 目标项目的 pages 目录路径
+    pagesDir: 'src/pages',
+
+    // 目标项目的 utils 目录路径
+    utilsDir: 'src/utils',
+
+    // 目标项目的 components 目录路径
+    componentsDir: 'src/components',
+
+}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@yorha2b-lab/autodev",
+  "version": "1.0.0",
+  "description": "基于视觉大模型的前端(Umi+Antd)全自动 CRUD 代码生成器",
+  "bin": {
+    "autodev": "bin/autodev.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "crud",
+    "generator",
+    "ai",
+    "vision",
+    "react",
+    "vue",
+    "angular",
+    "antd",
+    "umi",
+    "code-generation",
+    "automation",
+    "frontend",
+    "scaffold"
+  ],
+  "author": "yorha2b-Lab",
+  "license": "MIT",
+  "type": "commonjs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yorha2b-lab/auto-crud-copilot.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yorha2b-lab/auto-crud-copilot/issues"
+  },
+  "homepage": "https://github.com/yorha2b-lab/auto-crud-copilot#readme",
+  "dependencies": {
+    "chokidar": "^5.0.0",
+    "commander": "^14.0.3",
+    "dotenv": "^17.3.1",
+    "handlebars": "^4.7.8",
+    "json-stringify-pretty-compact": "^4.0.0",
+    "json5": "^2.2.3",
+    "openai": "^6.24.0",
+    "sharp": "^0.34.5",
+    "chalk": "^4.1.2",
+    "figlet": "^1.10.0",
+    "ora": "^5.4.1"
+  }
+}

package/src/commands/watch-api.js

@@ -0,0 +1,41 @@
+const fs = require('fs')
+const path = require('path')
+const chokidar = require('chokidar')
+const config = require('../../config.js')
+const { alignSwaggerFields } = require('../services/llm.js')
+
+const watchApi = () => {
+    const watcher = chokidar.watch('./swagger', {
+        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))
+        console.log(`🚀 检测到新文件: ${fileName}, 开始识别...`)
+
+        try {
+            const swaggerStr = fs.readFileSync(filePath, 'utf8')
+            let resourceStr = fs.readFileSync(`./${config.pagesDir}/${fileName}/resource.js`, 'utf8')
+            const result = await alignSwaggerFields(swaggerStr, 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.replace(/"(\w+)":/g, '$1:').replace(/"/g, "'"))
+            const endTime = Date.now()
+            //fs.unlinkSync(filePath)
+            console.log(`识别完成：耗时 ${(endTime - startTime) / 1000} 秒`)
+        } catch (error) {
+            console.error(`识别 ${fileName} 失败：`, error)
+        }
+    })
+}
+
+module.exports = watchApi

package/src/commands/watch-page.js

@@ -0,0 +1,94 @@
+const fs = require('fs')
+const ora = require('ora')
+const path = require('path')
+const chokidar = require('chokidar')
+const Handlebars = require('handlebars')
+const config = require('../../config.js')
+const pagePrompt = require('../prompts/watch-page.js')
+const { createTaskQueue } = require('../core/task-queue')
+const stringify = require('json-stringify-pretty-compact')
+const { recognizePage, generateMock } = require('../services/llm.js')
+const { copyHooks, copyComponents, getExistingMenus } = require('../utils/utils.js')
+
+const watchPage = options => {
+
+    const compilerPath = path.join(__dirname, `../core/${options.template}-compiler.js`)
+
+    if (!fs.existsSync(compilerPath)) {
+        console.error(`\n❌ 糟糕！暂不支持 [${options.template}] 框架的自动生成。`)
+        console.log(`💡 提示：目前仅内置了 react 编译器。`)
+        console.log(`🚀 强烈欢迎社区大佬提 PR 补充 ${options.template}-compiler.js ！\n`)
+        return
+    }
+
+    const { index, resource } = require(compilerPath)
+
+    try {
+        copyHooks(options)
+        copyComponents(options)
+    } catch (error) {
+        console.error('❌ 程序运行出错:', error)
+    }
+    /**
+     * 创建任务队列，限制并发数为 2。
+     *
+     * 为什么限制并发？
+     * 1. 视觉大模型的 API 计费昂贵且通常有严格的 TPM/RPM (每分钟请求数) 限流。
+     * 2. 如果用户一次性丢入 5 张截图，全量并发极易触发 HTTP 429 Too Many Requests 报错。
+     * 3. 并发设为 2 是实测下来速度与稳定性的最佳平衡点。
+     */
+    const queue = createTaskQueue(2)
+    const menus = getExistingMenus()
+    const tplDir = path.join(__dirname, `../../templates/${options.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'))
+    queue.onIdle(() => {
+        console.log('💾 所有排队的截图已处理完成，正在统一更新 menu 配置...')
+        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 })}`)
+        console.log('✅ Menu 配置更新成功！')
+    })
+    const watcher = chokidar.watch('./screenShot', {
+        persistent: true,
+        ignored: /(^|[\/\\])\../,
+        awaitWriteFinish: {
+            stabilityThreshold: 500,
+            pollInterval: 100
+        }
+    })
+    watcher.on('add', filePath => {
+        queue.add(async () => {
+            const startTime = Date.now()
+            const mockDir = path.join(process.cwd(), 'mock')
+            const fileName = path.basename(filePath, path.extname(filePath))
+            const targetDir = path.join(process.cwd(), config.pagesDir, fileName)
+
+            try {
+                if (!fs.existsSync(mockDir)) fs.mkdirSync(mockDir, { recursive: true })
+                if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
+                const spinner = ora(`🚀 Pod 042: 开始处理排队任务: ${fileName}...`)
+                spinner.start()
+                const pageConfig = await recognizePage(pagePrompt, filePath)
+                fs.writeFileSync(path.join(targetDir, 'resource.js'), resource({ pageConfig, resourceTpl }))
+                fs.writeFileSync(path.join(targetDir, 'index.js'), index({ fileName, indexTpl, pageConfig }))
+                if (!menus.find(m => m.key === fileName)) {
+                    menus.push({ label: fileName, key: fileName })
+                }
+                if (config.needMock) {
+                    console.log(`🚀 开始生成 ${fileName} 的 Mock 数据...`)
+                    const rawContent = await generateMock(pageConfig.table.columns, fileName)
+                    fs.writeFileSync(path.join(mockDir, `${fileName}.js`), `export default ${stringify.default(rawContent, { indent: 4, maxLength: 200 })}`.replaceAll(`"'`, `"`).replaceAll(`'"`, `"`))
+                    console.log(`生成 ${fileName} 的 Mock 数据耗时: ${(Date.now() - startTime) / 1000} 秒`)
+                }
+                const endTime = Date.now()
+                //fs.unlinkSync(filePath)
+                spinner.succeed(`✅ Pod 042: 模块 [${fileName}] 装配完成！耗时 ${(endTime - startTime) / 1000} 秒`)
+            } catch (error) {
+                console.error(`❌ 处理失败: ${filePath}`, error)
+            }
+        })
+    })
+}
+
+module.exports = watchPage

package/src/commands/watch-part.js

@@ -0,0 +1,46 @@
+const fs = require('fs')
+const chokidar = require('chokidar')
+const partPrompt = require('../prompts/watch-part.js')
+const { recognizePage } = require('../services/llm.js')
+const stringify = require('json-stringify-pretty-compact')
+
+const watchPart = () => {
+    const watcher = chokidar.watch('./screenPart', {
+        persistent: true,
+        ignored: /(^|[\/\\])\../,
+        awaitWriteFinish: {
+            stabilityThreshold: 500,
+            pollInterval: 100
+        }
+    })
+    watcher.on('add', async filePath => {
+        try {
+            const startTime = Date.now()
+            console.log(`🚀 检测到新图片: 开始识别...`)
+            const pageConfig = await recognizePage(partPrompt, filePath)
+            const optionDict = pageConfig.optionDict || {}
+            delete pageConfig.optionDict
+            let mainConfigStr = stringify.default(pageConfig, { indent: 4, maxLength: 200 })
+                .replace(/"(\w+)":/g, '$1:')
+                .replace(/"/g, "'")
+                .replace(/['"]_CODE_([\s\S]*?)_CODE_['"]/g, '$1')
+                .replace(/_CODE_/g, '')
+            let optionsCodeStr = ''
+            Object.keys(optionDict).forEach(key => {
+                const varName = key.replace('_CODE_', '')
+                const optionsArray = optionDict[key]
+                const arrayItemsStr = optionsArray.map(opt => `    { label: '${opt.label}', value: '${opt.value}' }`).join(',\n')
+                optionsCodeStr += `\nexport const ${varName} = [\n${arrayItemsStr}\n]\n`
+            })
+            const finalResult = `${mainConfigStr}\n${optionsCodeStr}`
+            const endTime = Date.now()
+            console.log(`🎉 识别完成！耗时 ${(endTime - startTime) / 1000} 秒\n================\n\n${finalResult}\n\n================`)
+        } catch (error) {
+            console.error('识别图片失败', error)
+        } finally {
+            fs.unlinkSync(filePath)
+        }
+    })
+}
+
+module.exports = watchPart

package/src/core/react-compiler.js

@@ -0,0 +1,53 @@
+const Handlebars = require('handlebars')
+const stringify = require('json-stringify-pretty-compact')
+const { cleanCode, generateSmartImports } = require('../utils/utils.js')
+
+Handlebars.registerHelper('stringify', (context, maxLength = 200) => context ? new Handlebars.SafeString(stringify.default(context, { indent: 4, maxLength })) : '[]')
+
+const resource = ({ pageConfig, resourceTpl }) => {
+    const hasTabs = pageConfig.tabs?.length > 0
+
+    const viewData = {
+        hasTabs,
+        tabs: pageConfig.tabs,
+        formItems: pageConfig.formItems,
+        formItemsData: hasTabs ? Object.fromEntries(pageConfig.tabs.map(tab => [tab.key, pageConfig.formItems])) : pageConfig.formItems,
+        columnsData: hasTabs ? Object.fromEntries(pageConfig.tabs.map(tab => [tab.key, pageConfig.table.columns])) : pageConfig.table.columns,
+        dictBlocks: pageConfig.formItems
+            ?.filter(item => item.type === 'select')
+            ?.map(item => ({ name: item.options.replace('_CODE_', ''), data: pageConfig.optionDict[item.options] ?? [] }))
+    }
+
+    const rawCode = resourceTpl(viewData)
+    return cleanCode(rawCode)
+}
+
+const index = ({ fileName, indexTpl, pageConfig }) => {
+    const hasTabs = pageConfig.tabs?.length > 0
+    const hasOperate = pageConfig.table.operation?.length > 0
+
+    let columnsValue = hasTabs ? 'columns[activeKey]' : 'columns'
+    if (hasOperate) {
+        columnsValue = `${columnsValue}.concat(operate)`
+    }
+
+    const viewData = {
+        hasTabs,
+        fileName,
+        hasOperate,
+        columnsValue,
+        tabs: pageConfig.tabs,
+        hasPagination: pageConfig.table.pagination,
+        operations: pageConfig.table.operation || [],
+        hasRowSelection: pageConfig.table.rowSelection,
+        hasStaticInfo: pageConfig.table.staticInfo?.has,
+        staticInfoText: pageConfig.table.staticInfo?.text,
+        functionButtons: pageConfig.functionButton?.filter(item => !['查询', '重置'].includes(item.btn)) || []
+    }
+
+    const bodyCode = indexTpl(viewData)
+    const importsStr = generateSmartImports(bodyCode, hasTabs)
+    return cleanCode(`${importsStr}\n\n${bodyCode}`)
+}
+
+module.exports = { index, resource }