amis-ui 6.14.0-beta.9 → 7.0.0-next.1

package/esm/components/condition-builder/Item.js

@@ -1,12 +1,11 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { findDOMNode } from 'react-dom';
-import { findTree, noop, getVariable, autobind, themeable, localeable } from 'amis-core';
+import { findTree, findDomCompat, noop, getVariable, autobind, themeable, localeable } from 'amis-core';
 import { Icon } from '../icons.js';
 import Expression from './Expression.js';
 import { OperationMap } from './config.js';
@@ -117,7 +116,7 @@ var ConditionItem = /** @class */ (function (_super) {
                     return operator;
                 }
             });
-            return (React__default.createElement(PopOverContainer, { mobileUI: mobileUI, disabled: !!((value === null || value === void 0 ? void 0 : value.op) && operators.length < 2), popOverContainer: popOverContainer || (function () { return findDOMNode(_this); }), popOverRender: function (_a) {
+            return (React__default.createElement(PopOverContainer, { mobileUI: mobileUI, disabled: !!((value === null || value === void 0 ? void 0 : value.op) && operators.length < 2), popOverContainer: popOverContainer || (function () { return findDomCompat(_this); }), popOverRender: function (_a) {
                     var onClose = _a.onClose;
                     return (React__default.createElement(GroupedSelection, { onClick: onClose, option2value: option2value, onChange: _this.handleOperatorChange, options: options_1, value: value.op, multiple: false, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('operator-group') }));
                 } }, function (_a) {

package/esm/components/condition-builder/Value.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 
@@ -20,12 +20,13 @@ var Value = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Value.prototype.renderCustomValue = function (props) {
-        var _a = this.props, renderEtrValue = _a.renderEtrValue, data = _a.data, cx = _a.classnames;
+        var _a = this.props, renderEtrValue = _a.renderEtrValue, data = _a.data, cx = _a.classnames, disabled = _a.disabled;
         var field = props.inputSettings;
         return renderEtrValue
             ? renderEtrValue(__assign(__assign({}, field.value), { name: 'TMP_WHATEVER_NAME' }), // name 随便输入，应该是 value 传入的为主，目前表单项内部逻辑还有问题先传一个 name
             {
                 data: data,
+                disabled: disabled,
                 onChange: props.onChange,
                 value: props.value,
                 inputClassName: cx(field.className, props.className)

package/esm/components/condition-builder/config.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/condition-builder/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 
@@ -153,7 +153,9 @@ var QueryBuilder = /** @class */ (function (_super) {
         return (React__default.createElement("div", { className: cx('CPGroup-result'), dangerouslySetInnerHTML: html }));
     };
     QueryBuilder.prototype.renderBody = function (onChange, value, popOverContainer) {
-        var _a = this.props, cx = _a.classnames, fieldClassName = _a.fieldClassName, fields = _a.fields, funcs = _a.funcs, showNot = _a.showNot, showANDOR = _a.showANDOR, data = _a.data, disabled = _a.disabled, _b = _a.draggable, draggable = _b === void 0 ? true : _b, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, renderEtrValue = _a.renderEtrValue, selectMode = _a.selectMode, isAddBtnVisibleOn = _a.isAddBtnVisibleOn, isAddGroupBtnVisibleOn = _a.isAddGroupBtnVisibleOn, showIf = _a.showIf, uniqueFields = _a.uniqueFields, formulaForIf = _a.formulaForIf, testIdBuilder = _a.testIdBuilder;
+        var _a;
+        var _b = this.props, cx = _b.classnames, fieldClassName = _b.fieldClassName, fields = _b.fields, funcs = _b.funcs, showNot = _b.showNot, showANDOR = _b.showANDOR, data = _b.data, _c = _b.draggable, draggable = _c === void 0 ? true : _c, searchable = _b.searchable, builderMode = _b.builderMode, formula = _b.formula, renderEtrValue = _b.renderEtrValue, selectMode = _b.selectMode, isAddBtnVisibleOn = _b.isAddBtnVisibleOn, isAddGroupBtnVisibleOn = _b.isAddGroupBtnVisibleOn, showIf = _b.showIf, uniqueFields = _b.uniqueFields, formulaForIf = _b.formulaForIf, testIdBuilder = _b.testIdBuilder;
+        var disabled = (_a = value === null || value === void 0 ? void 0 : value.disabled) !== null && _a !== void 0 ? _a : this.props.disabled;
         var normalizedValue = Array.isArray(value === null || value === void 0 ? void 0 : value.children)
             ? __assign(__assign({}, value), { children: mapTree(value.children, function (value) {
                     if (value.id) {
@@ -175,7 +177,9 @@ var QueryBuilder = /** @class */ (function (_super) {
     };
     QueryBuilder.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, placeholder = _a.placeholder, _b = _a.embed, embed = _b === void 0 ? true : _b, pickerIcon = _a.pickerIcon, locale = _a.locale, translate = _a.translate, classPrefix = _a.classPrefix, onFinalChange = _a.onChange, value = _a.value, title = _a.title, disabled = _a.disabled, popOverContainer = _a.popOverContainer, testIdBuilder = _a.testIdBuilder, mobileUI = _a.mobileUI;
+        var _a;
+        var _b = this.props, cx = _b.classnames, placeholder = _b.placeholder, _c = _b.embed, embed = _c === void 0 ? true : _c, pickerIcon = _b.pickerIcon, locale = _b.locale, translate = _b.translate, classPrefix = _b.classPrefix, onFinalChange = _b.onChange, value = _b.value, title = _b.title, popOverContainer = _b.popOverContainer, testIdBuilder = _b.testIdBuilder, mobileUI = _b.mobileUI;
+        var disabled = (_a = value === null || value === void 0 ? void 0 : value.disabled) !== null && _a !== void 0 ? _a : this.props.disabled;
         if (embed) {
             return this.renderBody(onFinalChange, value, popOverContainer);
         }

package/esm/components/formula/CodeEditor.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/formula/Editor.d.ts

@@ -67,6 +67,7 @@ export declare class FormulaEditor extends React.Component<FormulaEditorProps, F
     state: FormulaState;
     unmounted: boolean;
     editor: React.RefObject<any>;
+    transitionRef: React.RefObject<HTMLDivElement>;
     static buildFunctions(functions?: Array<any>, functionsFilter?: (functions: Array<FuncGroup>) => Array<FuncGroup>): Promise<any>;
     static defaultProps: Pick<FormulaEditorProps, 'variables' | 'evalMode'>;
     static replaceStrByIndex(str: string, idx: number, key: string, replaceKey: string): string;
@@ -104,7 +105,7 @@ export declare class FormulaEditor extends React.Component<FormulaEditorProps, F
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
         variables?: Array<VariableItem> | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -116,7 +117,7 @@ declare const _default: {
         getWrappedInstance: () => any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -124,7 +125,7 @@ declare const _default: {
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        readonly props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -136,7 +137,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -145,14 +146,14 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -161,28 +162,28 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -193,7 +194,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -205,7 +206,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -213,7 +214,7 @@ declare const _default: {
                 translate?: (str: string, ...args: any[]) => string;
             }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -225,7 +226,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -234,14 +235,14 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -250,28 +251,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -286,7 +287,7 @@ declare const _default: {
         ComposedComponent: typeof FormulaEditor;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
         variables?: Array<VariableItem> | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -298,7 +299,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -306,7 +307,7 @@ declare const _default: {
             translate?: (str: string, ...args: any[]) => string;
         }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -318,7 +319,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -327,14 +328,14 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -343,28 +344,28 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -379,7 +380,7 @@ declare const _default: {
     ComposedComponent: typeof FormulaEditor;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
             variables?: Array<VariableItem> | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -391,7 +392,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -399,7 +400,7 @@ declare const _default: {
                 translate?: (str: string, ...args: any[]) => string;
             }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -411,7 +412,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -420,14 +421,14 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -436,28 +437,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "classnames" | "classPrefix" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "onChange" | "className" | "header" | "style" | "value" | "classnames" | "classPrefix" | "theme" | "mobileUI" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "simplifyMemberOprs" | "variableClassName" | "functionClassName" | "enableRunPanel"> & {
                 variables?: Array<VariableItem> | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {

package/esm/components/formula/Editor.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 
@@ -39,6 +39,7 @@ var FormulaEditor = /** @class */ (function (_super) {
         };
         _this.unmounted = false;
         _this.editor = React__default.createRef();
+        _this.transitionRef = React__default.createRef();
         _this.runCode = debounce(_this.runCode.bind(_this), 250, {
             leading: false,
             trailing: true
@@ -339,8 +340,8 @@ var FormulaEditor = /** @class */ (function (_super) {
                             React__default.createElement("span", null, __('FormulaEditor.sourceMode')),
                             React__default.createElement(Switch, { value: isCodeMode, onChange: this.handleIsCodeModeChange }))),
                     React__default.createElement(CodeEditor, { evalMode: evalMode, functions: functions, variables: variables, className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, ref: this.editor, onFocus: this.handleFocus, onBlur: this.handleBlur, autoFocus: true }),
-                    React__default.createElement(Transition, { mountOnEnter: true, unmountOnExit: true, key: "run-panel", in: showRunPanel, timeout: 300 }, function (status) {
-                        return (React__default.createElement("div", { className: cx("FormulaEditor-runPanel", collapseStyles[status]) },
+                    React__default.createElement(Transition, { mountOnEnter: true, unmountOnExit: true, key: "run-panel", in: showRunPanel, timeout: 300, nodeRef: this.transitionRef }, function (status) {
+                        return (React__default.createElement("div", { ref: _this.transitionRef, className: cx("FormulaEditor-runPanel", collapseStyles[status]) },
                             React__default.createElement("div", { className: cx("FormulaEditor-runPanel-context") },
                                 React__default.createElement("header", null, __('FormulaEditor.runContext')),
                                 React__default.createElement("div", null,

package/esm/components/formula/FuncList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/formula/Input.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */