amis-ui 3.1.0 → 3.2.0

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
@@ -28,6 +28,10 @@ var QueryBuilder = /** @class */ (function (_super) {
         return _this;
     }
     QueryBuilder.prototype.handleDragStart = function (e) {
+        var _a = this.props.draggable, draggable = _a === void 0 ? true : _a;
+        // draggable为false时不可拖拽
+        if (!draggable)
+            return;
         var target = e.currentTarget;
         var item = target.closest('[data-id]');
         this.dragTarget = item;
@@ -157,7 +161,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         return (React__default["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, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, renderEtrValue = _a.renderEtrValue, selectMode = _a.selectMode;
+        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;
         var normalizedValue = Array.isArray(value === null || value === void 0 ? void 0 : value.children)
             ? tslib.__assign(tslib.__assign({}, value), { children: amisCore.mapTree(value.children, function (value) {
                     if (value.id) {
@@ -165,7 +169,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     return tslib.__assign(tslib.__assign({}, value), { id: amisCore.guid() });
                 }) }) : value;
-        return (React__default["default"].createElement(Group["default"], { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, searchable: searchable, formula: formula, renderEtrValue: renderEtrValue, popOverContainer: popOverContainer, selectMode: selectMode }));
+        return (React__default["default"].createElement(Group["default"], { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, draggable: draggable, searchable: searchable, formula: formula, renderEtrValue: renderEtrValue, popOverContainer: popOverContainer, selectMode: selectMode, depth: 1, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn }));
     };
     QueryBuilder.prototype.render = function () {
         var _this = this;
@@ -175,7 +179,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         }
         return (React__default["default"].createElement(PickerContainer["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, onConfirm: onFinalChange, value: value, size: 'md', popOverContainer: popOverContainer, bodyRender: function (params) { return _this.renderBody(params.onChange, params.value); }, title: title }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened;
-            return (React__default["default"].createElement(ResultBox["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, className: cx('CBGroup-result', { 'is-active': isOpened }), allowInput: false, clearable: true, result: value, itemRender: _this.highlightValue, onResultChange: amisCore.noop, onClear: _this.handleClear, disabled: disabled, borderMode: 'full', placeholder: placeholder, actions: pickerIcon && (React__default["default"].createElement("span", { className: cx('CBPicker-trigger'), onClick: onClick }, pickerIcon)), onResultClick: onClick }));
+            return (React__default["default"].createElement(ResultBox["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, className: cx('CBGroup-result', { 'is-active': isOpened }), allowInput: false, clearable: true, result: value, itemRender: _this.highlightValue, onResultChange: amisCore.noop, onClear: _this.handleClear, disabled: disabled, borderMode: 'full', placeholder: placeholder, actions: pickerIcon && (React__default["default"].createElement("span", { className: cx('CBPicker-trigger'), onClick: onClick }, pickerIcon)), useMobileUI: true, onResultClick: onClick }));
         }));
     };
     tslib.__decorate([

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

@@ -10,10 +10,12 @@ 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;
@@ -57,6 +59,10 @@ export interface FormulaEditorProps extends ThemeProps, LocaleProps {
      * 当前输入项字段 name: 用于避免循环绑定自身导致无限渲染
      */
     selfVariableName?: string;
+    /**
+     * 编辑器配置
+     */
+    editorOptions?: any;
 }
 export interface FunctionsProps {
     name: string;
@@ -70,6 +76,9 @@ export interface FunctionProps {
 }
 export interface FormulaState {
     focused: boolean;
+    isCodeMode: boolean;
+    expandTree: boolean;
+    normalizeVariables?: Array<VariableItem>;
 }
 export declare class FormulaEditor extends React.Component<FormulaEditorProps, FormulaState> {
     state: FormulaState;
@@ -89,7 +98,10 @@ export declare class FormulaEditor extends React.Component<FormulaEditorProps, F
     static highlightValue(value: string, variables: Array<VariableItem>, evalMode?: boolean): {
         html: string;
     } | undefined;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<FormulaEditorProps>, prevState: Readonly<FormulaState>, snapshot?: any): void;
     componentWillUnmount(): void;
+    normalizeVariables(variables?: Array<VariableItem>): void;
     handleFocus(): void;
     handleBlur(): void;
     insertValue(value: any, type: 'variable' | 'func'): void;
@@ -99,10 +111,12 @@ export declare class FormulaEditor extends React.Component<FormulaEditorProps, F
     handleVariableSelect(item: VariableItem): void;
     handleOnChange(value: any): void;
     editorFactory(dom: HTMLElement, cm: any): import("codemirror").Editor;
+    handleIsCodeModeChange(showCode: boolean): void;
+    handleExpandTreeChange(expand: boolean): void;
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
         variables?: VariableItem[] | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -114,7 +128,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" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -122,7 +136,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | 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" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        readonly props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -134,7 +148,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -143,14 +157,14 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, 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" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -159,28 +173,28 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -191,7 +205,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -203,7 +217,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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -211,7 +225,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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -223,7 +237,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -232,14 +246,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" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -248,28 +262,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -284,7 +298,7 @@ declare const _default: {
         ComposedComponent: typeof FormulaEditor;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
         variables?: VariableItem[] | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -296,7 +310,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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -304,7 +318,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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -316,7 +330,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -325,14 +339,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" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -341,28 +355,28 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -377,7 +391,7 @@ declare const _default: {
     ComposedComponent: typeof FormulaEditor;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -389,7 +403,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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -397,7 +411,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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -409,7 +423,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -418,14 +432,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" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -434,28 +448,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 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>, "header" | "style" | "value" | "className" | "classPrefix" | "classnames" | "theme" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {