amis-editor 5.4.1 → 5.6.0-beta.0

package/lib/renderer/event-control/index.d.ts

@@ -3,7 +3,7 @@ import Sortable from 'sortablejs';
 import { DataSchema } from 'amis';
 import { FormControlProps } from 'amis-core';
 import { ActionConfig, ActionEventConfig, ComponentInfo, ContextVariables } from './types';
-import { PluginActions, PluginEvents, RendererPluginAction, RendererPluginEvent, SubRendererPluginAction } from 'amis-editor-core';
+import { EditorManager, PluginActions, PluginEvents, RendererPluginAction, RendererPluginEvent, SubRendererPluginAction } from 'amis-editor-core';
 export * from './helper';
 interface EventControlProps extends FormControlProps {
     actions: PluginActions;
@@ -18,10 +18,7 @@ interface EventControlProps extends FormControlProps {
     removeBroadcast?: (eventName: string) => void;
     getComponents: (action: any) => ComponentInfo[];
     getContextSchemas?: (id?: string, withoutSuper?: boolean) => DataSchema;
-    actionConfigInitFormatter?: (actionConfig: ActionConfig, variables: {
-        eventVariables: ContextVariables[];
-        rawVariables: ContextVariables[];
-    }) => ActionConfig;
+    actionConfigInitFormatter?: (actionConfig: ActionConfig) => ActionConfig;
     actionConfigSubmitFormatter?: (actionConfig: ActionConfig) => ActionConfig;
     owner?: string;
 }
@@ -51,7 +48,6 @@ interface EventControlState {
         variables?: ContextVariables[];
         pluginActions: PluginActions;
         getContextSchemas?: (id?: string, withoutSuper?: boolean) => DataSchema;
-        rawVariables: ContextVariables[];
         groupType?: string;
         __actionDesc?: string;
         __cmptTreeSource?: ComponentInfo[];
@@ -97,11 +93,13 @@ export declare class EventControl extends React.Component<EventControlProps, Eve
     initDragging(): void;
     genSortPanel(eventKey: string, ele: HTMLElement): Sortable;
     destroyDragging(): void;
-    getEventVariables(activeData: Pick<EventControlState, 'showAcionDialog' | 'type' | 'actionData'>): ContextVariables[];
+    buildEventDataSchema(data: any, manager: EditorManager): void;
+    buildContextSchema(data: any): Promise<any>;
     activeActionDialog(data: Pick<EventControlState, 'showAcionDialog' | 'type' | 'actionData'>): Promise<void>;
     renderDesc(action: ActionConfig): React.JSX.Element | null;
     onSubmit(type: string, config: any): void;
     onClose(): void;
+    removeDataSchema(): void;
     render(): React.JSX.Element;
 }
 export declare class EventControlRenderer extends EventControl {

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 
@@ -19,6 +19,7 @@ var actionConfigDialog = require('./action-config-dialog.js');
 var helper = require('./helper.js');
 var i18nRuntime = require('i18n-runtime');
 var mobx = require('mobx');
+var amisEditorCore = require('amis-editor-core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -68,17 +69,12 @@ var EventControl = /** @class */function (_super) {
     (_a = this.unReaction) === null || _a === void 0 ? void 0 : _a.call(this);
   };
   EventControl.prototype.componentDidUpdate = function (prevProps, prevState) {
-    var _a = this.props,
-      value = _a.value,
-      onChange = _a.onChange;
+    var value = this.props.value;
     if (value !== prevProps.value) {
       this.setState({
         onEvent: value
       });
     }
-    if (prevState.onEvent !== this.state.onEvent) {
-      onChange && onChange(this.state.onEvent);
-    }
   };
   EventControl.prototype.generateEmptyDefault = function (events) {
     var onEvent = {};
@@ -349,6 +345,7 @@ var EventControl = /** @class */function (_super) {
         _this.setState({
           onEvent: onEventConfig
         });
+        _this.props.onChange && _this.props.onChange(onEventConfig);
       }
     });
   };
