diff --git a/packages/amis-editor/package.json b/packages/amis-editor/package.json
index 4da2b1554..ac3d89e13 100644
--- a/packages/amis-editor/package.json
+++ b/packages/amis-editor/package.json
@@ -24,7 +24,6 @@
     ]
   },
   "dependencies": {
-    "amis-editor-comp": "*",
     "amis-editor-core": "*",
     "lodash": "^4.17.15",
     "@webcomponents/webcomponentsjs": "^2.6.0"
diff --git a/packages/amis-editor/src/event-action/actions.ts b/packages/amis-editor/src/event-action/actions.ts
index 6792b6368..1a4c20db9 100644
--- a/packages/amis-editor/src/event-action/actions.ts
+++ b/packages/amis-editor/src/event-action/actions.ts
@@ -1,10 +1,7 @@
-import type {
-  ActionTypeNode,
-  RendererAction
-} from 'amis-editor-comp/dist/renderers/event-action';
+import type {RendererPluginAction} from 'amis-editor-core';
 
 // 表单类动作
-const formActions: RendererAction[] = [
+const formActions: RendererPluginAction[] = [
   {
     actionLabel: '提交',
     actionType: 'submit',
@@ -28,7 +25,7 @@ const formActions: RendererAction[] = [
 ];
 
 // 页面类动作
-const pageActions: RendererAction[] = [
+const pageActions: RendererPluginAction[] = [
   {
     actionLabel: '打开页面',
     actionType: 'openPage',
@@ -47,7 +44,7 @@ const pageActions: RendererAction[] = [
 ];
 
 // 弹框类动作
-const dialogActions: RendererAction[] = [
+const dialogActions: RendererPluginAction[] = [
   {
     actionLabel: '打开弹窗',
     actionType: 'dialog',
@@ -87,7 +84,7 @@ const dialogActions: RendererAction[] = [
 ];
 
 // 服务类动作
-const serviceActions: RendererAction[] = [
+const serviceActions: RendererPluginAction[] = [
   {
     actionLabel: '发送请求',
     actionType: 'ajax',
@@ -100,7 +97,7 @@ const serviceActions: RendererAction[] = [
   }
 ];
 
-const ACTION_TYPE_TREE: ActionTypeNode[] = [
+const ACTION_TYPE_TREE: RendererPluginAction[] = [
   {
     actionLabel: '页面',
     actionType: 'page',
diff --git a/packages/amis-editor/src/event-action/schema.tsx b/packages/amis-editor/src/event-action/schema.tsx
index da062e2ef..e6ede6cf6 100644
--- a/packages/amis-editor/src/event-action/schema.tsx
+++ b/packages/amis-editor/src/event-action/schema.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import {Button} from 'amis';
-import {defaultValue, getSchemaTpl} from 'amis-editor-core';
-import type {ActionConfigItemsMap} from 'amis-editor-comp/dist/renderers/event-action';
+import {defaultValue, getSchemaTpl, RendererPluginAction} from 'amis-editor-core';
 
 export const getComboWrapper = (items: any, multiple: boolean = false) => ({
   type: 'combo',
@@ -16,7 +15,7 @@ export const getComboWrapper = (items: any, multiple: boolean = false) => ({
  * 获取动作配置项map
  * @param manager
  */
-export function getActionConfigItemsMap(manager: any): ActionConfigItemsMap {
+export function getActionConfigItemsMap(manager: any): {[propName: string]: RendererPluginAction} {
   return {
     ajax: {
       config: ['api'],
diff --git a/packages/amis-editor/src/index.tsx b/packages/amis-editor/src/index.tsx
index cc9a1d6f1..23dfafb94 100644
--- a/packages/amis-editor/src/index.tsx
+++ b/packages/amis-editor/src/index.tsx
@@ -153,6 +153,7 @@ import './renderer/RangePartsControl';
 import './renderer/DataBindingControl';
 import './renderer/DataMappingControl';
 import './renderer/DataPickerControl';
+import './renderer/event-control/index';
 
 export * from './component/BaseControl';
 
diff --git a/packages/amis-editor/src/plugin/Button.tsx b/packages/amis-editor/src/plugin/Button.tsx
index b200c626e..292e999fd 100644
--- a/packages/amis-editor/src/plugin/Button.tsx
+++ b/packages/amis-editor/src/plugin/Button.tsx
@@ -9,10 +9,7 @@ import {
 import {defaultValue, getSchemaTpl} from 'amis-editor-core';
 import {BUTTON_DEFAULT_ACTION, tipedLabel} from '../component/BaseControl';
 import {getEventControlConfig} from '../util';
-import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+import {RendererPluginAction, RendererPluginEvent} from 'amis-editor-core';
 import {SchemaObject} from 'amis/lib/Schema';
 
 export class ButtonPlugin extends BasePlugin {
@@ -41,7 +38,7 @@ export class ButtonPlugin extends BasePlugin {
   panelTitle = '按钮';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'click',
       eventLabel: '点击',
@@ -66,7 +63,7 @@ export class ButtonPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [];
+  actions: RendererPluginAction[] = [];
 
   panelJustify = true;
 
diff --git a/packages/amis-editor/src/plugin/Chart.tsx b/packages/amis-editor/src/plugin/Chart.tsx
index 0e7ab8d64..c8d772a41 100644
--- a/packages/amis-editor/src/plugin/Chart.tsx
+++ b/packages/amis-editor/src/plugin/Chart.tsx
@@ -7,10 +7,10 @@ import {
   RegionConfig,
   RendererInfo
 } from 'amis-editor-core';
-import {defaultValue, getSchemaTpl} from 'amis-editor-core';
+import {defaultValue, getSchemaTpl, } from 'amis-editor-core';
 import {diff} from 'amis-editor-core';
 import AMisCodeEditor from 'amis-editor-core';
-import {RendererAction} from 'amis-editor-comp/dist/renderers/event-action';
+import {RendererPluginAction} from 'amis-editor-core';
 
 const ChartConfigEditor = ({value, onChange}: any) => {
   return (
@@ -57,7 +57,7 @@ export class ChartPlugin extends BasePlugin {
   };
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'reload',
       actionLabel: '重新加载',
diff --git a/packages/amis-editor/src/plugin/Form/ButtonGroupSelect.tsx b/packages/amis-editor/src/plugin/Form/ButtonGroupSelect.tsx
index 56257175c..e9af18ae3 100644
--- a/packages/amis-editor/src/plugin/Form/ButtonGroupSelect.tsx
+++ b/packages/amis-editor/src/plugin/Form/ButtonGroupSelect.tsx
@@ -2,9 +2,9 @@ import {registerEditorPlugin} from 'amis-editor-core';
 import {BasePlugin, BaseEventContext} from 'amis-editor-core';
 
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {getSchemaTpl} from 'amis-editor-core';
 import {formItemControl} from '../../component/BaseControl';
 
@@ -52,7 +52,7 @@ export class ButtonGroupControlPlugin extends BasePlugin {
   panelTitle = '按钮点选';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -72,7 +72,7 @@ export class ButtonGroupControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/ChainedSelect.tsx b/packages/amis-editor/src/plugin/Form/ChainedSelect.tsx
index 932300fe6..8731401e0 100644
--- a/packages/amis-editor/src/plugin/Form/ChainedSelect.tsx
+++ b/packages/amis-editor/src/plugin/Form/ChainedSelect.tsx
@@ -11,9 +11,9 @@ import {ValidatorTag} from '../../validator';
 import {tipedLabel} from '../../component/BaseControl';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class ChainedSelectControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -45,7 +45,7 @@ export class ChainedSelectControlPlugin extends BasePlugin {
   };
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -65,7 +65,7 @@ export class ChainedSelectControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Checkbox.tsx b/packages/amis-editor/src/plugin/Form/Checkbox.tsx
index 5dda4310f..95036e8af 100644
--- a/packages/amis-editor/src/plugin/Form/Checkbox.tsx
+++ b/packages/amis-editor/src/plugin/Form/Checkbox.tsx
@@ -15,9 +15,9 @@ import {
 import {ValidatorTag} from '../../validator';
 import {tipedLabel} from '../../component/BaseControl';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {getEventControlConfig} from '../../util';
 
 setSchemaTpl('option', {
@@ -59,7 +59,7 @@ export class CheckboxControlPlugin extends BasePlugin {
   panelTitle = '勾选框';
   panelJustify = true;
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -78,7 +78,7 @@ export class CheckboxControlPlugin extends BasePlugin {
     }
   ];
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Checkboxes.tsx b/packages/amis-editor/src/plugin/Form/Checkboxes.tsx
index 8bba6b537..9bc18d2a9 100644
--- a/packages/amis-editor/src/plugin/Form/Checkboxes.tsx
+++ b/packages/amis-editor/src/plugin/Form/Checkboxes.tsx
@@ -15,9 +15,9 @@ import {
 import {ValidatorTag} from '../../validator';
 
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {getEventControlConfig} from '../../util';
 
 export class CheckboxesControlPlugin extends BasePlugin {
@@ -70,7 +70,7 @@ export class CheckboxesControlPlugin extends BasePlugin {
   panelTitle = '复选框';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -90,7 +90,7 @@ export class CheckboxesControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/CodeEditor.tsx b/packages/amis-editor/src/plugin/Form/CodeEditor.tsx
index 8bc4bd94b..b5e427491 100644
--- a/packages/amis-editor/src/plugin/Form/CodeEditor.tsx
+++ b/packages/amis-editor/src/plugin/Form/CodeEditor.tsx
@@ -6,9 +6,9 @@ import {BasePlugin} from 'amis-editor-core';
 import type {BaseEventContext} from 'amis-editor-core';
 import {ValidatorTag} from '../../validator';
 import {
-  RendererEvent,
-  RendererAction
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginEvent,
+  RendererPluginAction
+} from 'amis-editor-core';
 import {getEventControlConfig} from '../../util';
 
 export class CodeEditorControlPlugin extends BasePlugin {
@@ -43,7 +43,7 @@ export class CodeEditorControlPlugin extends BasePlugin {
     ]
   };
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'focus',
       eventLabel: '获取焦点',
@@ -78,7 +78,7 @@ export class CodeEditorControlPlugin extends BasePlugin {
     }
   ];
 
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Combo.tsx b/packages/amis-editor/src/plugin/Form/Combo.tsx
index f7e98ca79..795fede2d 100644
--- a/packages/amis-editor/src/plugin/Form/Combo.tsx
+++ b/packages/amis-editor/src/plugin/Form/Combo.tsx
@@ -16,9 +16,9 @@ import {diff, JSONPipeIn} from 'amis-editor-core';
 import {JSONPipeOut} from 'amis-editor-core';
 import {mockValue} from 'amis-editor-core';
 import {
-  RendererEvent,
-  RendererAction
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginEvent,
+  RendererPluginAction
+} from 'amis-editor-core';
 import {setVariable} from 'amis-core';
 
 export class ComboControlPlugin extends BasePlugin {
@@ -76,7 +76,7 @@ export class ComboControlPlugin extends BasePlugin {
   };
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'add',
       eventLabel: '添加',
@@ -132,7 +132,7 @@ export class ComboControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/DiffEditor.tsx b/packages/amis-editor/src/plugin/Form/DiffEditor.tsx
index 1fbb71d00..3939e873c 100644
--- a/packages/amis-editor/src/plugin/Form/DiffEditor.tsx
+++ b/packages/amis-editor/src/plugin/Form/DiffEditor.tsx
@@ -12,9 +12,9 @@ import type {BaseEventContext} from 'amis-editor-core';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererEvent,
-  RendererAction
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginEvent,
+  RendererPluginAction
+} from 'amis-editor-core';
 
 export class DiffEditorControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -49,7 +49,7 @@ export class DiffEditorControlPlugin extends BasePlugin {
     ]
   };
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'focus',
       eventLabel: '获取焦点',
@@ -84,7 +84,7 @@ export class DiffEditorControlPlugin extends BasePlugin {
     }
   ];
 
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Form.tsx b/packages/amis-editor/src/plugin/Form/Form.tsx
index 94ded5b76..7bb0980e3 100644
--- a/packages/amis-editor/src/plugin/Form/Form.tsx
+++ b/packages/amis-editor/src/plugin/Form/Form.tsx
@@ -11,9 +11,9 @@ import {defaultValue, getSchemaTpl} from 'amis-editor-core';
 import {jsonToJsonSchema} from 'amis-editor-core';
 import {EditorNodeType} from 'amis-editor-core';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {setVariable} from 'amis-core';
 import {getEventControlConfig} from '../../util';
 
@@ -213,7 +213,7 @@ export class FormPlugin extends BasePlugin {
   panelTitle = '表单';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'inited',
       eventLabel: '初始化完成',
@@ -346,7 +346,7 @@ export class FormPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionLabel: '提交表单',
       actionType: 'submit',
diff --git a/packages/amis-editor/src/plugin/Form/InputCity.tsx b/packages/amis-editor/src/plugin/Form/InputCity.tsx
index ed5928f35..88e8a6c28 100644
--- a/packages/amis-editor/src/plugin/Form/InputCity.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputCity.tsx
@@ -10,9 +10,9 @@ import {
 
 import {formItemControl} from '../../component/BaseControl';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class CityControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -48,7 +48,7 @@ export class CityControlPlugin extends BasePlugin {
   panelTitle = '城市选择';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -68,7 +68,7 @@ export class CityControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputDate.tsx b/packages/amis-editor/src/plugin/Form/InputDate.tsx
index 4f0a72d30..08e469fd3 100644
--- a/packages/amis-editor/src/plugin/Form/InputDate.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputDate.tsx
@@ -6,9 +6,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 const formatX = [
   {
@@ -180,7 +180,7 @@ export class DateControlPlugin extends BasePlugin {
 
   panelTitle = '日期配置';
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -210,7 +210,7 @@ export class DateControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputDateRange.tsx b/packages/amis-editor/src/plugin/Form/InputDateRange.tsx
index e8b893507..4d10e088f 100644
--- a/packages/amis-editor/src/plugin/Form/InputDateRange.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputDateRange.tsx
@@ -6,9 +6,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 const DateType: {
   [key: string]: {
@@ -105,7 +105,7 @@ export class DateRangeControlPlugin extends BasePlugin {
 
   panelTitle = '日期范围';
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -157,7 +157,7 @@ export class DateRangeControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputExcel.tsx b/packages/amis-editor/src/plugin/Form/InputExcel.tsx
index f7c2965c0..ef5825e9c 100644
--- a/packages/amis-editor/src/plugin/Form/InputExcel.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputExcel.tsx
@@ -12,9 +12,9 @@ import {
 } from 'amis-editor-core';
 import {formItemControl} from '../../component/BaseControl';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class ExcelControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -49,7 +49,7 @@ export class ExcelControlPlugin extends BasePlugin {
   notRenderFormZone = true;
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -69,7 +69,7 @@ export class ExcelControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputFile.tsx b/packages/amis-editor/src/plugin/Form/InputFile.tsx
index 58390c0af..defb30b6f 100644
--- a/packages/amis-editor/src/plugin/Form/InputFile.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputFile.tsx
@@ -5,9 +5,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class FileControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -41,7 +41,7 @@ export class FileControlPlugin extends BasePlugin {
   notRenderFormZone = true;
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -113,7 +113,7 @@ export class FileControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空数据',
diff --git a/packages/amis-editor/src/plugin/Form/InputImage.tsx b/packages/amis-editor/src/plugin/Form/InputImage.tsx
index ceb8eaec7..f98a5872c 100644
--- a/packages/amis-editor/src/plugin/Form/InputImage.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputImage.tsx
@@ -3,9 +3,9 @@ import {registerEditorPlugin} from 'amis-editor-core';
 import {BasePlugin, BaseEventContext} from 'amis-editor-core';
 import {formItemControl} from '../../component/BaseControl';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 export class ImageControlPlugin extends BasePlugin {
   // 关联渲染器名字
   rendererName = 'input-image';
@@ -38,7 +38,7 @@ export class ImageControlPlugin extends BasePlugin {
   notRenderFormZone = true;
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -62,7 +62,7 @@ export class ImageControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空数据',
diff --git a/packages/amis-editor/src/plugin/Form/InputKV.tsx b/packages/amis-editor/src/plugin/Form/InputKV.tsx
index f79eff5ac..ff4f4a3ea 100644
--- a/packages/amis-editor/src/plugin/Form/InputKV.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputKV.tsx
@@ -2,9 +2,9 @@
  * @file input-kv 组件的素项目部
  */
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {defaultValue, getSchemaTpl, valuePipeOut} from 'amis-editor-core';
 import {registerEditorPlugin} from 'amis-editor-core';
 import {
@@ -44,7 +44,7 @@ export class KVControlPlugin extends BasePlugin {
   };
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'add',
       eventLabel: '添加',
@@ -84,7 +84,7 @@ export class KVControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputNumber.tsx b/packages/amis-editor/src/plugin/Form/InputNumber.tsx
index a8e13ff20..7ecdb9ea0 100644
--- a/packages/amis-editor/src/plugin/Form/InputNumber.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputNumber.tsx
@@ -1,7 +1,7 @@
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import flatten from 'lodash/flatten';
 import {ContainerWrapper} from 'amis-editor-core';
 import {registerEditorPlugin} from 'amis-editor-core';
@@ -56,7 +56,7 @@ export class NumberControlPlugin extends BasePlugin {
   panelJustify = true;
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -108,7 +108,7 @@ export class NumberControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputRange.tsx b/packages/amis-editor/src/plugin/Form/InputRange.tsx
index 2a5af2e20..f449270b7 100644
--- a/packages/amis-editor/src/plugin/Form/InputRange.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputRange.tsx
@@ -1,7 +1,7 @@
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {defaultValue, getSchemaTpl} from 'amis-editor-core';
 import {registerEditorPlugin} from 'amis-editor-core';
 import {BasePlugin, BaseEventContext} from 'amis-editor-core';
@@ -40,7 +40,7 @@ export class RangeControlPlugin extends BasePlugin {
   notRenderFormZone = true;
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -92,7 +92,7 @@ export class RangeControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputRating.tsx b/packages/amis-editor/src/plugin/Form/InputRating.tsx
index 6ccf0f0dc..0c1578aae 100644
--- a/packages/amis-editor/src/plugin/Form/InputRating.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputRating.tsx
@@ -10,9 +10,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class RateControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -50,7 +50,7 @@ export class RateControlPlugin extends BasePlugin {
   count = 5;
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -70,7 +70,7 @@ export class RateControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputTag.tsx b/packages/amis-editor/src/plugin/Form/InputTag.tsx
index 6c67204e5..d6255b716 100644
--- a/packages/amis-editor/src/plugin/Form/InputTag.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputTag.tsx
@@ -10,9 +10,9 @@ import {
 
 import {formItemControl} from '../../component/BaseControl';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class TagControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -50,7 +50,7 @@ export class TagControlPlugin extends BasePlugin {
   panelTitle = '标签';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -102,7 +102,7 @@ export class TagControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/InputTree.tsx b/packages/amis-editor/src/plugin/Form/InputTree.tsx
index 80aa3f218..c7786f1d0 100644
--- a/packages/amis-editor/src/plugin/Form/InputTree.tsx
+++ b/packages/amis-editor/src/plugin/Form/InputTree.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {defaultValue, getSchemaTpl} from 'amis-editor-core';
 import {registerEditorPlugin} from 'amis-editor-core';
 import {BaseEventContext, BasePlugin} from 'amis-editor-core';
@@ -62,7 +62,7 @@ export class TreeControlPlugin extends BasePlugin {
   panelTitle = '树选择';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -158,7 +158,7 @@ export class TreeControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'expand',
       actionLabel: '展开',
diff --git a/packages/amis-editor/src/plugin/Form/ListSelect.tsx b/packages/amis-editor/src/plugin/Form/ListSelect.tsx
index cbf29d26b..0afa353d7 100644
--- a/packages/amis-editor/src/plugin/Form/ListSelect.tsx
+++ b/packages/amis-editor/src/plugin/Form/ListSelect.tsx
@@ -4,9 +4,9 @@ import {BasePlugin, BaseEventContext} from 'amis-editor-core';
 
 import {formItemControl} from '../../component/BaseControl';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class ListControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -56,7 +56,7 @@ export class ListControlPlugin extends BasePlugin {
   panelTitle = '列表选择';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -76,7 +76,7 @@ export class ListControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/MatrixCheckboxes.tsx b/packages/amis-editor/src/plugin/Form/MatrixCheckboxes.tsx
index d9628c857..bbb7513d1 100644
--- a/packages/amis-editor/src/plugin/Form/MatrixCheckboxes.tsx
+++ b/packages/amis-editor/src/plugin/Form/MatrixCheckboxes.tsx
@@ -11,9 +11,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class MatrixControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -66,7 +66,7 @@ export class MatrixControlPlugin extends BasePlugin {
   panelTitle = '矩阵开关';
   panelJustify = true;
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -86,7 +86,7 @@ export class MatrixControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/NestedSelect.tsx b/packages/amis-editor/src/plugin/Form/NestedSelect.tsx
index 9c8e73e84..60706f9d2 100644
--- a/packages/amis-editor/src/plugin/Form/NestedSelect.tsx
+++ b/packages/amis-editor/src/plugin/Form/NestedSelect.tsx
@@ -1,8 +1,8 @@
 import {relativeValueRe} from 'amis';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {availableLanguages} from 'amis/lib/renderers/Form/Editor';
 import {defaultValue, getSchemaTpl, valuePipeOut} from 'amis-editor-core';
 import {registerEditorPlugin} from 'amis-editor-core';
@@ -113,7 +113,7 @@ export class NestedSelectControlPlugin extends BasePlugin {
   };
   panelJustify = true;
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -165,7 +165,7 @@ export class NestedSelectControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Radios.tsx b/packages/amis-editor/src/plugin/Form/Radios.tsx
index 4b72f9cd2..0d2847681 100644
--- a/packages/amis-editor/src/plugin/Form/Radios.tsx
+++ b/packages/amis-editor/src/plugin/Form/Radios.tsx
@@ -5,9 +5,9 @@ import {BasePlugin, BaseEventContext} from 'amis-editor-core';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class RadiosControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -57,7 +57,7 @@ export class RadiosControlPlugin extends BasePlugin {
   panelTitle = '单选框';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -77,7 +77,7 @@ export class RadiosControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Select.tsx b/packages/amis-editor/src/plugin/Form/Select.tsx
index 632c511d3..25cf84456 100644
--- a/packages/amis-editor/src/plugin/Form/Select.tsx
+++ b/packages/amis-editor/src/plugin/Form/Select.tsx
@@ -7,9 +7,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class SelectControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -58,7 +58,7 @@ export class SelectControlPlugin extends BasePlugin {
   panelTitle = '下拉框';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -170,7 +170,7 @@ export class SelectControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Switch.tsx b/packages/amis-editor/src/plugin/Form/Switch.tsx
index 7928b47ba..24bf698d0 100644
--- a/packages/amis-editor/src/plugin/Form/Switch.tsx
+++ b/packages/amis-editor/src/plugin/Form/Switch.tsx
@@ -5,9 +5,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import type {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class SwitchControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -47,7 +47,7 @@ export class SwitchControlPlugin extends BasePlugin {
 
   panelTitle = '开关';
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -67,7 +67,7 @@ export class SwitchControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'setValue',
       actionLabel: '赋值',
diff --git a/packages/amis-editor/src/plugin/Form/TabsTransfer.tsx b/packages/amis-editor/src/plugin/Form/TabsTransfer.tsx
index bf1ead79f..51e8c7f68 100644
--- a/packages/amis-editor/src/plugin/Form/TabsTransfer.tsx
+++ b/packages/amis-editor/src/plugin/Form/TabsTransfer.tsx
@@ -4,9 +4,9 @@ import {registerEditorPlugin} from 'amis-editor-core';
 import {BasePlugin, BaseEventContext} from 'amis-editor-core';
 
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {getEventControlConfig} from '../../util';
 
 export class TabsTransferPlugin extends BasePlugin {
@@ -134,7 +134,7 @@ export class TabsTransferPlugin extends BasePlugin {
 
   panelTitle = '组合穿梭器';
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -186,7 +186,7 @@ export class TabsTransferPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Textarea.tsx b/packages/amis-editor/src/plugin/Form/Textarea.tsx
index 3221a148f..2ea3c181b 100644
--- a/packages/amis-editor/src/plugin/Form/Textarea.tsx
+++ b/packages/amis-editor/src/plugin/Form/Textarea.tsx
@@ -7,9 +7,9 @@ import {tipedLabel} from '../../component/BaseControl';
 import {ValidatorTag} from '../../validator';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class TextareaControlPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -43,7 +43,7 @@ export class TextareaControlPlugin extends BasePlugin {
 
   panelTitle = '多行文本';
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -94,7 +94,7 @@ export class TextareaControlPlugin extends BasePlugin {
     }
   ];
 
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/Transfer.tsx b/packages/amis-editor/src/plugin/Form/Transfer.tsx
index b2f0e9832..a65b4c55b 100644
--- a/packages/amis-editor/src/plugin/Form/Transfer.tsx
+++ b/packages/amis-editor/src/plugin/Form/Transfer.tsx
@@ -3,9 +3,9 @@ import {registerEditorPlugin} from 'amis-editor-core';
 import {BasePlugin, BaseEventContext} from 'amis-editor-core';
 import {getEventControlConfig} from '../../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class TransferPlugin extends BasePlugin {
   // 关联渲染器名字
@@ -79,7 +79,7 @@ export class TransferPlugin extends BasePlugin {
 
   panelTitle = '穿梭器';
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -115,7 +115,7 @@ export class TransferPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Form/TreeSelect.tsx b/packages/amis-editor/src/plugin/Form/TreeSelect.tsx
index 0e2873d1c..8eee85b71 100644
--- a/packages/amis-editor/src/plugin/Form/TreeSelect.tsx
+++ b/packages/amis-editor/src/plugin/Form/TreeSelect.tsx
@@ -1,7 +1,7 @@
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {defaultValue, getSchemaTpl} from 'amis-editor-core';
 import {registerEditorPlugin} from 'amis-editor-core';
 import {BaseEventContext, BasePlugin} from 'amis-editor-core';
@@ -60,7 +60,7 @@ export class TreeSelectControlPlugin extends BasePlugin {
   panelTitle = '树下拉';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'change',
       eventLabel: '值变化',
@@ -188,7 +188,7 @@ export class TreeSelectControlPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'clear',
       actionLabel: '清空',
diff --git a/packages/amis-editor/src/plugin/Link.tsx b/packages/amis-editor/src/plugin/Link.tsx
index a39c6f3b0..cfb2ce305 100644
--- a/packages/amis-editor/src/plugin/Link.tsx
+++ b/packages/amis-editor/src/plugin/Link.tsx
@@ -5,9 +5,9 @@ import {tipedLabel} from '../component/BaseControl';
 import {ValidatorTag} from '../validator';
 import {getEventControlConfig} from '../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class LinkPlugin extends BasePlugin {
   // 关联渲染器名字
diff --git a/packages/amis-editor/src/plugin/Page.tsx b/packages/amis-editor/src/plugin/Page.tsx
index a6676a8fb..7278feaa4 100644
--- a/packages/amis-editor/src/plugin/Page.tsx
+++ b/packages/amis-editor/src/plugin/Page.tsx
@@ -4,9 +4,9 @@ import {BaseEventContext, BasePlugin} from 'amis-editor-core';
 import {getSchemaTpl} from 'amis-editor-core';
 import {getEventControlConfig} from '../util';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import type {SchemaObject} from 'amis/lib/Schema';
 
 export class PagePlugin extends BasePlugin {
@@ -42,7 +42,7 @@ export class PagePlugin extends BasePlugin {
     body: '内容'
   };
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'inited',
       eventLabel: '初始化完成',
@@ -67,7 +67,7 @@ export class PagePlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'reload',
       actionLabel: '重新加载',
diff --git a/packages/amis-editor/src/plugin/Pagination.tsx b/packages/amis-editor/src/plugin/Pagination.tsx
index 5d2087c56..6bedcb57d 100644
--- a/packages/amis-editor/src/plugin/Pagination.tsx
+++ b/packages/amis-editor/src/plugin/Pagination.tsx
@@ -3,7 +3,7 @@ import {BasePlugin, RegionConfig, BaseEventContext} from 'amis-editor-core';
 import {tipedLabel} from '../component/BaseControl';
 import {ValidatorTag} from '../validator';
 import {getEventControlConfig} from '../util';
-import {RendererEvent} from 'amis-editor-comp/dist/renderers/event-action';
+import {RendererPluginEvent} from 'amis-editor-core';
 
 import {defaultValue, getSchemaTpl} from 'amis-editor-core';
 
@@ -45,7 +45,7 @@ export class PaginationPlugin extends BasePlugin {
   panelTitle = '分页器';
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'pageChange',
       eventLabel: '分页改变',
diff --git a/packages/amis-editor/src/plugin/Service.tsx b/packages/amis-editor/src/plugin/Service.tsx
index d67d03730..2529b4c22 100644
--- a/packages/amis-editor/src/plugin/Service.tsx
+++ b/packages/amis-editor/src/plugin/Service.tsx
@@ -6,9 +6,9 @@ import {getSchemaTpl} from 'amis-editor-core';
 import {getEventControlConfig} from '../util';
 
 import type {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 
 export class ServicePlugin extends BasePlugin {
   // 关联渲染器名字
@@ -45,7 +45,7 @@ export class ServicePlugin extends BasePlugin {
     }
   ];
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'fetchInited',
       eventLabel: 'api 初始化数据',
@@ -58,7 +58,7 @@ export class ServicePlugin extends BasePlugin {
     }
   ];
 
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'reload',
       actionLabel: '重新加载',
diff --git a/packages/amis-editor/src/plugin/Table.tsx b/packages/amis-editor/src/plugin/Table.tsx
index a4d3f32db..8a73c1244 100644
--- a/packages/amis-editor/src/plugin/Table.tsx
+++ b/packages/amis-editor/src/plugin/Table.tsx
@@ -1,8 +1,8 @@
 import {resolveVariable} from 'amis';
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {setVariable} from 'amis-core';
 
 import {registerEditorPlugin, repeatArray} from 'amis-editor-core';
@@ -156,7 +156,7 @@ export class TablePlugin extends BasePlugin {
 
   panelTitle = '表格';
 
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'selectedChange',
       eventLabel: '选择表格项',
@@ -287,7 +287,7 @@ export class TablePlugin extends BasePlugin {
     }
   ];
 
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'select',
       actionLabel: '设置选中项',
diff --git a/packages/amis-editor/src/plugin/Wizard.tsx b/packages/amis-editor/src/plugin/Wizard.tsx
index 1147ce823..862d17f9a 100644
--- a/packages/amis-editor/src/plugin/Wizard.tsx
+++ b/packages/amis-editor/src/plugin/Wizard.tsx
@@ -13,9 +13,9 @@ import {mapReactElement} from 'amis-editor-core';
 import {RegionWrapper as Region} from 'amis-editor-core';
 
 import {
-  RendererAction,
-  RendererEvent
-} from 'amis-editor-comp/dist/renderers/event-action';
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
 import {getEventControlConfig} from '../util';
 import {getComboWrapper} from '../event-action/schema';
 
@@ -82,7 +82,7 @@ export class WizardPlugin extends BasePlugin {
   };
 
   // 事件定义
-  events: RendererEvent[] = [
+  events: RendererPluginEvent[] = [
     {
       eventName: 'inited',
       eventLabel: '初始化完成',
@@ -203,7 +203,7 @@ export class WizardPlugin extends BasePlugin {
   ];
 
   // 动作定义
-  actions: RendererAction[] = [
+  actions: RendererPluginAction[] = [
     {
       actionType: 'submit',
       actionLabel: '全部提交',
diff --git a/packages/amis-editor/src/renderer/event-control/action-config-panel.tsx b/packages/amis-editor/src/renderer/event-control/action-config-panel.tsx
new file mode 100644
index 000000000..adb3a00f9
--- /dev/null
+++ b/packages/amis-editor/src/renderer/event-control/action-config-panel.tsx
@@ -0,0 +1,50 @@
+/**
+ * 动作配置面板
+ */
+
+import {RendererProps, Schema} from 'amis-core';
+import {RendererPluginAction} from 'amis-editor-core';
+import React from 'react';
+import cx from 'classnames';
+
+export default class ActionConfigPanel extends React.Component<RendererProps> {
+  render() {
+    const {actionConfigItems, data, onBulkChange, render, actions} = this.props;
+    const hasParentType = ['component', 'openPage'].includes(data.actionType);
+    const actionType = hasParentType ? data.__cmptActionType : data.actionType;
+    let schema = undefined;
+    if (data.actionType === 'component') {
+      // 对于组件从actions中获取
+      schema = actions?.[data.__rendererName]?.find(
+        (item: RendererPluginAction) => item.actionType === actionType
+      )?.schema;
+    }
+    if (!schema) {
+      schema = {
+        ...actionConfigItems[actionType]
+      }.schema;
+    }
+
+    return schema ? (
+      render('inner', schema as Schema, {
+        data,
+        onChange: (value: any, field: any) => {
+          onBulkChange({
+            [field]: value
+          });
+        }
+      })
+    ) : data.__showSelectCmpt || hasParentType ? (
+      <></>
+    ) : (
+      <div
+        className={cx('ae-event-control-action-placeholder', {
+          'no-settings': actionType
+        })}
+      >
+        <div className="ae-event-control-action-placeholder-img" />
+        <span>{actionType ? '无配置内容' : '请选择执行动作'}</span>
+      </div>
+    );
+  }
+}
diff --git a/packages/amis-editor/src/renderer/event-control/comp-action-select.tsx b/packages/amis-editor/src/renderer/event-control/comp-action-select.tsx
new file mode 100644
index 000000000..1d279fd21
--- /dev/null
+++ b/packages/amis-editor/src/renderer/event-control/comp-action-select.tsx
@@ -0,0 +1,70 @@
+/**
+ * 组件专有动作选择器
+ */
+
+import {Option, Select} from 'amis';
+import {RendererProps} from 'amis-core';
+import React from 'react';
+
+// 动作基本配置项
+export const BASE_ACTION_PROPS = [
+  'actionType',
+  '__actionDesc',
+  'preventDefault',
+  'stopPropagation',
+  'expression',
+  'outputVar'
+];
+
+export default class CmptActionSelect extends React.Component<RendererProps> {
+  onChange(option: Option) {
+    const {formStore} = this.props;
+    let removeKeys: {
+      [key: string]: any;
+    } = {};
+
+    // 保留必须字段，其他过滤掉
+    Object.keys(formStore.data).forEach((key: string) => {
+      if (
+        ![
+          ...BASE_ACTION_PROPS,
+          'componentId',
+          '__rendererName',
+          '__rendererLabel',
+          '__componentTreeSource',
+          '__showSelectCmpt'
+        ].includes(key)
+      ) {
+        removeKeys[key] = undefined;
+      }
+    });
+
+    formStore.setValues({
+      ...removeKeys,
+      args: undefined,
+      __cmptActionType: option.value,
+      __cmptActionDesc: option.description
+    });
+
+    this.props.onChange(option.value);
+  }
+  render() {
+    const {data, formStore, pluginActions} = this.props;
+    // 根据type 从组件树中获取actions
+    const actions = pluginActions[data.__rendererName] || [];
+
+    return (
+      <Select
+        value={formStore.data.__cmptActionType}
+        className="cmpt-action-select"
+        options={actions.map((item: any) => ({
+          label: item.actionLabel,
+          value: item.actionType,
+          description: item.description
+        }))}
+        onChange={this.onChange.bind(this)}
+        clearable={false}
+      />
+    );
+  }
+}
diff --git a/packages/amis-editor/src/renderer/event-control/helper.tsx b/packages/amis-editor/src/renderer/event-control/helper.tsx
new file mode 100644
index 000000000..9c4404601
--- /dev/null
+++ b/packages/amis-editor/src/renderer/event-control/helper.tsx
@@ -0,0 +1,699 @@
+/**
+ * @file 公共的动作配置项
+ */
+import React from 'react';
+import {RendererPluginAction} from 'amis-editor-core';
+
+const MSG_TYPES: {[key: string]: string} = {
+  info: '提示',
+  warning: '警告',
+  success: '成功',
+  error: '错误'
+};
+
+// 数据容器范围
+export const DATA_CONTAINER = [
+  'form',
+  'dialog',
+  'drawer',
+  'wizard',
+  'service',
+  'page',
+  'app',
+  'chart'
+];
+
+// 是否数据容器
+export const IS_DATA_CONTAINER = `${JSON.stringify(
+  DATA_CONTAINER
+)}.includes(__rendererName)`;
+
+export function defaultValue(defaultValue: any, strictMode: boolean = true) {
+  return strictMode
+    ? (value: any) => (typeof value === 'undefined' ? defaultValue : value)
+    : (value: any) => value || defaultValue;
+}
+
+export const getComboWrapper = (items: any, multiple: boolean = false) => ({
+  type: 'combo',
+  name: 'args',
+  // label: '动作参数',
+  multiple,
+  strictMode: false,
+  items: Array.isArray(items) ? items : [items]
+});
+
+// 表单项组件
+export const FORMITEM_CMPTS = [
+  'button-group-select',
+  'button-toolbar',
+  'chained-select',
+  'chart-radios',
+  'checkbox',
+  'checkboxes',
+  'combo',
+  'input-kv',
+  'condition-builder',
+  'diff-editor',
+  'editor',
+  'formula',
+  'hidden',
+  'icon-picker',
+  'input-array',
+  'input-city',
+  'input-color',
+  'input-date',
+  'input-date-range',
+  'input-datetime-range',
+  'input-time-range',
+  'input-excel',
+  'input-file',
+  'input-formula',
+  'input-group',
+  'input-image',
+  'input-month-range',
+  'input-number',
+  'input-quarter-range',
+  'input-range',
+  'input-rating',
+  'input-repeat',
+  'input-rich-text',
+  'input-sub-form',
+  'input-table',
+  'input-tag',
+  'input-text',
+  'input-password',
+  'input-email',
+  'input-url',
+  'native-date',
+  'native-time',
+  'native-number',
+  'input-tree',
+  'input-year-range',
+  'list-select',
+  'location-picker',
+  'matrix-checkboxes',
+  'nested-select',
+  'cascader-select',
+  'picker',
+  'radios',
+  'select',
+  'multi-select',
+  'switch',
+  'tabs-transfer',
+  'tabs-transfer-picker',
+  'textarea',
+  'transfer',
+  'transfer-picker',
+  'tree-select',
+  'uuid'
+];
+
+// 动作配置项schema map
+export const COMMON_ACTION_SCHEMA_MAP: {[propName: string]: RendererPluginAction} = {
+  url: {
+    config: ['url', 'params', 'blank'],
+    desc: (info: any) => {
+      return (
+        <div>
+          跳转<span className="variable-left">{info?.args?.url}</span>
+        </div>
+      );
+    },
+    schema: getComboWrapper([
+      {
+        type: 'wrapper',
+        className: 'p-none',
+        body: [
+          {
+            label: '页面地址',
+            type: 'input-formula',
+            variables: '${variables}',
+            evalMode: false,
+            variableMode: 'tabs',
+            inputMode: 'input-group',
+            name: 'url',
+            placeholder: 'http://',
+            mode: 'horizontal',
+            size: 'lg',
+            required: true
+          },
+          {
+            type: 'combo',
+            name: 'params',
+            label: '页面参数',
+            multiple: true,
+            mode: 'horizontal',
+            items: [
+              {
+                name: 'key',
+                placeholder: '参数名',
+                type: 'input-text',
+                mode: 'inline',
+                size: 'xs'
+              },
+              {
+                name: 'val',
+                placeholder: '参数值',
+                type: 'input-formula',
+                variables: '${variables}',
+                evalMode: false,
+                variableMode: 'tabs',
+                inputMode: 'input-group',
+                size: 'xs'
+              }
+            ]
+          },
+          {
+            type: 'switch',
+            name: 'blank',
+            label: '新窗口打开',
+            onText: '是',
+            offText: '否',
+            mode: 'horizontal',
+            pipeIn: defaultValue(true)
+          }
+        ]
+      }
+    ])
+  },
+  custom: {
+    schema: {
+      type: 'js-editor',
+      allowFullscreen: true,
+      required: true,
+      name: 'script',
+      label: '自定义JS',
+      mode: 'horizontal',
+      className: 'ae-event-control-action-js-editor',
+      value: `/* 自定义JS使用说明： 
+ * 1.动作执行函数doAction，可以执行所有类型的动作
+ * 2.通过上下文对象context可以获取当前组件实例，例如context.props可以获取该组件相关属性
+ * 3.事件对象event，在doAction之后执行event.stopPropagation = true;可以阻止后续动作执行
+*/
+const myMsg = '我是自定义JS';
+doAction({
+  actionType: 'toast',
+  args: {
+    msg: myMsg
+  }
+});
+`
+    }
+  },
+  toast: {
+    config: [
+      'title',
+      'msgType',
+      'msg',
+      'position',
+      'timeout',
+      'closeButton',
+      'showIcon'
+    ],
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">
+            {MSG_TYPES[info?.args?.msgType] || ''}
+          </span>
+          消息提醒：
+          <span className="variable-left">{info?.args?.msg}</span>
+        </div>
+      );
+    },
+    schema: getComboWrapper({
+      type: 'wrapper',
+      className: 'p-none',
+      body: [
+        {
+          type: 'button-group-select',
+          name: 'msgType',
+          label: '消息类型',
+          value: 'info',
+          required: true,
+          mode: 'horizontal',
+          options: Object.keys(MSG_TYPES).map(key => ({
+            label: MSG_TYPES[key],
+            value: key,
+            level: 'default'
+          }))
+        },
+        {
+          name: 'msg',
+          label: '消息内容',
+          mode: 'horizontal',
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          inputMode: 'input-group',
+          size: 'lg',
+          required: true
+        },
+        {
+          name: 'title',
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          inputMode: 'input-group',
+          label: '标题内容',
+          size: 'lg',
+          mode: 'horizontal'
+        },
+        {
+          name: 'timeout',
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          inputMode: 'input-group',
+          label: '持续时间(ms)',
+          size: 'lg',
+          mode: 'horizontal'
+        },
+        {
+          type: 'button-group-select',
+          name: 'position',
+          value: 'top-right',
+          mode: 'horizontal',
+          label: '显示位置',
+          options: [
+            {
+              label: '左上',
+              value: 'top-left'
+            },
+
+            {
+              label: '中上',
+              value: 'top-center'
+            },
+
+            {
+              label: '右上',
+              value: 'top-right'
+            },
+
+            {
+              label: '左下',
+              value: 'bottom-left'
+            },
+            {
+              label: '中下',
+              value: 'bottom-center'
+            },
+
+            {
+              label: '右下',
+              value: 'bottom-right'
+            }
+          ]
+        },
+        {
+          type: 'switch',
+          name: 'closeButton',
+          value: true,
+          label: '展示关闭按钮',
+          mode: 'horizontal'
+        },
+        {
+          type: 'switch',
+          name: 'showIcon',
+          value: true,
+          label: '展示图标',
+          mode: 'horizontal'
+        }
+      ]
+    })
+  },
+  setValue: {
+    config: ['value', 'valueInput'],
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          设置
+          <span className="variable-left variable-right">
+            {info?.__rendererLabel}
+          </span>
+          的值为
+          <span className="variable-left variable-right">
+            {info?.args?.value
+              ? JSON.stringify(info?.args?.value)
+              : info?.args?.valueInput}
+          </span>
+        </div>
+      );
+    },
+    schema: getComboWrapper({
+      type: 'wrapper',
+      className: 'p-none',
+      body: [
+        {
+          type: 'combo',
+          name: 'value',
+          label: '变量赋值',
+          multiple: true,
+          removable: true,
+          required: true,
+          addable: true,
+          strictMode: false,
+          canAccessSuperData: true,
+          mode: 'horizontal',
+          items: [
+            {
+              name: 'key',
+              type: 'input-text',
+              placeholder: '变量名',
+              required: true
+            },
+            {
+              name: 'val',
+              type: 'input-formula',
+              placeholder: '变量值',
+              variables: '${variables}',
+              evalMode: false,
+              variableMode: 'tabs',
+              inputMode: 'input-group'
+            }
+          ],
+          visibleOn: `data.__rendererName && ${IS_DATA_CONTAINER}`
+        },
+        {
+          type: 'combo',
+          name: 'value',
+          label: '变量赋值',
+          multiple: true,
+          removable: true,
+          required: true,
+          addable: true,
+          strictMode: false,
+          canAccessSuperData: true,
+          mode: 'horizontal',
+          items: [
+            {
+              type: 'combo',
+              name: 'item',
+              label: false,
+              renderLabel: false,
+              multiple: true,
+              removable: true,
+              required: true,
+              addable: true,
+              strictMode: false,
+              canAccessSuperData: true,
+              className: 'm-l',
+              mode: 'horizontal',
+              items: [
+                {
+                  name: 'key',
+                  type: 'input-text',
+                  required: true
+                },
+                {
+                  name: 'val',
+                  type: 'input-formula',
+                  variables: '${variables}',
+                  evalMode: false,
+                  variableMode: 'tabs',
+                  inputMode: 'input-group'
+                }
+              ]
+            }
+          ],
+          visibleOn: `data.__rendererName && __rendererName === 'combo'`
+        },
+        {
+          name: 'valueInput',
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          inputMode: 'input-group',
+          label: '变量赋值',
+          size: 'lg',
+          mode: 'horizontal',
+          visibleOn: `data.__rendererName && !${IS_DATA_CONTAINER} && __rendererName !== 'combo'`,
+          required: true
+        }
+      ]
+    })
+  },
+  broadcast: {
+    schema: {
+      type: 'wrapper',
+      className: 'p-none',
+      body: [
+        {
+          type: 'input-text',
+          name: 'eventName',
+          label: '广播标识',
+          mode: 'horizontal',
+          required: true,
+          description: '广播事件标识派发出去后，其他组件可以进行监听并作出响应'
+        },
+        {
+          type: 'input-text',
+          label: '广播名称',
+          name: 'eventLabel',
+          mode: 'horizontal',
+          required: true
+        },
+        {
+          type: 'textarea',
+          label: '描述',
+          name: 'description',
+          mode: 'horizontal',
+          required: true
+        }
+      ]
+    }
+  },
+  copy: {
+    config: ['content', 'copyFormat'],
+    desc: (info: any) => {
+      return (
+        <div>
+          复制内容：
+          <span className="variable-left">{info?.args?.content}</span>
+        </div>
+      );
+    },
+    schema: getComboWrapper({
+      type: 'wrapper',
+      className: 'p-none',
+      body: [
+        {
+          name: 'content',
+          type: 'input-formula',
+          variables: '${variables}',
+          evalMode: false,
+          variableMode: 'tabs',
+          inputMode: 'input-group',
+          label: '内容模板',
+          mode: 'horizontal',
+          size: 'lg',
+          required: true
+        },
+        {
+          type: 'select',
+          name: 'copyFormat',
+          mode: 'horizontal',
+          value: 'text/plain',
+          size: 'lg',
+          options: [
+            {
+              label: '纯文本',
+              value: 'text/plain'
+            },
+            {
+              label: '富文本',
+              value: 'text/html'
+            }
+          ],
+          label: '复制格式'
+        }
+      ]
+    })
+  },
+  refresh: {
+    desc: (info: any) => <div>刷新页面</div>
+  },
+  goBack: {
+    desc: (info: any) => <div>返回上一页</div>
+  },
+  alert: {
+    desc: (info: any) => <div>打开提示对话框</div>
+  },
+  confirm: {
+    desc: (info: any) => <div>打开确认对话框</div>
+  },
+  reload: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          刷新
+          <span className="variable-left variable-right">
+            {info?.__rendererLabel}
+          </span>
+          组件
+        </div>
+      );
+    }
+  },
+  show: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          显示
+          <span className="variable-left variable-right">
+            {info?.__rendererLabel}
+          </span>
+          组件
+        </div>
+      );
+    }
+  },
+  hidden: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          隐藏
+          <span className="variable-left variable-right">
+            {info?.__rendererLabel}
+          </span>
+          组件
+        </div>
+      );
+    }
+  },
+  enabled: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          启用
+          <span className="variable-left variable-right">
+            {info?.__rendererLabel}
+          </span>
+          组件
+        </div>
+      );
+    }
+  },
+  disabled: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          禁用
+          <span className="variable-left variable-right">
+            {info?.__rendererLabel}
+          </span>
+          组件
+        </div>
+      );
+    }
+  },
+  clear: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          清空
+        </div>
+      );
+    }
+  },
+  reset: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          重置
+        </div>
+      );
+    }
+  },
+  focus: {
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          获取焦点
+        </div>
+      );
+    }
+  },
+  prev: {
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          {info?.__rendererName === 'carousel' ? '滚动至上一张' : null}
+          {info?.__rendererName === 'wizard' ? '返回前一步' : null}
+        </div>
+      );
+    }
+  },
+  next: {
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          {info?.__rendererName === 'carousel' ? '滚动至下一张' : null}
+          {info?.__rendererName === 'wizard' ? '提交当前步骤数据' : null}
+        </div>
+      );
+    }
+  },
+  submit: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          {info?.__rendererName === 'form' ? '提交' : null}
+          {info?.__rendererName === 'wizard' ? '提交全部数据' : null}
+        </div>
+      );
+    }
+  },
+  validate: {
+    withComponentId: true,
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          校验
+        </div>
+      );
+    }
+  },
+  collapse: {
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          收起
+        </div>
+      );
+    }
+  },
+  selectAll: {
+    desc: (info: any) => {
+      return (
+        <div>
+          <span className="variable-right">{info?.__rendererLabel}</span>
+          选中所有选项
+        </div>
+      );
+    }
+  }
+};
diff --git a/packages/amis-editor/src/renderer/event-control/index.tsx b/packages/amis-editor/src/renderer/event-control/index.tsx
new file mode 100644
index 000000000..163df8946
--- /dev/null
+++ b/packages/amis-editor/src/renderer/event-control/index.tsx
@@ -0,0 +1,1192 @@
+import React from 'react';
+import {findDOMNode} from 'react-dom';
+import cx from 'classnames';
+import Sortable from 'sortablejs';
+import {DataSchema, FormItem, Icon, TooltipWrapper} from 'amis';
+import {
+  FormControlProps,
+  autobind,
+  findTree,
+  render as amisRender
+} from 'amis-core';
+
+import CmptActionSelect, {BASE_ACTION_PROPS} from './comp-action-select';
+import ActionConfigPanel from './action-config-panel';
+import {COMMON_ACTION_SCHEMA_MAP, FORMITEM_CMPTS} from './helper';
+import {
+  ActionConfig,
+  ActionEventConfig,
+  ComponentInfo,
+  ContextVariables
+} from './types';
+import {
+  defaultValue,
+  PluginActions,
+  PluginEvents,
+  RendererPluginAction,
+  RendererPluginEvent
+} from 'amis-editor-core';
+
+interface EventControlProps extends FormControlProps {
+  actions: PluginActions; // 组件的动作列表
+  events: PluginEvents; // 组件的事件列表
+  actionTree: RendererPluginAction[]; // 动作树
+  actionConfigItemsMap?: {[propName: string]: RendererPluginAction}; // 动作配置信息Map
+  value: ActionEventConfig; // 事件动作配置
+  onChange: (
+    value: any,
+    submitOnChange?: boolean,
+    changeImmediately?: boolean
+  ) => void;
+  addBroadcast?: (event: RendererPluginEvent) => void;
+  removeBroadcast?: (eventName: string) => void;
+  getComponents: () => ComponentInfo[]; // 当前页面组件树
+  getContextSchemas?: (id?: string, withoutSuper?: boolean) => DataSchema; // 获取上下文
+  owner?: string; // 组件标识
+}
+
+interface EventControlState {
+  onEvent: ActionEventConfig;
+  events: RendererPluginEvent[];
+  eventPanelActive: {
+    [prop: string]: boolean;
+  };
+  showAcionDialog: boolean;
+  actionData:
+    | {
+        eventKey: string;
+        actionIndex?: number;
+        action?: ActionConfig;
+        variables?: ContextVariables[];
+      }
+    | undefined;
+  type: 'update' | 'add';
+  rawVariables: ContextVariables[]; // 外部获取的上下文变量
+  actionConfigItems: {[propName: string]: RendererPluginAction}; // 动作配置信息Map
+}
+
+export class EventControl extends React.Component<
+  EventControlProps,
+  EventControlState
+> {
+  target: HTMLElement | null;
+  eventPanelSortMap: {
+    [prop: string]: Sortable;
+  } = {};
+  drag?: HTMLElement | null;
+  isUnmount: boolean;
+
+  constructor(props: EventControlProps) {
+    super(props);
+    const {events, actionConfigItemsMap, value, data} = props;
+
+    const eventPanelActive: {
+      [prop: string]: boolean;
+    } = {};
+    const pluginEvents = events[data.type] || [];
+
+    pluginEvents.forEach((event: RendererPluginEvent) => {
+      eventPanelActive[event.eventName] = true;
+    });
+
+    this.isUnmount = false;
+
+    this.state = {
+      onEvent: value ?? this.generateEmptyDefault(pluginEvents),
+      events: pluginEvents,
+      eventPanelActive,
+      showAcionDialog: false,
+      actionData: undefined,
+      rawVariables: [],
+      type: 'add',
+      actionConfigItems: {
+        ...COMMON_ACTION_SCHEMA_MAP,
+        ...actionConfigItemsMap
+      }
+    };
+  }
+
+  componentDidMount() {
+    this.loadContextVariables();
+  }
+
+  componentDidUpdate(
+    prevProps: EventControlProps,
+    prevState: EventControlState
+  ) {
+    const {value, onChange} = this.props;
+
+    if (value !== prevProps.value) {
+      this.setState({onEvent: value});
+    }
+
+    if (prevState.onEvent !== this.state.onEvent) {
+      onChange && onChange(this.state.onEvent);
+    }
+  }
+
+  componentWillUnmount() {
+    this.isUnmount = true;
+  }
+
+  /**
+   * 获取上下文变量
+   */
+  async loadContextVariables() {
+    const {getContextSchemas} = this.props;
+
+    // 获取上下文变量
+    if (getContextSchemas) {
+      const dataSchemaIns = await getContextSchemas();
+      const variables = dataSchemaIns?.getDataPropsAsOptions();
+      if (!this.isUnmount) {
+        this.setState({rawVariables: variables});
+      }
+    }
+  }
+
+  generateEmptyDefault(events: RendererPluginEvent[]) {
+    const onEvent: ActionEventConfig = {};
+    events.forEach((event: RendererPluginEvent) => {
+      if (event.defaultShow) {
+        onEvent[`${event.eventName}`] = {
+          __isBroadcast: !!event.isBroadcast,
+          weight: 0,
+          actions: []
+        };
+      }
+    });
+    // Object.keys(onEvent).length && props.onChange && props.onChange(onEvent);
+
+    return Object.keys(onEvent).length ? onEvent : {};
+  }
+
+  addEvent(event: RendererPluginEvent) {
+    const {onChange} = this.props;
+    let onEvent = {
+      ...this.state.onEvent
+    };
+
+    if (onEvent[`${event.eventName}`]) {
+      return;
+    }
+    onEvent[`${event.eventName}`] = {
+      __isBroadcast: !!event.isBroadcast,
+      weight: 0,
+      actions: []
+    };
+
+    this.setState({
+      onEvent: onEvent
+    });
+
+    onChange && onChange(onEvent);
+  }
+
+  delEvent(event: string) {
+    const {onChange} = this.props;
+    let onEvent = {
+      ...this.state.onEvent
+    };
+    delete onEvent[event];
+    this.setState({
+      onEvent: onEvent
+    });
+
+    onChange && onChange(onEvent);
+  }
+
+  addAction(event: string, config: any) {
+    const {addBroadcast, owner} = this.props;
+    const {onEvent, eventPanelActive} = this.state;
+    let onEventConfig = {...onEvent};
+    let activeConfig = {...eventPanelActive};
+
+    if (config.actionType === 'broadcast') {
+      typeof addBroadcast === 'function' &&
+        addBroadcast({
+          owner: owner, // TODO:标记来源
+          isBroadcast: true,
+          eventName: config.eventName,
+          eventLabel: config.eventLabel,
+          description: config.description
+        });
+    }
+    activeConfig[event] = true;
+    onEventConfig[event] = {
+      actions: onEventConfig[event].actions.concat(config),
+      weight: onEvent[event].weight
+    };
+
+    this.setState({
+      onEvent: onEventConfig,
+      eventPanelActive: activeConfig
+    });
+    this.initDragging();
+    this.props.onChange && this.props.onChange(onEventConfig);
+  }
+
+  updateAction(event: string, index: number, config: any) {
+    this.updateValue(event, index, config);
+  }
+
+  delAction(event: string, action: any, index: number) {
+    const {onEvent, eventPanelActive} = this.state;
+    const {removeBroadcast} = this.props;
+
+    let onEventConfig = {...onEvent};
+    let activeConfig = {...eventPanelActive};
+
+    // 删掉对应广播
+    if (action.actionType === 'broadcast') {
+      typeof removeBroadcast === 'function' &&
+        removeBroadcast(action.eventName);
+    }
+
+    onEventConfig[event] = {
+      actions: onEventConfig[event].actions.filter(
+        (item, actionIndex) => index !== actionIndex
+      ),
+      weight: onEvent[event].weight
+    };
+
+    if (onEventConfig[event].actions.length < 1) {
+      activeConfig[event] = false;
+      this.setState({
+        eventPanelActive: activeConfig
+      });
+      this.eventPanelSortMap[event]?.destroy();
+    }
+
+    this.setState({
+      onEvent: onEventConfig
+    });
+
+    this.props.onChange && this.props.onChange(onEventConfig);
+  }
+
+  toggleActivePanel(eventKey: string) {
+    const {eventPanelActive} = this.state;
+    eventPanelActive[eventKey] = !eventPanelActive[eventKey];
+    if (!eventPanelActive[eventKey]) {
+      this.eventPanelSortMap[eventKey]?.destroy();
+    }
+    this.setState({eventPanelActive}, () => {
+      this.initDragging();
+    });
+  }
+
+  updateWeight(event: string, data: any) {
+    const {onEvent} = this.state;
+    let onEventConfig = {...onEvent};
+    onEventConfig[event] = {
+      ...onEventConfig[event],
+      weight: data.weight || 0
+    };
+
+    this.setState({
+      onEvent: onEventConfig
+    });
+  }
+
+  /**
+   * 更新事件配置
+   *
+   * @param {string} event
+   * @param {number} actionIndex
+   * @param {*} config
+   * @memberof EventControl
+   */
+  updateValue(event: string, index: number, config: any) {
+    const {onEvent} = this.state;
+    let onEventConfig = {...onEvent};
+
+    onEventConfig[event] = {
+      actions: onEvent[event].actions.map((item, actionIndex) => {
+        return actionIndex === index
+          ? typeof config === 'string'
+            ? {
+                ...item,
+                actionType: config
+              }
+            : config
+          : item;
+      }),
+      weight: onEvent[event].weight
+    };
+
+    this.setState({
+      onEvent: onEventConfig
+    });
+
+    this.props.onChange && this.props.onChange(onEventConfig);
+  }
+
+  submitConfig(type: string, config: any) {
+    const {actions, actionTree} = this.props;
+
+    let action = {...config};
+
+    // 处理schema配置
+    if (config.actionType === 'broadcast') {
+      action.__label = `广播-${config.eventLabel}`;
+    } else if (config.actionType === 'component') {
+      action.__isCmptAction = true;
+      // 处理文案
+      action.__label = `联动其他组件`;
+      // 修正动作
+      action.actionType = config.__cmptActionType;
+    } else if (config.actionType === 'openPage') {
+      // 修正动作
+      action.actionType = config.__cmptActionType;
+      action.__label = action.actionType === 'url' ? '跳转链接' : '打开页面';
+    } else {
+      action.__label = getActionLabel(actionTree, config.actionType);
+    }
+    // 合并附加的动作参数
+    if (config.addOnArgs) {
+      config.addOnArgs.forEach((args: any) => {
+        action.args = action.args ?? {};
+        action.args = {
+          ...action.args,
+          [args.key]: args.val
+        };
+      });
+      delete action.addOnArgs;
+    }
+    // 转换下格式
+    if (['setValue', 'url', 'link'].includes(action.actionType)) {
+      const prop = action.actionType === 'setValue' ? 'value' : 'params';
+
+      if (Array.isArray(config.args[prop])) {
+        action.args = action.args ?? {};
+        if (action.__rendererName === 'combo') {
+          // combo特殊处理
+          let tempArr: any = [];
+          config.args?.[prop].forEach((valueItem: any, index: number) => {
+            valueItem.item.forEach((item: any) => {
+              if (!tempArr[index]) {
+                tempArr[index] = {};
+              }
+              tempArr[index][item.key] = item.val;
+            });
+          });
+          action.args = {
+            ...action.args,
+            [prop]: tempArr
+          };
+        } else {
+          let tmpObj: any = {};
+          config.args[prop].forEach((item: any) => {
+            tmpObj[item.key] = item.val;
+          });
+          action.args = {
+            ...action.args,
+            [prop]: tmpObj
+          };
+        }
+      } else if (action.actionType === 'setValue') {
+        // 处理变量赋值非数组的情况
+        action.args = {
+          ...action.args,
+          value: config.args['valueInput']
+        };
+      }
+    }
+
+    delete action.config;
+    if (type === 'add') {
+      this.addAction(config.eventKey, action);
+    } else if (type === 'update') {
+      this.updateAction(config.eventKey, config.actionIndex, action);
+    }
+    this.setState({actionData: undefined});
+    this.setState({showAcionDialog: false});
+  }
+
+  /**
+   * 根据动作类型获取过滤后的组件树
+   * @param components
+   * @param actionType
+   * @returns
+   */
+  getComponentTreeSource(actionType: string) {
+    if (!actionType) {
+      return [];
+    }
+    const {actions: pluginActions, getComponents} = this.props;
+    const {actionConfigItems} = this.state;
+    // 如果组件树结构没有传，则重新获取
+    const components = getComponents ? getComponents() || [] : [];
+    return getComponentTreeByType(
+      components,
+      actionType,
+      pluginActions,
+      actionConfigItems
+    );
+  }
+
+  renderConfig(type: string) {
+    const {actionTree, actions: pluginActions, getContextSchemas} = this.props;
+    const {actionConfigItems, rawVariables} = this.state;
+    return [
+      {
+        type: 'form',
+        title: '',
+        mode: 'normal',
+        wrapperComponent: 'div',
+        submitText: '保存',
+        autoFocus: true,
+        preventEnterSubmit: true,
+        // debug: true,
+        onSubmit: this.submitConfig.bind(this, type),
+        body: [
+          {
+            type: 'grid',
+            className: 'h-full',
+            columns: [
+              {
+                body: [
+                  {
+                    type: 'tpl',
+                    tpl: '执行动作',
+                    className: 'action-panel-title',
+                    inline: false
+                  },
+                  {
+                    type: 'input-tree',
+                    name: 'actionType',
+                    disabled: false,
+                    options: actionTree,
+                    showIcon: false,
+                    className: 'action-tree',
+                    mode: 'normal',
+                    labelField: 'actionLabel',
+                    valueField: 'actionType',
+                    inputClassName: 'no-border action-tree-control',
+                    autoFill: {
+                      __actionDesc: '${description}'
+                    },
+                    onChange: (
+                      value: string,
+                      oldVal: any,
+                      data: any,
+                      form: any
+                    ) => {
+                      // 因为不知道动作都有哪些字段，这里只保留基础配置
+                      let removeKeys: {
+                        [key: string]: any;
+                      } = {};
+                      let __cmptActionType = '';
+
+                      Object.keys(form.data).forEach((key: string) => {
+                        if (!BASE_ACTION_PROPS.includes(key)) {
+                          removeKeys[key] = undefined;
+                        }
+                      });
+
+                      if (
+                        value === 'openPage' &&
+                        !['url', 'link'].includes(__cmptActionType)
+                      ) {
+                        __cmptActionType = 'openPage';
+                      }
+
+                      form.setValues({
+                        ...removeKeys,
+                        __componentTreeSource:
+                          this.getComponentTreeSource(value),
+                        __showSelectCmpt:
+                          value === 'component' ||
+                          actionConfigItems?.[value]?.withComponentId, // 是否展示选择组件名称配置项
+                        __cmptActionType,
+                        componentId: ''
+                      });
+                    }
+                  }
+                ],
+                md: 3,
+                columnClassName: 'left-panel'
+              },
+              {
+                body: [
+                  {
+                    type: 'tpl',
+                    tpl: '动作说明',
+                    className: 'action-panel-title',
+                    visibleOn: 'data.actionType',
+                    inline: false
+                  },
+                  {
+                    type: 'tpl',
+                    className: 'action-desc',
+                    tpl: '${__actionDesc}',
+                    visibleOn: 'data.actionType'
+                  },
+                  {
+                    type: 'tpl',
+                    tpl: '基础设置',
+                    className: 'action-panel-title',
+                    visibleOn: 'data.actionType',
+                    inline: false
+                  },
+                  {
+                    type: 'container',
+                    className: 'right-panel-container',
+                    body: [
+                      {
+                        type: 'tree-select',
+                        name: 'componentId',
+                        label:
+                          '${actionType === "submit" || actionType === "clear" || actionType === "reset" || actionType === "validate" ? "选择表单" : "组件名称"}',
+                        showIcon: false,
+                        searchable: true,
+                        requiredOn: 'data.actionType === "component"',
+                        selfDisabledAffectChildren: false,
+                        size: 'lg',
+                        source: '${__componentTreeSource}',
+                        mode: 'horizontal',
+                        autoFill: {
+                          __rendererLabel: '${label}',
+                          __rendererName: '${type}',
+                          __nodeId: '${id}',
+                          __nodeSchema: '${schema}'
+                        },
+                        visibleOn: 'data.__showSelectCmpt',
+                        onChange: async (
+                          value: string,
+                          oldVal: any,
+                          data: any,
+                          form: any
+                        ) => {
+                          // 获取组件上下文
+                          if (form.data.__nodeId) {
+                            const dataSchema: any = await getContextSchemas?.(
+                              form.data.__nodeId,
+                              true
+                            );
+                            const dataSchemaIns = new DataSchema(
+                              dataSchema || []
+                            );
+                            const variables =
+                              dataSchemaIns?.getDataPropsAsOptions() || [];
+
+                            form.setValueByName('__cmptDataSchema', dataSchema);
+                            form.setValueByName('__cmptVariables', variables); // 组件上下文（不含父级）
+                            form.setValueByName('__cmptVariablesWithSys', [
+                              // 组件上下文+页面+系统
+                              {
+                                label: `${form.data.__rendererLabel}变量`,
+                                children: variables
+                              },
+                              ...rawVariables.filter(item =>
+                                ['页面变量', '系统变量'].includes(item.label)
+                              )
+                            ]);
+                          }
+
+                          if (form.data.actionType === 'setValue') {
+                            // todo:这里会闪一下，需要从amis查下问题
+                            form.setValueByName('args.value', undefined);
+                            form.setValueByName('args.valueInput', undefined);
+                          }
+                          form.setValueByName('__cmptActionType', '');
+                        }
+                      },
+                      {
+                        asFormItem: true,
+                        label: '组件动作',
+                        name: '__cmptActionType',
+                        mode: 'horizontal',
+                        required: true,
+                        visibleOn: 'data.actionType === "component"',
+                        component: CmptActionSelect,
+                        description: '${__cmptActionDesc}',
+                        pluginActions
+                      },
+                      {
+                        type: 'button-group-select',
+                        label: '打开模式',
+                        name: '__cmptActionType',
+                        mode: 'horizontal',
+                        value: 'url',
+                        required: true,
+                        pipeIn: defaultValue('url'),
+                        options: [
+                          {
+                            label: '跳转链接',
+                            value: 'url'
+                          },
+                          {
+                            label: '打开页面',
+                            value: 'link'
+                          }
+                        ],
+                        visibleOn: 'data.actionType === "openPage"'
+                      },
+                      {
+                        asFormItem: true,
+                        component: ActionConfigPanel,
+                        actionConfigItems,
+                        actions: pluginActions
+                      },
+                      {
+                        type: 'tpl',
+                        tpl: '高级设置',
+                        inline: false,
+                        className: 'action-panel-title',
+                        visibleOn: 'data.actionType'
+                      },
+                      {
+                        name: 'expression',
+                        title: '',
+                        type: 'input-formula',
+                        variableMode: 'tabs',
+                        inputMode: 'input-group',
+                        variables: '${variables}',
+                        className: 'action-exec-on',
+                        label: '执行条件',
+                        mode: 'horizontal',
+                        size: 'lg',
+                        placeholder: '不设置条件，默认执行该动作',
+                        visibleOn: 'data.actionType'
+                      }
+                    ]
+                  }
+                ],
+                columnClassName: 'right-panel'
+              }
+            ]
+          }
+        ],
+        style: {
+          borderStyle: 'solid'
+        },
+        className: 'action-config-panel'
+      }
+    ];
+  }
+
+  @autobind
+  dragRef(ref: any) {
+    if (!this.drag && ref) {
+      this.initDragging();
+    } else if (this.drag && !ref) {
+      this.destroyDragging();
+    }
+    this.drag = ref;
+  }
+
+  initDragging() {
+    this.eventPanelSortMap = {};
+    const dom = findDOMNode(this) as HTMLElement;
+    const {onEvent, eventPanelActive} = this.state;
+    const eventPanel: object[] = Array.prototype.slice.call(
+      dom.getElementsByClassName('item-content')
+    );
+    // 找到激活的事件面板
+    Object.keys(onEvent)
+      .filter((key: string) => {
+        return onEvent[key].actions.length && eventPanelActive[key];
+      })
+      .forEach((key: string, index: number) => {
+        if (!this.eventPanelSortMap[key]) {
+          this.eventPanelSortMap[key] = this.genSortPanel(
+            key,
+            eventPanel[index] as HTMLElement
+          );
+        }
+      });
+  }
+
+  genSortPanel(eventKey: string, ele: HTMLElement) {
+    return new Sortable(ele, {
+      group: 'eventControlGroup',
+      animation: 150,
+      handle: '.ae-option-control-item-dragBar',
+      ghostClass: 'ae-option-control-item--dragging',
+      onEnd: (e: any) => {
+        // 没有移动
+        if (e.newIndex === e.oldIndex) {
+          return;
+        }
+        // 换回来
+        const parent = e.to as HTMLElement;
+        if (
+          e.newIndex < e.oldIndex &&
+          e.oldIndex < parent.childNodes.length - 1
+        ) {
+          parent.insertBefore(e.item, parent.childNodes[e.oldIndex + 1]);
+        } else if (e.oldIndex < parent.childNodes.length - 1) {
+          parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);
+        } else {
+          parent.appendChild(e.item);
+        }
+        let onEventConfig = {...this.state.onEvent};
+        const newEvent = onEventConfig[eventKey];
+        let options = newEvent?.actions.concat();
+        // 从后往前移
+        if (e.oldIndex > e.newIndex) {
+          options = [
+            ...options.slice(0, e.newIndex),
+            options[e.oldIndex],
+            ...options.slice(e.newIndex, e.oldIndex),
+            ...options.slice(e.oldIndex + 1, options.length)
+          ];
+        } else if (e.oldIndex < e.newIndex) {
+          // 从前往后
+          options = [
+            ...(e.oldIndex === 0 ? [] : options.slice(0, e.oldIndex)),
+            ...options.slice(e.oldIndex + 1, e.newIndex),
+            options[e.oldIndex],
+            ...options.slice(e.newIndex, options.length)
+          ];
+        }
+        onEventConfig[eventKey] = {
+          ...onEventConfig[eventKey],
+          actions: options
+        };
+        this.setState({
+          onEvent: onEventConfig
+        });
+      }
+    });
+  }
+
+  destroyDragging() {
+    Object.keys(this.eventPanelSortMap).forEach((key: string) => {
+      this.eventPanelSortMap[key]?.destroy();
+    });
+  }
+
+  // 获取真实的动作类型
+  getActionType(action: ActionConfig) {
+    return action.__isCmptAction
+      ? 'component'
+      : ['url', 'link'].includes(action.actionType)
+      ? 'openPage'
+      : action.actionType;
+  }
+
+  /**
+   * 格式化初始化时的动作配置
+   * @param action
+   */
+  formatActionInitConfig(action: ActionConfig) {
+    let config = {...action};
+
+    if (
+      ['setValue', 'url', 'link'].includes(action.actionType) &&
+      action.args
+    ) {
+      const prop = action.actionType === 'setValue' ? 'value' : 'params';
+      !config.args && (config.args = {});
+      if (Array.isArray(action.args[prop])) {
+        config.args[prop] = action.args[prop].reduce(
+          (arr: any, valueItem: any, index: number) => {
+            if (!arr[index]) {
+              arr[index] = {};
+            }
+            arr[index].item = Object.entries(valueItem).map(([key, val]) => ({
+              key,
+              val
+            }));
+            return arr;
+          },
+          []
+        );
+      } else if (typeof action.args[prop] === 'object') {
+        config.args[prop] = Object.keys(action.args[prop]).map(key => ({
+          key,
+          val: action.args?.[prop][key]
+        }));
+      } else if (
+        action.actionType === 'setValue' &&
+        typeof action.args[prop] === 'string'
+      ) {
+        config.args['valueInput'] = config.args['value'];
+        delete config.args?.value;
+      }
+    }
+
+    const actionType = this.getActionType(action);
+
+    let __cmptActionType = action.componentId ? action.actionType : '';
+    if (['url', 'link'].includes(action.actionType)) {
+      __cmptActionType = action.actionType;
+    }
+
+    // 还原args为可视化配置结构(args + addOnArgs)
+    if (config.args) {
+      const actionConfigItems: any = this.getAcionConfig(action)?.config;
+      if (actionConfigItems) {
+        let tmpArgs = {};
+        config.addOnArgs = [];
+        Object.keys(config.args).forEach(key => {
+          // 筛选出附加配置参数
+          if (!actionConfigItems.includes(key)) {
+            config.addOnArgs = [
+              ...config.addOnArgs,
+              {
+                key: key,
+                val: config.args?.[key]
+              }
+            ];
+          } else {
+            tmpArgs = {
+              ...tmpArgs,
+              [key]: config.args?.[key]
+            };
+          }
+        });
+        config.args = tmpArgs;
+      }
+    }
+    return {
+      ...config,
+      actionType,
+      __componentTreeSource: this.getComponentTreeSource(actionType),
+      __cmptActionType,
+      __showSelectCmpt:
+        actionType === 'component' ||
+        this.state.actionConfigItems?.[actionType]?.withComponentId
+      // broadcastId: action.actionType === 'broadcast' ? action.eventName : ''
+    };
+  }
+
+  // 唤起动作配置弹窗
+  activeActionDialog(
+    data: Pick<EventControlState, 'showAcionDialog' | 'type' | 'actionData'>
+  ) {
+    const {events, rawVariables} = this.state;
+
+    // 收集事件变量
+    let eventVariables: ContextVariables[] = [
+      {
+        label: '事件变量',
+        children: []
+      }
+    ];
+    const eventConfig = events.find(
+      item => item.eventName === data.actionData!.eventKey
+    );
+
+    eventConfig?.dataSchema?.forEach((ds: any) => {
+      const dataSchema = new DataSchema(ds || []);
+      eventVariables[0].children = [
+        ...eventVariables[0].children!,
+        ...dataSchema.getDataPropsAsOptions()
+      ];
+    });
+
+    const variables = [...eventVariables, ...rawVariables];
+
+    // 编辑操作，需要格式化动作配置
+    if (data.type === 'update') {
+      data.actionData = {
+        eventKey: data.actionData!.eventKey,
+        actionIndex: data.actionData!.actionIndex,
+        variables,
+        ...this.formatActionInitConfig(data.actionData!.action!)
+      };
+    } else {
+      data.actionData = {
+        eventKey: data.actionData!.eventKey,
+        variables
+      };
+    }
+
+    this.setState(data);
+  }
+
+  // 获取默认配置项
+  getAcionConfig(action: ActionConfig) {
+    const {actions} = this.props;
+    const {actionConfigItems} = this.state;
+    const actionType = this.getActionType(action);
+    const realActionType = ['component', 'openPage'].includes(actionType)
+      ? action.__cmptActionType
+      : action.actionType;
+    let actionConfig: RendererPluginAction | undefined;
+    if (['component', 'openPage'].includes(actionType)) {
+      // 尝试从actions中获取desc
+      actionConfig = actions[action.__rendererName]?.find(
+        (item: RendererPluginAction) => item.actionType === realActionType
+      );
+    }
+    actionConfig = {
+      ...(actionConfig || {}),
+      ...actionConfigItems[action.actionType as string]
+    } as RendererPluginAction;
+    return actionConfig;
+  }
+
+  // 渲染描述信息
+  renderActionDesc(action: ActionConfig) {
+    let desc = this.getAcionConfig(action)?.desc;
+
+    return typeof desc === 'function' ? (
+      <div className="action-control-content">{desc(action)}</div>
+    ) : null;
+  }
+
+  render() {
+    const {
+      onEvent,
+      events,
+      eventPanelActive,
+      showAcionDialog,
+      actionData,
+      type
+    } = this.state;
+    const eventKeys = Object.keys(onEvent);
+
+    return (
+      <div className="ae-event-control">
+        <header
+          className={cx({
+            'ae-event-control-header': true,
+            'no-bd-btm': !eventKeys.length
+          })}
+        >
+          {amisRender({
+            type: 'dropdown-button',
+            level: 'enhance',
+            label: '添加事件',
+            disabled: false,
+            className: 'block w-full',
+            closeOnClick: true,
+            buttons: events.map(item => ({
+              type: 'button',
+              actionType: '',
+              label: item.eventLabel,
+              onClick: this.addEvent.bind(this, item)
+            }))
+          })}
+        </header>
+        <ul className="ae-event-control-content" ref={this.dragRef}>
+          {eventKeys.length ? (
+            eventKeys.map((eventKey, eventIndex) => {
+              return (
+                <li className="event-item" key={`content_${eventIndex}`}>
+                  <div
+                    className={cx({
+                      'event-item-header': true,
+                      'no-bd-btm': !(
+                        onEvent[eventKey].actions?.length &&
+                        eventPanelActive[eventKey]
+                      )
+                    })}
+                  >
+                    <TooltipWrapper
+                      tooltipClassName="event-item-header-tip"
+                      trigger="hover"
+                      placement="top"
+                      tooltip={{
+                        children: () => (
+                          <div>
+                            {getEventDesc(events, eventKey) || eventKey}
+                          </div>
+                        )
+                      }}
+                    >
+                      <div>{getEventLabel(events, eventKey) || eventKey}</div>
+                    </TooltipWrapper>
+                    <div className="event-item-header-toolbar">
+                      <div
+                        onClick={this.activeActionDialog.bind(this, {
+                          showAcionDialog: true,
+                          type: 'add',
+                          actionData: {
+                            eventKey
+                          }
+                        })}
+                      >
+                        <Icon className="icon" icon="add-btn" />
+                      </div>
+                      <div onClick={this.delEvent.bind(this, eventKey)}>
+                        <Icon className="icon" icon="delete-bold-btn" />
+                      </div>
+                      <div
+                        onClick={this.toggleActivePanel.bind(this, eventKey)}
+                      >
+                        {eventPanelActive[eventKey] ? (
+                          <Icon className="icon" icon="open-btn-r" />
+                        ) : (
+                          <Icon className="icon" icon="close-btn" />
+                        )}
+                      </div>
+                    </div>
+                  </div>
+                  {onEvent[eventKey].actions.length &&
+                  eventPanelActive[eventKey] ? (
+                    <ul className="item-content">
+                      {onEvent[eventKey].actions.map((action, actionIndex) => {
+                        return (
+                          <li
+                            className="ae-option-control-item"
+                            key={actionIndex}
+                          >
+                            <div className="action-control-header">
+                              <div className="action-control-header-left">
+                                <div className="ae-option-control-item-dragBar">
+                                  <Icon
+                                    icon="drag-six-circle-btn"
+                                    className="icon"
+                                  />
+                                </div>
+                                <div className="action-item-actiontype">
+                                  {action.__label || action.actionType}
+                                </div>
+                              </div>
+                              <div className="action-control-header-right">
+                                <div
+                                  onClick={this.activeActionDialog.bind(this, {
+                                    showAcionDialog: true,
+                                    type: 'update',
+                                    actionData: {
+                                      action,
+                                      eventKey,
+                                      actionIndex
+                                    }
+                                  })}
+                                >
+                                  <Icon className="icon" icon="edit-full-btn" />
+                                </div>
+                                <div
+                                  onClick={this.delAction.bind(
+                                    this,
+                                    eventKey,
+                                    action,
+                                    actionIndex
+                                  )}
+                                >
+                                  <Icon
+                                    className="icon"
+                                    icon="delete-easy-btn"
+                                  />
+                                </div>
+                              </div>
+                            </div>
+                            {this.renderActionDesc(action)}
+                          </li>
+                        );
+                      })}
+                    </ul>
+                  ) : null}
+                </li>
+              );
+            })
+          ) : (
+            <div className="ae-event-control-placeholder">
+              快去创建事件，让你的产品动起来吧
+            </div>
+          )}
+        </ul>
+        {showAcionDialog
+          ? amisRender(
+              {
+                type: 'dialog',
+                title: '动作配置',
+                headerClassName: 'font-bold',
+                className: 'action-config-dialog',
+                closeOnEsc: true,
+                closeOnOutside: false,
+                showCloseButton: true,
+                size: 'lg',
+                body: this.renderConfig(type),
+                onClose: () => {
+                  this.setState({showAcionDialog: false});
+                }
+              },
+              {
+                data: actionData // 必须这样，不然变量会被当作数据映射处理掉
+              }
+            )
+          : null}
+      </div>
+    );
+  }
+}
+
+@FormItem({
+  type: 'ae-eventControl'
+})
+export class EventControlRenderer extends EventControl {}
+
+// 获取事件Label文案
+export const getEventLabel = (events: RendererPluginEvent[], name: string) =>
+  events.find(item => item.eventName === name)?.eventLabel;
+// 获取事件描述文案
+export const getEventDesc = (events: RendererPluginEvent[], name: string) =>
+  events.find(item => item.eventName === name)?.description;
+// 获取动作Label文案
+export const getActionLabel = (events: RendererPluginAction[], name: string) =>
+  findTree(events, item => item.actionType === name)?.actionLabel;
+
+/**
+ * 根据不同的动作类型过滤组件树
+ * @param componentsTree 组件树
+ * @param actionType 动作类型
+ * @returns
+ */
+export const getComponentTreeByType = (
+  componentsTree: ComponentInfo[] = [],
+  actionType: string = '',
+  pluginActions: {
+    [key: string]: any;
+  } = {},
+  actionConfigItems: {[propName: string]: RendererPluginAction}
+) => {
+  const hasActionType = (actions?: RendererPluginAction[]) => {
+    if (!Array.isArray(actions)) {
+      return false;
+    }
+    return !!actions?.find(item =>
+      [item.actionType, 'component'].includes(actionType)
+    );
+  };
+
+  const loopChildren = (nodes: ComponentInfo[]) => {
+    const temp: ComponentInfo[] = [];
+    for (let node of nodes) {
+      const actions = pluginActions[node.type];
+
+      if (
+        ['show', 'hidden'].includes(actionType) ||
+        (['enabled', 'disabled'].includes(actionType) &&
+          ['form', ...FORMITEM_CMPTS].includes(node.type)) ||
+        (!['submit', 'clear', 'reset', 'validate'].includes(actionType) &&
+          node.type &&
+          hasActionType(actions)) ||
+        (['submit', 'clear', 'reset', 'validate'].includes(actionType) &&
+          node.type === 'form') ||
+        ((actionType === 'component' ||
+          actionConfigItems[actionType]?.withComponentId) &&
+          actionConfigItems[actionType]?.supportComponents?.includes(node.type))
+      ) {
+        // 组件特性动作，如果当前组件没有动作，则禁用
+        const disabled =
+          actionType === 'component' && (!actions || !actions.length);
+        const newNode: ComponentInfo = {
+          ...node,
+          disabled: disabled || node.disabled,
+          children: []
+        };
+        if (node.children?.length) {
+          // 检查子项
+          newNode.children?.push(...loopChildren(node.children));
+        }
+        temp.push(newNode);
+      } else if (node.children?.length) {
+        const childNodes = loopChildren(node.children);
+        if (childNodes.length) {
+          temp.push(...childNodes);
+        }
+      }
+    }
+    return temp;
+  };
+
+  return loopChildren(componentsTree);
+};
diff --git a/packages/amis-editor/src/renderer/event-control/types.ts b/packages/amis-editor/src/renderer/event-control/types.ts
new file mode 100644
index 000000000..e6611a8cf
--- /dev/null
+++ b/packages/amis-editor/src/renderer/event-control/types.ts
@@ -0,0 +1,32 @@
+import {ListenerAction} from 'amis-core';
+import {RendererPluginAction} from 'amis-editor-core';
+
+export interface ActionConfig extends ListenerAction {
+  [propName: string]: any;
+}
+
+export interface ActionEventConfig {
+  [propName: string]: {
+    weight?: number; // 权重
+    actions: ActionConfig[]; // 执行的动作集
+    __isBroadcast?: boolean; // 区分一下广播事件
+  };
+}
+
+// 组件树结构
+export interface ComponentInfo {
+  label: string;
+  value: string;
+  type: string;
+  disabled?: boolean;
+  actions?: RendererPluginAction[]; // 动作集
+  children?: ComponentInfo[];
+}
+
+export interface ContextVariables {
+  // 上下文公式变量
+  label: string;
+  value?: any;
+  tag?: string | string[];
+  children?: any[];
+}