amis-editor 5.2.1-beta.31 → 5.2.1-beta.33

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 
@@ -8,7 +8,7 @@ import React__default from 'react';
 import { findDOMNode } from 'react-dom';
 import cx from 'classnames';
 import Sortable from 'sortablejs';
-import { DataSchema, TooltipWrapper, Icon, FormItem } from 'amis';
+import { DataSchema, TooltipWrapper, Icon, render, FormItem } from 'amis';
 import cloneDeep from 'lodash/cloneDeep';
 import { findTree, autobind } from 'amis-core';
 import ActionDialog from './action-config-dialog.js';
@@ -51,6 +51,7 @@ var EventControl = /** @class */function (_super) {
       events: pluginEvents,
       eventPanelActive: eventPanelActive,
       showAcionDialog: false,
+      showEventDialog: false,
       actionData: undefined,
       type: 'add'
     };
@@ -114,6 +115,56 @@ var EventControl = /** @class */function (_super) {
       onChange && onChange(onEvent);
     }
   });
+  Object.defineProperty(EventControl.prototype, "activeEventDialog", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (eventInfo) {
+      if (!eventInfo.debounce) {
+        // 防抖配置的默认值
+        eventInfo.debounce = {
+          open: false,
+          wait: 100
+        };
+      } else {
+        eventInfo.debounce = __assign({
+          open: true
+        }, eventInfo.debounce);
+      }
+      this.setState({
+        eventDialogData: eventInfo,
+        showEventDialog: true
+      });
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "eventDialogSubmit", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (formData) {
+      var onChange = this.props.onChange;
+      var eventName = formData.eventName,
+        _a = formData.debounce,
+        debounce = _a === void 0 ? {} : _a;
+      var onEvent = __assign({}, this.state.onEvent);
+      var eventConfig = onEvent["".concat(eventName)];
+      if (!debounce.open) {
+        delete eventConfig.debounce;
+      } else {
+        eventConfig = __assign(__assign({}, eventConfig), {
+          debounce: {
+            wait: debounce.wait
+          }
+        });
+      }
+      onEvent["".concat(eventName)] = __assign({}, eventConfig);
+      this.setState({
+        onEvent: onEvent,
+        showEventDialog: false
+      });
+      onChange && onChange(onEvent);
+    }
+  });
   Object.defineProperty(EventControl.prototype, "delEvent", {
     enumerable: false,
     configurable: true,
@@ -152,10 +203,9 @@ var EventControl = /** @class */function (_super) {
       }
       activeConfig[event] = true;
       if (config.actionType) {
-        onEventConfig[event] = {
-          actions: onEventConfig[event].actions.concat(config),
-          weight: onEvent[event].weight
-        };
+        onEventConfig[event] = __assign(__assign({}, onEventConfig[event]), {
+          actions: onEventConfig[event].actions.concat(config)
+        });
       }
       this.setState({
         onEvent: onEventConfig,
@@ -269,14 +319,13 @@ var EventControl = /** @class */function (_super) {
             }),
             weight: onEvent[event].weight
           };
-          onEventConfig[event] = {
+          onEventConfig[event] = __assign(__assign({}, onEvent[event]), {
             actions: onEvent[event].actions.map(function (item, actionIndex) {
               return actionIndex === index ? typeof config === 'string' ? __assign(__assign({}, item), {
                 actionType: config
               }) : config : item;
-            }),
-            weight: onEvent[event].weight
-          };
+            })
+          });
           this.setState({
             onEvent: onEventConfig
           });
@@ -487,7 +536,7 @@ var EventControl = /** @class */function (_super) {
                 getContextSchemas: getContextSchemas,
                 rawVariables: rawVariables
               }, actionConfig), {
-                groupType: action_1.actionType,
+                groupType: (actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.__actionType) || action_1.actionType,
                 __actionDesc: actionNode.description,
                 __actionSchema: actionNode.schema,
                 __subActions: hasSubActionNode === null || hasSubActionNode === void 0 ? void 0 : hasSubActionNode.actions,
@@ -597,17 +646,19 @@ var EventControl = /** @class */function (_super) {
         commonActions = _a.commonActions,
         getComponents = _a.getComponents,
         allComponents = _a.allComponents,
-        render = _a.render;
+        render$1 = _a.render;
       var _b = this.state,
         onEvent = _b.onEvent,
         events = _b.events,
         eventPanelActive = _b.eventPanelActive,
         showAcionDialog = _b.showAcionDialog,
+        showEventDialog = _b.showEventDialog,
         type = _b.type,
-        actionData = _b.actionData;
-      var enventSnapshot = cloneDeep(onEvent);
+        actionData = _b.actionData,
+        eventDialogData = _b.eventDialogData;
+      var eventSnapshot = cloneDeep(onEvent);
       var showOldEntry = this.props.showOldEntry;
-      var eventKeys = Object.keys(enventSnapshot);
+      var eventKeys = Object.keys(eventSnapshot);
       return React__default.createElement("div", {
         className: "ae-event-control"
       }, React__default.createElement("header", {
@@ -616,7 +667,7 @@ var EventControl = /** @class */function (_super) {
           'ae-event-control-header-oldentry': showOldEntry,
           'no-bd-btm': !eventKeys.length
         })
-      }, render('dropdown', {
+      }, render$1('dropdown', {
         type: 'dropdown-button',
         level: 'enhance',
         label: i18n("1fab2b4934161e87a1f0133b9d5bc1b5"),
@@ -650,7 +701,7 @@ var EventControl = /** @class */function (_super) {
         }, React__default.createElement("div", {
           className: cx({
             'event-item-header': true,
-            'no-bd-btm': !(((_a = enventSnapshot[eventKey].actions) === null || _a === void 0 ? void 0 : _a.length) && eventPanelActive[eventKey]) && !getEventStrongDesc(events, eventKey)
+            'no-bd-btm': !(((_a = eventSnapshot[eventKey].actions) === null || _a === void 0 ? void 0 : _a.length) && eventPanelActive[eventKey]) && !getEventStrongDesc(events, eventKey)
           })
         }, React__default.createElement(TooltipWrapper, {
           tooltipClassName: "event-item-header-tip",
@@ -679,6 +730,14 @@ var EventControl = /** @class */function (_super) {
         }, React__default.createElement(Icon, {
           className: "icon",
           icon: "delete-bold-btn"
+        })), React__default.createElement("div", {
+          onClick: _this.activeEventDialog.bind(_this, __assign({
+            eventName: eventKey,
+            eventLabel: getEventLabel(events, eventKey) || eventKey
+          }, eventSnapshot[eventKey]))
+        }, React__default.createElement(Icon, {
+          className: "icon",
+          icon: "event-setting"
         })), React__default.createElement("div", {
           onClick: _this.toggleActivePanel.bind(_this, eventKey)
         }, eventPanelActive[eventKey] ? React__default.createElement(Icon, {
@@ -687,16 +746,16 @@ var EventControl = /** @class */function (_super) {
         }) : React__default.createElement(Icon, {
           className: "icon",
           icon: "close-btn"
-        })))), getEventStrongDesc(events, eventKey) ? render('alert', {
+        })))), getEventStrongDesc(events, eventKey) ? render$1('alert', {
           type: 'alert',
           body: i18n("0e9525b2bb1493c567c114dd61b69095") + getEventStrongDesc(events, eventKey),
           level: 'info',
           showCloseButton: true,
           showIcon: true,
           className: 'event-item-desc'
-        }) : null, enventSnapshot[eventKey].actions.length && eventPanelActive[eventKey] ? React__default.createElement("ul", {
+        }) : null, eventSnapshot[eventKey].actions.length && eventPanelActive[eventKey] ? React__default.createElement("ul", {
           className: "item-content"
-        }, enventSnapshot[eventKey].actions.map(function (action, actionIndex) {
+        }, eventSnapshot[eventKey].actions.map(function (action, actionIndex) {
           return React__default.createElement("li", {
             className: "ae-option-control-item",
             key: "item-content_".concat(actionIndex)
@@ -735,7 +794,62 @@ var EventControl = /** @class */function (_super) {
         })) : null);
       }) : React__default.createElement("div", {
         className: "ae-event-control-placeholder"
-      }, i18n('4db5110d41293fef57f5a1f364187896'))), React__default.createElement(ActionDialog, {
+      }, i18n('4db5110d41293fef57f5a1f364187896'))), showEventDialog ? render({
+        type: 'dialog',
+        title: "".concat(eventDialogData === null || eventDialogData === void 0 ? void 0 : eventDialogData.eventLabel, "-\u4E8B\u4EF6\u914D\u7F6E"),
+        showCloseButton: false,
+        body: [{
+          type: 'form',
+          title: i18n("eee1e2258d7ea163fec625ee44be9637"),
+          data: {
+            '&': '$$'
+          },
+          mode: 'horizontal',
+          horizontal: {
+            left: 3,
+            right: 9
+          },
+          body: [{
+            label: '事件防重',
+            type: 'switch',
+            name: 'debounce.open',
+            description: '开启事件防重后，防重时间内多次触发事件只会执行最后一次'
+          }, {
+            label: '防重时间',
+            required: true,
+            hiddenOn: '!debounce.open',
+            name: 'debounce.wait',
+            suffix: 'ms',
+            max: 10000,
+            min: 0,
+            type: 'input-number'
+          }],
+          onSubmit: this.eventDialogSubmit.bind(this)
+        }],
+        actions: [{
+          type: 'button',
+          label: i18n("625fb26b4b3340f7872b411f401e754c"),
+          onEvent: {
+            click: {
+              actions: [{
+                actionType: 'custom',
+                script: function () {
+                  _this.setState({
+                    showEventDialog: false
+                  });
+                }
+              }]
+            }
+          }
+        }, {
+          type: 'button',
+          actionType: 'confirm',
+          label: i18n("e83a256e4f5bb4ff8b3d804b5473217a"),
+          primary: true
+        }]
+      }, {
+        data: eventDialogData
+      }) : null, React__default.createElement(ActionDialog, {
         show: showAcionDialog,
         type: type,
         actionTree: actionTree,

package/esm/renderer/event-control/types.d.ts

@@ -8,6 +8,9 @@ export interface ActionEventConfig {
         weight?: number;
         actions: ActionConfig[];
         __isBroadcast?: boolean;
+        debounce?: {
+            wait: number;
+        };
     };
 }
 export interface ComponentInfo {

package/esm/renderer/style-control/Background.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/Border.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/BoxModel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/BoxShadow.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/Display.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/Font.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/InsetBoxModel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/font-family.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/style-control/transformation.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/textarea-formula/FormulaPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/textarea-formula/TextareaFormulaControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/textarea-formula/plugin.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/renderer/textarea-formula/utils.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/api.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/common.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/horizontal.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/layout.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 
@@ -161,6 +161,7 @@ setSchemaTpl('layout:display', function (config) {
         form.setValueByName('style.flexDirection', undefined);
         form.setValueByName('style.justifyContent', undefined);
         form.setValueByName('style.alignItems', undefined);
+        form.setValueByName('style.flexWrap', undefined);
       }
     }
   };

package/esm/tpl/options.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/style.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/tpl/validations.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/util.d.ts

@@ -1,20 +1,23 @@
+import { BaseEventContext, EditorManager, RendererPluginAction } from 'amis-editor-core';
 import { ActionConfig } from './renderer/event-control/types';
 /**
  * 获取事件动作面板所需属性配置
  */
 export declare const getEventControlConfig: (manager: EditorManager, context: BaseEventContext) => {
     showOldEntry: boolean;
-    actions: any;
-    events: any;
-    actionTree: any;
-    commonActions: any;
+    actions: import("amis-editor-core").PluginActions;
+    events: import("amis-editor-core").PluginEvents;
+    actionTree: RendererPluginAction[];
+    commonActions: {
+        [propName: string]: RendererPluginAction;
+    } | undefined;
     owner: string;
-    addBroadcast: any;
-    removeBroadcast: any;
-    getContextSchemas: (id?: string, withoutSuper?: boolean) => Promise<any>;
+    addBroadcast: (event: import("amis-editor-core").RendererPluginEvent) => void;
+    removeBroadcast: (id: string) => void;
+    getContextSchemas: (id?: string, withoutSuper?: boolean) => Promise<import("amis").DataSchema | import("json-schema").JSONSchema7[]>;
     getComponents: (action: RendererPluginAction) => any[];
     actionConfigInitFormatter: (action: ActionConfig) => {
-        actionType: any;
+        actionType: string | undefined;
         description?: string | undefined;
         componentId?: string | undefined;
         args?: Record<string, any> | undefined;

package/esm/util.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/esm/validator.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/component/BaseControl.d.ts

@@ -901,7 +901,7 @@ export declare function remarkTpl(config: {
         body: string | SchemaObject[];
     };
     bulk: boolean;
-    name: "labelRemark" | "remark";
+    name: "remark" | "labelRemark";
     pipeIn: (value: any) => boolean;
     pipeOut: (value: any) => any;
     form: {

package/lib/component/BaseControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/component/InputComponentName.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/component/TableViewEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/btn/btn-group.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/btn/btn-select.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/btn/btn-toolbar.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/btn/button.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/btn/dropdown-btn.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/anchor-nav.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/collapse.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/container.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/flex-container.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/form-group.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/grid.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/iframe.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/panel.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/table-view.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/tabs.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */
 

package/lib/icons/container/tooltip-wrapper.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.31
+ * amis-editor v5.2.1-beta.33
  * Copyright 2018-2022 @fex
  */