amis-editor 5.2.0-beta.2 → 5.2.1-beta.15

package/lib/renderer/event-control/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -26,18 +26,31 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
 var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
 
-var EventControl =
-/** @class */
-function (_super) {
+var EventControl = /** @class */function (_super) {
   tslib.__extends(EventControl, _super);
-
   function EventControl(props) {
     var _this = _super.call(this, props) || this;
-
-    _this.eventPanelSortMap = {};
+    Object.defineProperty(_this, "target", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "eventPanelSortMap", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {}
+    });
+    Object.defineProperty(_this, "drag", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
     var events = props.events,
-        value = props.value,
-        data = props.data;
+      value = props.value,
+      data = props.data;
     var eventPanelActive = {};
     var pluginEvents = events[data.type] || [];
     pluginEvents.forEach(function (event) {
@@ -53,182 +66,192 @@ function (_super) {
     };
     return _this;
   }
-
-  EventControl.prototype.componentDidUpdate = function (prevProps, prevState) {
-    var _a = this.props,
+  Object.defineProperty(EventControl.prototype, "componentDidUpdate", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (prevProps, prevState) {
+      var _a = this.props,
         value = _a.value,
         onChange = _a.onChange;
-
-    if (value !== prevProps.value) {
-      this.setState({
-        onEvent: value
-      });
+      if (value !== prevProps.value) {
+        this.setState({
+          onEvent: value
+        });
+      }
+      if (prevState.onEvent !== this.state.onEvent) {
+        onChange && onChange(this.state.onEvent);
+      }
     }
-
-    if (prevState.onEvent !== this.state.onEvent) {
-      onChange && onChange(this.state.onEvent);
+  });
+  Object.defineProperty(EventControl.prototype, "generateEmptyDefault", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (events) {
+      var onEvent = {};
+      events.forEach(function (event) {
+        if (event.defaultShow) {
+          onEvent["".concat(event.eventName)] = {
+            __isBroadcast: !!event.isBroadcast,
+            weight: 0,
+            actions: []
+          };
+        }
+      });
+      // Object.keys(onEvent).length && props.onChange && props.onChange(onEvent);
+      return Object.keys(onEvent).length ? onEvent : {};
     }
-  };
-
-  EventControl.prototype.generateEmptyDefault = function (events) {
-    var onEvent = {};
-    events.forEach(function (event) {
-      if (event.defaultShow) {
-        onEvent["".concat(event.eventName)] = {
-          __isBroadcast: !!event.isBroadcast,
-          weight: 0,
-          actions: []
-        };
+  });
+  Object.defineProperty(EventControl.prototype, "addEvent", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event, disabled) {
+      var onChange = this.props.onChange;
+      var onEvent = tslib.__assign({}, this.state.onEvent);
+      if (disabled) {
+        return;
       }
-    }); // Object.keys(onEvent).length && props.onChange && props.onChange(onEvent);
-
-    return Object.keys(onEvent).length ? onEvent : {};
-  };
-
-  EventControl.prototype.addEvent = function (event, disabled) {
-    var onChange = this.props.onChange;
-
-    var onEvent = tslib.__assign({}, this.state.onEvent);
-
-    if (disabled) {
-      return;
+      onEvent["".concat(event.eventName)] = {
+        __isBroadcast: !!event.isBroadcast,
+        weight: 0,
+        actions: []
+      };
+      this.setState({
+        onEvent: onEvent
+      });
+      onChange && onChange(onEvent);
     }
-
-    onEvent["".concat(event.eventName)] = {
-      __isBroadcast: !!event.isBroadcast,
-      weight: 0,
-      actions: []
-    };
-    this.setState({
-      onEvent: onEvent
-    });
-    onChange && onChange(onEvent);
-  };
-
-  EventControl.prototype.delEvent = function (event) {
-    var onChange = this.props.onChange;
-
-    var onEvent = tslib.__assign({}, this.state.onEvent);
-
-    delete onEvent[event];
-    this.setState({
-      onEvent: onEvent
-    });
-    onChange && onChange(onEvent);
-  };
-
-  EventControl.prototype.addAction = function (event, config) {
-    var _a = this.props,
+  });
+  Object.defineProperty(EventControl.prototype, "delEvent", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event) {
+      var onChange = this.props.onChange;
+      var onEvent = tslib.__assign({}, this.state.onEvent);
+      delete onEvent[event];
+      this.setState({
+        onEvent: onEvent
+      });
+      onChange && onChange(onEvent);
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "addAction", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event, config) {
+      var _a = this.props,
         addBroadcast = _a.addBroadcast,
         owner = _a.owner;
-    var _b = this.state,
+      var _b = this.state,
         onEvent = _b.onEvent,
         eventPanelActive = _b.eventPanelActive;
-
-    var onEventConfig = tslib.__assign({}, onEvent);
-
-    var activeConfig = tslib.__assign({}, eventPanelActive);
-
-    if (config.actionType === 'broadcast') {
-      typeof addBroadcast === 'function' && addBroadcast({
-        owner: owner,
-        isBroadcast: true,
-        eventName: config.eventName,
-        eventLabel: config.eventLabel,
-        description: config.description
+      var onEventConfig = tslib.__assign({}, onEvent);
+      var activeConfig = tslib.__assign({}, eventPanelActive);
+      if (config.actionType === 'broadcast') {
+        typeof addBroadcast === 'function' && addBroadcast({
+          owner: owner,
+          isBroadcast: true,
+          eventName: config.eventName,
+          eventLabel: config.eventLabel,
+          description: config.description
+        });
+      }
+      activeConfig[event] = true;
+      if (config.actionType) {
+        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);
     }
-
-    activeConfig[event] = true;
-
-    if (config.actionType) {
-      onEventConfig[event] = {
-        actions: onEventConfig[event].actions.concat(config),
-        weight: onEvent[event].weight
-      };
+  });
+  Object.defineProperty(EventControl.prototype, "updateAction", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event, index, config) {
+      this.updateValue(event, index, config);
     }
-
-    this.setState({
-      onEvent: onEventConfig,
-      eventPanelActive: activeConfig
-    });
-    this.initDragging();
-    this.props.onChange && this.props.onChange(onEventConfig);
-  };
-
-  EventControl.prototype.updateAction = function (event, index, config) {
-    this.updateValue(event, index, config);
-  };
-
-  EventControl.prototype.delAction = function (event, action, index) {
-    var _a;
-
-    var _b = this.state,
+  });
+  Object.defineProperty(EventControl.prototype, "delAction", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event, action, index) {
+      var _a;
+      var _b = this.state,
         onEvent = _b.onEvent,
         eventPanelActive = _b.eventPanelActive;
-    var removeBroadcast = this.props.removeBroadcast;
-
-    var onEventConfig = tslib.__assign({}, onEvent);
-
-    var activeConfig = tslib.__assign({}, eventPanelActive); // 删掉对应广播
-
-
-    if (action.actionType === 'broadcast') {
-      typeof removeBroadcast === 'function' && removeBroadcast(action.eventName);
+      var removeBroadcast = this.props.removeBroadcast;
+      var onEventConfig = tslib.__assign({}, onEvent);
+      var activeConfig = tslib.__assign({}, eventPanelActive);
+      // 删掉对应广播
+      if (action.actionType === 'broadcast') {
+        typeof removeBroadcast === 'function' && removeBroadcast(action.eventName);
+      }
+      onEventConfig[event] = {
+        actions: onEventConfig[event].actions.filter(function (item, actionIndex) {
+          return index !== actionIndex;
+        }),
+        weight: onEvent[event].weight
+      };
+      if (onEventConfig[event].actions.length < 1) {
+        activeConfig[event] = false;
+        this.setState({
+          eventPanelActive: activeConfig
+        });
+        (_a = this.eventPanelSortMap[event]) === null || _a === void 0 ? void 0 : _a.destroy();
+      }
+      this.setState({
+        onEvent: onEventConfig
+      });
+      this.props.onChange && this.props.onChange(onEventConfig);
     }
-
-    onEventConfig[event] = {
-      actions: onEventConfig[event].actions.filter(function (item, actionIndex) {
-        return index !== actionIndex;
-      }),
-      weight: onEvent[event].weight
-    };
-
-    if (onEventConfig[event].actions.length < 1) {
-      activeConfig[event] = false;
+  });
+  Object.defineProperty(EventControl.prototype, "toggleActivePanel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (eventKey) {
+      var _this = this;
+      var _a;
+      var eventPanelActive = this.state.eventPanelActive;
+      eventPanelActive[eventKey] = !eventPanelActive[eventKey];
+      if (!eventPanelActive[eventKey]) {
+        (_a = this.eventPanelSortMap[eventKey]) === null || _a === void 0 ? void 0 : _a.destroy();
+      }
       this.setState({
-        eventPanelActive: activeConfig
+        eventPanelActive: eventPanelActive
+      }, function () {
+        _this.initDragging();
       });
-      (_a = this.eventPanelSortMap[event]) === null || _a === void 0 ? void 0 : _a.destroy();
     }
-
-    this.setState({
-      onEvent: onEventConfig
-    });
-    this.props.onChange && this.props.onChange(onEventConfig);
-  };
-
-  EventControl.prototype.toggleActivePanel = function (eventKey) {
-    var _this = this;
-
-    var _a;
-
-    var eventPanelActive = this.state.eventPanelActive;
-    eventPanelActive[eventKey] = !eventPanelActive[eventKey];
-
-    if (!eventPanelActive[eventKey]) {
-      (_a = this.eventPanelSortMap[eventKey]) === null || _a === void 0 ? void 0 : _a.destroy();
+  });
+  Object.defineProperty(EventControl.prototype, "updateWeight", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event, data) {
+      var onEvent = this.state.onEvent;
+      var onEventConfig = tslib.__assign({}, onEvent);
+      onEventConfig[event] = tslib.__assign(tslib.__assign({}, onEventConfig[event]), {
+        weight: data.weight || 0
+      });
+      this.setState({
+        onEvent: onEventConfig
+      });
     }
-
-    this.setState({
-      eventPanelActive: eventPanelActive
-    }, function () {
-      _this.initDragging();
-    });
-  };
-
-  EventControl.prototype.updateWeight = function (event, data) {
-    var onEvent = this.state.onEvent;
-
-    var onEventConfig = tslib.__assign({}, onEvent);
-
-    onEventConfig[event] = tslib.__assign(tslib.__assign({}, onEventConfig[event]), {
-      weight: data.weight || 0
-    });
-    this.setState({
-      onEvent: onEventConfig
-    });
-  };
+  });
   /**
    * 更新事件配置
    *
@@ -237,528 +260,515 @@ function (_super) {
    * @param {*} config
    * @memberof EventControl
    */
-
-
-  EventControl.prototype.updateValue = function (event, index, config) {
-    return tslib.__awaiter(this, void 0, void 0, function () {
-      var onEvent, emptyEventAcion, onEventConfig;
-      return tslib.__generator(this, function (_a) {
-        onEvent = this.state.onEvent;
-        emptyEventAcion = tslib.__assign({}, onEvent);
-        onEventConfig = tslib.__assign({}, onEvent);
-        emptyEventAcion[event] = {
-          actions: onEvent[event].actions.map(function (item, actionIndex) {
-            return actionIndex === index ? {
-              actionType: ''
-            } : item;
-          }),
-          weight: onEvent[event].weight
-        };
-        onEventConfig[event] = {
-          actions: onEvent[event].actions.map(function (item, actionIndex) {
-            return actionIndex === index ? typeof config === 'string' ? tslib.__assign(tslib.__assign({}, item), {
-              actionType: config
-            }) : config : item;
-          }),
-          weight: onEvent[event].weight
-        };
-        this.setState({
-          onEvent: onEventConfig
+  Object.defineProperty(EventControl.prototype, "updateValue", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event, index, config) {
+      return tslib.__awaiter(this, void 0, void 0, function () {
+        var onEvent, emptyEventAcion, onEventConfig;
+        return tslib.__generator(this, function (_a) {
+          onEvent = this.state.onEvent;
+          emptyEventAcion = tslib.__assign({}, onEvent);
+          onEventConfig = tslib.__assign({}, onEvent);
+          emptyEventAcion[event] = {
+            actions: onEvent[event].actions.map(function (item, actionIndex) {
+              return actionIndex === index ? {
+                actionType: ''
+              } : item;
+            }),
+            weight: onEvent[event].weight
+          };
+          onEventConfig[event] = {
+            actions: onEvent[event].actions.map(function (item, actionIndex) {
+              return actionIndex === index ? typeof config === 'string' ? tslib.__assign(tslib.__assign({}, item), {
+                actionType: config
+              }) : config : item;
+            }),
+            weight: onEvent[event].weight
+          };
+          this.setState({
+            onEvent: onEventConfig
+          });
+          this.props.onChange && this.props.onChange(onEventConfig);
+          return [2 /*return*/];
         });
-        this.props.onChange && this.props.onChange(onEventConfig);
-        return [2
-        /*return*/
-        ];
       });
-    });
-  };
-
-  EventControl.prototype.dragRef = function (ref) {
-    if (!this.drag && ref) {
-      this.initDragging();
-    } else if (this.drag && !ref) {
-      this.destroyDragging();
     }
-
-    this.drag = ref;
-  };
-
-  EventControl.prototype.initDragging = function () {
-    var _this = this;
-
-    this.eventPanelSortMap = {};
-    var dom = reactDom.findDOMNode(this);
-    var _a = this.state,
+  });
+
+  Object.defineProperty(EventControl.prototype, "dragRef", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (ref) {
+      if (!this.drag && ref) {
+        this.initDragging();
+      } else if (this.drag && !ref) {
+        this.destroyDragging();
+      }
+      this.drag = ref;
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "initDragging", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      this.eventPanelSortMap = {};
+      var dom = reactDom.findDOMNode(this);
+      var _a = this.state,
         onEvent = _a.onEvent,
         eventPanelActive = _a.eventPanelActive;
-    var eventPanel = Array.prototype.slice.call(dom.getElementsByClassName('item-content')); // 找到激活的事件面板
-
-    Object.keys(onEvent).filter(function (key) {
-      return onEvent[key].actions.length && eventPanelActive[key];
-    }).forEach(function (key, index) {
-      if (!_this.eventPanelSortMap[key]) {
-        _this.eventPanelSortMap[key] = _this.genSortPanel(key, eventPanel[index]);
-      }
-    });
-  };
-
-  EventControl.prototype.genSortPanel = function (eventKey, ele) {
-    var _this = this;
-
-    return new Sortable__default["default"](ele, {
-      group: 'eventControlGroup',
-      animation: 150,
-      handle: '.ae-option-control-item-dragBar',
-      ghostClass: 'ae-option-control-item--dragging',
-      onEnd: function (e) {
-        // 没有移动
-        if (e.newIndex === e.oldIndex) {
-          return;
-        } // 换回来
-
-
-        var parent = e.to;
-
-        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);
+      var eventPanel = Array.prototype.slice.call(dom.getElementsByClassName('item-content'));
+      // 找到激活的事件面板
+      Object.keys(onEvent).filter(function (key) {
+        return onEvent[key].actions.length && eventPanelActive[key];
+      }).forEach(function (key, index) {
+        if (!_this.eventPanelSortMap[key]) {
+          _this.eventPanelSortMap[key] = _this.genSortPanel(key, eventPanel[index]);
         }
-
-        var onEventConfig = cloneDeep__default["default"](_this.state.onEvent);
-        var newEvent = onEventConfig[eventKey];
-        var options = newEvent === null || newEvent === void 0 ? void 0 : newEvent.actions.concat(); // 从后往前移
-
-        if (e.oldIndex > e.newIndex) {
-          options = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], options.slice(0, e.newIndex), true), [options[e.oldIndex]], false), options.slice(e.newIndex, e.oldIndex), true), options.slice(e.oldIndex + 1, options.length), true);
-        } else if (e.oldIndex < e.newIndex) {
-          // 从前往后
-          options = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], e.oldIndex === 0 ? [] : options.slice(0, e.oldIndex), true), options.slice(e.oldIndex + 1, e.newIndex), true), [options[e.oldIndex]], false), options.slice(e.newIndex, options.length), true);
+      });
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "genSortPanel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (eventKey, ele) {
+      var _this = this;
+      return new Sortable__default["default"](ele, {
+        group: 'eventControlGroup',
+        animation: 150,
+        handle: '.ae-option-control-item-dragBar',
+        ghostClass: 'ae-option-control-item--dragging',
+        onEnd: function (e) {
+          // 没有移动
+          if (e.newIndex === e.oldIndex) {
+            return;
+          }
+          // 换回来
+          var parent = e.to;
+          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);
+          }
+          var onEventConfig = cloneDeep__default["default"](_this.state.onEvent);
+          var newEvent = onEventConfig[eventKey];
+          var options = newEvent === null || newEvent === void 0 ? void 0 : newEvent.actions.concat();
+          // 从后往前移
+          if (e.oldIndex > e.newIndex) {
+            options = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], options.slice(0, e.newIndex), true), [options[e.oldIndex]], false), options.slice(e.newIndex, e.oldIndex), true), options.slice(e.oldIndex + 1, options.length), true);
+          } else if (e.oldIndex < e.newIndex) {
+            // 从前往后
+            options = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], e.oldIndex === 0 ? [] : options.slice(0, e.oldIndex), true), options.slice(e.oldIndex + 1, e.newIndex), true), [options[e.oldIndex]], false), options.slice(e.newIndex, options.length), true);
+          }
+          onEventConfig[eventKey] = tslib.__assign(tslib.__assign({}, onEventConfig[eventKey]), {
+            actions: options
+          });
+          _this.setState({
+            onEvent: onEventConfig
+          });
         }
