amis-editor 5.2.0 → 5.2.1-beta.19

package/lib/plugin/Pagination.js

@@ -0,0 +1,326 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisEditorCore = require('amis-editor-core');
+var helper = require('../renderer/event-control/helper.js');
+var i18nRuntime = require('i18n-runtime');
+
+var PaginationPlugin = /** @class */function (_super) {
+  tslib.__extends(PaginationPlugin, _super);
+  function PaginationPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'pagination'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/PaginationSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("f59b11ff84daeb60b027dc02490b627a")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("7cfb5e222a5954e891fba6e3802c7ea6")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-window-minimize'
+    });
+    Object.defineProperty(_this, "lastLayoutSetting", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: ['pager']
+    });
+    Object.defineProperty(_this, "layoutOptions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        text: i18nRuntime.i18n("9ed7d3adc032f6b78808e7f3786ec9cc"),
+        value: 'total',
+        checked: false
+      }, {
+        text: i18nRuntime.i18n("8e60090c332693095d5852d92ee149ee"),
+        value: 'perPage',
+        checked: false
+      }, {
+        text: i18nRuntime.i18n("3862626c138ce5945e0e273a1bdfbad0"),
+        value: 'pager',
+        checked: true
+      }, {
+        text: i18nRuntime.i18n("0059d50e3f7b2fe7f1822ccc218fed66"),
+        value: 'go',
+        checked: false
+      }]
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'pagination',
+        mode: 'normal',
+        layout: ['pager'],
+        activePage: 1,
+        lastPage: 1,
+        total: 1,
+        hasNext: false,
+        disabled: false,
+        perPageAvailable: [10, 20, 50, 100],
+        perPage: 10,
+        maxButtons: 7
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: tslib.__assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("47c62ec10a240c35b8446cc923c5e8ef")
+    });
+    // 事件定义
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        eventName: 'pageChange',
+        eventLabel: i18nRuntime.i18n("97b8cf6ae269b6f6d75063073cd565cc"),
+        description: i18nRuntime.i18n("97b8cf6ae269b6f6d75063073cd565cc")
+      }]
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'mode',
+              label: i18nRuntime.i18n("f0789e79d48f135e5d870753f7a85d05"),
+              type: 'button-group-select',
+              size: 'sm',
+              pipeIn: amisEditorCore.defaultValue('normal'),
+              options: [{
+                label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+                value: 'normal'
+              }, {
+                label: i18nRuntime.i18n("b30f254eccefa14c9980235bcbec74f9"),
+                value: 'simple'
+              }]
+            },
+            // {
+            //   name: 'hasNext',
+            //   label: '是否有下一页',
+            //   mode: 'row',
+            //   inputClassName: 'inline-flex justify-between flex-row-reverse',
+            //   type: 'switch',
+            //   visibleOn: 'data.mode === "simple"'
+            // },
+            // {
+            //   name: 'activePage',
+            //   label: tipedLabel('当前页', '支持使用 \\${xxx} 来获取变量'),
+            //   type: 'input-text'
+            // },
+            // {
+            //   name: 'lastPage',
+            //   label: tipedLabel('最后页码', '支持使用 \\${xxx} 来获取变量'),
+            //   type: 'input-text',
+            //   visibleOn: 'data.mode === "normal"'
+            // },
+            // {
+            //   name: 'total',
+            //   label: tipedLabel('总条数', '支持使用 \\${xxx} 来获取变量'),
+            //   type: 'input-text',
+            //   visibleOn: 'data.mode === "normal"'
+            // },
+            amisEditorCore.getSchemaTpl('combo-container', {
+              name: 'layout',
+              type: 'combo',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("07b59fd09f6007bac246d9a73b793a49"), i18nRuntime.i18n("41ed1e238b846005dfb0f087cbec644b")),
+              visibleOn: 'data.mode === "normal"',
+              mode: 'normal',
+              multiple: true,
+              multiLine: false,
+              addable: false,
+              removable: false,
+              draggable: true,
+              editable: false,
+              minLength: 1,
+              tabsStyle: 'inline',
+              formClassName: 'ae-pagination-layout-item',
+              items: [{
+                type: 'checkbox',
+                name: 'checked',
+                className: 'm-t-n-xxs'
+              }, {
+                type: 'tpl',
+                name: 'text',
+                className: 'p-t-xs'
+              }],
+              pipeIn: function (value) {
+                if (!value) {
+                  value = _this.lastLayoutSetting;
+                } else if (typeof value === 'string') {
+                  value = value.split(',');
+                }
+                return _this.layoutOptions.map(function (v) {
+                  return tslib.__assign(tslib.__assign({}, v), {
+                    checked: value.includes(v.value)
+                  });
+                });
+              },
+              pipeOut: function (value) {
+                _this.lastLayoutSetting = value.filter(function (v) {
+                  return v.checked;
+                }).map(function (v) {
+                  return v.value;
+                });
+                return _this.lastLayoutSetting.concat();
+              }
+            }),
+            // {
+            //   name: 'showPerPage',
+            //   label: '显示每页条数',
+            //   mode: 'row',
+            //   inputClassName: 'inline-flex justify-between flex-row-reverse',
+            //   type: 'switch',
+            //   visibleOn: 'data.mode === "normal"'
+            // },
+            amisEditorCore.getSchemaTpl('combo-container', {
+              name: 'perPageAvailable',
+              type: 'combo',
+              label: i18nRuntime.i18n("71fa2ba926cd032c0ebe0bcdd5d3eb10"),
+              visibleOn: 'data.mode === "normal" && data.layout && data.layout.includes("perPage")',
+              mode: 'normal',
+              multiple: true,
+              multiLine: false,
+              addable: true,
+              removable: true,
+              draggable: true,
+              editable: true,
+              minLength: 1,
+              tabsStyle: 'inline',
+              addButtonClassName: 'm-b-sm',
+              items: [{
+                type: 'input-number',
+                name: 'value',
+                min: 1
+              }],
+              pipeIn: function (value) {
+                return (value === null || value === void 0 ? void 0 : value.map(function (v) {
+                  return {
+                    value: v
+                  };
+                })) || [10];
+              },
+              pipeOut: function (value) {
+                return value.map(function (v) {
+                  return v.value;
+                });
+              }
+            }), {
+              name: 'perPage',
+              type: 'input-text',
+              label: i18nRuntime.i18n("04519bf3bf428bb1a75938ac65dba040"),
+              visibleOn: 'data.mode === "normal" && data.layout?.includes("perPage")'
+            }, {
+              name: 'maxButtons',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("040f05137eb37e880873a763ff653fe9"), i18nRuntime.i18n("2ee8eb6b1a80a4b025f97fca6afb800d")),
+              type: 'input-number',
+              min: 5,
+              max: 20,
+              pipeOut: function (value) {
+                return value || 5;
+              },
+              visibleOn: 'data.mode === "normal"'
+            }]
+          }, {
+            title: i18nRuntime.i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
+            body: [amisEditorCore.getSchemaTpl('disabled')]
+          }])
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:classNames', {
+            isFormItem: false
+          })])
+        }, {
+          title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+          className: 'p-none',
+          body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+            name: 'onEvent'
+          }, helper.getEventControlConfig(_this.manager, context)))]
+        }]);
+      }
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032")
+      }]
+    });
+    return _this;
+  }
+  return PaginationPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(PaginationPlugin);
+
+exports.PaginationPlugin = PaginationPlugin;

