amis-editor 5.4.1 → 5.5.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,12 +93,14 @@ 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;
+    renderDesc(action: ActionConfig): JSX.Element | null;
     onSubmit(type: string, config: any): void;
     onClose(): void;
-    render(): React.JSX.Element;
+    removeDataSchema(): void;
+    render(): 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.5.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 = {};
@@ -359,101 +355,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 +537,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 +569,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 +625,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 +634,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 +711,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 +770,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.d.ts

@@ -13,5 +13,5 @@ interface BackgroundProps extends FormControlProps {
 declare const Background: React.FC<BackgroundProps>;
 export default Background;
 export declare class BackgroundRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

package/lib/renderer/style-control/Border.d.ts

@@ -10,9 +10,9 @@ declare function BoxBorder({ disableBorder, disableRadius, onChange, value, rend
     disableRadius?: boolean;
     onChange: (value: PlainObject) => void;
     value?: PlainObject;
-} & RendererProps): React.JSX.Element;
+} & RendererProps): JSX.Element;
 declare const _default: typeof BoxBorder;
 export default _default;
 export declare class BorderRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

package/lib/renderer/style-control/BoxModel.d.ts

@@ -9,9 +9,9 @@ export type Direction = 'left' | 'right' | 'top' | 'bottom';
 declare function BoxModel({ value, onChange }: {
     value?: PlainObject;
     onChange: (value: PlainObject) => void;
-}): React.JSX.Element;
+}): JSX.Element;
 declare const _default: typeof BoxModel;
 export default _default;
 export declare class BoxModelRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

package/lib/renderer/style-control/BoxShadow.d.ts

@@ -11,8 +11,8 @@ import type { FormControlProps, RendererProps } from 'amis-core';
 declare function BoxShadow({ value, onChange, render }: {
     value?: string;
     onChange: (value: any) => void;
-} & RendererProps): React.JSX.Element;
+} & RendererProps): JSX.Element;
 export default BoxShadow;
 export declare class BoxShadowRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

package/lib/renderer/style-control/Display.d.ts

@@ -10,5 +10,5 @@ export interface DisplayProps extends FormControlProps {
     onChange: (value: PlainObject) => void;
 }
 export default class DisplayRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

package/lib/renderer/style-control/Font.d.ts

@@ -12,5 +12,5 @@ export interface FontProps extends FormControlProps {
 declare const Font: React.FC<FontProps>;
 export default Font;
 export declare class FontRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

package/lib/renderer/style-control/InsetBoxModel.d.ts

@@ -9,9 +9,9 @@ export type Direction = 'left' | 'right' | 'top' | 'bottom';
 declare function InsetBoxModel({ value, onChange }: {
     value?: PlainObject;
     onChange: (value: PlainObject) => void;
-}): React.JSX.Element;
+}): JSX.Element;
 declare const _default: typeof InsetBoxModel;
 export default _default;
 export declare class BoxModelRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

package/lib/renderer/style-control/ThemeCssCode.d.ts

@@ -4,5 +4,5 @@
 import React from 'react';
 import { FormControlProps } from 'amis-core';
 export declare class ThemeCssCodeRenderer extends React.Component<FormControlProps> {
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

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

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

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

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

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

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

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

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