蓝湖代码转 Vue 2 Element UI

解决的问题

静态页面常由设计稿导出或手工拼接，存在大量 div + 文案 + 图标 模拟的表单控件、重复列表未用 v-for、搜索框/下拉/分页/弹窗缺少组件状态。直接手工改成 Vue 2 + Element UI，容易出现样式分裂、methods 缺失、类名不一致，以及控件“长得像组件但行为不可用”。

如何工作

• 限定信息源：只读取 src/views/${folderName}/index.vue、其引用 CSS/资源路径，不把其他 Custom.vue、路由、公共组件或 package.json 当作页面稿源；路由仅在文件生成后用于路径登记。
• 分析结构与伪控件：识别布局、重复区域、按钮、输入、单选/多选、下拉、分页、弹窗、评分、取色等，并将“伪控件”映射到 el-input、el-select、el-checkbox、el-radio-group、el-pagination、el-dialog 等组件。
• 直接生成 Custom.vue：补齐 template、data()、methods，用 ::v-deep 覆盖 Element UI 默认样式，并按 [folderName]_feature_content_state 这类规则统一 class 命名。
• 适用边界：用于“静态 → 动态”改造，不适合从零开发、非 Vue 2/Element UI 技术栈，或源文件与引用样式缺失的场景。