amis-editor 6.2.2 → 6.4.0

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

@@ -0,0 +1,636 @@
+/**
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
+ * Copyright 2018-2024 @fex
+ */
+
+import { __read, __assign, __rest } from 'tslib';
+import { JSONGetById, JSONGetParentById, diff, patchDiff, JSONUpdate, JSONPipeIn, addModal, JSONPipeOut, modalsToDefinitions, getVariables } from 'amis-editor-core';
+import React__default from 'react';
+import { observer } from 'mobx-react';
+import { JSONTraverse, guid } 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,
+    appLocale = _a.appLocale,
+    appCorpusData = _a.appCorpusData;
+  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, _e, _f;
+      var _g, _h, _j, _k, _l;
+      var rawActions = (_h = (_g = JSONGetById(schema, id)) === null || _g === void 0 ? void 0 : _g.onEvent[eventKey]) === null || _h === void 0 ? void 0 : _h.actions;
+      if (!rawActions || !Array.isArray(rawActions)) {
+        return;
+      }
+      var actionSchema = rawActions[typeof actionIndex === 'undefined' ? rawActions.length - 1 : actionIndex];
+      var modals = actionSchema === null || actionSchema === void 0 ? void 0 : 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, _c;
+        var _d, _e;
+        var modal = _a.modal,
+          isRefered = _a.isRefered;
+        var _f = modal,
+          originId = _f.$$originId,
+          def = __rest(_f, ["$$originId"]);
+        if (originId) {
+          var parent_1 = JSONGetParentById(schema, originId);
+          if (id === originId) {
+            return;
+          } else if (!parent_1) {
+            // 找不到就丢回去，上层去处理
+            def.$$originId = originId;
+          } else if (isRefered === false) {
+            var modalType_1 = def.type === 'drawer' ? 'drawer' : 'dialog';
+            // 这样处理是为了不要修改原来的 $$id
+            var origin_1 = parent_1[modalType_1] || {};
+            var changes = diff(origin_1, modal, function (path, key) {
+              return key === '$$id';
+            });
+            if (changes) {
+              var newModal = patchDiff(origin_1, changes);
+              delete newModal.$$originId;
+              delete newModal.$$ref;
+              schema = JSONUpdate(schema, parent_1.$$id, __assign(__assign({}, parent_1), (_b = {
+                __actionModals: undefined,
+                args: undefined,
+                dialog: undefined,
+                drawer: undefined,
+                actionType: (_d = def.actionType) !== null && _d !== void 0 ? _d : modalType_1
+              }, _b[modalType_1] = newModal, _b)), true);
+            }
+            // 不要写下面的 defintions 了
+            return;
+          } else {
+            var modalType_2 = def.type === 'drawer' ? 'drawer' : 'dialog';
+            schema = JSONUpdate(schema, parent_1.$$id, __assign(__assign({}, parent_1), (_c = {
+              __actionModals: undefined,
+              args: undefined,
+              dialog: undefined,
+              drawer: undefined,
+              actionType: (_e = def.actionType) !== null && _e !== void 0 ? _e : modalType_2
+            }, _c[modalType_2] = JSONPipeIn({
+              $ref: modal.$$ref
+            }), _c)), true);
+          }
+        }
+        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: (_j = currentModal.modal.actionType) !== null && _j !== void 0 ? _j : 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: (_k = currentModal.modal.actionType) !== null && _k !== void 0 ? _k : 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;
+            newActionSchema[modalType].$$originId = originInd;
+          }
+        }
+      } else {
+        // 选的是别的工作内嵌的弹窗
+        // 需要把目标弹窗转成 definition
+        // 然后都引用这个 definition
+        var refKey = '';
+        _c = __read(addModal(schema, currentModal.modal), 2), schema = _c[0], refKey = _c[1];
+        // 需要记录原始的弹窗 id，方便上层处理合并
+        schema.definitions[refKey].$$originId = currentModal.modal.$$id;
+        newActionSchema = __assign(__assign({}, actionSchema), (_d = {
+          __actionModals: undefined,
+          args: undefined,
+          dialog: undefined,
+          drawer: undefined,
+          actionType: (_l = currentModal.modal.actionType) !== null && _l !== void 0 ? _l : modalType,
+          data: currentModal.data
+        }, _d[modalType] = JSONPipeIn({
+          $ref: refKey
+        }), _d));
+        originActionId = currentModal.value;
+        newRefName = refKey;
+      }
+      schema = JSONUpdate(schema, actionSchema.$$id, JSONPipeIn(newActionSchema), true);
+      // 自己就是个弹窗，可能有 definition 里面引用自己
+      if (['dialog', 'drawer', 'confirmDialog'].includes(schema.type)) {
+        var id_1 = schema.$$originId || schema.$$id;
+        Object.keys(schema.definitions).forEach(function (key) {
+          var definition = schema.definitions[key];
+          var exits = JSONGetById(definition, id_1);
+          if (exits) {
+            schema.definitions[key] = JSONUpdate(schema.definitions[key], id_1, __assign(__assign({}, schema), {
+              definitions: undefined
+            }), true);
+          }
+        });
+      }
+      // 如果弹窗里面又弹窗指向自己，那么也要更新
+      var currentModalId = currentModal.modal.$$id;
+      var refIds = [];
+      JSONTraverse(currentModal.modal, function (value, key, host) {
+        if (key === '$ref' && host.$$originId === currentModalId) {
+          refIds.push(host.$$id);
+        }
+      });
+      if (refIds.length) {
+        var refKey_1 = '';
+        _e = __read(addModal(schema, currentModal.modal), 2), schema = _e[0], refKey_1 = _e[1];
+        schema = JSONUpdate(schema, actionSchema.$$id, (_f = {}, _f[modalType] = JSONPipeIn({
+          $ref: refKey_1
+        }), _f), true);
+        refIds.forEach(function (refId) {
+          schema = JSONUpdate(schema, refId, {
+            $ref: refKey_1,
+            $$originId: undefined
+          }, 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 schema = store.schema;
+    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,
+        // 当前编辑的弹窗不让再里面再次弹出
+        disabled: modal.$$ref ? modal.$$ref === schema.$$ref : modal.$$id === schema.$$id
+      };
+    });
+    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 (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.modal.$$originId || item.modal.$$id) === $$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,
+          isRefered: refs.includes(key)
+        }));
+      } else if (refs.includes(key)) {
+        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) {
+    var modal = {
+      $$id: guid(),
+      type: 'dialog',
+      title: '未命名弹窗',
+      body: [{
+        type: 'tpl',
+        tpl: '弹窗内容'
+      }],
+      definitions: modalsToDefinitions(modals.map(function (item) {
+        return item.modal;
+      }))
+    };
+    var modalId = modal.$$id;
+    manager.openSubEditor({
+      title: i18n("a781b5903a4013c147783e1047f42e08"),
+      value: modal,
+      onChange: function (_a, diff) {
+        var _b;
+        var definitions = _a.definitions,
+          modal = __rest(_a, ["definitions"]);
+        // 不能变 $$id 如果有内部有引用，就找不到了
+        modal = JSONPipeIn(__assign(__assign({}, modal), {
+          $$id: modalId
+        }));
+        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;
+    }
+    manager.openSubEditor({
+      title: '编辑弹窗',
+      value: __assign(__assign({
+        type: 'dialog',
+        title: i18n("53bed22bc03c0fd61fe4fb81101f712a"),
+        body: [{
+          type: 'tpl',
+          tpl: '弹窗内容'
+        }]
+      }, currentModal.modal), {
+        definitions: modalsToDefinitions(modals.map(function (item) {
+          return item.modal;
+        }), {}, currentModal.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));
+  }, []);
+  var formula = React__default.useMemo(function () {
+    return {
+      variables: function () {
+        return getVariables({
+          props: {
+            node: node,
+            manager: manager
+          },
+          appLocale: appLocale,
+          appCorpusData: appCorpusData
+        });
+      }
+    };
+  }, [node, manager]);
+  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",
+    formula: formula
+  }) : 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
+  }))), data.waitForAction ? React__default.createElement(FormField, {
+    label: "\u54CD\u5E94\u7ED3\u679C",
+    mode: "horizontal",
+    description: '弹窗动作结束后的出参变量名配置'
+  }, 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.4.0',buildTime:'2024-05-06'};

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, once?: boolean) => () => void;
+    subscribeActionSubmit: (fn: (value: any) => any) => () => void;
 }
 export default class ActionDialog extends React.Component<ActionDialogProp> {
     /**