/// /// /** * @file 公式编辑器 */ 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; type?: string; tag?: string; selectMode?: 'tree' | 'tabs'; isMember?: boolean; } export interface FuncGroup { groupName: string; items: Array; } export interface FuncItem { name: string; example?: string; description?: string; [propName: string]: any; } export interface FormulaEditorProps extends ThemeProps, LocaleProps { onChange?: (value: string) => void; value?: string; /** * evalMode 即直接就是表达式,否则 * 需要 ${这里面才是表达式} * 默认为 true */ evalMode?: boolean; /** * 用于提示的变量集合,默认为空 */ variables?: Array; /** * 变量展现模式,可选值:'tabs' | 'tree' */ variableMode?: 'tabs' | 'tree'; /** * 函数集合,默认不需要传,即 amis-formula 里面那个函数 * 如果有扩充,则需要传。 */ functions?: Array; /** * 顶部标题,默认为表达式 */ header: string; variableClassName?: string; functionClassName?: string; /** * 当前输入项字段 name: 用于避免循环绑定自身导致无限渲染 */ selfVariableName?: string; /** * 编辑器配置 */ editorOptions?: any; } export interface FunctionsProps { name: string; items: FunctionProps[]; } export interface FunctionProps { name: string; intro: string; usage: string; example: string; } export interface FormulaState { functions: FuncGroup[]; focused: boolean; isCodeMode: boolean; expandTree: boolean; normalizeVariables?: Array; } export declare class FormulaEditor extends React.Component { state: FormulaState; editorPlugin?: FormulaPlugin; unmounted: boolean; static buildDefaultFunctions(doc: Array<{ namespace: string; name: string; [propName: string]: any; }>): FuncGroup[]; static buildCustomFunctions(map?: FunctionDocMap): { groupName: string; items: import("amis-formula/lib/types").FunctionDocItem[]; }[]; static defaultProps: Pick; static replaceStrByIndex(str: string, idx: number, key: string, replaceKey: string): string; static getRegExpByMode(evalMode: boolean, key: string): RegExp; static highlightValue(value: string, variables: Array, evalMode?: boolean): { html: string; } | undefined; componentDidMount(): void; componentDidUpdate(prevProps: Readonly, prevState: Readonly, snapshot?: any): void; componentWillUnmount(): void; buildFunctions(): Promise; normalizeVariables(variables?: Array): void; handleFocus(): void; handleBlur(): void; 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; handleExpandTreeChange(expand: boolean): void; render(): React.JSX.Element; } declare const _default: { new (props: Omit, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType<{ new (props: Pick, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; 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, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof FormulaEditor; }>; } & import("hoist-non-react-statics").NonReactStatics<{ new (props: Pick, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; 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, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof FormulaEditor; }, {}> & { ComposedComponent: { new (props: Pick, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }): { ref: any; childRef(ref: any): void; getWrappedInstance(): any; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; 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, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "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, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "mobileUI" | "value" | "onChange" | "variableMode" | "functions" | "variableClassName" | "functionClassName" | "selfVariableName" | "editorOptions"> & { variables?: VariableItem[] | undefined; evalMode?: boolean | undefined; } & {} & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context; ComposedComponent: React.ComponentType; } & import("hoist-non-react-statics").NonReactStatics & { ComposedComponent: typeof FormulaEditor; }; }; export default _default;