package/lib/plugin/Panel.d.ts

@@ -0,0 +1,32 @@
+import { BasePlugin, BasicPanelItem, RegionConfig, BuildPanelEventContext } from 'amis-editor-core';
+export declare class PanelPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string;
+    scaffold: {
+        type: string;
+        title: string;
+        body: string;
+    };
+    previewSchema: {
+        type: string;
+        title: string;
+        body: string;
+        className: string;
+        actions: {
+            label: string;
+            type: string;
+        }[];
+    };
+    regions: Array<RegionConfig>;
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+}

package/lib/plugin/Panel.js

@@ -0,0 +1,287 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amis = require('amis');
+var React = require('react');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PanelPlugin = /** @class */function (_super) {
+  tslib.__extends(PanelPlugin, _super);
+  function PanelPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'panel'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/panelSchema.json'
+    });
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("cd6f79e7bff1337c12c86a15ceedd6da")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-window-maximize'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'panel-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("e04a2f1662121e5a3c397d496114185b")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/panel'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'panel',
+        title: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+        body: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'panel',
+        title: i18nRuntime.i18n("4e9bb0326ab4d3a2af94d901c7f1b6a7"),
+        body: i18nRuntime.i18n("5bf5f1fd54476671bd6fd9d97e3e6b6b"),
+        className: 'Panel--default text-left m-b-none',
+        actions: [{
+          label: i18nRuntime.i18n("e9d2f66bbd44c96a3e03494bf6b1ebf0"),
+          type: 'button'
+        }, {
+          label: i18nRuntime.i18n("ce35a17d2ba7caac95092a7a66ac9a0d"),
+          type: 'button'
+        }]
+      }
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18nRuntime.i18n("132a78bdf68d6d17bde00aa807bbf032"),
+        // 复写渲染器里面的 renderBody 方法
+        renderMethod: 'renderBody',
+        // 这个 case 很另类，要自己写。form 里面直接复用了 Panel 来输出内容。
+        // 这种 case 应该跳过包裹 Region
+        // 只有他自己输出时才包裹，form 调用进来是下发了 children 来完成渲染
+        // 自己的话是其他方式。
+        renderMethodOverride: function (regions, insertRegion) {
+          return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+              args[_i] = arguments[_i];
+            }
+            var info = this.props.$$editor;
+            var dom = this.super.apply(this, args);
+            if (info && !this.props.children) {
+              return insertRegion(this, dom, regions, info, info.plugin.manager);
+            }
+            return dom;
+          };
+        }
+      }, {
+        key: 'actions',
+        label: i18nRuntime.i18n("c8caf94205105bac5833ab31cc2129d7"),
+        renderMethod: 'renderActions',
+        preferTag: i18nRuntime.i18n("fa966345577ba81af19408f203db968f")
+      }]
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18nRuntime.i18n("cd6f79e7bff1337c12c86a15ceedd6da")
+    });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        var _a;
+        var isForm = /(?:^|\/)form$/.test(context.path) || ((_a = context === null || context === void 0 ? void 0 : context.schema) === null || _a === void 0 ? void 0 : _a.type) === 'form';
+        return [amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+            className: 'p-none',
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+              name: 'title',
+              type: 'input-text'
+            }, isForm ? null : {
+              children: React__default["default"].createElement(amis.Button, {
+                size: "sm",
+                level: "info",
+                className: "m-b",
+                onClick: function () {
+                  // this.manager.showInsertPanel('body')
+                  _this.manager.showRendererPanel('');
+                },
+                block: true
+              }, "\u5185\u5BB9\u533A\u65B0\u589E\u5185\u5BB9")
+            }]
+          }, amisEditorCore.getSchemaTpl('status')])]
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+            className: 'p-none',
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [amisEditorCore.getSchemaTpl('switch', {
+              name: 'affixFooter',
+              label: i18nRuntime.i18n("1fae678397df046c1754092f15a71d98"),
+              value: false
+            }), amisEditorCore.getSchemaTpl('horizontal', {
+              visibleOn: '(data.mode || data.$$formMode) == "horizontal" && data.$$mode == "form"'
+            })]
+          }, {
+            className: 'p-none',
+            title: i18nRuntime.i18n("68744acedf015b8cfc445af30583815e"),
+            body: [amisEditorCore.getSchemaTpl('subFormItemMode', {
+              label: i18nRuntime.i18n("5a0fbcaaeb439684bb4ae5be579e4cd4")
+            }), amisEditorCore.getSchemaTpl('subFormHorizontalMode', {
+              label: i18nRuntime.i18n("f99d7e5f15906ca78c45753ee3b04a8b")
+            }), amisEditorCore.getSchemaTpl('subFormHorizontal')]
+          }, {
+            className: 'p-none',
+            title: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+            body: [{
+              name: isForm ? 'panelClassName' : 'className',
+              label: i18nRuntime.i18n("9970ad07468267e2f309f1467c75bb80"),
+              type: 'select',
+              size: 'sm',
+              pipeIn: function (value) {
+                return typeof value === 'string' && /(?:^|\s)(Panel\-\-(\w+))(?:$|\s)/.test(value) ? RegExp.$1 : 'Panel--default';
+              },
+              pipeOut: function (value, origin) {
+                return origin ? "".concat(origin.replace(/(?:^|\s)(Panel\-\-(\w+))(?=($|\s))/g, ''), " ").concat(value).replace(/\s+/g, ' ').trim() : value;
+              },
+              options: [{
+                label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+                value: 'Panel--default'
+              }, {
+                label: i18nRuntime.i18n("fbae87bcc352f6933541fb77a07418ed"),
+                value: 'Panel--primary'
+              }, {
+                label: i18nRuntime.i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
+                value: 'Panel--info'
+              }, {
+                label: i18nRuntime.i18n("330363dfc524cff2488f2ebde0500896"),
+                value: 'Panel--success'
+              }, {
+                label: i18nRuntime.i18n("900c70fa5f7dbc014e6f762d5e0e885c"),
+                value: 'Panel--warning'
+              }, {
+                label: i18nRuntime.i18n("540f84ddc0883866b229f71c2844199a"),
+                value: 'Panel--danger'
+              }]
+            }, amisEditorCore.getSchemaTpl('className', {
+              label: i18nRuntime.i18n("5e5d3f13111593b2710673006d4c8297"),
+              name: isForm ? 'panelClassName' : 'className',
+              pipeIn: amisEditorCore.defaultValue('Panel--default')
+            }), amisEditorCore.getSchemaTpl('className', {
+              name: 'headerClassName',
+              label: i18nRuntime.i18n("65810a32a98f09be550b0c421df6c540")
+            }), amisEditorCore.getSchemaTpl('className', {
+              name: 'bodyClassName',
+              label: i18nRuntime.i18n("33be689a0f0de129ce37f7a96052002e")
+            }), amisEditorCore.getSchemaTpl('className', {
+              name: 'footerClassName',
+              label: i18nRuntime.i18n("f3b9889baa6d17ec63f05ea7d326bcfa")
+            }), amisEditorCore.getSchemaTpl('className', {
+              name: 'actionsClassName',
+              label: i18nRuntime.i18n("da71dcbb13405815476cef28a8b9c4f6")
+            })]
+          }])]
+        }])];
+      }
+    });
+    return _this;
+  }
+  Object.defineProperty(PanelPlugin.prototype, "buildEditorPanel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (context, panels) {
+      var plugin = this;
+      var schema = context.schema;
+      var store = this.manager.store;
+      if (context.info.renderer.name === 'form' && schema.wrapWithPanel !== false && !context.selections.length && false) {
+        /** Panel相关的配置融合到From中了 */
+        panels.push({
+          key: 'panel',
+          icon: 'fa fa-list-alt',
+          pluginIcon: plugin.pluginIcon,
+          title: this.panelTitle,
+          render: this.manager.makeSchemaFormRender({
+            body: this.panelBodyCreator(context),
+            panelById: store.activeId
+          })
+        });
+      } else {
+        _super.prototype.buildEditorPanel.call(this, context, panels);
+      }
+    }
+  });
+  return PanelPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(PanelPlugin);
+
+exports.PanelPlugin = PanelPlugin;

package/lib/plugin/Plain.d.ts

@@ -0,0 +1,22 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class PlainPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    disabledRendererPlugin: boolean;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    previewSchema: {
+        type: string;
+        text: string;
+        className: string;
+        inline: boolean;
+    };
+    scaffold: any;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}