-
-        onEventConfig[eventKey] = tslib.__assign(tslib.__assign({}, onEventConfig[eventKey]), {
-          actions: options
-        });
-
-        _this.setState({
-          onEvent: onEventConfig
-        });
-      }
-    });
-  };
-
-  EventControl.prototype.destroyDragging = function () {
-    var _this = this;
-
-    Object.keys(this.eventPanelSortMap).forEach(function (key) {
+      });
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "destroyDragging", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      Object.keys(this.eventPanelSortMap).forEach(function (key) {
+        var _a;
+        (_a = _this.eventPanelSortMap[key]) === null || _a === void 0 ? void 0 : _a.destroy();
+      });
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "getEventVariables", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (activeData) {
       var _a;
-
-      (_a = _this.eventPanelSortMap[key]) === null || _a === void 0 ? void 0 : _a.destroy();
-    });
-  };
-
-  EventControl.prototype.getEventVariables = function (activeData) {
-    var _a;
-
-    var _b = this.state,
+      var _b = this.state,
         events = _b.events,
         onEvent = _b.onEvent;
-    var _c = this.props,
+      var _c = this.props,
         actionTree = _c.actionTree,
         pluginActions = _c.pluginActions,
-        commonActions = _c.commonActions; // 收集当前事件已有ajax动作的请求返回结果作为事件变量
-
-    var oldActions = onEvent[activeData.actionData.eventKey].actions;
-
-    if (activeData.type === 'update') {
-      // 编辑的时候只能拿到当前动作前面动作的事件变量
-      oldActions = oldActions.slice(0, activeData.actionData.actionIndex);
-    }
-
-    var withOutputVarActions = oldActions === null || oldActions === void 0 ? void 0 : oldActions.filter(function (item) {
-      return item.outputVar;
-    });
-    var withOutputVarVariables = withOutputVarActions === null || withOutputVarActions === void 0 ? void 0 : withOutputVarActions.map(function (item, index) {
-      var _a;
-
-      var actionLabel = helper.getPropOfAcion(item, 'actionLabel', actionTree, pluginActions, commonActions);
-      var dataSchemaJson = helper.getPropOfAcion(item, 'outputVarDataSchema', actionTree, pluginActions, commonActions);
-      var dataSchema = new amis.DataSchema(dataSchemaJson || []);
-      return {
-        label: "".concat(item.outputVar ? item.outputVar + "\uFF08".concat(actionLabel, "\u7ED3\u679C\uFF09") : "".concat(actionLabel, "\u7ED3\u679C")),
-        tag: 'object',
-        children: (_a = dataSchema.getDataPropsAsOptions()) === null || _a === void 0 ? void 0 : _a.map(function (variable) {
-          return tslib.__assign(tslib.__assign({}, variable), {
-            value: variable.value.replace('${outputVar}', item.outputVar)
-          });
-        })
-      };
-    });
-    var eventVariables = [{
-      label: i18nRuntime.i18n("0b446df580ad309e7c26e5242eddafac"),
-      children: withOutputVarVariables || []
-    }];
-    var eventConfig = events.find(function (item) {
-      return item.eventName === activeData.actionData.eventKey;
-    });
-    (_a = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.dataSchema) === null || _a === void 0 ? void 0 : _a.forEach(function (ds) {
-      var dataSchema = new amis.DataSchema(ds || []);
-      eventVariables[0].children = tslib.__spreadArray(tslib.__spreadArray([], eventVariables[0].children, true), dataSchema.getDataPropsAsOptions(), true);
-    });
-    return eventVariables;
-  }; // 唤起动作配置弹窗
-
-
-  EventControl.prototype.activeActionDialog = function (data) {
-    var _a;
-
-    return tslib.__awaiter(this, void 0, void 0, function () {
-      var _b, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, rawVariables, dataSchemaIns, eventVariables, variables, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, rendererType, rendererName_1, curVariable;
-
-      return tslib.__generator(this, function (_c) {
-        switch (_c.label) {
-          case 0:
-            _b = this.props, pluginActions = _b.actions, getContextSchemas = _b.getContextSchemas, actionConfigInitFormatter = _b.actionConfigInitFormatter, getComponents = _b.getComponents, actionTree = _b.actionTree, allComponents = _b.allComponents;
-            rawVariables = [];
-            if (!getContextSchemas) return [3
-            /*break*/
-            , 2];
-            return [4
-            /*yield*/
-            , getContextSchemas()];
-
-          case 1:
-            dataSchemaIns = _c.sent();
-            rawVariables = dataSchemaIns === null || dataSchemaIns === void 0 ? void 0 : dataSchemaIns.getDataPropsAsOptions();
-            _c.label = 2;
-
-          case 2:
-            eventVariables = this.getEventVariables(data);
-            variables = tslib.__spreadArray(tslib.__spreadArray([], eventVariables, true), rawVariables, true);
-            if (!(data.type === 'update')) return [3
-            /*break*/
-            , 4];
-            action_1 = data.actionData.action;
-            return [4
-            /*yield*/
-            , actionConfigInitFormatter === null || actionConfigInitFormatter === void 0 ? void 0 : actionConfigInitFormatter(action_1, {
-              eventVariables: eventVariables,
-              rawVariables: rawVariables
-            })];
-
-          case 3:
-            actionConfig = _c.sent();
-            actionNode = helper.findActionNode(actionTree, actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType);
-            hasSubActionNode = helper.findSubActionNode(actionTree, action_1.actionType);
-            supportComponents = getComponents(actionNode);
-            node = amisCore.findTree(supportComponents, function (item) {
-              return item.value === action_1.componentId;
+        commonActions = _c.commonActions,
+        allComponents = _c.allComponents;
+      // 收集当前事件已有ajax动作的请求返回结果作为事件变量
+      var oldActions = onEvent[activeData.actionData.eventKey].actions;
+      if (activeData.type === 'update') {
+        // 编辑的时候只能拿到当前动作前面动作的事件变量
+        oldActions = oldActions.slice(0, activeData.actionData.actionIndex);
+      }
+      var withOutputVarActions = oldActions === null || oldActions === void 0 ? void 0 : oldActions.filter(function (item) {
+        return item.outputVar;
+      });
+      var withOutputVarVariables = withOutputVarActions === null || withOutputVarActions === void 0 ? void 0 : withOutputVarActions.map(function (item, index) {
+        var _a;
+        var actionLabel = helper.getPropOfAcion(item, 'actionLabel', actionTree, pluginActions, commonActions, allComponents);
+        var dataSchemaJson = helper.getPropOfAcion(item, 'outputVarDataSchema', actionTree, pluginActions, commonActions, allComponents);
+        var dataSchema = new amis.DataSchema(dataSchemaJson || []);
+        return {
+          label: "".concat(item.outputVar ? item.outputVar + "\uFF08".concat(actionLabel, "\u7ED3\u679C\uFF09") : "".concat(actionLabel, "\u7ED3\u679C")),
+          tag: 'object',
+          children: (_a = dataSchema.getDataPropsAsOptions()) === null || _a === void 0 ? void 0 : _a.map(function (variable) {
+            return tslib.__assign(tslib.__assign({}, variable), {
+              value: variable.value.replace('${outputVar}', item.outputVar)
             });
-            setValueDs = null;
-
-            if ((actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType) === 'setValue') {
-              rendererType = node === null || node === void 0 ? void 0 : node.type;
-              rendererName_1 = node === null || node === void 0 ? void 0 : node.label; // todo:这里会闪一下，需要从amis查下问题
-
-              if (helper.SELECT_PROPS_CONTAINER.includes(rendererType || '')) {
-                curVariable = rawVariables.find(function (item) {
-                  return item.label === "".concat(rendererName_1, "\u53D8\u91CF");
-                });
-                setValueDs = (_a = curVariable === null || curVariable === void 0 ? void 0 : curVariable.children) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
-                  return item.value !== '$$id';
-                });
-              }
-            }
-
-            data.actionData = tslib.__assign(tslib.__assign({
-              eventKey: data.actionData.eventKey,
-              actionIndex: data.actionData.actionIndex,
-              variables: variables,
-              pluginActions: pluginActions,
-              getContextSchemas: getContextSchemas,
-              rawVariables: rawVariables
-            }, actionConfig), {
-              groupType: action_1.actionType,
-              __actionDesc: actionNode.description,
-              __actionSchema: actionNode.schema,
-              __subActions: hasSubActionNode === null || hasSubActionNode === void 0 ? void 0 : hasSubActionNode.actions,
-              __cmptTreeSource: supportComponents !== null && supportComponents !== void 0 ? supportComponents : [],
-              __superCmptTreeSource: allComponents,
-              // __supersCmptTreeSource: '',
-              __setValueDs: setValueDs
-            }); // 选中项自动滚动至可见位置
-
-            setTimeout(function () {
-              var _a;
-
-              return (_a = document.querySelector('.action-tree li .is-checked')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
-            }, 0);
-            return [3
-            /*break*/
-            , 5];
-
-          case 4:
-            data.actionData = {
-              eventKey: data.actionData.eventKey,
-              variables: variables,
-              pluginActions: pluginActions,
-              getContextSchemas: getContextSchemas,
-              rawVariables: rawVariables,
-              __superCmptTreeSource: allComponents
-            };
-            _c.label = 5;
-
-          case 5:
-            this.setState(data);
-            return [2
-            /*return*/
-            ];
-        }
+          })
+        };
       });
-    });
-  }; // 渲染描述信息
-
-
-  EventControl.prototype.renderDesc = function (action) {
-    var _a = this.props,
+      var eventVariables = [{
+        label: i18nRuntime.i18n("0b446df580ad309e7c26e5242eddafac"),
+        children: withOutputVarVariables || []
+      }];
+      var eventConfig = events.find(function (item) {
+        return item.eventName === activeData.actionData.eventKey;
+      });
+      (_a = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.dataSchema) === null || _a === void 0 ? void 0 : _a.forEach(function (ds) {
+        var dataSchema = new amis.DataSchema(ds || []);
+        eventVariables[0].children = tslib.__spreadArray(tslib.__spreadArray([], eventVariables[0].children, true), dataSchema.getDataPropsAsOptions(), true);
+      });
+      return eventVariables;
+    }
+  });
+  // 唤起动作配置弹窗
+  Object.defineProperty(EventControl.prototype, "activeActionDialog", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (data) {
+      return tslib.__awaiter(this, void 0, void 0, function () {
+        var _a, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, rawVariables, dataSchemaIns, eventVariables, variables, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, targetDataSchema, targetDataSchemaIns, targetVariables;
+        return tslib.__generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              _a = this.props, pluginActions = _a.actions, getContextSchemas = _a.getContextSchemas, actionConfigInitFormatter = _a.actionConfigInitFormatter, getComponents = _a.getComponents, actionTree = _a.actionTree, allComponents = _a.allComponents;
+              rawVariables = [];
+              if (!getContextSchemas) return [3 /*break*/, 2];
+              return [4 /*yield*/, getContextSchemas()];
+            case 1:
+              dataSchemaIns = _b.sent();
+              rawVariables = dataSchemaIns === null || dataSchemaIns === void 0 ? void 0 : dataSchemaIns.getDataPropsAsOptions();
+              _b.label = 2;
+            case 2:
+              eventVariables = this.getEventVariables(data);
+              variables = tslib.__spreadArray(tslib.__spreadArray([], eventVariables, true), rawVariables, true);
+              if (!(data.type === 'update')) return [3 /*break*/, 6];
+              action_1 = data.actionData.action;
+              return [4 /*yield*/, actionConfigInitFormatter === null || actionConfigInitFormatter === void 0 ? void 0 : actionConfigInitFormatter(action_1, {
+                eventVariables: eventVariables,
+                rawVariables: rawVariables
+              })];
+            case 3:
+              actionConfig = _b.sent();
+              actionNode = helper.findActionNode(actionTree, actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType);
+              hasSubActionNode = helper.findSubActionNode(actionTree, action_1.actionType);
+              supportComponents = getComponents(actionNode);
+              node = amisCore.findTree(supportComponents, function (item) {
+                return item.value === action_1.componentId;
+              });
+              setValueDs = null;
+              if (!((actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType) === 'setValue' && (node === null || node === void 0 ? void 0 : node.id) && helper.SELECT_PROPS_CONTAINER.includes((node === null || node === void 0 ? void 0 : node.type) || ''))) return [3 /*break*/, 5];
+              return [4 /*yield*/, getContextSchemas === null || getContextSchemas === void 0 ? void 0 : getContextSchemas(node.id, true)];
+            case 4:
+              targetDataSchema = _b.sent();
+              targetDataSchemaIns = new amis.DataSchema(targetDataSchema || []);
+              targetVariables = (targetDataSchemaIns === null || targetDataSchemaIns === void 0 ? void 0 : targetDataSchemaIns.getDataPropsAsOptions()) || [];
+              setValueDs = targetVariables === null || targetVariables === void 0 ? void 0 : targetVariables.filter(function (item) {
+                return item.value !== '$$id';
+              });
+              _b.label = 5;
+            case 5:
+              data.actionData = tslib.__assign(tslib.__assign({
+                eventKey: data.actionData.eventKey,
+                actionIndex: data.actionData.actionIndex,
+                variables: variables,
+                pluginActions: pluginActions,
+                getContextSchemas: getContextSchemas,
+                rawVariables: rawVariables
+              }, actionConfig), {
+                groupType: action_1.actionType,
+                __actionDesc: actionNode.description,
+                __actionSchema: actionNode.schema,
+                __subActions: hasSubActionNode === null || hasSubActionNode === void 0 ? void 0 : hasSubActionNode.actions,
+                __cmptTreeSource: supportComponents !== null && supportComponents !== void 0 ? supportComponents : [],
+                __superCmptTreeSource: allComponents,
+                // __supersCmptTreeSource: '',
+                __setValueDs: setValueDs
+              });
+              // 选中项自动滚动至可见位置
+              setTimeout(function () {
+                var _a;
+                return (_a = document.querySelector('.action-tree li .is-checked')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+              }, 0);
+              return [3 /*break*/, 7];
+            case 6:
+              data.actionData = {
+                eventKey: data.actionData.eventKey,
+                variables: variables,
+                pluginActions: pluginActions,
+                getContextSchemas: getContextSchemas,
+                rawVariables: rawVariables,
+                __superCmptTreeSource: allComponents
+              };
+              _b.label = 7;
+            case 7:
+              this.setState(data);
+              return [2 /*return*/];
+          }
+        });
+      });
+    }
+  });
+  // 渲染描述信息
+  Object.defineProperty(EventControl.prototype, "renderDesc", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (action) {
+      var _a = this.props,
         pluginActions = _a.actions,
         actionTree = _a.actionTree,
         commonActions = _a.commonActions,
-        getComponents = _a.getComponents;
-    var desc = helper.getPropOfAcion(action, 'descDetail', actionTree, pluginActions, commonActions);
-
-    var info = tslib.__assign({}, action); // 根据子动作类型获取动作树节点的配置
-
-
-    var hasSubActionNode = helper.findSubActionNode(actionTree, action.actionType);
-    var actionType = helper.getActionType(action, hasSubActionNode);
-    var actionNode = actionType && helper.findActionNode(actionTree, actionType);
-
-    if (action.componentId && actionNode) {
-      var supportComponents = getComponents(actionNode);
-      var node = amisCore.findTree(supportComponents, function (item) {
-        return item.value === action.componentId;
-      });
-
-      if (node) {
-        info = tslib.__assign(tslib.__assign({}, info), {
-          rendererLabel: node.label
+        getComponents = _a.getComponents,
+        allComponents = _a.allComponents;
+      var desc = helper.getPropOfAcion(action, 'descDetail', actionTree, pluginActions, commonActions, allComponents);
+      var info = tslib.__assign({}, action);
+      // 根据子动作类型获取动作树节点的配置
+      var hasSubActionNode = helper.findSubActionNode(actionTree, action.actionType);
+      var actionType = helper.getActionType(action, hasSubActionNode);
+      var actionNode = actionType && helper.findActionNode(actionTree, actionType);
+      if (action.componentId && actionNode) {
+        var supportComponents = getComponents(actionNode);
+        var node = amisCore.findTree(supportComponents, function (item) {
+          return item.value === action.componentId;
         });
+        if (node) {
+          info = tslib.__assign(tslib.__assign({}, info), {
+            rendererLabel: node.label
+          });
+        }
       }
+      return typeof desc === 'function' ? React__default["default"].createElement("div", {
+        className: "action-control-content"
+      }, (desc === null || desc === void 0 ? void 0 : desc(info)) || '-') : null;
     }
-
-    return typeof desc === 'function' ? React__default["default"].createElement("div", {
-      className: "action-control-content"
-    }, (desc === null || desc === void 0 ? void 0 : desc(info)) || '-') : null;
-  };
-
-  EventControl.prototype.onSubmit = function (type, config) {
-    var _a, _b, _c;
-
-    var actionConfigSubmitFormatter = this.props.actionConfigSubmitFormatter;
-    var action = (_a = actionConfigSubmitFormatter === null || actionConfigSubmitFormatter === void 0 ? void 0 : actionConfigSubmitFormatter(config)) !== null && _a !== void 0 ? _a : config;
-
-    if (type === 'add') {
-      (_b = this.addAction) === null || _b === void 0 ? void 0 : _b.call(this, config.eventKey, action);
-    } else if (type === 'update') {
-      (_c = this.updateAction) === null || _c === void 0 ? void 0 : _c.call(this, config.eventKey, config.actionIndex, action);
+  });
+  Object.defineProperty(EventControl.prototype, "onSubmit", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (type, config) {
+      var _a, _b, _c;
+      var actionConfigSubmitFormatter = this.props.actionConfigSubmitFormatter;
+      var action = (_a = actionConfigSubmitFormatter === null || actionConfigSubmitFormatter === void 0 ? void 0 : actionConfigSubmitFormatter(config)) !== null && _a !== void 0 ? _a : config;
+      if (type === 'add') {
+        (_b = this.addAction) === null || _b === void 0 ? void 0 : _b.call(this, config.eventKey, action);
+      } else if (type === 'update') {
+        (_c = this.updateAction) === null || _c === void 0 ? void 0 : _c.call(this, config.eventKey, config.actionIndex, action);
+      }
+      this.setState({
+        showAcionDialog: false
+      });
+      this.setState({
+        actionData: undefined
+      });
     }
-
-    this.setState({
-      actionData: undefined
-    });
-    this.setState({
-      showAcionDialog: false
-    });
-  };
-
-  EventControl.prototype.onClose = function () {
-    this.setState({
-      showAcionDialog: false
-    });
-  };
-
-  EventControl.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
+  });
+  Object.defineProperty(EventControl.prototype, "onClose", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      this.setState({
+        showAcionDialog: false
+      });
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "render", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var _a = this.props,
         actionTree = _a.actionTree,
         pluginActions = _a.actions,
         commonActions = _a.commonActions,
         getComponents = _a.getComponents,
+        allComponents = _a.allComponents,
         render = _a.render;
-    var _b = this.state,
+      var _b = this.state,
         onEvent = _b.onEvent,
         events = _b.events,
         eventPanelActive = _b.eventPanelActive,
         showAcionDialog = _b.showAcionDialog,
         type = _b.type,
         actionData = _b.actionData;
-    var enventSnapshot = cloneDeep__default["default"](onEvent);
-    var showOldEntry = this.props.showOldEntry;
-    var eventKeys = Object.keys(enventSnapshot);
-    return React__default["default"].createElement("div", {
-      className: "ae-event-control"
-    }, React__default["default"].createElement("header", {
-      className: cx__default["default"]({
-        'ae-event-control-header': true,
-        'ae-event-control-header-oldentry': showOldEntry,
-        'no-bd-btm': !eventKeys.length
-      })
-    }, render('dropdown', {
-      type: 'dropdown-button',
-      level: 'enhance',
-      label: i18nRuntime.i18n("1fab2b4934161e87a1f0133b9d5bc1b5"),
-      disabled: false,
-      className: 'block w-full add-event-dropdown',
-      closeOnClick: true,
-      buttons: events.map(function (item) {
-        return {
-          type: 'button',
-          disabledTip: i18nRuntime.i18n("3371427f1b82095309092ef82418ec1a"),
-          tooltipPlacement: 'left',
-          disabled: Object.keys(onEvent).includes(item.eventName),
-          actionType: '',
-          label: item.eventLabel,
-          onClick: _this.addEvent.bind(_this, item, Object.keys(onEvent).includes(item.eventName))
-        };
-      })
-    }, {
-      popOverContainer: null // amis 渲染挂载节点会使用 this.target
-
-    })), React__default["default"].createElement("ul", {
-      className: cx__default["default"]({
-        'ae-event-control-content': true,
-        'ae-event-control-content-oldentry': showOldEntry
-      }),
-      ref: this.dragRef
-    }, eventKeys.length ? eventKeys.map(function (eventKey, eventIndex) {
-      var _a;
-
-      return React__default["default"].createElement("li", {
-        className: "event-item",
-        key: "content_".concat(eventIndex)
-      }, React__default["default"].createElement("div", {
+      var enventSnapshot = cloneDeep__default["default"](onEvent);
+      var showOldEntry = this.props.showOldEntry;
+      var eventKeys = Object.keys(enventSnapshot);
+      return React__default["default"].createElement("div", {
+        className: "ae-event-control"
+      }, React__default["default"].createElement("header", {
         className: cx__default["default"]({
-          'event-item-header': true,
-          'no-bd-btm': !(((_a = enventSnapshot[eventKey].actions) === null || _a === void 0 ? void 0 : _a.length) && eventPanelActive[eventKey]) && !helper.getEventStrongDesc(events, eventKey)
+          'ae-event-control-header': true,
+          'ae-event-control-header-oldentry': showOldEntry,
+          'no-bd-btm': !eventKeys.length
         })
-      }, React__default["default"].createElement(amis.TooltipWrapper, {
-        tooltipClassName: "event-item-header-tip",
-        trigger: "hover",
-        placement: "top",
-        tooltip: {
-          children: function () {
-            return React__default["default"].createElement("div", null, helper.getEventDesc(events, eventKey) || helper.getEventStrongDesc(events, eventKey) || eventKey);
-          }
-        }
-      }, React__default["default"].createElement("div", null, helper.getEventLabel(events, eventKey) || eventKey)), React__default["default"].createElement("div", {
-        className: "event-item-header-toolbar"
-      }, React__default["default"].createElement("div", {
-        onClick: _this.activeActionDialog.bind(_this, {
-          showAcionDialog: true,
-          type: 'add',
-          actionData: {
-            eventKey: eventKey
-          }
+      }, render('dropdown', {
+        type: 'dropdown-button',
+        level: 'enhance',
+        label: i18nRuntime.i18n("1fab2b4934161e87a1f0133b9d5bc1b5"),
+        disabled: false,
+        className: 'block w-full add-event-dropdown',
+        closeOnClick: true,
+        buttons: events.map(function (item) {
+          return {
+            type: 'button',
+            disabledTip: i18nRuntime.i18n("3371427f1b82095309092ef82418ec1a"),
+            tooltipPlacement: 'left',
+            disabled: Object.keys(onEvent).includes(item.eventName),
+            actionType: '',
+            label: item.eventLabel,
+            onClick: _this.addEvent.bind(_this, item, Object.keys(onEvent).includes(item.eventName))
+          };
         })
-      }, React__default["default"].createElement(amis.Icon, {
-        className: "icon",
-        icon: "add-btn"
-      })), React__default["default"].createElement("div", {
-        onClick: _this.delEvent.bind(_this, eventKey)
-      }, React__default["default"].createElement(amis.Icon, {
-        className: "icon",
-        icon: "delete-bold-btn"
-      })), React__default["default"].createElement("div", {
-        onClick: _this.toggleActivePanel.bind(_this, eventKey)
-      }, eventPanelActive[eventKey] ? React__default["default"].createElement(amis.Icon, {
-        className: "icon",
-        icon: "open-btn-r"
-      }) : React__default["default"].createElement(amis.Icon, {
-        className: "icon",
-        icon: "close-btn"
-      })))), helper.getEventStrongDesc(events, eventKey) ? render('alert', {
-        type: 'alert',
-        body: i18nRuntime.i18n("0e9525b2bb1493c567c114dd61b69095") + helper.getEventStrongDesc(events, eventKey),
-        level: 'info',
-        showCloseButton: true,
-        showIcon: true,
-        className: 'event-item-desc'
-      }) : null, enventSnapshot[eventKey].actions.length && eventPanelActive[eventKey] ? React__default["default"].createElement("ul", {
-        className: "item-content"
-      }, enventSnapshot[eventKey].actions.map(function (action, actionIndex) {
+      }, {
+        popOverContainer: null // amis 渲染挂载节点会使用 this.target
+      })), React__default["default"].createElement("ul", {
+        className: cx__default["default"]({
+          'ae-event-control-content': true,
+          'ae-event-control-content-oldentry': showOldEntry
+        }),
+        ref: this.dragRef
+      }, eventKeys.length ? eventKeys.map(function (eventKey, eventIndex) {
+        var _a;
         return React__default["default"].createElement("li", {
-          className: "ae-option-control-item",
-          key: "item-content_".concat(actionIndex)
-        }, React__default["default"].createElement("div", {
-          className: "action-control-header"
+          className: "event-item",
+          key: "content_".concat(eventIndex)
         }, React__default["default"].createElement("div", {
-          className: "action-control-header-left"
-        }, React__default["default"].createElement("div", {
-          className: "ae-option-control-item-dragBar"
-        }, React__default["default"].createElement(amis.Icon, {
-          icon: "drag-six-circle-btn",
-          className: "icon"
-        })), React__default["default"].createElement("div", {
-          className: "action-item-actiontype"
-        }, helper.getPropOfAcion(action, 'actionLabel', actionTree, pluginActions, commonActions) || action.actionType)), React__default["default"].createElement("div", {
-          className: "action-control-header-right"
+          className: cx__default["default"]({
+            'event-item-header': true,
+            'no-bd-btm': !(((_a = enventSnapshot[eventKey].actions) === null || _a === void 0 ? void 0 : _a.length) && eventPanelActive[eventKey]) && !helper.getEventStrongDesc(events, eventKey)
+          })
+        }, React__default["default"].createElement(amis.TooltipWrapper, {
+          tooltipClassName: "event-item-header-tip",
+          trigger: "hover",
+          placement: "top",
+          tooltip: {
+            children: function () {
+              return React__default["default"].createElement("div", null, helper.getEventDesc(events, eventKey) || helper.getEventStrongDesc(events, eventKey) || eventKey);
+            }
+          }
+        }, React__default["default"].createElement("div", null, helper.getEventLabel(events, eventKey) || eventKey)), React__default["default"].createElement("div", {
+          className: "event-item-header-toolbar"
         }, React__default["default"].createElement("div", {
           onClick: _this.activeActionDialog.bind(_this, {
             showAcionDialog: true,
-            type: 'update',
+            type: 'add',
             actionData: {
-              action: action,
-              eventKey: eventKey,
-              actionIndex: actionIndex
+              eventKey: eventKey
             }
           })
         }, React__default["default"].createElement(amis.Icon, {
           className: "icon",
-          icon: "edit-full-btn"
+          icon: "add-btn"
         })), React__default["default"].createElement("div", {
-          onClick: _this.delAction.bind(_this, eventKey, action, actionIndex)
+          onClick: _this.delEvent.bind(_this, eventKey)
         }, React__default["default"].createElement(amis.Icon, {
           className: "icon",
-          icon: "delete-easy-btn"
-        })))), _this.renderDesc(action));
-      })) : null);
-    }) : React__default["default"].createElement("div", {
-      className: "ae-event-control-placeholder"
-    }, "\u5FEB\u53BB\u6DFB\u52A0\u4E8B\u4EF6\uFF0C\u8BA9\u4F60\u7684\u4EA7\u54C1\u52A8\u8D77\u6765\u5427")), React__default["default"].createElement(actionConfigDialog["default"], {
-      show: showAcionDialog,
-      type: type,
-      actionTree: actionTree,
-      pluginActions: pluginActions,
-      commonActions: commonActions,
-      getComponents: getComponents,
-      data: actionData,
-      onSubmit: this.onSubmit,
-      onClose: this.onClose,
-      render: this.props.render
-    }));
-  };
-
+          icon: "delete-bold-btn"
+        })), React__default["default"].createElement("div", {
+          onClick: _this.toggleActivePanel.bind(_this, eventKey)
+        }, eventPanelActive[eventKey] ? React__default["default"].createElement(amis.Icon, {
+          className: "icon",
+          icon: "open-btn-r"
+        }) : React__default["default"].createElement(amis.Icon, {
+          className: "icon",
+          icon: "close-btn"
+        })))), helper.getEventStrongDesc(events, eventKey) ? render('alert', {
+          type: 'alert',
+          body: i18nRuntime.i18n("0e9525b2bb1493c567c114dd61b69095") + helper.getEventStrongDesc(events, eventKey),
+          level: 'info',
+          showCloseButton: true,
+          showIcon: true,
+          className: 'event-item-desc'
+        }) : null, enventSnapshot[eventKey].actions.length && eventPanelActive[eventKey] ? React__default["default"].createElement("ul", {
+          className: "item-content"
+        }, enventSnapshot[eventKey].actions.map(function (action, actionIndex) {
+          return React__default["default"].createElement("li", {
+            className: "ae-option-control-item",
+            key: "item-content_".concat(actionIndex)
+          }, React__default["default"].createElement("div", {
+            className: "action-control-header"
+          }, React__default["default"].createElement("div", {
+            className: "action-control-header-left"
+          }, React__default["default"].createElement("div", {
+            className: "ae-option-control-item-dragBar"
+          }, React__default["default"].createElement(amis.Icon, {
+            icon: "drag-six-circle-btn",
+            className: "icon"
+          })), React__default["default"].createElement("div", {
+            className: "action-item-actiontype"
+          }, helper.getPropOfAcion(action, 'actionLabel', actionTree, pluginActions, commonActions, allComponents) || action.actionType)), React__default["default"].createElement("div", {
+            className: "action-control-header-right"
+          }, React__default["default"].createElement("div", {
+            onClick: _this.activeActionDialog.bind(_this, {
+              showAcionDialog: true,
+              type: 'update',
+              actionData: {
+                action: action,
+                eventKey: eventKey,
+                actionIndex: actionIndex
+              }
+            })
+          }, React__default["default"].createElement(amis.Icon, {
+            className: "icon",
+            icon: "edit-full-btn"
+          })), React__default["default"].createElement("div", {
+            onClick: _this.delAction.bind(_this, eventKey, action, actionIndex)
+          }, React__default["default"].createElement(amis.Icon, {
+            className: "icon",
+            icon: "delete-easy-btn"
+          })))), _this.renderDesc(action));
+        })) : null);
+      }) : React__default["default"].createElement("div", {
+        className: "ae-event-control-placeholder"
+      }, i18nRuntime.i18n('4db5110d41293fef57f5a1f364187896'))), React__default["default"].createElement(actionConfigDialog["default"], {
+        show: showAcionDialog,
+        type: type,
+        actionTree: actionTree,
+        pluginActions: pluginActions,
+        commonActions: commonActions,
+        getComponents: getComponents,
+        data: actionData,
+        onSubmit: this.onSubmit,
+        onClose: this.onClose,
+        render: this.props.render
+      }));
+    }
+  });
   tslib.__decorate([amisCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], EventControl.prototype, "dragRef", null);
