自定义事件

组件可通过配置自定义交互事件来实现多个组件之间的联动及业务监测,一个完整的交互事件由事件类型+条件+组件+动作4部分组成,如下图所示。

An image

自定义事件配置

事件类型

  • 事件类型通常有:【当请求完成或数据变化时】,【鼠标点击】等等。
  • 组件的事件类型也存在差异,如交互组件-选项卡组件,事件类型特有点击事件类型。

An image

条件

条件为非必填选项。自定义条件由判断类型与条件2部分组成。判断类型分为满足全部条件、满足任意条件;条件默认为设置具体某个字段等于、不等于、小于、大于、小于等于、大于等于、包含、不包含预期值。

  • 字段条件:可直接通过定义字段名及预期值,来定义自定义字段条件。 An image

  • 自定义条件:也可在自定义条件中,通过自定义条件代码进行条件配置。 An image

组件动作

  • 支持「当前」及「全局」2种模式进行单选/多选组件。
  • 选择「当前」模式时,只能当前项目下选择的父级组件,及图层旁边可查看的一级组件。
  • 选择「全局」模式时,暂不支持。

An image

配置项说明
动作类型显示、隐藏、显隐切换,注意:若是动态、应用面板有切换状态;组件的配置更新等
动画类型渐隐渐现、向左移动、向右移动、向上移动、线下移动等
动画速率匀速、慢快慢、慢速开始、慢速结束等
动画时长默认为1000,单位ms
动画延时默认为0,单位ms

自定义事件排查流程

定位自定义事件对应的组件

通常有闪电⚡️图标的即为配置了自定义事件的组件。 An image