amis-editor 5.2.3 → 5.2.4-beta.28

package/lib/renderer/OptionControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -583,6 +583,7 @@ var OptionControl = /** @class */function (_super) {
       var render = this.props.render;
       var ctx = this.props.data;
       var isMultiple = (ctx === null || ctx === void 0 ? void 0 : ctx.multiple) === true || multipleProps;
+      var i18nEnabled = amisEditorCore.getI18nEnabled();
       var label = this.transformOptionValue(props.label);
       var value = this.transformOptionValue(props.value);
       var valueType = this.getOptionValueType(props.value);
@@ -600,7 +601,7 @@ var OptionControl = /** @class */function (_super) {
             return _this.toggleEdit(index);
           }
         }, {
-          type: 'input-text',
+          type: i18nEnabled ? 'input-text-i18n' : 'input-text',
           placeholder: i18nRuntime.i18n("b4fdf79b8f54856b072ec3874b830d1f"),
           label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
           mode: 'horizontal',
@@ -709,13 +710,14 @@ var OptionControl = /** @class */function (_super) {
         onChange: function (newChecked, shift) {
           return _this.handleToggleDefaultValue(index, newChecked, shift);
         }
-      })), React__default["default"].createElement(amis.InputBox, {
-        className: "ae-OptionControlItem-input",
+      })), amis.render({
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+        className: 'ae-OptionControlItem-input',
         value: label,
-        placeholder: "\u8BF7\u8F93\u5165\u6587\u672C/\u503C",
+        placeholder: i18nRuntime.i18n("5d26b8a41e805204c9dcd5ea7e23b150"),
         clearable: false,
         onChange: function (value) {
-          return _this.handleEditLabel(index, value);
+          _this.handleEditLabel(index, value);
         }
       }), render('dropdown', {
         type: 'dropdown-button',

package/lib/renderer/RangePartsControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/StatusControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/SwitchMoreControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/TimelineItemControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -205,15 +205,16 @@ var TimelineItemControl = /** @class */function (_super) {
     configurable: true,
     writable: true,
     value: function (props) {
+      var i18nEnabled = amisEditorCore.getI18nEnabled();
       return [{
-        type: 'input-text',
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
         name: 'time',
         required: true,
         placeholder: i18nRuntime.i18n("37087e5bb2d0367872a461f535580d91"),
         label: i18nRuntime.i18n("19fcb9eb2594059036dfede5f4ec53e8"),
         value: props === null || props === void 0 ? void 0 : props['time']
       }, {
-        type: 'input-text',
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
         name: 'title',
         required: true,
         placeholder: i18nRuntime.i18n("96641a78cfd9f9f8ba68f0524347b186"),
@@ -459,6 +460,7 @@ var TimelineItemControl = /** @class */function (_super) {
         title = props.title,
         index = props.index;
       var delDisabled = !(this.state.items.length > 2);
+      var i18nEnabled = amisEditorCore.getI18nEnabled();
       return React__default["default"].createElement("li", {
         className: "ae-TimelineItemControlItem",
         key: index
@@ -469,10 +471,11 @@ var TimelineItemControl = /** @class */function (_super) {
       }, React__default["default"].createElement(amis.Icon, {
         icon: "drag-bar",
         className: "icon"
-      })), React__default["default"].createElement(amis.InputBox, {
-        className: "ae-TimelineItemControlItem-input",
+      })), amis.render({
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+        className: 'ae-TimelineItemControlItem-input',
         value: time,
-        placeholder: "\u8BF7\u8F93\u5165\u663E\u793A\u65F6\u95F4",
+        placeholder: i18nRuntime.i18n("72a3c1690dead6e24f7ac1abc90d5063"),
         clearable: false,
         onChange: function (value) {
           return _this.handleEditLabel(index, value, 'time');
@@ -535,11 +538,12 @@ var TimelineItemControl = /** @class */function (_super) {
         popOverContainer: null // amis 渲染挂载节点会使用 this.target
       })), React__default["default"].createElement("div", {
         className: "ae-TimelineItemControlItem-Main"
-      }, React__default["default"].createElement(amis.InputBox, {
-        className: "ae-TimelineItemControlItem-input-title",
+      }, amis.render({
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+        className: 'ae-TimelineItemControlItem-input-title',
         value: title,
         clearable: false,
-        placeholder: "\u8BF7\u8F93\u5165\u6807\u9898",
+        placeholder: i18nRuntime.i18n("96641a78cfd9f9f8ba68f0524347b186"),
         onChange: function (value) {
           return _this.handleEditLabel(index, value, 'title');
         }

package/lib/renderer/TransferTableControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/TreeOptionControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -365,6 +365,7 @@ var TreeOptionControl = /** @class */function (_super) {
     value: function (option, key, indexes) {
       var _this = this;
       var render = this.props.render;
+      var i18nEnabled = amisEditorCore.getI18nEnabled();
       var path = indexes.join('-');
       if (option.children && option.children.length) {
         var parent_1 = cloneDeep__default["default"](option);
@@ -389,15 +390,19 @@ var TreeOptionControl = /** @class */function (_super) {
       }, React__default["default"].createElement(amis.Icon, {
         icon: "drag-bar",
         className: "icon"
-      })), React__default["default"].createElement(amis.InputBox, {
-        className: "ae-TreeOptionControlItem-input-label",
+      })), amis.render({
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+        className: 'ae-TreeOptionControlItem-input-label',
         value: option.label,
-        placeholder: "\u9009\u9879\u540D\u79F0",
+        placeholder: i18nRuntime.i18n("f69608e93e9728f4fbef583bfa1326c1"),
         clearable: false,
         onBlur: function (event) {
           // 这里使用onBlur替代onChange 减少渲染次数
           _this.handleEditLabelOrValue(event.target.value, path, 'label');
-        }
+        },
+        onI18nChange: i18nEnabled ? function (value) {
+          _this.handleEditLabelOrValue(value, path, 'label');
+        } : undefined
       }), React__default["default"].createElement(amis.InputBox, {
         className: "ae-TreeOptionControlItem-input-value",
         value: option.value,

package/lib/renderer/ValidationControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/ValidationItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -12,7 +12,6 @@ var React = require('react');
 var cx = require('classnames');
 var amis = require('amis');
 var amisEditorCore = require('amis-editor-core');
-var mobxStateTree = require('mobx-state-tree');
 var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -123,7 +122,7 @@ var ValidationItem = /** @class */function (_super) {
         value = _a.value,
         message = _a.message,
         checked = _a.checked;
-      var i18nEnabled = mobxStateTree.getEnv(window.editorStore).i18nEnabled;
+      var i18nEnabled = amisEditorCore.getI18nEnabled();
       var control = [];
       if (!checked) {
         return null;

package/lib/renderer/event-control/action-config-dialog.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/event-control/action-config-panel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/event-control/comp-action-select.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -1934,32 +1934,13 @@ var comboArrayToObject = function (arr) {
  * 获取事件动作面板所需属性配置
  */
 var getEventControlConfig = function (manager, context) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   var isSubEditor = manager.store.isSubEditor;
   // 通用动作配置
   var commonActions = (_b = (_a = manager === null || manager === void 0 ? void 0 : manager.config.actionOptions) === null || _a === void 0 ? void 0 : _a.customActionGetter) === null || _b === void 0 ? void 0 : _b.call(_a, manager);
   // 动作树
   var actionTree = ((_c = manager === null || manager === void 0 ? void 0 : manager.config.actionOptions) === null || _c === void 0 ? void 0 : _c.actionTreeGetter) ? (_d = manager === null || manager === void 0 ? void 0 : manager.config.actionOptions) === null || _d === void 0 ? void 0 : _d.actionTreeGetter(ACTION_TYPE_TREE(manager)) : ACTION_TYPE_TREE(manager);
-  var allComponents = amisCore.mapTree((_f = (_e = manager === null || manager === void 0 ? void 0 : manager.store) === null || _e === void 0 ? void 0 : _e.outline) !== null && _f !== void 0 ? _f : [], function (item) {
-    var _a, _b, _c, _d;
-    var schema = (_a = manager === null || manager === void 0 ? void 0 : manager.store) === null || _a === void 0 ? void 0 : _a.getSchema(item.id);
-    var cmptLabel = '';
-    if (item === null || item === void 0 ? void 0 : item.region) {
-      cmptLabel = item === null || item === void 0 ? void 0 : item.label;
-    } else {
-      cmptLabel = (_b = schema === null || schema === void 0 ? void 0 : schema.label) !== null && _b !== void 0 ? _b : schema === null || schema === void 0 ? void 0 : schema.title;
-    }
-    cmptLabel = cmptLabel !== null && cmptLabel !== void 0 ? cmptLabel : item.label;
-    return {
-      id: item.id,
-      label: cmptLabel,
-      value: (_c = schema === null || schema === void 0 ? void 0 : schema.id) !== null && _c !== void 0 ? _c : item.id,
-      type: (_d = schema === null || schema === void 0 ? void 0 : schema.type) !== null && _d !== void 0 ? _d : item.type,
-      schema: schema,
-      disabled: !!item.region,
-      children: item === null || item === void 0 ? void 0 : item.children
-    };
-  }, 1, true);
+  var allComponents = (_e = manager === null || manager === void 0 ? void 0 : manager.store) === null || _e === void 0 ? void 0 : _e.getComponentTreeSource();
   var checkComponent = function (node, action) {
     var _a;
     var actionType = action.actionType;
@@ -2015,17 +1996,25 @@ var getEventControlConfig = function (manager, context) {
       });
     },
     getComponents: function (action) {
-      var components = allComponents;
+      var _a;
+      var components = (_a = manager === null || manager === void 0 ? void 0 : manager.store) === null || _a === void 0 ? void 0 : _a.getComponentTreeSource();
+      var finalCmpts = [];
       if (isSubEditor) {
-        var superTree = manager.store.getSuperEditorData;
-        while (superTree) {
-          if (superTree.__superCmptTreeSource) {
-            components = components.concat(superTree.__superCmptTreeSource);
+        var editorData = manager.store.getSuperEditorData;
+        while (components) {
+          if (editorData === null || editorData === void 0 ? void 0 : editorData.__curCmptTreeWrap) {
+            components = [tslib.__assign(tslib.__assign({}, editorData.__curCmptTreeWrap), {
+              children: components
+            })];
           }
-          superTree = superTree.__super;
+          finalCmpts = tslib.__spreadArray(tslib.__spreadArray([], finalCmpts, true), components, true);
+          components = editorData === null || editorData === void 0 ? void 0 : editorData.__superCmptTreeSource;
+          editorData = editorData === null || editorData === void 0 ? void 0 : editorData.__super;
         }
+      } else {
+        finalCmpts = components;
       }
-      var result = amisCore.filterTree(components, function (node) {
+      var result = amisCore.filterTree(finalCmpts, function (node) {
         return checkComponent(node, action);
       }, 1, true);
       return result;

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

@@ -61,6 +61,7 @@ interface EventControlState {
         __setValueDs?: any[];
     } | undefined;
     type: 'update' | 'add';
+    appLocaleState?: number;
 }
 export declare class EventControl extends React.Component<EventControlProps, EventControlState> {
     target: HTMLElement | null;
@@ -68,7 +69,10 @@ export declare class EventControl extends React.Component<EventControlProps, Eve
         [prop: string]: Sortable;
     };
     drag?: HTMLElement | null;
+    unReaction: any;
     constructor(props: EventControlProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     componentDidUpdate(prevProps: EventControlProps, prevState: EventControlState): void;
     generateEmptyDefault(events: RendererPluginEvent[]): ActionEventConfig;
     addEvent(event: RendererPluginEvent, disabled: boolean): void;

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -18,6 +18,7 @@ var amisCore = require('amis-core');
 var actionConfigDialog = require('./action-config-dialog.js');
 var helper = require('./helper.js');
 var i18nRuntime = require('i18n-runtime');
+var mobx = require('mobx');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -48,6 +49,12 @@ var EventControl = /** @class */function (_super) {
       writable: true,
       value: void 0
     });
+    Object.defineProperty(_this, "unReaction", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
     var events = props.events,
       value = props.value,
       data = props.data;
@@ -63,10 +70,36 @@ var EventControl = /** @class */function (_super) {
       showAcionDialog: false,
       showEventDialog: false,
       actionData: undefined,
-      type: 'add'
+      type: 'add',
+      appLocaleState: 0
     };
     return _this;
   }
+  Object.defineProperty(EventControl.prototype, "componentDidMount", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _this = this;
+      var editorStore = window.editorStore;
+      this.unReaction = mobx.reaction(function () {
+        return editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocaleState;
+      }, function () {
+        _this.setState({
+          appLocaleState: editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocaleState
+        });
+      });
+    }
+  });
+  Object.defineProperty(EventControl.prototype, "componentWillUnmount", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _a;
+      (_a = this.unReaction) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+  });
   Object.defineProperty(EventControl.prototype, "componentDidUpdate", {
     enumerable: false,
     configurable: true,

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -263,7 +263,7 @@ var Background = function (props) {
   // 背景图尺寸设置
   function getbsValue() {
     var _a, _b;
-    var backgroundSize = (_a = props.value) === null || _a === void 0 ? void 0 : _a.backgroundSize;
+    var backgroundSize = ((_a = props.value) === null || _a === void 0 ? void 0 : _a.backgroundSize) || 'auto';
     var backgroundRepeat = (_b = props.value) === null || _b === void 0 ? void 0 : _b.backgroundRepeat;
     var returnVal = backgroundSize || '';
     if (backgroundSize === 'auto' && backgroundRepeat) {
@@ -444,6 +444,9 @@ var Background = function (props) {
     placeholder: i18nRuntime.i18n("737391648d1216a1f84ac9ff52da5aa2"),
     value: getbsValue(),
     options: [{
+      label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+      value: 'auto'
+    }, {
       label: i18nRuntime.i18n("0f1fd39145bad43e18f81337e0144c8c"),
       value: 'cover'
     }, {

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -11,8 +11,8 @@ var tslib = require('tslib');
 var React = require('react');
 var pick = require('lodash/pick');
 var mapValues = require('lodash/mapValues');
-var fontFamily = require('./font-family.js');
 var amisEditorCore = require('amis-editor-core');
+var fontFamily = require('./font-family.js');
 var amis = require('amis');
 var i18nRuntime = require('i18n-runtime');
 
@@ -137,29 +137,10 @@ var Font = function (props) {
       }]
     },
     // TODO: 添加'justify-all', 'start', 'end', 'match-parent'类型
-    {
-      name: 'textAlign',
+    amisEditorCore.getSchemaTpl('layout:textAlign', {
       label: i18nRuntime.i18n("d1b490c01d24a1a70e9c83a29ac38fde"),
-      type: 'button-group-select',
-      mode: 'row',
-      options: [{
-        label: '',
-        value: 'left',
-        icon: 'fa fa-align-left'
-      }, {
-        label: '',
-        value: 'center',
-        icon: 'fa fa-align-center'
-      }, {
-        label: '',
-        value: 'right',
-        icon: 'fa fa-align-right'
-      }, {
-        label: '',
-        value: 'justify',
-        icon: 'fa fa-align-justify'
-      }]
-    }, {
+      mode: 'row'
+    }), {
       type: 'group',
       label: i18nRuntime.i18n("4ae7f423d9ed9ffa48c3e404f96bb51f"),
       body: [{

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/textarea-formula/TextareaFormulaControl.d.ts

@@ -56,6 +56,9 @@ export declare class TextareaFormulaControl extends React.Component<TextareaForm
     static defaultProps: Partial<TextareaFormulaControlProps>;
     isUnmount: boolean;
     editorPlugin?: FormulaPlugin;
+    unReaction: any;
+    appLocale: string;
+    appCorpusData: any;
     constructor(props: TextareaFormulaControlProps);
     componentDidMount(): Promise<void>;
     componentDidUpdate(prevProps: TextareaFormulaControlProps): Promise<void>;

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -17,6 +17,7 @@ var plugin = require('./plugin.js');
 var FormulaPicker = require('./FormulaPicker.js');
 var debounce = require('lodash/debounce');
 var utils = require('./utils.js');
+var mobx = require('mobx');
 var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -45,6 +46,24 @@ var TextareaFormulaControl = /** @class */function (_super) {
       writable: true,
       value: void 0
     });
+    Object.defineProperty(_this, "unReaction", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "appLocale", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "appCorpusData", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
     Object.defineProperty(_this, "handleOnChange", {
       enumerable: true,
       configurable: true,
@@ -69,10 +88,36 @@ var TextareaFormulaControl = /** @class */function (_super) {
     writable: true,
     value: function () {
       return tslib.__awaiter(this, void 0, void 0, function () {
-        var variablesArr;
+        var editorStore, variablesArr;
+        var _this = this;
         return tslib.__generator(this, function (_a) {
           switch (_a.label) {
             case 0:
+              editorStore = window.editorStore;
+              this.appLocale = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocale;
+              this.appCorpusData = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appCorpusData;
+              this.unReaction = mobx.reaction(function () {
+                return editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocaleState;
+              }, function () {
+                return tslib.__awaiter(_this, void 0, void 0, function () {
+                  var variablesArr;
+                  return tslib.__generator(this, function (_a) {
+                    switch (_a.label) {
+                      case 0:
+                        this.appLocale = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocale;
+                        this.appCorpusData = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appCorpusData;
+                        return [4 /*yield*/, utils.getVariables(this)];
+                      case 1:
+                        variablesArr = _a.sent();
+                        this.setState({
+                          variables: variablesArr
+                        });
+                        return [2 /*return*/];
+                    }
+                  });
+                });
+              });
+
               return [4 /*yield*/, utils.getVariables(this)];
             case 1:
               variablesArr = _a.sent();
@@ -117,7 +162,9 @@ var TextareaFormulaControl = /** @class */function (_super) {
     configurable: true,
     writable: true,
     value: function () {
+      var _a;
       this.isUnmount = true;
+      (_a = this.unReaction) === null || _a === void 0 ? void 0 : _a.call(this);
     }
   });
   Object.defineProperty(TextareaFormulaControl.prototype, "onExpressionClick", {

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/textarea-formula/utils.d.ts

@@ -9,4 +9,4 @@ export declare function resolveVariablesFromScope(node: any, manager: any): Prom
  * 整合 props & amis数据域 中的 variables
  * @param that  为组件的实例 this
  **/
-export declare function getVariables(that: any): Promise<any[]>;
+export declare function getVariables(that: any): Promise<any>;