amis-editor 6.2.2 → 6.4.0

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -15,20 +15,16 @@ import { findTree, getRendererByName, autobind } from 'amis-core';
 import ActionDialog from './action-config-dialog.js';
 import { getPropOfAcion, findActionNode, findSubActionNode, SELECT_PROPS_CONTAINER, getActionType, updateCommonUseActions, getEventStrongDesc, getEventDesc, getEventLabel } from './helper.js';
 export { ACTION_TYPE_TREE, COMMON_ACTION_SCHEMA_MAP, DATA_CONTAINER, FORMITEM_CMPTS, SELECT_PROPS_CONTAINER, SHOW_SELECT_PROP, SUPPORT_DISABLED_CMPTS, SUPPORT_STATIC_FORMITEM_CMPTS, findActionNode, findSubActionNode, getActionType, getArgsWrapper, getEventControlConfig, getEventDesc, getEventLabel, getEventStrongDesc, getOldActionSchema, getPropOfAcion, hasActionType, renderCmptActionSelect, renderCmptIdInput, renderCmptSelect, updateCommonUseActions } from './helper.js';
-import { updateComponentContext, getDialogActions, getFixDialogType } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 import { reaction } from 'mobx';
+import { updateComponentContext } from 'amis-editor-core';
 
-var dialogObjMap = {
-  dialog: 'dialog',
-  drawer: 'drawer',
-  confirmDialog: ['dialog', 'args']
-};
 var EventControl = /** @class */function (_super) {
   __extends(EventControl, _super);
   function EventControl(props) {
     var _this = _super.call(this, props) || this;
     _this.eventPanelSortMap = {};
+    _this.submitSubscribers = [];
     var events = props.events,
       value = props.value,
       data = props.data,
@@ -65,6 +61,7 @@ var EventControl = /** @class */function (_super) {
   EventControl.prototype.componentWillUnmount = function () {
     var _a;
     (_a = this.unReaction) === null || _a === void 0 ? void 0 : _a.call(this);
+    this.submitSubscribers = [];
   };
   EventControl.prototype.componentDidUpdate = function (prevProps, prevState) {
     var _a, _b;
@@ -91,6 +88,17 @@ var EventControl = /** @class */function (_super) {
       });
     }
   };
+  EventControl.prototype.subscribeSubmit = function (subscriber) {
+    var _this = this;
+    var fn = function (value) {
+      return (subscriber === null || subscriber === void 0 ? void 0 : subscriber(value)) || value;
+    };
+    this.submitSubscribers.push(fn);
+    return function () {
+      var idx = _this.submitSubscribers.indexOf(fn);
+      _this.submitSubscribers.splice(idx, 1);
+    };
+  };
   EventControl.prototype.generateEmptyDefault = function (events) {
     var onEvent = {};
     events.forEach(function (event) {
@@ -571,32 +579,23 @@ var EventControl = /** @class */function (_super) {
       });
     });
   };
-  // 获取现有弹窗列表
-  EventControl.prototype.getDialogList = function (manager, action, actionType) {
-    var _a;
-    if (action && actionType && dialogObjMap[actionType] && !((_a = action === null || action === void 0 ? void 0 : action.args) === null || _a === void 0 ? void 0 : _a.fromCurrentDialog)) {
-      var dialogBodyContent = dialogObjMap[actionType];
-      var filterId = Array.isArray(dialogBodyContent) ? action[dialogBodyContent[0]].id || action[dialogBodyContent[1]].id : action[dialogBodyContent].id;
-      return getDialogActions(manager.store.schema, 'source', filterId);
-    } else return getDialogActions(manager.store.schema, 'source');
-  };
   // 唤起动作配置弹窗
   EventControl.prototype.activeActionDialog = function (data) {
-    var _a, _b, _c, _d;
+    var _a;
     return __awaiter(this, void 0, void 0, function () {
-      var _e, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, manager, variables, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, contextSchema, dataSchema, targetVariables, actionGroupType, definitions, dialogBody, dialogObj, dialogRef;
-      return __generator(this, function (_f) {
-        switch (_f.label) {
+      var _b, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, manager, variables, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, contextSchema, dataSchema, targetVariables, actionGroupType;
+      return __generator(this, function (_c) {
+        switch (_c.label) {
           case 0:
-            _e = this.props, pluginActions = _e.actions, getContextSchemas = _e.getContextSchemas, actionConfigInitFormatter = _e.actionConfigInitFormatter, getComponents = _e.getComponents, actionTree = _e.actionTree, allComponents = _e.allComponents, manager = _e.manager, _e.node;
+            _b = this.props, pluginActions = _b.actions, getContextSchemas = _b.getContextSchemas, actionConfigInitFormatter = _b.actionConfigInitFormatter, getComponents = _b.getComponents, actionTree = _b.actionTree, allComponents = _b.allComponents, manager = _b.manager, _b.node;
             return [4 /*yield*/, this.buildContextSchema(data)];
           case 1:
-            variables = _f.sent();
+            variables = _c.sent();
             if (!(data.type === 'update')) return [3 /*break*/, 5];
             action_1 = data.actionData.action;
             return [4 /*yield*/, actionConfigInitFormatter === null || actionConfigInitFormatter === void 0 ? void 0 : actionConfigInitFormatter(action_1)];
           case 2:
-            actionConfig = _f.sent();
+            actionConfig = _c.sent();
             actionNode = findActionNode(actionTree, actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType);
             hasSubActionNode = findSubActionNode(actionTree, action_1.actionType);
             supportComponents = getComponents(actionNode);
@@ -607,13 +606,13 @@ var EventControl = /** @class */function (_super) {
             if (!((actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType) === 'setValue' && (node === null || node === void 0 ? void 0 : node.id) && SELECT_PROPS_CONTAINER.includes((node === null || node === void 0 ? void 0 : node.type) || ''))) return [3 /*break*/, 4];
             return [4 /*yield*/, manager.getContextSchemas(node.id, true)];
           case 3:
-            contextSchema = _f.sent();
+            contextSchema = _c.sent();
             dataSchema = new DataSchema(contextSchema || []);
             targetVariables = (dataSchema === null || dataSchema === void 0 ? void 0 : dataSchema.getDataPropsAsOptions()) || [];
             setValueDs = targetVariables === null || targetVariables === void 0 ? void 0 : targetVariables.filter(function (item) {
               return item.value !== '$$id';
             });
-            _f.label = 4;
+            _c.label = 4;
           case 4:
             actionGroupType = (actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.__actionType) || action_1.actionType;
             data.actionData = __assign(__assign({
@@ -628,29 +627,11 @@ var EventControl = /** @class */function (_super) {
               __actionSchema: actionNode.schema,
               __subActions: hasSubActionNode === null || hasSubActionNode === void 0 ? void 0 : hasSubActionNode.actions,
               __cmptTreeSource: supportComponents !== null && supportComponents !== void 0 ? supportComponents : [],
-              __dialogActions: this.getDialogList(manager, action_1, actionGroupType),
+              // __dialogActions: manager.store.modalOptions,
               __superCmptTreeSource: allComponents,
               // __supersCmptTreeSource: '',
               __setValueDs: setValueDs
             });
-            // 编辑时准备已选的弹窗来源和标题
-            if ((actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType) == 'openDialog') {
-              definitions = manager.store.schema.definitions;
-              dialogBody = dialogObjMap[actionGroupType];
-              dialogObj = Array.isArray(dialogBody) ? dialogBody[0] || dialogBody[1] : dialogBody;
-              dialogRef = (_b = actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig[dialogObj]) === null || _b === void 0 ? void 0 : _b.$ref;
-              if (dialogRef) {
-                data.actionData.__dialogTitle = definitions[dialogRef].title;
-              } else {
-                data.actionData.__dialogTitle = (_c = actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig[dialogObj]) === null || _c === void 0 ? void 0 : _c.title;
-              }
-              if ((_d = actionConfig.args) === null || _d === void 0 ? void 0 : _d.fromCurrentDialog) {
-                data.actionData.__dialogSource = 'current';
-                data.actionData.__selectDialog = definitions[dialogRef].$$id;
-              } else {
-                data.actionData.__dialogSource = 'new';
-              }
-            }
             // 选中项自动滚动至可见位置
             setTimeout(function () {
               var _a;
@@ -664,9 +645,9 @@ var EventControl = /** @class */function (_super) {
               pluginActions: pluginActions,
               getContextSchemas: getContextSchemas,
               __superCmptTreeSource: allComponents,
-              __dialogActions: this.getDialogList(manager)
+              __dialogActions: manager.store.modalOptions
             };
-            _f.label = 6;
+            _c.label = 6;
           case 6:
             this.setState(data);
             return [2 /*return*/];
@@ -675,7 +656,7 @@ var EventControl = /** @class */function (_super) {
     });
   };
   // 渲染描述信息
-  EventControl.prototype.renderDesc = function (action) {
+  EventControl.prototype.renderDesc = function (action, actionIndex, eventKey) {
     var _a = this.props,
       pluginActions = _a.actions,
       actionTree = _a.actionTree,
@@ -701,70 +682,27 @@ var EventControl = /** @class */function (_super) {
     }
     return typeof desc === 'function' ? React__default.createElement("div", {
       className: "action-control-content"
-    }, (desc === null || desc === void 0 ? void 0 : desc(info)) || '-') : null;
-  };
-  EventControl.prototype.getRefsFromCurrentDialog = function (store, action) {
-    var definitions = store.schema.definitions;
-    var dialogMaxIndex = 0;
-    var dialogRefsName = '';
-    if (definitions) {
-      Object.keys(definitions).forEach(function (k) {
-        var dialog = definitions[k];
-        if (dialog.$$id === action.__selectDialog) {
-          dialogRefsName = k;
-        }
-        if (k.includes('ref-')) {
-          var index = Number(k.split('-')[2]);
-          dialogMaxIndex = Math.max(dialogMaxIndex, index);
-        }
-      });
-    }
-    var dialogType = getFixDialogType(store.schema, action.__selectDialog);
-    if (!dialogRefsName) {
-      dialogRefsName = dialogMaxIndex ? "".concat(dialogType, "-ref-").concat(dialogMaxIndex + 1) : "".concat(dialogType, "-ref-1");
-    }
-    return dialogRefsName;
+    }, (desc === null || desc === void 0 ? void 0 : desc(info, {
+      actionIndex: actionIndex,
+      eventKey: eventKey
+    }, this.props)) || '-') : null;
   };
   EventControl.prototype.onSubmit = function (type, config) {
-    var _a, _b, _c, _d, _e;
-    var _f = this.props,
-      actionConfigSubmitFormatter = _f.actionConfigSubmitFormatter,
-      manager = _f.manager;
+    var _a, _b, _c;
+    var _d = this.props,
+      actionConfigSubmitFormatter = _d.actionConfigSubmitFormatter,
+      manager = _d.manager;
     var actionData = this.state.actionData;
     var store = manager.store;
     var action = (_a = actionConfigSubmitFormatter === null || actionConfigSubmitFormatter === void 0 ? void 0 : actionConfigSubmitFormatter(config, type, actionData, store.schema)) !== null && _a !== void 0 ? _a : config;
+    action = this.submitSubscribers.reduce(function (action, fn) {
+      return fn(action) || action;
+    }, action);
     delete action.__actionSchema;
     if (type === 'add') {
-      if (['dialog', 'drawer', 'confirmDialog'].includes(action.actionType)) {
-        var args = action.actionType === 'dialog' ? 'dialog' : action.actionType === 'drawer' ? 'drawer' : 'dialog';
-        if (!(config === null || config === void 0 ? void 0 : config.__dialogSource) || (config === null || config === void 0 ? void 0 : config.__dialogSource) === 'new') {
-          var actionLength = this.state.onEvent[config.eventKey].actions.length;
-          var path = "".concat(store.getSchemaPath(store.activeId), "/onEvent/").concat(config.eventKey, "/actions/").concat(actionLength, "/").concat(args);
-          store.setActiveDialogPath(path);
-        } else if ((config === null || config === void 0 ? void 0 : config.__dialogSource) === 'current') {
-          var dialogRefsName = this.getRefsFromCurrentDialog(store, action);
-          var path = "definitions/".concat(dialogRefsName);
-          store.setActiveDialogPath(path);
-        }
-        (_b = this.addAction) === null || _b === void 0 ? void 0 : _b.call(this, config.eventKey, action);
-      } else {
-        (_c = this.addAction) === null || _c === void 0 ? void 0 : _c.call(this, config.eventKey, action);
-      }
+      (_b = this.addAction) === null || _b === void 0 ? void 0 : _b.call(this, config.eventKey, action);
     } else if (type === 'update') {
-      if (['dialog', 'drawer', 'confirmDialog'].includes(action.actionType)) {
-        var args = action.actionType === 'dialog' ? 'dialog' : action.actionType === 'drawer' ? 'drawer' : 'dialog';
-        if (config.__dialogSource === 'new') {
-          var path = "".concat(store.getSchemaPath(store.activeId), "/onEvent/").concat(config.eventKey, "/actions/").concat(config.actionIndex, "/").concat(args);
-          store.setActiveDialogPath(path);
-        } else if (config.__dialogSource === 'current') {
-          var dialogRefsName = this.getRefsFromCurrentDialog(store, action);
-          var path = "definitions/".concat(dialogRefsName);
-          store.setActiveDialogPath(path);
-        }
-        (_d = this.updateAction) === null || _d === void 0 ? void 0 : _d.call(this, config.eventKey, config.actionIndex, action);
-      } else {
-        (_e = this.updateAction) === null || _e === void 0 ? void 0 : _e.call(this, config.eventKey, config.actionIndex, action);
-      }
+      (_c = this.updateAction) === null || _c === void 0 ? void 0 : _c.call(this, config.eventKey, config.actionIndex, action);
     }
     updateCommonUseActions({
       label: action.__title,
@@ -780,10 +718,17 @@ var EventControl = /** @class */function (_super) {
     });
   };
   EventControl.prototype.onClose = function () {
+    var _a;
     this.removeDataSchema();
     this.setState({
       showAcionDialog: false
     });
+    (_a = this.unSubscribeSchemaSubmit) === null || _a === void 0 ? void 0 : _a.call(this);
+    delete this.unSubscribeSchemaSubmit;
+  };
+  EventControl.prototype.subscribeSchemaSubmit = function (fn, once) {
+    this.unSubscribeSchemaSubmit = this.props.subscribeSchemaSubmit(fn, once);
+    return this.unSubscribeSchemaSubmit;
   };
   EventControl.prototype.removeDataSchema = function () {
     var manager = this.props.manager;
@@ -800,6 +745,16 @@ var EventControl = /** @class */function (_super) {
     //     }
     //   });
   };
+  EventControl.prototype.renderActionType = function (action, actionIndex, eventKey) {
+    var _a = this.props,
+      actionTree = _a.actionTree,
+      pluginActions = _a.actions,
+      commonActions = _a.commonActions,
+      allComponents = _a.allComponents;
+      _a.node;
+      _a.manager;
+    return React__default.createElement("span", null, getPropOfAcion(action, 'actionLabel', actionTree, pluginActions, commonActions, allComponents) || action.actionType);
+  };
   EventControl.prototype.render = function () {
     var _this = this;
     var _a, _b, _c;
@@ -807,9 +762,10 @@ var EventControl = /** @class */function (_super) {
       actionTree = _d.actionTree,
       pluginActions = _d.actions,
       commonActions = _d.commonActions,
-      getComponents = _d.getComponents,
-      allComponents = _d.allComponents,
-      render$1 = _d.render;
+      getComponents = _d.getComponents;
+      _d.allComponents;
+      var render$1 = _d.render;
+      _d.subscribeSchemaSubmit;
     var _e = this.state,
       onEvent = _e.onEvent,
       itemEvents = _e.events,
@@ -966,7 +922,7 @@ var EventControl = /** @class */function (_super) {
           className: "icon"
         })), React__default.createElement("div", {
           className: "action-item-actiontype"
-        }, getPropOfAcion(action, 'actionLabel', actionTree, pluginActions, commonActions, allComponents) || action.actionType)), React__default.createElement("div", {
+        }, _this.renderActionType(action, actionIndex, eventKey))), React__default.createElement("div", {
           className: "action-control-header-right"
         }, React__default.createElement("div", {
           onClick: _this.activeActionDialog.bind(_this, {
@@ -980,13 +936,13 @@ var EventControl = /** @class */function (_super) {
           })
         }, React__default.createElement(Icon, {
           className: "icon",
-          icon: "edit-full-btn"
+          icon: "setting"
         })), React__default.createElement("div", {
           onClick: _this.delAction.bind(_this, eventKey, action, actionIndex)
         }, React__default.createElement(Icon, {
           className: "icon",
           icon: "delete-easy-btn"
-        })))), _this.renderDesc(action));
+        })))), _this.renderDesc(action, actionIndex, eventKey));
       })) : null);
     }) : React__default.createElement("div", {
       className: "ae-event-control-placeholder"
@@ -1064,6 +1020,7 @@ var EventControl = /** @class */function (_super) {
       data: eventDialogData,
       show: showEventDialog
     }), React__default.createElement(ActionDialog, {
+      closeOnEsc: false,
       show: showAcionDialog,
       type: type,
       actionTree: actionTree,
@@ -1073,12 +1030,16 @@ var EventControl = /** @class */function (_super) {
       data: actionData,
       onSubmit: this.onSubmit,
       onClose: this.onClose,
-      render: this.props.render
+      render: this.props.render,
+      subscribeSchemaSubmit: this.subscribeSchemaSubmit,
+      subscribeActionSubmit: this.subscribeSubmit
     }));
   };
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Function]), __metadata("design:returntype", void 0)], EventControl.prototype, "subscribeSubmit", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], EventControl.prototype, "dragRef", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String, Object]), __metadata("design:returntype", void 0)], EventControl.prototype, "onSubmit", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], EventControl.prototype, "onClose", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Function, Boolean]), __metadata("design:returntype", void 0)], EventControl.prototype, "subscribeSchemaSubmit", null);
   return EventControl;
 }(React__default.Component);
 /** @class */(function (_super) {
@@ -1093,4 +1054,4 @@ var EventControl = /** @class */function (_super) {
 })(EventControl);
 
 export { EventControl };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -481,4 +481,4 @@ var Background = function (props) {
 })(React__default.Component);
 
 export { Background as default };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -216,4 +216,4 @@ observer(BoxBorder);
   })], BorderRenderer);
   return BorderRenderer;
 })(React__default.Component);
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -66,4 +66,4 @@ observer(BoxModel);
     ], BoxModelRenderer);
     return BoxModelRenderer;
 })(React__default.Component));
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -113,4 +113,4 @@ function BoxShadow(_a) {
 })(React__default.Component);
 
 export { BoxShadow as default };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -183,4 +183,4 @@ var Display = function (props) {
   })], DisplayRenderer);
   return DisplayRenderer;
 })(React__default.Component);
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

