amis-editor 6.2.2 → 6.3.0

package/esm/renderer/event-control/DialogActionPanel.js

@@ -0,0 +1,556 @@
+/**
+ * amis-editor v6.3.0
+ * build time: 2024-03-29
+ * Copyright 2018-2024 @fex
+ */
+
+import { __read, __assign, __rest } from 'tslib';
+import { JSONGetById, JSONGetParentById, JSONUpdate, JSONPipeIn, addModal, JSONPipeOut, modalsToDefinitions } from 'amis-editor-core';
+import React__default from 'react';
+import { observer } from 'mobx-react';
+import { JSONTraverse } from 'amis-core';
+import { FormField, Select, Button, Switch, InputJSONSchema, InputBox } from 'amis-ui';
+import { i18n } from 'i18n-runtime';
+
+function DialogActionPanel(_a) {
+  var _b;
+  var cx = _a.classnames;
+    _a.render;
+    var data = _a.data,
+    manager = _a.manager;
+    _a.onChange;
+    var onBulkChange = _a.onBulkChange,
+    node = _a.node,
+    addHook = _a.addHook,
+    subscribeSchemaSubmit = _a.subscribeSchemaSubmit;
+  var eventKey = data.eventKey;
+  if (!eventKey) {
+    return React__default.createElement("div", null, "\u4E0A\u4E0B\u6587\u6570\u636E\u9519\u8BEF");
+  }
+  var actionIndex = data.actionIndex;
+  var store = manager.store;
+  var _c = __read(React__default.useState([]), 2),
+    modals = _c[0],
+    setModals = _c[1];
+  var currentModal = modals.find(function (item) {
+    return item.isActive;
+  });
+  // 订阅由面板触发的 schema 变跟事件
+  // 写入 store 之前执行，可以对 schema 进行修改
+  React__default.useEffect(function () {
+    subscribeSchemaSubmit(function (schema, nodeSchema, id) {
+      var _a, _b, _c, _d;
+      var _e, _f, _g, _h, _j;
+      var rawActions = (_f = (_e = JSONGetById(schema, id)) === null || _e === void 0 ? void 0 : _e.onEvent[eventKey]) === null || _f === void 0 ? void 0 : _f.actions;
+      if (!rawActions || !Array.isArray(rawActions)) {
+        throw new Error('动作配置错误');
+      }
+      var actionSchema = rawActions[typeof actionIndex === 'undefined' ? rawActions.length - 1 : actionIndex];
+      var modals = actionSchema.__actionModals;
+      if (!Array.isArray(modals)) {
+        return schema;
+      }
+      var currentModal = modals.find(function (item) {
+        return item.isActive;
+      });
+      schema = __assign(__assign({}, schema), {
+        definitions: __assign({}, schema.definitions)
+      });
+      // 可能编辑了其他弹窗，同时所选弹窗里面如果公用了弹窗
+      // 会标记为 isModified
+      modals.filter(function (item) {
+        return item.isModified && item !== currentModal && item.modal.$$ref;
+      }).forEach(function (_a) {
+        var _b;
+        var _c;
+        var modal = _a.modal;
+        var _d = modal,
+          originId = _d.$$originId,
+          def = __rest(_d, ["$$originId"]);
+        if (originId) {
+          var parent_1 = JSONGetParentById(schema, originId);
+          if (!parent_1) {
+            // 找不到就丢回去，上层去处理
+            def.$$originId = originId;
+          } else {
+            // TODO 这里要不要再加个判断？
+            // 只更新当前动作中关联的弹窗？
+            var modalType_1 = def.type === 'drawer' ? 'drawer' : 'dialog';
+            schema = JSONUpdate(schema, parent_1.$$id, __assign(__assign({}, parent_1), (_b = {
+              __actionModals: undefined,
+              args: undefined,
+              dialog: undefined,
+              drawer: undefined,
+              actionType: (_c = def.actionType) !== null && _c !== void 0 ? _c : modalType_1
+            }, _b[modalType_1] = JSONPipeIn({
+              $ref: modal.$$ref
+            }), _b)));
+          }
+        }
+        schema.definitions[modal.$$ref] = JSONPipeIn(def);
+      });
+      // 处理当前选中的弹窗
+      var newActionSchema = null;
+      var modalType = currentModal.modal.type === 'drawer' ? 'drawer' : 'dialog';
+      var originActionId = null;
+      var newRefName = '';
+      if (currentModal.isCurrentActionModal) {
+        // 选中的是当前动作内嵌的弹窗
+        // 直接更新当前动作即可
+        newActionSchema = __assign(__assign({}, actionSchema), (_a = {
+          __actionModals: undefined,
+          args: undefined,
+          dialog: undefined,
+          drawer: undefined,
+          actionType: (_g = currentModal.modal.actionType) !== null && _g !== void 0 ? _g : modalType,
+          data: currentModal.data
+        }, _a[modalType] = __assign(__assign({}, currentModal.modal), {
+          data: undefined
+        }), _a));
+      } else if (currentModal.modal.$$ref) {
+        // 选中的是引用的弹窗
+        newActionSchema = __assign(__assign({}, actionSchema), (_b = {
+          __actionModals: undefined,
+          args: undefined,
+          dialog: undefined,
+          drawer: undefined,
+          actionType: (_h = currentModal.modal.actionType) !== null && _h !== void 0 ? _h : modalType,
+          data: currentModal.data
+        }, _b[modalType] = {
+          $ref: currentModal.modal.$$ref
+        }, _b));
+        var originInd = currentModal.modal.$$originId;
+        // 可能弹窗内容更新了
+        schema.definitions[currentModal.modal.$$ref] = JSONPipeIn(__assign(__assign({}, currentModal.modal), {
+          $$originId: undefined,
+          $$ref: undefined
+        }));
+        if (originInd) {
+          var parent_2 = JSONGetParentById(schema, originInd);
+          if (parent_2 && parent_2.actionType) {
+            originActionId = parent_2.$$id;
+            newRefName = currentModal.modal.$$ref;
+          } else {
+            // 没找到很可能是在主页面里面的弹窗
+            // 还得继续把 originId 给到上一层去处理
+            schema.definitions[currentModal.modal.$$ref].$$originId = originInd;
+          }
+        }
+      } else {
+        // 选的是别的工作内嵌的弹窗
+        // 需要把目标弹窗转成 definition
+        // 然后都引用这个 definition
+        var refKey = '';
+        _c = __read(addModal(schema, currentModal.modal), 2), schema = _c[0], refKey = _c[1];
+        newActionSchema = __assign(__assign({}, actionSchema), (_d = {
+          __actionModals: undefined,
+          args: undefined,
+          dialog: undefined,
+          drawer: undefined,
+          actionType: (_j = currentModal.modal.actionType) !== null && _j !== void 0 ? _j : modalType,
+          data: currentModal.data
+        }, _d[modalType] = JSONPipeIn({
+          $ref: refKey
+        }), _d));
+        originActionId = currentModal.value;
+        newRefName = refKey;
+      }
+      schema = JSONUpdate(schema, actionSchema.$$id, JSONPipeIn(newActionSchema), true);
+      // 原来的动作也要更新
+      if (originActionId && newRefName) {
+        schema = JSONUpdate(schema, currentModal.value, JSONPipeIn({
+          $ref: newRefName
+        }), true);
+      }
+      return schema;
+    }, true);
+  }, []);
+  var _d = __read(React__default.useState({}), 2),
+    errors = _d[0],
+    setErrors = _d[1];
+  React__default.useEffect(function () {
+    var unHook = addHook(function (data) {
+      var _a;
+      var modals = data.__actionModals;
+      if (!modals || !Array.isArray(modals)) {
+        throw new Error('程序异常');
+      }
+      var currentModal = modals.find(function (item) {
+        return item.isActive;
+      });
+      if (!currentModal) {
+        setErrors(__assign(__assign({}, errors), {
+          dialog: '请选择一个弹窗'
+        }));
+        return false;
+      }
+      var required = (_a = currentModal.modal.inputParams) === null || _a === void 0 ? void 0 : _a.required;
+      if (Array.isArray(required) && required.length) {
+        if (!currentModal.data) {
+          setErrors(__assign(__assign({}, errors), {
+            data: '参数不能为空'
+          }));
+          return false;
+        } else if (required.some(function (key) {
+          return !currentModal.data[key];
+        })) {
+          setErrors(__assign(__assign({}, errors), {
+            data: '参数中存在必填参数未赋值'
+          }));
+          return false;
+        }
+      }
+      // TODO 校验参数赋值是否满足了弹窗的参数要求
+    }, 'validate');
+    return function () {
+      return unHook();
+    };
+  }, []);
+  // 初始化弹窗列表
+  React__default.useEffect(function () {
+    var _a, _b, _c, _d;
+    var actionSchema = typeof actionIndex === 'undefined' ? {} : (_c = (_b = (_a = node.schema) === null || _a === void 0 ? void 0 : _a.onEvent[eventKey]) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c[actionIndex];
+    var dialogBody = actionSchema[actionSchema.actionType === 'drawer' ? 'drawer' : 'dialog'] || actionSchema.args;
+    var modals = store.modals.map(function (modal) {
+      var _a;
+      var isCurrentActionModal = modal.$$id === (dialogBody === null || dialogBody === void 0 ? void 0 : dialogBody.$$id);
+      return {
+        label: "".concat(((_a = modal.editorSetting) === null || _a === void 0 ? void 0 : _a.displayName) || modal.title || '未命名弹窗').concat(isCurrentActionModal ? '<当前动作内嵌弹窗>' : modal.$$ref ? '' : '<内嵌弹窗>'),
+        tip: modal.actionType === 'confirmDialog' ? '确认框' : modal.type === 'drawer' ? '抽屉弹窗' : i18n("6cff4b6d794cc17f5d24dbe0d21e5732"),
+        value: modal.$$id,
+        modal: modal,
+        isCurrentActionModal: isCurrentActionModal,
+        data: modal.data
+      };
+    });
+    var dialogId = (dialogBody === null || dialogBody === void 0 ? void 0 : dialogBody.$$id) || '';
+    var ref = dialogBody === null || dialogBody === void 0 ? void 0 : dialogBody.$ref;
+    if (ref) {
+      dialogId = ((_d = modals.find(function (item) {
+        return item.modal.$$ref === ref;
+      })) === null || _d === void 0 ? void 0 : _d.value) || '';
+    }
+    // 初始化有问题的情况
+    var newData = {
+      // 目的是提到当前层，而不是在原型链上
+      // 当前面板中要设置的值，都要初始来一下，否则可能会丢失
+      waitForAction: data.waitForAction,
+      outputVar: data.outputVar
+    };
+    // if (!dialogId) {
+    //   dialogId = guid();
+    //   const placeholder = {
+    //     $$id: dialogId,
+    //     type: 'dialog',
+    //     title: '未命名弹窗',
+    //     body: [
+    //       {
+    //         type: 'tpl',
+    //         tpl: '弹窗内容'
+    //       }
+    //     ]
+    //   };
+    //   modals.push({
+    //     label: '未命名弹窗<当前动作内嵌弹窗>',
+    //     tip: '弹窗',
+    //     value: dialogId,
+    //     isCurrentActionModal: true,
+    //     modal: placeholder
+    //   });
+    //   newData['dialog'] = placeholder;
+    // }
+    var arr = modals.map(function (item) {
+      var _a;
+      return __assign(__assign({}, item), {
+        isActive: dialogId === item.value,
+        data: dialogId === item.value ? JSONPipeOut((_a = actionSchema.data) !== null && _a !== void 0 ? _a : item.data) : JSONPipeOut(item.data)
+      });
+    });
+    setModals(arr);
+    newData.__actionModals = arr;
+    onBulkChange(newData);
+  }, []);
+  // 处理弹窗切换
+  var handleDialogChange = React__default.useCallback(function (option) {
+    var arr = modals.map(function (item) {
+      return __assign(__assign({}, item), {
+        isActive: item.value === option.value
+      });
+    });
+    onBulkChange({
+      __actionModals: arr
+    });
+    setModals(arr);
+    setErrors(__assign(__assign({}, errors), {
+      dialog: '',
+      data: ''
+    }));
+  }, [modals]);
+  // 打开子弹窗后，因为子弹窗里面可能会创建新弹窗，会在 defintions 里面
+  // 所以需要合并一下
+  var mergeDefinitions = React__default.useCallback(function (members, definitions, modal) {
+    var refs = [];
+    JSONTraverse(modal, function (value, key) {
+      if (key === '$ref') {
+        refs.push(value);
+      }
+    });
+    var arr = members;
+    Object.keys(definitions).forEach(function (key) {
+      var _a;
+      // 弹窗里面用到了才更新
+      if (!refs.includes(key)) {
+        return;
+      }
+      // 要修改就复制一份，避免污染原始数据
+      if (arr === members) {
+        arr = members.concat();
+      }
+      var _b = definitions[key],
+        $$originId = _b.$$originId,
+        modal = __rest(_b, ["$$originId"]);
+      var idx = arr.findIndex(function (item) {
+        return $$originId ? item.value === $$originId : item.modal.$$ref === key;
+      });
+      var label = "".concat(((_a = modal.editorSetting) === null || _a === void 0 ? void 0 : _a.displayName) || modal.title || '未命名弹窗');
+      var tip = modal.actionType === 'confirmDialog' ? '确认框' : modal.type === 'drawer' ? '抽屉弹窗' : i18n("6cff4b6d794cc17f5d24dbe0d21e5732");
+      if (~idx) {
+        arr.splice(idx, 1, __assign(__assign({}, arr[idx]), {
+          label: label,
+          tip: tip,
+          modal: __assign(__assign({}, modal), {
+            $$ref: key,
+            $$originId: $$originId
+          }),
+          isModified: true
+        }));
+      } else {
+        if ($$originId) {
+          throw new Error('Definition merge exception');
+        }
+        arr.push({
+          label: label,
+          tip: tip,
+          value: modal.$$id,
+          modal: JSONPipeIn(__assign(__assign({}, modal), {
+            $$ref: key
+          })),
+          isModified: true
+        });
+      }
+    });
+    return arr;
+  }, []);
+  // 处理新建弹窗
+  var handleDialogAdd = React__default.useCallback(function (idx, value, skipForm, closePopOver) {
+    store.openSubEditor({
+      title: i18n("a781b5903a4013c147783e1047f42e08"),
+      value: {
+        type: 'dialog',
+        title: '未命名弹窗',
+        body: [{
+          type: 'tpl',
+          tpl: '弹窗内容'
+        }],
+        definitions: modalsToDefinitions(modals.map(function (item) {
+          return item.modal;
+        }))
+      },
+      onChange: function (_a, diff) {
+        var _b;
+        var definitions = _a.definitions,
+          modal = __rest(_a, ["definitions"]);
+        modal = JSONPipeIn(modal);
+        var arr = modals.concat();
+        if (!arr.some(function (item) {
+          return item.isNew;
+        })) {
+          arr.push({
+            label: "".concat(((_b = modal.editorSetting) === null || _b === void 0 ? void 0 : _b.displayName) || modal.title || '未命名弹窗'),
+            tip: modal.actionType === 'confirmDialog' ? '确认框' : modal.type === 'drawer' ? '抽屉弹窗' : i18n("6cff4b6d794cc17f5d24dbe0d21e5732"),
+            isNew: true,
+            isCurrentActionModal: true,
+            value: modal.$$id,
+            modal: modal
+          });
+          arr = mergeDefinitions(arr, definitions, modal);
+          arr = arr.map(function (item) {
+            return __assign(__assign({}, item), {
+              isActive: item.value === modal.$$id
+            });
+          });
+        }
+        setModals(arr);
+        onBulkChange({
+          __actionModals: arr
+        });
+      }
+    });
+    closePopOver === null || closePopOver === void 0 ? void 0 : closePopOver();
+  }, [modals]);
+  // 处理编辑弹窗
+  var handleDialogEdit = React__default.useCallback(function () {
+    var currentModal = modals.find(function (item) {
+      return item.isActive;
+    });
+    if (!currentModal) {
+      return;
+    }
+    store.openSubEditor({
+      title: '编辑弹窗',
+      value: __assign(__assign({
+        type: 'dialog',
+        title: i18n("53bed22bc03c0fd61fe4fb81101f712a"),
+        body: [{
+          type: 'tpl',
+          tpl: '弹窗内容'
+        }]
+      }, currentModal.modal), {
+        definitions: modalsToDefinitions(modals.filter(function (item) {
+          return !item.isActive;
+        }).map(function (item) {
+          return item.modal;
+        }))
+      }),
+      onChange: function (_a, diff) {
+        var definitions = _a.definitions,
+          modal = __rest(_a, ["definitions"]);
+        // 编辑的时候不要修改 $$id
+        modal = JSONPipeIn(__assign(__assign({}, modal), {
+          $$id: currentModal.modal.$$id
+        }));
+        var arr = modals.map(function (item) {
+          var _a;
+          return item.value === currentModal.value ? __assign(__assign({}, item), {
+            modal: modal,
+            isModified: true,
+            label: "".concat(((_a = modal.editorSetting) === null || _a === void 0 ? void 0 : _a.displayName) || modal.title || '未命名弹窗').concat(item.isCurrentActionModal ? '<当前动作内嵌弹窗>' : ''),
+            tip: modal.actionType === 'confirmDialog' ? '确认框' : modal.type === 'drawer' ? '抽屉弹窗' : i18n("6cff4b6d794cc17f5d24dbe0d21e5732")
+          }) : item;
+        });
+        arr = mergeDefinitions(arr, definitions, modal);
+        setModals(arr);
+        onBulkChange({
+          __actionModals: arr
+        });
+      }
+    });
+  }, [modals]);
+  var handleDataSwitchChange = React__default.useCallback(function (value) {
+    handleDataChange(value ? {} : undefined);
+  }, [modals]);
+  var handleDataChange = React__default.useCallback(function (value) {
+    var arr = modals.map(function (modal) {
+      return modal.isActive ? __assign(__assign({}, modal), {
+        data: value
+      }) : modal;
+    });
+    setModals(arr);
+    onBulkChange({
+      __actionModals: arr
+    });
+    setErrors(__assign(__assign({}, errors), {
+      data: ''
+    }));
+  }, [modals]);
+  var handleWaitForActionChange = React__default.useCallback(function (value) {
+    onBulkChange({
+      waitForAction: !!value
+    });
+  }, []);
+  var handleOutputVarChange = React__default.useCallback(function (value) {
+    onBulkChange({
+      outputVar: value
+    });
+  }, []);
+  var hasRequired = Array.isArray((_b = currentModal === null || currentModal === void 0 ? void 0 : currentModal.modal.inputParams) === null || _b === void 0 ? void 0 : _b.required) && currentModal.modal.inputParams.required.length;
+  React__default.useEffect(function () {
+    if (hasRequired && !(currentModal === null || currentModal === void 0 ? void 0 : currentModal.data)) {
+      handleDataChange({});
+    }
+  }, [hasRequired]);
+  // 渲染弹窗下拉选项
+  var renderMenu = React__default.useCallback(function (option, stats) {
+    return React__default.createElement("div", {
+      className: "flex w-full justify-between"
+    }, React__default.createElement("span", null, option.label), React__default.createElement("span", {
+      className: "text-muted"
+    }, option.tip));
+  }, []);
+  return React__default.createElement("div", {
+    className: cx('ae-DialogActionPanel')
+  }, React__default.createElement(FormField, {
+    label: i18n("7cc53692d650e049802d808b81efe7f5"),
+    mode: "horizontal",
+    isRequired: true,
+    hasError: !!errors.dialog,
+    errors: errors.dialog
+  }, React__default.createElement("div", {
+    className: cx('Form-control Form-control--withSize Form-control--sizeLg')
+  }, React__default.createElement(Select, {
+    createBtnLabel: i18n("a781b5903a4013c147783e1047f42e08"),
+    value: (currentModal === null || currentModal === void 0 ? void 0 : currentModal.value) || '',
+    onChange: handleDialogChange,
+    options: modals,
+    creatable: !modals.some(function (item) {
+      return item.isNew;
+    }),
+    clearable: false,
+    onAdd: handleDialogAdd,
+    renderMenu: renderMenu
+  }), currentModal && modals.some(function (modal) {
+    return modal.isCurrentActionModal && !modal.isNew && currentModal !== modal;
+  }) ? React__default.createElement("div", {
+    className: cx('Alert Alert--warning mt-3')
+  }, "\u5207\u6362\u5F39\u7A97\u540E\u539F\u6765\u7684\u5185\u5D4C\u5F39\u7A97\u5C06\u4F1A\u88AB\u5220\u9664") : null, currentModal ? React__default.createElement("div", {
+    className: "m-t-sm"
+  }, React__default.createElement(Button, {
+    size: "sm",
+    level: "enhance",
+    onClick: handleDialogEdit
+  }, "\u7F16\u8F91\u9009\u4E2D\u5F39\u7A97")) : null)), currentModal ? React__default.createElement(FormField, {
+    label: "\u53C2\u6570\u8D4B\u503C",
+    mode: "horizontal",
+    hasError: !!errors.data,
+    errors: errors.data,
+    description: !currentModal.data ? '不设置参数，打开弹窗将自动传递所有上下文数据' : ''
+  }, React__default.createElement("div", {
+    className: cx('Form-control Form-control--withSize Form-control--sizeLg')
+  }, React__default.createElement(Switch, {
+    className: "mt-2 m-b-xs",
+    value: !!currentModal.data,
+    onChange: handleDataSwitchChange,
+    disabled: hasRequired
+  }), currentModal.data ? React__default.createElement(InputJSONSchema, {
+    className: "m-t-sm",
+    value: currentModal.data,
+    onChange: handleDataChange,
+    schema: JSONPipeOut(currentModal.modal.inputParams),
+    addButtonText: "\u6DFB\u52A0\u53C2\u6570"
+  }) : null)) : null, React__default.createElement(FormField, {
+    label: "\u7B49\u5F85\u5F39\u7A97",
+    mode: "horizontal",
+    description: '是否等待弹窗响应，开启则当前操作会等待弹窗响应后再执行，同时弹窗被取消则中断后续动作'
+  }, React__default.createElement("div", {
+    className: cx('Form-control Form-control--withSize Form-control--sizeLg')
+  }, React__default.createElement(Switch, {
+    className: "mt-2 m-b-xs",
+    value: !!data.waitForAction,
+    onChange: handleWaitForActionChange,
+    disabled: hasRequired
+  }))), data.waitForAction ? React__default.createElement(FormField, {
+    label: "\u54CD\u5E94\u7ED3\u679C",
+    mode: "horizontal",
+    description: i18n("4da82260041107e5780bcbb3a14ef791")
+  }, React__default.createElement("div", {
+    className: cx('Form-control Form-control--withSize Form-control--sizeLg')
+  }, React__default.createElement(InputBox, {
+    onChange: handleOutputVarChange,
+    value: data.outputVar || '',
+    placeholder: "\u8BF7\u8F93\u5165\u5B58\u50A8\u54CD\u5E94\u7ED3\u679C\u7684\u53D8\u91CF\u540D\u79F0"
+  }))) : null);
+}
+var DialogActionPanel$1 = observer(DialogActionPanel);
+
+export { DialogActionPanel$1 as default };
+window.amisEditorVersionInfo={version:'6.3.0',buildTime:'2024-03-29'};

package/esm/renderer/event-control/action-config-dialog.d.ts

@@ -9,6 +9,7 @@ interface ActionDialogProp {
     show: boolean;
     type: string;
     data: any;
+    closeOnEsc?: boolean;
     pluginActions: PluginActions;
     actionTree: RendererPluginAction[];
     commonActions?: {
@@ -20,6 +21,8 @@ interface ActionDialogProp {
     actionConfigInitFormatter?: (actionConfig: ActionConfig) => ActionConfig;
     actionConfigSubmitFormatter?: (actionConfig: ActionConfig, type?: string) => ActionConfig;
     render: (region: string, node: SchemaNode, props?: PlainObject) => JSX.Element;
+    subscribeSchemaSubmit: (fn: (schema: any, value: any, id: string, diff?: any) => any) => () => void;
+    subscribeActionSubmit: (fn: (value: any) => any) => () => void;
 }
 export default class ActionDialog extends React.Component<ActionDialogProp> {
     /**

package/esm/renderer/event-control/action-config-dialog.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.3.0
+ * build time: 2024-03-29
  * Copyright 2018-2024 @fex
  */
 
@@ -156,6 +156,8 @@ var ActionDialog = /** @class */function (_super) {
     var _a;
     var _b = this.props,
       data = _b.data,
+      subscribeSchemaSubmit = _b.subscribeSchemaSubmit,
+      subscribeActionSubmit = _b.subscribeActionSubmit,
       show = _b.show,
       type = _b.type,
       actionTree = _b.actionTree,
@@ -163,7 +165,8 @@ var ActionDialog = /** @class */function (_super) {
       getComponents = _b.getComponents,
       commonActions = _b.commonActions,
       onClose = _b.onClose,
-      render = _b.render;
+      render = _b.render,
+      closeOnEsc = _b.closeOnEsc;
     var commonUseActionSchema = this.getCommonUseActionSchema();
     return render('inner', {
       type: 'dialog',
@@ -171,7 +174,7 @@ var ActionDialog = /** @class */function (_super) {
       headerClassName: 'font-bold',
       className: 'action-config-dialog',
       bodyClassName: 'action-config-dialog-body',
-      closeOnEsc: true,
+      closeOnEsc: closeOnEsc,
       closeOnOutside: false,
       show: show,
       showCloseButton: true,
@@ -314,7 +317,9 @@ var ActionDialog = /** @class */function (_super) {
       }],
       onClose: onClose
     }, {
-      data: data // 必须这样，不然变量会被当作数据映射处理掉
+      data: data,
+      subscribeActionSubmit: subscribeActionSubmit,
+      subscribeSchemaSubmit: subscribeSchemaSubmit
     });
     //   : null;
   };
@@ -322,4 +327,4 @@ var ActionDialog = /** @class */function (_super) {
 }(React__default.Component);
 
 export { ActionDialog as default };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.3.0',buildTime:'2024-03-29'};

package/esm/renderer/event-control/action-config-panel.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.3.0
+ * build time: 2024-03-29
  * Copyright 2018-2024 @fex
  */
 
@@ -55,4 +55,4 @@ var ActionConfigPanel = /** @class */function (_super) {
 }(React__default.Component);
 
 export { ActionConfigPanel as default };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.3.0',buildTime:'2024-03-29'};

package/esm/renderer/event-control/comp-action-select.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.3.0
+ * build time: 2024-03-29
  * Copyright 2018-2024 @fex
  */
 
@@ -74,4 +74,4 @@ var CmptActionSelect = /** @class */function (_super) {
 }(React__default.Component);
 
 export { BASE_ACTION_PROPS, CmptActionSelect as default };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.3.0',buildTime:'2024-03-29'};