amis-editor 6.9.0-rc.10 → 6.9.0-rc.11

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

@@ -66,6 +66,7 @@ interface EventControlState {
     actionData: ActionData | undefined;
     type: 'update' | 'add';
     appLocaleState?: number;
+    actionRelations: any;
 }
 export declare class EventControl extends React.Component<EventControlProps, EventControlState> {
     target: HTMLElement | null;
@@ -113,6 +114,8 @@ export declare class EventControl extends React.Component<EventControlProps, Eve
     subscribeSchemaSubmit(fn: (schema: any, value: any, id: string, diff?: any) => any, once?: boolean): () => void;
     removeDataSchema(): void;
     renderActionType(action: any, actionIndex: number, eventKey: string): React.JSX.Element;
+    getActionRelations(): any;
+    handleRelationComponentActive(componentId: string): void;
     render(): React.JSX.Element;
 }
 export declare class EventControlRenderer extends EventControl {

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 
@@ -9,12 +9,15 @@ import React__default from 'react';
 import { findDOMNode } from 'react-dom';
 import cx from 'classnames';
 import Sortable from 'sortablejs';
-import { DataSchema, TooltipWrapper, Icon, render, FormItem } from 'amis';
+import { DataSchema, PopOverContainer, Tree, TooltipWrapper, Button, Icon, render, FormItem } from 'amis';
 import cloneDeep from 'lodash/cloneDeep';
-import { findTree, getRendererByName, autobind } from 'amis-core';
+import groupBy from 'lodash/groupBy';
+import { findTree, JSONValueMap, 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 { updateCommonUseActions, getActionsByRendererName, getEventStrongDesc, getEventDesc, getEventLabel } from './helper.js';
+export { COMMON_ACTION_SCHEMA_MAP, buildLinkActionDesc, getActionCommonProps, getActionsByRendererName, getArgsWrapper, getEventControlConfig, getEventDesc, getEventLabel, getEventStrongDesc, getOldActionSchema, renderCmptActionSelect, renderCmptIdInput, renderCmptSelect, updateCommonUseActions } from './helper.js';
+import { getPropOfAcion, findActionNode, findSubActionNode, getActionType } from './eventControlConfigHelper.js';
+import { SELECT_PROPS_CONTAINER } from './constants.js';
 import { i18n } from 'i18n-runtime';
 import { reaction } from 'mobx';
 import { updateComponentContext } from 'amis-editor-core';
@@ -35,6 +38,7 @@ var EventControl = /** @class */function (_super) {
     pluginEvents.forEach(function (event) {
       eventPanelActive[event.eventName] = true;
     });
+    var actionRelations = _this.getActionRelations();
     _this.state = {
       onEvent: value !== null && value !== void 0 ? value : _this.generateEmptyDefault(pluginEvents),
       events: pluginEvents,
@@ -43,7 +47,8 @@ var EventControl = /** @class */function (_super) {
       showEventDialog: false,
       actionData: undefined,
       type: 'add',
-      appLocaleState: 0
+      appLocaleState: 0,
+      actionRelations: actionRelations !== null && actionRelations !== void 0 ? actionRelations : []
     };
     return _this;
   }
@@ -82,8 +87,10 @@ var EventControl = /** @class */function (_super) {
       // pluginEvents.forEach((event: RendererPluginEvent) => {
       //   eventPanelActive[event.eventName] = true;
       // });
+      var actionRelations = this.getActionRelations();
       this.setState({
-        events: pluginEvents
+        events: pluginEvents,
+        actionRelations: actionRelations
       });
     }
   };
@@ -200,12 +207,13 @@ var EventControl = /** @class */function (_super) {
     onChange && onChange(onEvent);
   };
   EventControl.prototype.addAction = function (event, config) {
-    var _a = this.props,
-      addBroadcast = _a.addBroadcast,
-      owner = _a.owner;
-    var _b = this.state,
-      onEvent = _b.onEvent,
-      eventPanelActive = _b.eventPanelActive;
+    var _a;
+    var _b = this.props,
+      addBroadcast = _b.addBroadcast,
+      owner = _b.owner;
+    var _c = this.state,
+      onEvent = _c.onEvent,
+      eventPanelActive = _c.eventPanelActive;
     var onEventConfig = __assign({}, onEvent);
     var activeConfig = __assign({}, eventPanelActive);
     if (config.actionType === 'broadcast') {
@@ -220,7 +228,7 @@ var EventControl = /** @class */function (_super) {
     activeConfig[event] = true;
     if (config.actionType) {
       onEventConfig[event] = __assign(__assign({}, onEventConfig[event]), {
-        actions: (onEventConfig[event].actions || []).concat(
+        actions: (((_a = onEventConfig[event]) === null || _a === void 0 ? void 0 : _a.actions) || []).concat(
         // 临时处理，后面干掉这么多交互属性
         Object.defineProperties(config, {
           __cmptTreeSource: {
@@ -414,20 +422,20 @@ var EventControl = /** @class */function (_super) {
     });
   };
   EventControl.prototype.buildEventDataSchema = function (data, manager) {
-    var _a, _b, _c, _d;
-    var _e = this.props,
-      actionTree = _e.actionTree,
-      pluginActions = _e.actions,
-      commonActions = _e.commonActions,
-      allComponents = _e.allComponents;
-    var _f = this.state,
-      events = _f.events,
-      onEvent = _f.onEvent;
+    var _a, _b, _c, _d, _e;
+    var _f = this.props,
+      actionTree = _f.actionTree,
+      pluginActions = _f.actions,
+      commonActions = _f.commonActions,
+      allComponents = _f.allComponents;
+    var _g = this.state,
+      events = _g.events,
+      onEvent = _g.onEvent;
     var eventConfig = events.find(function (item) {
       return item.eventName === data.actionData.eventKey;
     });
     // 收集当前事件动作出参
-    var actions = onEvent[data.actionData.eventKey].actions;
+    var actions = (_a = onEvent[data.actionData.eventKey]) === null || _a === void 0 ? void 0 : _a.actions;
     // 编辑的时候只能拿到当前动作前面动作的事件变量以及当前动作事件
     if (data.type === 'update') {
       actions = actions.slice(0, data.actionData.actionIndex !== undefined ? data.actionData.actionIndex + 1 : 0);
@@ -435,13 +443,13 @@ var EventControl = /** @class */function (_super) {
     var jsonSchema = {};
     // 动态构建事件参数
     if (typeof (eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.dataSchema) === 'function') {
-      jsonSchema = (_a = eventConfig.dataSchema(manager)) === null || _a === void 0 ? void 0 : _a[0];
+      jsonSchema = (_b = eventConfig.dataSchema(manager)) === null || _b === void 0 ? void 0 : _b[0];
     } else {
-      jsonSchema = __assign({}, (_c = (_b = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.dataSchema) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : {});
+      jsonSchema = __assign({}, (_d = (_c = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.dataSchema) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : {});
     }
-    (_d = actions === null || actions === void 0 ? void 0 : actions.filter(function (item) {
+    (_e = actions === null || actions === void 0 ? void 0 : actions.filter(function (item) {
       return item.outputVar;
-    })) === null || _d === void 0 ? void 0 : _d.forEach(function (action, index) {
+    })) === null || _e === void 0 ? void 0 : _e.forEach(function (action, index) {
       var _a;
       var _b, _c, _d;
       if (manager.dataSchema.getScope("action-output-".concat(action.actionType, "_ ").concat(index))) {
@@ -449,16 +457,6 @@ var EventControl = /** @class */function (_super) {
       }
       var actionLabel = getPropOfAcion(action, 'actionLabel', actionTree, pluginActions, commonActions, allComponents);
       var actionSchema = getPropOfAcion(action, 'outputVarDataSchema', actionTree, pluginActions, commonActions, allComponents);
-      // const schema: any = {
-      //   type: 'object',
-      //   $id: 'outputVar',
-      //   properties: {
-      //     [action.outputVar!]: {
-      //       ...actionSchema[0],
-      //       title: `${action.outputVar}(${actionLabel})`
-      //     }
-      //   }
-      // };
       jsonSchema = __assign(__assign({}, jsonSchema), {
         properties: __assign(__assign({}, jsonSchema.properties), {
           data: __assign(__assign({
@@ -471,11 +469,6 @@ var EventControl = /** @class */function (_super) {
           })
         })
       });
-      // manager.dataSchema.addScope(
-      //   schema,
-      //   `action-output-${action.actionType}_${index}`
-      // );
-      // manager.dataSchema.current.group = '动作出参';
     });
     if (manager.dataSchema.getScope('event-variable')) {
       manager.dataSchema.removeScope('event-variable');
@@ -489,64 +482,6 @@ var EventControl = /** @class */function (_super) {
       }
     }, 'event-variable');
   };
-  // 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 __awaiter(this, void 0, void 0, function () {
@@ -734,14 +669,6 @@ var EventControl = /** @class */function (_super) {
     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.renderActionType = function (action, actionIndex, eventKey) {
     var _a = this.props,
@@ -753,26 +680,92 @@ var EventControl = /** @class */function (_super) {
       _a.manager;
     return React__default.createElement("span", null, getPropOfAcion(action, 'actionLabel', actionTree, pluginActions, commonActions, allComponents) || action.actionType);
   };
+  EventControl.prototype.getActionRelations = function () {
+    var _a;
+    var _b = this.props,
+      pluginActions = _b.actions,
+      data = _b.data,
+      manager = _b.manager;
+    var actions = getActionsByRendererName(pluginActions, data === null || data === void 0 ? void 0 : data.type);
+    var schema = manager.store.schema;
+    var prevs = [];
+    JSONValueMap(schema, function (value, key, host) {
+      var _a, _b, _c, _d, _e;
+      if (key === 'onEvent') {
+        var hostName_1 = (_d = (_c = (_b = (_a = host.title) !== null && _a !== void 0 ? _a : host.label) !== null && _b !== void 0 ? _b : host.name) !== null && _c !== void 0 ? _c : host.type) !== null && _d !== void 0 ? _d : host.id;
+        var hostId_1 = host.$$id;
+        (_e = Object.keys(value)) === null || _e === void 0 ? void 0 : _e.forEach(function (eventKey) {
+          var _a, _b;
+          if (eventKey !== '$$id') {
+            (_b = (_a = value[eventKey]) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 : _b.forEach(function (ac) {
+              var matchAction = actions === null || actions === void 0 ? void 0 : actions.find(function (item) {
+                return item.actionType === ac.actionType;
+              });
+              if (matchAction && ac.componentId === data.id) {
+                // 如果存在不同事件调用同组件同动作，则不记录
+                var isHas = prevs === null || prevs === void 0 ? void 0 : prevs.find(function (item) {
+                  return item.hostId === hostId_1 && item.actionType === ac.actionType;
+                });
+                if (!isHas) {
+                  prevs.push({
+                    actionType: matchAction.actionType,
+                    actionLabel: matchAction.actionLabel,
+                    hostName: hostName_1,
+                    hostId: hostId_1
+                  });
+                }
+              }
+            });
+          }
+        });
+      }
+      return value;
+    });
+    var prevsGroup = groupBy(prevs, function (item) {
+      return item.actionLabel;
+    });
+    var actionRelations = [];
+    (_a = Object.keys(prevsGroup)) === null || _a === void 0 ? void 0 : _a.forEach(function (key) {
+      var _a;
+      actionRelations.push({
+        label: key,
+        value: key,
+        icon: 'fa fa-bolt',
+        children: (_a = prevsGroup[key]) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+          return {
+            label: item.hostName,
+            value: item.hostId,
+            icon: ''
+          };
+        })
+      });
+    });
+    return actionRelations;
+  };
+  EventControl.prototype.handleRelationComponentActive = function (componentId) {
+    var manager = this.props.manager;
+    manager.store.setActiveId(componentId);
+  };
   EventControl.prototype.render = function () {
     var _this = this;
-    var _a, _b, _c;
-    var _d = this.props,
-      actionTree = _d.actionTree,
-      pluginActions = _d.actions,
-      commonActions = _d.commonActions,
-      getComponents = _d.getComponents;
-      _d.allComponents;
-      var render$1 = _d.render;
-      _d.subscribeSchemaSubmit;
-    var _e = this.state,
-      onEvent = _e.onEvent,
-      itemEvents = _e.events,
-      eventPanelActive = _e.eventPanelActive,
-      showAcionDialog = _e.showAcionDialog,
-      showEventDialog = _e.showEventDialog,
-      type = _e.type,
-      actionData = _e.actionData,
-      eventDialogData = _e.eventDialogData;
+    var _a, _b, _c, _d, _e, _f;
+    var _g = this.props,
+      actionTree = _g.actionTree,
+      pluginActions = _g.actions,
+      commonActions = _g.commonActions,
+      getComponents = _g.getComponents;
+      _g.allComponents;
+      var render$1 = _g.render;
+      _g.subscribeSchemaSubmit;
+    var _h = this.state,
+      onEvent = _h.onEvent,
+      itemEvents = _h.events,
+      eventPanelActive = _h.eventPanelActive,
+      showAcionDialog = _h.showAcionDialog,
+      showEventDialog = _h.showEventDialog,
+      type = _h.type,
+      actionData = _h.actionData,
+      eventDialogData = _h.eventDialogData;
     var eventSnapshot = __assign({}, onEvent);
     var showOldEntry = this.props.showOldEntry;
     var eventKeys = Object.keys(eventSnapshot);
@@ -814,10 +807,39 @@ var EventControl = /** @class */function (_super) {
     }, React__default.createElement("header", {
       className: cx({
         'ae-event-control-header': true,
-        'ae-event-control-header-oldentry': showOldEntry,
+        'ae-event-control-header-m': this.props.data.type === 'button' && showOldEntry,
         'no-bd-btm': !eventKeys.length
       })
-    }, render$1('dropdown', {
+    }, ((_d = this.state.actionRelations) === null || _d === void 0 ? void 0 : _d.length) ? React__default.createElement(PopOverContainer, {
+      popOverContainer: function () {
+        return document.body;
+      },
+      popOverRender: function (_a) {
+        _a.onClose;
+        return React__default.createElement("div", {
+          className: "ae-action-relation-panel"
+        }, React__default.createElement(Tree, {
+          options: _this.state.actionRelations,
+          className: "variables-select-panel-tree",
+          onChange: _this.handleRelationComponentActive,
+          onlyChildren: true,
+          value: ""
+        }));
+      }
+    }, function (_a) {
+      var onClick = _a.onClick;
+        _a.ref;
+        _a.isOpened;
+      return React__default.createElement(TooltipWrapper, {
+        tooltipClassName: "ae-event-item-header-tip",
+        trigger: "hover",
+        placement: "top",
+        tooltip: "\u53EF\u67E5\u770B\u54EA\u4E9B\u7EC4\u4EF6\u4F1A\u8C03\u7528\u5F53\u524D\u7EC4\u4EF6\u7684\u54EA\u4E9B\u52A8\u4F5C"
+      }, React__default.createElement(Button, {
+        className: "block w-full mb-2",
+        onClick: onClick
+      }, "\u67E5\u770B\u8C03\u7528\u5173\u7CFB"));
+    }) : null, render$1('dropdown', {
       type: 'dropdown-button',
       level: 'enhance',
       label: i18n("1fab2b4934161e87a1f0133b9d5bc1b5"),
@@ -840,7 +862,8 @@ var EventControl = /** @class */function (_super) {
     })), React__default.createElement("ul", {
       className: cx({
         'ae-event-control-content': true,
-        'ae-event-control-content-oldentry': showOldEntry
+        'ae-event-control-content-m': this.props.data.type === 'button' && showOldEntry || ((_e = this.state.actionRelations) === null || _e === void 0 ? void 0 : _e.length),
+        'ae-event-control-content-l': this.props.data.type === 'button' && showOldEntry && !!((_f = this.state.actionRelations) === null || _f === void 0 ? void 0 : _f.length)
       }),
       ref: this.dragRef
     }, eventKeys.length ? eventKeys.map(function (eventKey, eventIndex) {
@@ -854,7 +877,7 @@ var EventControl = /** @class */function (_super) {
           '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]) && !getEventStrongDesc(events, eventKey)
         })
       }, React__default.createElement(TooltipWrapper, {
-        tooltipClassName: "event-item-header-tip",
+        tooltipClassName: "ae-event-item-header-tip",
         trigger: "hover",
         placement: "top",
         tooltip: {
@@ -920,7 +943,14 @@ var EventControl = /** @class */function (_super) {
           className: "icon"
         })), React__default.createElement("div", {
           className: "action-item-actiontype"
-        }, _this.renderActionType(action, actionIndex, eventKey))), React__default.createElement("div", {
+        }, _this.renderActionType(action, actionIndex, eventKey)), action.description && React__default.createElement(TooltipWrapper, {
+          trigger: "hover",
+          placement: "top",
+          tooltip: action.description
+        }, React__default.createElement(Icon, {
+          icon: "far fa-question-circle",
+          className: "flex justify-center items-center icon ml-0.5"
+        }))), React__default.createElement("div", {
           className: "action-control-header-right"
         }, React__default.createElement("div", {
           onClick: _this.activeActionDialog.bind(_this, {
@@ -1038,6 +1068,7 @@ var EventControl = /** @class */function (_super) {
   __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);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], EventControl.prototype, "handleRelationComponentActive", null);
   return EventControl;
 }(React__default.Component);
 /** @class */(function (_super) {

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -7,6 +7,7 @@ interface ISingleThemeCssCode extends FormControlProps {
     selector: {
         label: string;
         selector: string;
+        isRoot?: boolean;
     };
 }
 export declare class SingleThemeCssCodeRenderer extends React.Component<ISingleThemeCssCode> {

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 
@@ -1893,10 +1893,11 @@ var editorFactory = function (containerElement, monaco, options) {
 };
 var SingleThemeCssCode = function (props) {
   var data = props.data,
-    onBulkChange = props.onBulkChange,
+    onChange = props.onChange,
     _selector = props.selector;
   var label = _selector.label,
-    selector = _selector.selector;
+    selector = _selector.selector,
+    isRoot = _selector.isRoot;
   var wrapperCustomStyle = data.wrapperCustomStyle;
   var ref = useRef(null);
   var _a = __read(useState(false), 2),
@@ -1905,8 +1906,9 @@ var SingleThemeCssCode = function (props) {
   var _b = __read(useState(''), 2),
     value = _b[0],
     setValue = _b[1];
+  var finalSelector = isRoot ? 'root' : selector;
   useEffect(function () {
-    setValue(getCssAndSetValue(wrapperCustomStyle === null || wrapperCustomStyle === void 0 ? void 0 : wrapperCustomStyle[selector], '', 0));
+    setValue(getCssAndSetValue(wrapperCustomStyle === null || wrapperCustomStyle === void 0 ? void 0 : wrapperCustomStyle[finalSelector], '', 0));
   }, []);
   // 前面加上空格
   var getSpaceByDep = function (dep) {
@@ -1959,13 +1961,10 @@ var SingleThemeCssCode = function (props) {
     return newStyle;
   };
   var editorChange = debounce(function (value) {
-    var _a;
     try {
       var style = parse(value);
       var newStyle = getStyle(style);
-      onBulkChange && onBulkChange({
-        wrapperCustomStyle: __assign(__assign({}, wrapperCustomStyle), (_a = {}, _a[selector] = newStyle, _a))
-      });
+      onChange && onChange(newStyle);
     } catch (error) {}
   });
   var handleChange = function (value) {

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.10
- * build time: 2024-11-02
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */