在 AI 技术融合发展的浪潮下,智能开发已成为企业的核心诉求与关键趋势。作为网易智企旗下智能开发平台,CodeWave 以 Spec-Driven 为核心驱动的全链路智能开发,让企业级应用开发更高效、可控。

近日,CodeWave 智能开发平台 V4.4 正式发布!本次更新推出多项关键能力升级,带来逻辑编排与流程能力的双重增强:开放前端 MCP 能力,助力应用智能化升级;支持高代码编写 CSS 样式,进一步丰富开发表达;辅以各类体验细节优化,助力开发者以更精准、高效的方式构建应用,迈入智能开发新阶段!

01Vue3 组件核心能力完善

当用户创建应用,组件库框架默认选中 Vue3 ,并将 Element Plus 作为基础组件库,且组件 API 与 Element Plus 保持对齐。为保障 Vue3 技术栈下的开发体验一致性,补齐核心功能缺口,本次迭代参考 Vue2 官方组件库的核心功能范围,对 Vue3 组件进行能力完善,确保关键业务场景下的功能覆盖度与可用性,助力开发者高效完成 Vue3 项目的组件配置与开发。

注意,本次更新不影响原有 Vue2 应用的使用体验,但受限于前端框架的差异,Vue2 应用无法直接升级到 Vue3;用户在创建应用时,仍可以选择 Vue2 组件库。

02支持高代码编写 CSS 样式

为给前端开发者提供高效编写代码的途径,本次更新新增高代码 CSS 样式编写相关能力。当后台运营为租户开通功能后,开发者可在 IDE 中通过“更多 -> 偏好设置”开启“支持高代码编写 CSS 样式”开关,开启后在端操作面板中会新增“添加端 CSS 样式”入口,系统将自动载入CSS样式编辑器。

该编辑器支持端 CSS 与组件 CSS 的切换,其中端 CSS 可自定义高代码编写,样式效果覆盖整个应用端;当在画布内选中组件时,组件 CSS 支持查看该组件生效的行内样式及 Class 样式,编辑方式则延续在组件属性面板中单独修改样式的使用习惯。

同时,在组件样式模块中支持为组件配置 Class,组件Class的配置可作为样式定位的精准锚点,助力开发者基于 Class 在端 CSS 中集中编写样式规则,快速关联目标组件,提升高代码 CSS 的编写与迭代效率。

此外,同步更新多项配套能力,进一步优化高代码 CSS 编写体验:高级样式模块支持搜索组件内 Class;组件属性面板自定义 CSS 时提供语法提示能力;全局搜索功能可识别 CSS 样式编辑器内的内容,全方位提升样式编写、检索与调试效率。

03正则表达式新增编辑器模式

此前,应用已支持通过“新建”组件配置正则表达式,需手动在输入参数中填写 pattern(匹配模式)与 flags(匹配选项)的字符串内容,具有一定的操作门槛,且易因语法细节出错。为降低正则表达式的配置成本、提升编辑效率与准确性,新增正则表达式可视化编辑器,并将其设为默认配置方式:

• 使用“新建”组件并选择正则表达式后,双击正则表达式,即可打开编辑正则表达式界面;

• 支持直接在编辑器中可视化编写 / 修改正则规则,无需手动拼接字符串;

• 同步集成常用正则快捷填入(如小写字母开头、字母数字组合等预设规则)、智能生成正则(AI 辅助生成规则)、数据调试(实时验证正则效果)等实用功能,大幅简化配置流程。

其次,为了统一正则相关功能的操作链路,在为表单项、逻辑等设置验证规则时,原“pattern”选项替换为"正则表达式"选项,配置时输入参数将默认关联 “新建” 组件并选用正则表达式类型,可直接唤起编辑器进行规则配置。

04支持在表达式中嵌入 if 组件

此前,if 组件仅支持拖拽至逻辑线上,需要分别配置 “满足条件” 与 “不满足条件” 的分支逻辑。该操作模式不仅需额外执行变量命名、变量更新等冗余步骤,还因语法规范约束无法直接嵌入至其他表达式中使用。

为简化二选一赋值、逻辑判断等轻量场景的操作流程,同时优化逻辑配置的视觉简洁度,本次迭代新增 if 组件的表达式化嵌入能力。在保留原有逻辑线拖拽配置方式的基础上,用户可直接将 if 组件嵌入至其他表达式内,组件会以 “是否满足条件… 是则值为… 否则值为…” 的三元条件运算符格式实现逻辑的内联式表达,提升简单逻辑场景的配置效率与灵活性。

05数据筛选支持作为通用表达式

此前,数据筛选组件仅支持在实体的 deleteBy / updateBy 逻辑及数据查询场景中使用,而实际上筛选能力在各类逻辑中存在大量使用需求,且现有内置函数未提供等效功能,需通过繁琐的逻辑编排、自定义开发或依赖第三方库实现。

本次优化扩大数据筛选组件的使用范围,使其可在逻辑、页面、流程的任意表达式槽位中通用,直接通过可视化配置实现各类筛选逻辑,提升各类场景下表达式的编写效率与操作便捷性。

06支持简化单一实体查询的返回值类型

此前,数据查询组件查询实体后返回值类型统一为匿名结构(如 List<{entity: Entity}>),需通过内置函数 Transform 进行类型转换,在无需关联其他实体的查询场景下相对使用繁琐,还可能导致 AI 智能相关功能错漏。

为此,新版本为数据查询新增“简化”开关,当查询单一实体时支持直接返回目标实体列表(如 List<Entity>),优化简单场景使用的便捷性。

07新增子流程功能,流程能力全面升级

企业业务流程中普遍存在跨部门、跨职责的独立业务闭环,为提升复杂流程的管理效率,新版本新增子流程组件,支持将其他流程关联为子流程,大幅简化复杂流程的搭建与管理。

• 复杂流程解耦:可将高频、独立的业务环节封装为子流程,使主流程图更简洁清晰,聚焦核心业务逻辑,保障各流程设计的独立性。

• 一次配置,多处复用:单个流程既可独立执行,也可作为子流程引入到多个父流程中,助力沉淀标准化业务模块,降低重复配置的工作量。

• 灵活调度,高效协同:子流程节点支持同步和异步两种运行方式,父流程可接收子流程的执行状态与结果,并根据结果自动执行后续的分支决策,实现业务流的无缝衔接。

此外,为进一步适配子流程应用场景、完善流程节点的操作能力与数据支撑能力,本次对流程逻辑依赖库进行针对性调整与功能补充,具体更新如下:

• 新增加签多人逻辑:支持批量将任务加签至 List<String> 类型的用户列表,提升加签操作的效率与灵活性。

• 新增多人转派任务逻辑:支持批量将任务转派至 List<String> 类型的用户列表,满足多对象任务转交的业务需求。

• 新增获取父流程实例信息逻辑:当流程存在父子关联关系时,可便捷获取当前流程对应的父流程实例信息,为跨流程数据交互提供支撑。

• 字段补充优化:对依赖库中其他部分逻辑的输出结果进行完善,新增若干实用字段,丰富数据返回维度,适配更多业务场景的数据使用需求。

08前端组件 MCP 能力开放,

支持以 AI 驱动页面变更

伴随 MCP 在 AI 领域的技术成熟与落地普及,前端组件领域的 MCP 实践成为全新前沿方向。本次平台更新上线了 Vue3 前端组件的 MCP 能力,通过引入前端 MCP 依赖库,支持将应用内组件封装为 MCP 工具,实现大模型对应用页面的直接操控,可完成输入框内容写入、按钮点击、表格刷新等操作,以大模型驱动应用页面的自动化动态变更。

09服务端资产关联 JDK 版本

因翻译器插件支持多个 JDK 版本,而原有应用服务端源码仅基于 JDK8 构建,服务端资产(含依赖库、连接器)需完成多 JDK 版本适配改造。

为便于区分资产的 JDK 版本,编译服务端资产时将根据所用 JDK 版本为资产添加专属标签并支持按该标签分类,同时在应用中引用资产时,系统将自动根据翻译器插件的 JDK 版本筛选同版本资产加载,实现服务端资产与翻译器插件多 JDK 版本的关联适配,提升系统兼容性与运维效率。

除了以上重点功能,CodeWave V4.4还围绕平台能力与开发体验进行了系统性升级。新版本现已正式上线,点击文末“阅读原文”即可体验。