refactor: add VisualInteractions interface

Author: nzbin

src/interfaces.ts

@@ -1,6 +1,6 @@
 export interface VisualAttr {
-  left?: number;
-  top?: number;
+  left: number;
+  top: number;
   width?: number;
   height?: number;
   deg?: number;
@@ -29,6 +29,25 @@ export interface VisualActions {
   [k: string]: VisualAction;
 }
 
+export interface VisualInteraction {
+  /** 交互事件 */
+  event: string;
+  /** 交互组件 */
+  component: { id: string; name: string };
+  /** 交互动作 */
+  action: string;
+  /** 数据过滤器 */
+  filters: VisualDataFilter[];
+  /** 条件配置 */
+  conditions?: VisualDataFilter[];
+  /** 条件类型：全部满足或者只满足一个 */
+  conditionType?: 'all' | 'either' | null;
+}
+
+export interface VisualInteractions {
+  [k: string]: VisualInteraction[];
+}
+
 export interface VisualApiField {
   /** 字段描述 */
   description: string;
@@ -51,7 +70,7 @@ export interface VisualApi {
   handler: string;
   /** 字段列表 */
   fields?: VisualApiFields;
-};
+}
 
 export interface VisualApis {
   [k: string]: VisualApi;

src/visual-component.ts

@@ -8,6 +8,7 @@ import {
   VisualDataConfig,
   VisualDataSource,
   VisualEvents,
+  VisualInteractions,
 } from './interfaces';
 import { mergeDataSource } from './utils';
 
@@ -52,11 +53,14 @@ export class VisualComponent {
 
   private _cdr?: ChangeDetectorRef;
 
+  /** 组件 ID */
+  id = '';
+
   /** 版本号 */
   version = '';
 
   /** 基础属性 */
-  attr: VisualAttr = {};
+  attr: VisualAttr = { left: 0, top: 0 };
 
   /** 配置项的 GUI 定义 */
   config: GuiFields = {};
@@ -86,6 +90,9 @@ export class VisualComponent {
     },
   };
 
+  /** 交互配置 */
+  interactions: VisualInteractions = {};
+
   /** API 字段配置 */
   apis: VisualApis = {};
 
@@ -102,10 +109,16 @@ export class VisualComponent {
   resources: Record<string, any> = {};
 
   /** 控制隐藏的变量 */
-  isHide = false;
+  isHide?: boolean;
 
   /** 无数据标记，每个组件根据业务场景独立控制 */
-  noData = false;
+  noData?: boolean;
+
+  /** 父组件 */
+  parent?: VisualComponent;
+
+  /** 子组件 */
+  children?: VisualComponent[];
 
   /** 显示 */
   show() {