package/esm/renderer/style-control/FlexLayout.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @file flex 快捷分栏布局设置
+ */
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+export declare class FlexLayoutRenderer extends React.Component<FormControlProps> {
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,89 @@
+/**
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
+ * Copyright 2018-2024 @fex
+ */
+
+import { __extends, __assign, __decorate, __read } from 'tslib';
+import React__default, { useState, useEffect } from 'react';
+import { InputBox, TooltipWrapper } from 'amis-ui';
+import { FormItem } from 'amis-core';
+import cx from 'classnames';
+
+/**
+ * @file flex 快捷分栏布局设置
+ */
+function LayoutItem(_a) {
+    var value = _a.value, onSelect = _a.onSelect, active = _a.active, tip = _a.tip, flexDirection = _a.flexDirection;
+    var items = String(value).split(':');
+    return (React__default.createElement(TooltipWrapper, { key: "TooltipWrapper", tooltip: tip },
+        React__default.createElement("div", { className: cx('ae-FlexLayout-item', {
+                active: active
+            }), style: {
+                flex: value,
+                flexDirection: flexDirection || 'row'
+            }, onClick: onSelect }, items.map(function (val) { return (React__default.createElement("div", { className: "ae-FlexLayout-itemColumn", style: { flex: val } })); }))));
+}
+function FlexLayouts(_a) {
+    var onChange = _a.onChange, value = _a.value, flexDirection = _a.flexDirection;
+    var presetLayouts = [
+        '1',
+        '1:1',
+        '1:2',
+        '2:1',
+        '1:3',
+        '1:1:1',
+        '1:2:1',
+        '1:1:1:1'
+    ];
+    var _b = __read(useState(''), 2), currentLayout = _b[0], setCurrentLayout = _b[1];
+    useEffect(function () {
+        if (value) {
+            // 转换成1:x格式
+            var items = String(value).split(':');
+            var min_1 = Math.min.apply(null, items);
+            if (items.every(function (item) { return +item % min_1 === 0; })) {
+                items = items.map(function (item) { return String(+item / min_1); });
+                var layout = items.join(':');
+                if (layout !== currentLayout) {
+                    setCurrentLayout(items.join(':'));
+                }
+            }
+            else if (value !== currentLayout) {
+                setCurrentLayout(value);
+            }
+        }
+    }, []);
+    function onChangeLayout() {
+        if (/\d[\d:]+\d$/.test(currentLayout)) {
+            onChange(currentLayout);
+        }
+    }
+    return (React__default.createElement("div", { className: "ae-FlexLayout" },
+        React__default.createElement("div", { className: "ae-FlexLayout-wrap" }, presetLayouts.map(function (item) { return (React__default.createElement(LayoutItem, { key: item, value: item, tip: "\u6392\u5217".concat(item), flexDirection: flexDirection, onSelect: function () {
+                setCurrentLayout(item);
+                onChange(item);
+            }, active: item === currentLayout })); })),
+        React__default.createElement("div", { className: "flex items-center" },
+            React__default.createElement("span", { className: "mr-2 text-gray-500" }, "\u81EA\u5B9A\u4E49\u5206\u9694\u6BD4\u4F8B"),
+            React__default.createElement(InputBox, { className: "ae-FlexLayout-input", clearable: false, value: currentLayout, placeholder: "\u4F8B\u5982 1:3:2", onChange: function (val) { return setCurrentLayout(val); }, onBlur: function () { return currentLayout && onChangeLayout(); }, onKeyDown: function (e) {
+                    if (e.key === 'Enter') {
+                        e.preventDefault();
+                        onChangeLayout();
+                    }
+                } }))));
+}
+/** @class */ ((function (_super) {
+    __extends(FlexLayoutRenderer, _super);
+    function FlexLayoutRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FlexLayoutRenderer.prototype.render = function () {
+        return React__default.createElement(FlexLayouts, __assign({}, this.props));
+    };
+    FlexLayoutRenderer = __decorate([
+        FormItem({ type: 'flex-layout' })
+    ], FlexLayoutRenderer);
+    return FlexLayoutRenderer;
+})(React__default.Component));
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -179,4 +179,4 @@ var Font = function (props) {
 })(React__default.Component);
 
 export { Font as default };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -63,4 +63,4 @@ observer(InsetBoxModel);
     ], BoxModelRenderer);
     return BoxModelRenderer;
 })(React__default.Component));
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -196,4 +196,4 @@ function ThemeCssCode(props) {
   })], ThemeCssCodeRenderer);
   return ThemeCssCodeRenderer;
 })(React__default.Component);
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -143,4 +143,4 @@ fontFamilyList.reduce(function (memo, current) {
 }, {});
 
 export { fontFamilyList };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -14,7 +14,7 @@ var inputStateTpl = function (className, path) {
   }
   return __spreadArray(__spreadArray(__spreadArray([{
     type: 'select',
-    name: 'editorState',
+    name: '__editorState',
     label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
     selectFirst: true,
     options: [{
@@ -27,7 +27,7 @@ var inputStateTpl = function (className, path) {
       label: i18n("4363c17ebb346b646af55bd8c8075915"),
       value: 'active'
     }]
-  }], __read(inputStateFunc("${editorState == 'default' || !editorState}", 'default', className, path)), false), __read(inputStateFunc("${editorState == 'hover'}", 'hover', className, path)), false), __read(inputStateFunc("${editorState == 'active'}", 'active', className, path)), false);
+  }], __read(inputStateFunc("${__editorState == 'default' || !__editorState}", 'default', className, path)), false), __read(inputStateFunc("${__editorState == 'hover'}", 'hover', className, path)), false), __read(inputStateFunc("${__editorState == 'active'}", 'active', className, path)), false);
 };
 var inputStateFunc = function (visibleOn, state, className, path, options) {
   if (options === void 0) {
@@ -62,4 +62,4 @@ var inputStateFunc = function (visibleOn, state, className, path, options) {
 };
 
 export { inputStateFunc, inputStateTpl };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.2.2
- * build time: 2024-03-01
+ * amis-editor v6.4.0
+ * build time: 2024-05-06
  * Copyright 2018-2024 @fex
  */
 
@@ -74,4 +74,4 @@ function normalizeBoxShadow(config) {
 }
 
 export { normalizeBoxShadow, parseBoxShadow };
-window.amisEditorVersionInfo={version:'6.2.2',buildTime:'2024-03-01'};
+window.amisEditorVersionInfo={version:'6.4.0',buildTime:'2024-05-06'};