@@ -359,101 +356,181 @@ var EventControl = /** @class */function (_super) {
       (_a = _this.eventPanelSortMap[key]) === null || _a === void 0 ? void 0 : _a.destroy();
     });
   };
-  EventControl.prototype.getEventVariables = function (activeData) {
-    var _a;
-    var _b = this.state,
-      events = _b.events,
-      onEvent = _b.onEvent;
-    var _c = this.props,
-      actionTree = _c.actionTree,
-      pluginActions = _c.pluginActions,
-      commonActions = _c.commonActions,
-      allComponents = _c.allComponents;
-    // 收集当前事件已有ajax动作的请求返回结果作为事件变量
-    var oldActions = onEvent[activeData.actionData.eventKey].actions;
-    if (activeData.type === 'update') {
-      // 编辑的时候只能拿到当前动作前面动作的事件变量
-      oldActions = oldActions.slice(0, activeData.actionData.actionIndex);
+  EventControl.prototype.buildEventDataSchema = function (data, manager) {
+    var _a, _b, _c;
+    var _d = this.props,
+      actionTree = _d.actionTree,
+      pluginActions = _d.actions,
+      commonActions = _d.commonActions,
+      allComponents = _d.allComponents;
+    var _e = this.state,
+      events = _e.events,
+      onEvent = _e.onEvent;
+    var eventConfig = events.find(function (item) {
+      return item.eventName === data.actionData.eventKey;
+    });
+    // 收集当前事件动作出参
+    var actions = onEvent[data.actionData.eventKey].actions;
+    // 编辑的时候只能拿到当前动作前面动作的事件变量以及当前动作事件
+    if (data.type === 'update') {
+      actions = actions.slice(0, data.actionData.actionIndex !== undefined ? data.actionData.actionIndex + 1 : 0);
     }
-    var withOutputVarActions = oldActions === null || oldActions === void 0 ? void 0 : oldActions.filter(function (item) {
+    var jsonSchema = tslib.__assign({}, (_b = (_a = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.dataSchema) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : {});
+    (_c = actions === null || actions === void 0 ? void 0 : actions.filter(function (item) {
       return item.outputVar;
-    });
-    var withOutputVarVariables = withOutputVarActions === null || withOutputVarActions === void 0 ? void 0 : withOutputVarActions.map(function (item, index) {
+    })) === null || _c === void 0 ? void 0 : _c.forEach(function (action, index) {
       var _a;
-      var actionLabel = helper.getPropOfAcion(item, 'actionLabel', actionTree, pluginActions, commonActions, allComponents);
-      var dataSchemaJson = helper.getPropOfAcion(item, 'outputVarDataSchema', actionTree, pluginActions, commonActions, allComponents);
-      var dataSchema = new amis.DataSchema(dataSchemaJson || []);
-      return {
-        label: "".concat(item.outputVar ? item.outputVar + "\uFF08".concat(actionLabel, "\u7ED3\u679C\uFF09") : "".concat(actionLabel, "\u7ED3\u679C")),
-        tag: 'object',
-        children: (_a = dataSchema.getDataPropsAsOptions()) === null || _a === void 0 ? void 0 : _a.map(function (variable) {
-          return tslib.__assign(tslib.__assign({}, variable), {
-            value: variable.value.replace('${outputVar}', item.outputVar)
-          });
+      var _b, _c, _d;
+      if (manager.dataSchema.getScope("action-output-".concat(action.actionType, "_ ").concat(index))) {
+        return;
+      }
+      var actionLabel = helper.getPropOfAcion(action, 'actionLabel', actionTree, pluginActions, commonActions, allComponents);
+      var actionSchema = helper.getPropOfAcion(action, 'outputVarDataSchema', actionTree, pluginActions, commonActions, allComponents);
+      // const schema: any = {
+      //   type: 'object',
+      //   $id: 'outputVar',
+      //   properties: {
+      //     [action.outputVar!]: {
+      //       ...actionSchema[0],
+      //       title: `${action.outputVar}(${actionLabel})`
+      //     }
+      //   }
+      // };
+      jsonSchema = tslib.__assign(tslib.__assign({}, jsonSchema), {
+        properties: tslib.__assign(tslib.__assign({}, jsonSchema.properties), {
+          data: tslib.__assign(tslib.__assign({
+            type: 'object',
+            title: i18nRuntime.i18n("0d83078816aa273f2941c9b55ec82bf3")
+          }, (_b = jsonSchema.properties) === null || _b === void 0 ? void 0 : _b.data), {
+            properties: tslib.__assign(tslib.__assign({}, (_d = (_c = jsonSchema.properties) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.properties), (_a = {}, _a[action.outputVar] = tslib.__assign(tslib.__assign({}, Array.isArray(actionSchema) && (actionSchema[0] || {})), {
+              title: "".concat(action.outputVar, "(").concat(actionLabel, "\u52A8\u4F5C\u51FA\u53C2)")
+            }), _a))
+          })
         })
-      };
-    });
-    var eventVariables = [{
-      label: i18nRuntime.i18n("0b446df580ad309e7c26e5242eddafac"),
-      children: withOutputVarVariables || []
-    }];
-    var eventConfig = events.find(function (item) {
-      return item.eventName === activeData.actionData.eventKey;
-    });
-    (_a = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.dataSchema) === null || _a === void 0 ? void 0 : _a.forEach(function (ds) {
-      var dataSchema = new amis.DataSchema(ds || []);
-      eventVariables[0].children = tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(eventVariables[0].children), false), tslib.__read(dataSchema.getDataPropsAsOptions()), false);
+      });
+      // manager.dataSchema.addScope(
+      //   schema,
+      //   `action-output-${action.actionType}_${index}`
+      // );
+      // manager.dataSchema.current.group = '动作出参';
     });
-    return eventVariables;
+
+    if (manager.dataSchema.getScope('event-variable')) {
+      manager.dataSchema.removeScope('event-variable');
+    }
+    manager.dataSchema.addScope({
+      type: 'object',
+      properties: {
+        event: tslib.__assign(tslib.__assign({}, jsonSchema), {
+          title: i18nRuntime.i18n("d5fb02425d3b8586d8d7b98971d63e68")
+        })
+      }
+    }, 'event-variable');
   };
-  // 唤起动作配置弹窗
-  EventControl.prototype.activeActionDialog = function (data) {
+  // buildActionDataSchema(
+  //   activeData: Pick<
+  //     EventControlState,
+  //     'showAcionDialog' | 'type' | 'actionData'
+  //   >,
+  //   manager: EditorManager
+  // ) {
+  //   const {actionTree, pluginActions, commonActions, allComponents} =
+  //     this.props;
+  //   const {onEvent} = this.state;
+  //   // 收集当前事件已有ajax动作的请求返回结果作为事件变量
+  //   let oldActions = onEvent[activeData.actionData!.eventKey].actions;
+  //   // 编辑的时候只能拿到当前动作前面动作的事件变量
+  //   if (activeData.type === 'update') {
+  //     oldActions = oldActions.slice(0, activeData.actionData!.actionIndex);
+  //   }
+  //   oldActions
+  //     ?.filter(item => item.outputVar)
+  //     ?.forEach((action: ActionConfig, index: number) => {
+  //       if (
+  //         manager.dataSchema.getScope(
+  //           `action-output-${action.actionType}_ ${index}`
+  //         )
+  //       ) {
+  //         return;
+  //       }
+  //       const actionLabel = getPropOfAcion(
+  //         action,
+  //         'actionLabel',
+  //         actionTree,
+  //         pluginActions,
+  //         commonActions,
+  //         allComponents
+  //       );
+  //       const actionSchema = getPropOfAcion(
+  //         action,
+  //         'outputVarDataSchema',
+  //         actionTree,
+  //         pluginActions,
+  //         commonActions,
+  //         allComponents
+  //       );
+  //       const schema: any = {
+  //         type: 'object',
+  //         properties: {
+  //           [`event.data.${action.outputVar}`]: {
+  //             ...actionSchema[0],
+  //             title: `${action.outputVar}(${actionLabel})`
+  //           }
+  //         }
+  //       };
+  //       manager.dataSchema.addScope(
+  //         schema,
+  //         `action-output-${action.actionType}_${index}`
+  //       );
+  //       manager.dataSchema.current.group = '动作出参';
+  //     });
+  // }
+  EventControl.prototype.buildContextSchema = function (data) {
     var _a;
     return tslib.__awaiter(this, void 0, void 0, function () {
-      var _b, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, manager, rawVariables, dataSchemaIns, eventVariables, appVariables, variables, systemVarIndex, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, targetDataSchema, targetDataSchemaIns, targetVariables;
+      var _b, manager, currentNode, variables, appVariables;
       return tslib.__generator(this, function (_c) {
         switch (_c.label) {
           case 0:
-            _b = this.props, pluginActions = _b.actions, getContextSchemas = _b.getContextSchemas, actionConfigInitFormatter = _b.actionConfigInitFormatter, getComponents = _b.getComponents, actionTree = _b.actionTree, allComponents = _b.allComponents, manager = _b.manager;
-            rawVariables = [];
-            if (!getContextSchemas) return [3 /*break*/, 2];
-            return [4 /*yield*/, getContextSchemas()];
+            _b = this.props, manager = _b.manager, currentNode = _b.node;
+            variables = [];
+            // 获取上下文
+            return [4 /*yield*/, manager.getContextSchemas(currentNode.id)];
           case 1:
-            dataSchemaIns = _c.sent();
-            rawVariables = dataSchemaIns === null || dataSchemaIns === void 0 ? void 0 : dataSchemaIns.getDataPropsAsOptions();
-            _c.label = 2;
-          case 2:
-            eventVariables = this.getEventVariables(data);
+            // 获取上下文
+            _c.sent();
+            // 追加事件相关
+            // this.buildActionDataSchema(data, manager);
+            this.buildEventDataSchema(data, manager);
+            manager.dataSchema.switchTo('event-variable');
+            variables = manager.dataSchema.getDataPropsAsOptions();
             appVariables = ((_a = manager === null || manager === void 0 ? void 0 : manager.variableManager) === null || _a === void 0 ? void 0 : _a.getVariableFormulaOptions()) || [];
-            variables = tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(eventVariables), false), tslib.__read(rawVariables), false);
-            systemVarIndex = variables.findIndex(function (item) {
-              return item.label === i18nRuntime.i18n("979a50681e278dcc0be18f68459e8217");
-            });
-            // 插入应用变量
-            if (!!~systemVarIndex) {
-              appVariables.forEach(function (item) {
-                if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
-                  variables.splice(systemVarIndex, 0, item);
-                }
-              });
-            } else {
-              appVariables.forEach(function (item) {
-                if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
-                  variables.push(item);
-                }
-              });
-            }
-            variables.forEach(function (item) {
-              return item.selectMode = 'tree';
+            appVariables.forEach(function (item) {
+              if (Array.isArray(item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                variables.push(item);
+              }
             });
-            if (!(data.type === 'update')) return [3 /*break*/, 6];
+            return [2 /*return*/, amisEditorCore.updateComponentContext(variables)];
+        }
+      });
+    });
+  };
+  // 唤起动作配置弹窗
+  EventControl.prototype.activeActionDialog = function (data) {
+    return tslib.__awaiter(this, void 0, void 0, function () {
+      var _a, pluginActions, getContextSchemas, actionConfigInitFormatter, getComponents, actionTree, allComponents, manager, variables, action_1, actionConfig, actionNode, hasSubActionNode, supportComponents, node, setValueDs, contextSchema, dataSchema, targetVariables;
+      return tslib.__generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            _a = this.props, pluginActions = _a.actions, getContextSchemas = _a.getContextSchemas, actionConfigInitFormatter = _a.actionConfigInitFormatter, getComponents = _a.getComponents, actionTree = _a.actionTree, allComponents = _a.allComponents, manager = _a.manager, _a.node;
+            return [4 /*yield*/, this.buildContextSchema(data)];
+          case 1:
+            variables = _b.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, {
-              eventVariables: eventVariables,
-              rawVariables: rawVariables
-            })];
-          case 3:
-            actionConfig = _c.sent();
+            return [4 /*yield*/, actionConfigInitFormatter === null || actionConfigInitFormatter === void 0 ? void 0 : actionConfigInitFormatter(action_1)];
+          case 2:
+            actionConfig = _b.sent();
             actionNode = helper.findActionNode(actionTree, actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType);
             hasSubActionNode = helper.findSubActionNode(actionTree, action_1.actionType);
             supportComponents = getComponents(actionNode);
@@ -461,24 +538,23 @@ var EventControl = /** @class */function (_super) {
               return item.value === action_1.componentId;
             });
             setValueDs = null;
-            if (!((actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType) === 'setValue' && (node === null || node === void 0 ? void 0 : node.id) && helper.SELECT_PROPS_CONTAINER.includes((node === null || node === void 0 ? void 0 : node.type) || ''))) return [3 /*break*/, 5];
-            return [4 /*yield*/, getContextSchemas === null || getContextSchemas === void 0 ? void 0 : getContextSchemas(node.id, true)];
-          case 4:
-            targetDataSchema = _c.sent();
-            targetDataSchemaIns = new amis.DataSchema(targetDataSchema || []);
-            targetVariables = (targetDataSchemaIns === null || targetDataSchemaIns === void 0 ? void 0 : targetDataSchemaIns.getDataPropsAsOptions()) || [];
+            if (!((actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.actionType) === 'setValue' && (node === null || node === void 0 ? void 0 : node.id) && helper.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 = _b.sent();
+            dataSchema = new amis.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';
             });
-            _c.label = 5;
-          case 5:
+            _b.label = 4;
+          case 4:
             data.actionData = tslib.__assign(tslib.__assign({
               eventKey: data.actionData.eventKey,
               actionIndex: data.actionData.actionIndex,
               variables: variables,
               pluginActions: pluginActions,
-              getContextSchemas: getContextSchemas,
-              rawVariables: rawVariables
+              getContextSchemas: getContextSchemas
             }, actionConfig), {
               groupType: (actionConfig === null || actionConfig === void 0 ? void 0 : actionConfig.__actionType) || action_1.actionType,
               __actionDesc: actionNode.description,
@@ -494,18 +570,17 @@ var EventControl = /** @class */function (_super) {
               var _a;
               return (_a = document.querySelector('.action-tree li .is-checked')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
             }, 0);
-            return [3 /*break*/, 7];
-          case 6:
+            return [3 /*break*/, 6];
+          case 5:
             data.actionData = {
               eventKey: data.actionData.eventKey,
               variables: variables,
               pluginActions: pluginActions,
               getContextSchemas: getContextSchemas,
-              rawVariables: rawVariables,
               __superCmptTreeSource: allComponents
             };
-            _c.label = 7;
-          case 7:
+            _b.label = 6;
+          case 6:
             this.setState(data);
             return [2 /*return*/];
         }
@@ -551,6 +626,7 @@ var EventControl = /** @class */function (_super) {
     } else if (type === 'update') {
       (_c = this.updateAction) === null || _c === void 0 ? void 0 : _c.call(this, config.eventKey, config.actionIndex, action);
     }
+    this.removeDataSchema();
     this.setState({
       showAcionDialog: false
     });
@@ -559,10 +635,27 @@ var EventControl = /** @class */function (_super) {
     });
   };
   EventControl.prototype.onClose = function () {
+    this.removeDataSchema();
     this.setState({
       showAcionDialog: false
     });
   };
+  EventControl.prototype.removeDataSchema = function () {
+    var manager = this.props.manager;
+    // 删除事件
+    if (manager.dataSchema.getScope('event-variable')) {
+      manager.dataSchema.removeScope('event-variable');
+    }
+    // // 删除动作出参
+    // Object.keys(manager.dataSchema.idMap)
+    //   .filter(key => /^action-output/.test(key))
+    //   .map(key => {
+    //     if (manager.dataSchema.getScope(key)) {
+    //       manager.dataSchema.removeScope(key);
+    //     }
+    //   });
+  };
+
   EventControl.prototype.render = function () {
     var _this = this;
     var _a = this.props,
@@ -619,14 +712,14 @@ var EventControl = /** @class */function (_super) {
       }),
       ref: this.dragRef
     }, eventKeys.length ? eventKeys.map(function (eventKey, eventIndex) {
-      var _a;
+      var _a, _b, _c, _d, _e, _f;
       return React__default["default"].createElement("li", {
         className: "event-item",
         key: "content_".concat(eventIndex)
       }, React__default["default"].createElement("div", {
         className: cx__default["default"]({
           'event-item-header': true,
-          'no-bd-btm': !(((_a = eventSnapshot[eventKey].actions) === null || _a === void 0 ? void 0 : _a.length) && eventPanelActive[eventKey]) && !helper.getEventStrongDesc(events, eventKey)
+          'no-bd-btm': !(((_b = (_a = eventSnapshot[eventKey]) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 : _b.length) && eventPanelActive[eventKey]) && !helper.getEventStrongDesc(events, eventKey)
         })
       }, React__default["default"].createElement(amis.TooltipWrapper, {
         tooltipClassName: "event-item-header-tip",
@@ -678,9 +771,9 @@ var EventControl = /** @class */function (_super) {
         showCloseButton: true,
         showIcon: true,
         className: 'event-item-desc'
-      }) : null, eventSnapshot[eventKey].actions.length && eventPanelActive[eventKey] ? React__default["default"].createElement("ul", {
+      }) : null, ((_d = (_c = eventSnapshot[eventKey]) === null || _c === void 0 ? void 0 : _c.actions) === null || _d === void 0 ? void 0 : _d.length) && eventPanelActive[eventKey] ? React__default["default"].createElement("ul", {
         className: "item-content"
-      }, eventSnapshot[eventKey].actions.map(function (action, actionIndex) {
+      }, (_f = (_e = eventSnapshot[eventKey]) === null || _e === void 0 ? void 0 : _e.actions) === null || _f === void 0 ? void 0 : _f.map(function (action, actionIndex) {
         return React__default["default"].createElement("li", {
           className: "ae-option-control-item",
           key: "item-content_".concat(actionIndex)

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

@@ -27,4 +27,5 @@ export interface ContextVariables {
     value?: any;
     tag?: string | string[];
     children?: any[];
+    path?: string;
 }

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 
@@ -134,8 +134,8 @@ function BoxBorder(_a) {
       className: "ae-border-settings"
     }, React__default["default"].createElement("div", {
       className: "flex items-center"
-    }, React__default["default"].createElement("label", null, "\u5706\u89D2"), React__default["default"].createElement(amis.NumberInput, {
-      placeholder: "\u5706\u89D2\u5C3A\u5BF8",
+    }, React__default["default"].createElement("label", null, i18nRuntime.i18n("0103eb2d3dca70270d1a74e9ec987ac9")), React__default["default"].createElement(amis.NumberInput, {
+      placeholder: i18nRuntime.i18n("4dbe7c40ee82a56bb7a8152d4bbc07f9"),
       value: value[getKey('border', 'radius')],
       step: 1,
       min: 0,
@@ -165,9 +165,9 @@ function BoxBorder(_a) {
       className: "ae-border-settings"
     }, React__default["default"].createElement("div", {
       className: "flex items-center"
-    }, React__default["default"].createElement("label", null, "\u7EBF\u5F62"), React__default["default"].createElement(amis.Select, {
+    }, React__default["default"].createElement("label", null, i18nRuntime.i18n("ce179eca04fab0d584506b0d19736836")), React__default["default"].createElement(amis.Select, {
       className: "ae-border-input",
-      placeholder: "\u8FB9\u6846\u7EBF\u578B",
+      placeholder: i18nRuntime.i18n("bb1531cc9643230ba0cbd7465818b52f"),
       onChange: changeItem('border', 'style'),
       value: value[getKey('border', 'style')],
       options: [{
@@ -185,15 +185,15 @@ function BoxBorder(_a) {
       }]
     })), React__default["default"].createElement("div", {
       className: "flex items-center"
-    }, React__default["default"].createElement("label", null, "\u7EBF\u5BBD"), React__default["default"].createElement(amis.NumberInput, {
-      placeholder: "\u8FB9\u6846\u5BBD\u5EA6",
+    }, React__default["default"].createElement("label", null, i18nRuntime.i18n("bade10099f8447210ce7b97fa106b527")), React__default["default"].createElement(amis.NumberInput, {
+      placeholder: i18nRuntime.i18n("5babfafd769570de3bba47605753361a"),
       value: value[getKey('border', 'width')],
       step: 1,
       min: 0,
       onChange: changeItem('border', 'width')
     })), React__default["default"].createElement("div", {
       className: "flex items-center"
-    }, React__default["default"].createElement("label", null, "\u989C\u8272"), render('color', {
+    }, React__default["default"].createElement("label", null, i18nRuntime.i18n("6b36c6f7ec834692ec6c8e3816349fdd")), render('color', {
       type: 'input-color',
       placeholder: i18nRuntime.i18n("9b4bae5d8251de0b6f00b704936b00d3"),
       clearable: true,

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 
@@ -10,7 +10,8 @@ var React = require('react');
 var amisUi = require('amis-ui');
 var amisCore = require('amis-core');
 var amisPostcss = require('amis-postcss');
-var _ = require('lodash');
+var debounce = require('lodash/debounce');
+var isEmpty = require('lodash/isEmpty');
 require('../../icons/index.js');
 var themeLanguage = require('./themeLanguage.js');
 var cx = require('classnames');
@@ -20,6 +21,8 @@ var amisEditorCore = require('amis-editor-core');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+var isEmpty__default = /*#__PURE__*/_interopDefaultLegacy(isEmpty);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var valueMap = {};
@@ -87,7 +90,7 @@ function AmisThemeCssCodeEditor(props) {
   React.useEffect(function () {
     getCssAndSetValue(themeClass);
   }, []);
-  var editorChange = _.debounce(function (nodeTabs) {
+  var editorChange = debounce__default["default"](function (nodeTabs) {
     try {
       var data_1 = props.data,
         onBulkChange = props.onBulkChange;
@@ -173,7 +176,7 @@ function AmisThemeCssCodeEditor(props) {
     className: "ThemeCssCode-editor"
   }, React__default["default"].createElement("div", {
     className: "ThemeCssCode-editor-title"
-  }, "\u7F16\u8F91\u6837\u5F0F\u6E90\u7801"), React__default["default"].createElement("div", {
+  }, i18nRuntime.i18n("0371c0e05806c01e5ce2f26e9e2e39c8")), React__default["default"].createElement("div", {
     className: "ThemeCssCode-editor-close"
   }, React__default["default"].createElement(amisUi.Button, {
     onClick: props.onHide,
@@ -229,7 +232,7 @@ function AmisStyleCodeEditor(props) {
     value = _a[0],
     setValue = _a[1];
   function getCssAndSetValue(data) {
-    if (_.isEmpty(data)) {
+    if (isEmpty__default["default"](data)) {
       return '';
     }
     var str = '';
@@ -246,7 +249,7 @@ function AmisStyleCodeEditor(props) {
     var res = getCssAndSetValue(style);
     setValue(res);
   }, []);
-  var editorChange = _.debounce(function (value) {
+  var editorChange = debounce__default["default"](function (value) {
     var newStyle = {};
     try {
       var style_1 = amisPostcss.parse(value);
@@ -282,7 +285,7 @@ function AmisStyleCodeEditor(props) {
     className: "ThemeCssCode-editor"
   }, React__default["default"].createElement("div", {
     className: "ThemeCssCode-editor-title"
-  }, "\u7F16\u8F91\u6837\u5F0F\u6E90\u7801"), React__default["default"].createElement("div", {
+  }, i18nRuntime.i18n("0371c0e05806c01e5ce2f26e9e2e39c8")), React__default["default"].createElement("div", {
     className: "ThemeCssCode-editor-close"
   }, React__default["default"].createElement(amisUi.Button, {
     onClick: props.onHide,

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */