跳到主要内容

业务规范

在于 AI-F10 合作的过程中,前端与组件之间对一些组件做了规范上的约束。

AI-F10

组件的数据传输

表格组件和前端之间的数据协议一共有两种(通常来说,所有组件返回的数据应该包含原始数据的 key 以及 value):

  1. data_transfer

当组件通过点击或是悬停等方式需要返回数据给前端时,组件会通过指定 type 为 data_transfer 协议返回数据。

this.emit("cell:selected", {
type: "data_transfer",
data: {
data,
selectedValue,
selectedType,
},
});
  1. view_update

当组件需要更新数据导致视图大小发生变化时,组件会通过指定 type 为 view_update 协议返回数据。

this.emit("tree:selected", {
type: "view_update",
id: String(id),
});

通用回调函数名称定义

当组件需要提供回调函数的字段给 AI-F10 前端时,一般规定使用 customEvent 字段作为通用回调函数名称,若需要指定其他名称,需要与前端人员确定(AI-F10 的前端开发人员为刘帅)。