-
   tslib.__decorate([amisCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String, Object]), tslib.__metadata("design:returntype", void 0)], EventControl.prototype, "onSubmit", null);
-
   tslib.__decorate([amisCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", void 0)], EventControl.prototype, "onClose", null);
-
   return EventControl;
 }(React__default["default"].Component);
-
-/** @class */
-(function (_super) {
+/** @class */(function (_super) {
   tslib.__extends(EventControlRenderer, _super);
-
   function EventControlRenderer() {
     return _super !== null && _super.apply(this, arguments) || this;
   }
-
   EventControlRenderer = tslib.__decorate([amis.FormItem({
     type: 'ae-eventControl'
   })], EventControlRenderer);
@@ -772,6 +782,7 @@ exports.IS_DATA_CONTAINER = helper.IS_DATA_CONTAINER;
 exports.SELECT_PROPS_CONTAINER = helper.SELECT_PROPS_CONTAINER;
 exports.SHOW_SELECT_PROP = helper.SHOW_SELECT_PROP;
 exports.SUPPORT_DISABLED_CMPTS = helper.SUPPORT_DISABLED_CMPTS;
+exports.SUPPORT_STATIC_FORMITEM_CMPTS = helper.SUPPORT_STATIC_FORMITEM_CMPTS;
 exports.findActionNode = helper.findActionNode;
 exports.findSubActionNode = helper.findSubActionNode;
 exports.getActionType = helper.getActionType;