amis-ui 6.2.2 → 6.4.0

package/esm/components/formula/CodeEditor.js

@@ -0,0 +1,99 @@
+/**
+ * amis-ui v6.4.0
+ * Copyright 2018-2024 fex
+ */
+
+import { __assign, __read } from 'tslib';
+import { themeable } from 'amis-core';
+import React__default from 'react';
+import { CodeMirrorEditor } from '../CodeMirror.js';
+import { editorFactory, FormulaPlugin } from './plugin.js';
+
+function CodeEditor(props, ref) {
+    var cx = props.classnames, className = props.className, value = props.value, onChange = props.onChange, editorDidMount = props.editorDidMount, onFocus = props.onFocus, onBlur = props.onBlur, functions = props.functions, variables = props.variables, evalMode = props.evalMode, singleLine = props.singleLine, autoFocus = props.autoFocus, editorTheme = props.editorTheme, defaultTheme = props.theme, editorOptions = props.editorOptions, placeholder = props.placeholder, highlightMode = props.highlightMode;
+    var pluginRef = React__default.useRef();
+    var editorFactory$1 = React__default.useCallback(function (dom, cm) {
+        var theme = (editorTheme !== null && editorTheme !== void 0 ? editorTheme : ((defaultTheme || '').includes('dark') ? 'dark' : 'light')) === 'dark'
+            ? 'base16-dark'
+            : 'idea';
+        var options = __assign({ autoFocus: autoFocus, indentUnit: 2, lineNumbers: true, lineWrapping: true, // 自动换行
+            theme: theme, placeholder: placeholder }, editorOptions);
+        if (singleLine) {
+            options = __assign({ lineNumbers: false, indentWithTabs: false, indentUnit: 4, lineWrapping: false, scrollbarStyle: null, theme: theme, placeholder: placeholder }, editorOptions);
+        }
+        return editorFactory(dom, cm, props, options);
+    }, []);
+    var _a = __read(React__default.useState(props.readOnly), 2), readOnly = _a[0], setReadOnly = _a[1];
+    React__default.useEffect(function () { return setReadOnly(props.readOnly); }, [props.readOnly]);
+    React__default.useEffect(function () { var _a, _b; return (_b = (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.editor) === null || _b === void 0 ? void 0 : _b.setOption('placeholder', placeholder); }, [placeholder]);
+    // singleLine 模式下，禁止输入换行符
+    var onEditorBeforeChange = React__default.useCallback(function (cm, event) {
+        // Identify typing events that add a newline to the buffer.
+        var hasTypedNewline = event.origin === '+input' &&
+            typeof event.text === 'object' &&
+            event.text.join('') === '';
+        // Prevent newline characters from being added to the buffer.
+        if (hasTypedNewline) {
+            return event.cancel();
+        }
+        // Identify paste events.
+        var hasPastedNewline = event.origin === 'paste' &&
+            typeof event.text === 'object' &&
+            event.text.length > 1;
+        // Format pasted text to replace newlines with spaces.
+        if (hasPastedNewline) {
+            var newText = event.text.join(' ');
+            return event.update(null, null, [newText]);
+        }
+        return null;
+    }, []);
+    var onEditorMount = React__default.useCallback(function (cm, editor) {
+        var plugin = (pluginRef.current = new FormulaPlugin(editor, cm));
+        plugin.setEvalMode(!!evalMode);
+        plugin.setFunctions(functions || []);
+        plugin.setVariables(variables || []);
+        plugin.setHighlightMode(highlightMode || 'formula');
+        editorDidMount === null || editorDidMount === void 0 ? void 0 : editorDidMount(cm, editor, plugin);
+        plugin.autoMarkText();
+        // 单行模式，不允许输入换行，同时原来的换行符也要去掉
+        if (singleLine) {
+            editor.on('beforeChange', onEditorBeforeChange);
+            var value_1 = editor.getValue();
+            if (value_1 && /[\n\r]/.test(value_1)) {
+                // 初始数据有换行，不允许直接编辑
+                // 只能弹窗弹出非单行模式编辑
+                setReadOnly(true);
+                editor.setValue(value_1.replace(/[\n\r]+/g, ''));
+            }
+        }
+    }, [evalMode, functions, variables]);
+    React__default.useEffect(function () {
+        return function () {
+            var _a, _b;
+            (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.editor.off('beforeChange', onEditorBeforeChange);
+            (_b = pluginRef.current) === null || _b === void 0 ? void 0 : _b.dispose();
+        };
+    }, []);
+    React__default.useImperativeHandle(ref, function () {
+        return {
+            insertContent: function (value, type) { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.insertContent(value, type); },
+            setValue: function (value) { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.setValue(value); },
+            getValue: function () { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.getValue(); },
+            setDisableAutoMark: function (value) { var _a; return (_a = pluginRef.current) === null || _a === void 0 ? void 0 : _a.setDisableAutoMark(value); }
+        };
+    });
+    React__default.useEffect(function () {
+        var plugin = pluginRef.current;
+        if (!plugin) {
+            return;
+        }
+        plugin.setEvalMode(!!evalMode);
+        plugin.setFunctions(functions || []);
+        plugin.setVariables(variables || []);
+        plugin.autoMarkText();
+    }, [evalMode, functions, variables, value]);
+    return (React__default.createElement(CodeMirrorEditor, { className: cx('FormulaCodeEditor', className, singleLine ? 'FormulaCodeEditor--singleLine' : ''), value: value, onChange: onChange, editorFactory: editorFactory$1, editorDidMount: onEditorMount, onFocus: onFocus, onBlur: onBlur, readOnly: readOnly }));
+}
+var CodeEditor$1 = themeable(React__default.forwardRef(CodeEditor));
+
+export { CodeEditor$1 as default };

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

@@ -6,27 +6,7 @@
 import React from 'react';
 import { ThemeProps, LocaleProps } from 'amis-core';
 import type { FunctionDocMap } from 'amis-formula/lib/types';
-import { FormulaPlugin } from './plugin';
-export interface VariableItem {
-    label: string;
-    value?: string;
-    path?: string;
-    children?: Array<VariableItem>;
-    type?: string;
-    tag?: string;
-    selectMode?: 'tree' | 'tabs';
-    isMember?: boolean;
-}
-export interface FuncGroup {
-    groupName: string;
-    items: Array<FuncItem>;
-}
-export interface FuncItem {
-    name: string;
-    example?: string;
-    description?: string;
-    [propName: string]: any;
-}
+import { FuncGroup, FuncItem, VariableItem } from './CodeEditor';
 export interface FormulaEditorProps extends ThemeProps, LocaleProps {
     onChange?: (value: string) => void;
     value?: string;
@@ -75,16 +55,19 @@ export interface FunctionProps {
     example: string;
 }
 export interface FormulaState {
-    functions: FuncGroup[];
     focused: boolean;
     isCodeMode: boolean;
+    showRunPanel: boolean;
     expandTree: boolean;
-    normalizeVariables?: Array<VariableItem>;
+    functions?: Array<FuncGroup>;
+    runContext: string;
+    runResult: string;
+    runValid: boolean;
 }
 export declare class FormulaEditor extends React.Component<FormulaEditorProps, FormulaState> {
     state: FormulaState;
-    editorPlugin?: FormulaPlugin;
     unmounted: boolean;
+    editor: React.RefObject<any>;
     static buildDefaultFunctions(doc: Array<{
         namespace: string;
         name: string;
@@ -94,32 +77,44 @@ export declare class FormulaEditor extends React.Component<FormulaEditorProps, F
         groupName: string;
         items: import("amis-formula/lib/types").FunctionDocItem[];
     }[];
+    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;
     static getRegExpByMode(evalMode: boolean, key: string): RegExp;
+    /**
+     * 干不掉，太多地方使用了，但是要废弃了。
+     * 不要用了，输入框也换成 codemirror 了，本身就支持高亮
+     * @deprecated
+     * @param value
+     * @param variables
+     * @param evalMode
+     * @returns
+     */
     static highlightValue(value: string, variables: Array<VariableItem>, evalMode?: boolean): {
         html: string;
     } | undefined;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<FormulaEditorProps>, prevState: Readonly<FormulaState>, snapshot?: any): void;
+    constructor(props: FormulaEditorProps);
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: FormulaEditorProps): void;
     componentWillUnmount(): void;
-    buildFunctions(): Promise<void>;
-    normalizeVariables(variables?: Array<VariableItem>): void;
     handleFocus(): void;
     handleBlur(): void;
+    getEditor(): any;
     insertValue(value: any, type: 'variable' | 'func'): void;
-    handleEditorMounted(cm: any, editor: any): void;
     validate(): any;
     handleFunctionSelect(item: FuncItem): void;
     handleVariableSelect(item: VariableItem): void;
     handleOnChange(value: any): void;
     editorFactory(dom: HTMLElement, cm: any): import("codemirror").Editor;
     handleIsCodeModeChange(showCode: boolean): void;
+    toggleRunPanel(): void;
+    handleRunContextChange(value: string): void;
+    runCode(): Promise<void>;
     handleExpandTreeChange(expand: boolean): void;
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
         variables?: VariableItem[] | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -131,7 +126,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>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -139,7 +134,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, 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>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        readonly props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -151,7 +146,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -160,14 +155,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>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -176,28 +171,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>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -208,7 +203,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -220,7 +215,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -228,7 +223,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -240,7 +235,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -249,14 +244,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>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -265,28 +260,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -301,7 +296,7 @@ declare const _default: {
         ComposedComponent: typeof FormulaEditor;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
         variables?: VariableItem[] | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -313,7 +308,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -321,7 +316,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -333,7 +328,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -342,14 +337,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>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -358,28 +353,28 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -394,7 +389,7 @@ declare const _default: {
     ComposedComponent: typeof FormulaEditor;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -406,7 +401,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -414,7 +409,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -426,7 +421,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -435,14 +430,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>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -451,28 +446,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "header" | "value" | "onChange" | "variableMode" | "functions" | "editorOptions" | "selfVariableName" | "variableClassName" | "functionClassName"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {