amis-editor 5.2.1-beta.32 → 5.2.1-beta.35

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * 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: i18n("5ba999eb762f60324033b735e55d989c"),
+            type: 'switch',
+            name: 'debounce.open',
+            description: i18n("7fe94616be0e8fb5ef5ab40a7397f0aa")
+          }, {
+            label: i18n("91b72e901f1663637157cda638ac4dcc"),
+            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.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/esm/tpl/api.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.1-beta.32
+ * amis-editor v5.2.1-beta.35
  * Copyright 2018-2022 @fex
  */
 
@@ -481,3 +481,66 @@ setSchemaTpl('actionApiControl', function (patch) {
     } : undefined
   }, rest);
 });
+setSchemaTpl('loadingConfig', function (patch, _a) {
+  var context = _a.context;
+  var globalSelector = '';
+  var parent = context.node.parent;
+  while (parent && !globalSelector) {
+    var parentNodeType = parent.type;
+    if (parentNodeType === 'dialog' || parentNodeType === 'drawer') {
+      globalSelector = '[role=dialog-body]';
+    } else if (parentNodeType === 'page') {
+      globalSelector = '[role=page-body]';
+    }
+    parent = parent.parent;
+  }
+  return __assign(__assign({
+    name: 'loadingConfig',
+    type: 'select',
+    label: i18n("5a4e41af91746f8a3905aa9f66048955"),
+    options: [{
+      label: i18n("6ade3082696deb00357f5c0359093cd4"),
+      value: 1 /* LoadingOption.MERGE */
+    }, {
+      label: i18n("b6ac896eff6a6502e4ae7079b3e507a5"),
+      value: 0 /* LoadingOption.HIDDEN */
+    }, {
+      label: i18n("0e9ffe1f1cf3f7a620970ea75dba9f39"),
+      value: 2 /* LoadingOption.GLOBAL */
+    }]
+  }, patch), {
+    pipeOut: function (value) {
+      switch (value) {
+        case 0 /* LoadingOption.HIDDEN */:
+          return {
+            show: false
+          };
+        case 2 /* LoadingOption.GLOBAL */:
+          return {
+            show: true,
+            root: globalSelector
+          };
+        case 1 /* LoadingOption.MERGE */:
+          return {
+            show: true
+          };
+        default:
+          return {};
+      }
+    },
+    pipeIn: function (value) {
+      if (value === void 0) {
+        value = {};
+      }
+      if (value.root) {
+        return 2 /* LoadingOption.GLOBAL */;
+      }
+
+      if (value.show === false) {
+        return 0 /* LoadingOption.HIDDEN */;
+      }
+
+      return 1 /* LoadingOption.MERGE */;
+    }
+  });
+});

package/esm/tpl/common.js

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

package/esm/tpl/horizontal.js

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