amis-ui 3.2.0 → 3.3.0

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

@@ -75,6 +75,7 @@ export interface FunctionProps {
     example: string;
 }
 export interface FormulaState {
+    functions: FuncGroup[];
     focused: boolean;
     isCodeMode: boolean;
     expandTree: boolean;
@@ -83,6 +84,7 @@ export interface FormulaState {
 export declare class FormulaEditor extends React.Component<FormulaEditorProps, FormulaState> {
     state: FormulaState;
     editorPlugin?: FormulaPlugin;
+    unmounted: boolean;
     static buildDefaultFunctions(doc: Array<{
         namespace: string;
         name: string;
@@ -101,6 +103,7 @@ export declare class FormulaEditor extends React.Component<FormulaEditorProps, F
     componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<FormulaEditorProps>, prevState: Readonly<FormulaState>, snapshot?: any): void;
     componentWillUnmount(): void;
+    buildFunctions(): Promise<void>;
     normalizeVariables(variables?: Array<VariableItem>): void;
     handleFocus(): void;
     handleBlur(): void;
@@ -116,7 +119,7 @@ export declare class FormulaEditor extends React.Component<FormulaEditorProps, F
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+    new (props: Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
         variables?: VariableItem[] | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -128,7 +131,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -136,7 +139,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        readonly props: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -148,7 +151,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -157,14 +160,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -173,28 +176,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -205,7 +208,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -217,7 +220,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -225,7 +228,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -237,7 +240,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -246,14 +249,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -262,28 +265,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -298,7 +301,7 @@ declare const _default: {
         ComposedComponent: typeof FormulaEditor;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+    new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
         variables?: VariableItem[] | undefined;
         evalMode?: boolean | undefined;
     } & {} & {
@@ -310,7 +313,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -318,7 +321,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -330,7 +333,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -339,14 +342,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -355,28 +358,28 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -391,7 +394,7 @@ declare const _default: {
     ComposedComponent: typeof FormulaEditor;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+        new (props: Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
             variables?: VariableItem[] | undefined;
             evalMode?: boolean | undefined;
         } & {} & {
@@ -403,7 +406,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -411,7 +414,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            readonly props: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -423,7 +426,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -432,14 +435,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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {
@@ -448,28 +451,28 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "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>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "header" | "onChange" | "value" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaEditorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "header" | "style" | "className" | "theme" | "value" | "onChange" | "functions" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions"> & {
                 variables?: VariableItem[] | undefined;
                 evalMode?: boolean | undefined;
             } & {} & {

package/lib/components/formula/Editor.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -11,7 +11,6 @@ var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
 var amisFormula = require('amis-formula');
-var doc = require('amis-formula/lib/doc');
 var plugin = require('./plugin.js');
 var FuncList = require('./FuncList.js');
 var VariableList = require('./VariableList.js');
@@ -23,6 +22,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var FormulaEditor = /** @class */ (function (_super) {
     tslib.__extends(FormulaEditor, _super);
     function FormulaEditor() {
@@ -31,8 +33,10 @@ var FormulaEditor = /** @class */ (function (_super) {
             focused: false,
             isCodeMode: false,
             expandTree: false,
-            normalizeVariables: []
+            normalizeVariables: [],
+            functions: []
         };
+        _this.unmounted = false;
         return _this;
     }
     FormulaEditor.buildDefaultFunctions = function (doc) {
@@ -116,15 +120,43 @@ var FormulaEditor = /** @class */ (function (_super) {
     FormulaEditor.prototype.componentDidMount = function () {
         var variables = this.props.variables;
         this.normalizeVariables(variables);
+        this.buildFunctions();
     };
     FormulaEditor.prototype.componentDidUpdate = function (prevProps, prevState, snapshot) {
         if (prevProps.variables !== this.props.variables) {
             this.normalizeVariables(this.props.variables);
         }
+        if (prevProps.functions !== this.props.functions) {
+            this.buildFunctions();
+        }
     };
     FormulaEditor.prototype.componentWillUnmount = function () {
         var _a;
         (_a = this.editorPlugin) === null || _a === void 0 ? void 0 : _a.dispose();
+        this.unmounted = true;
+    };
+    FormulaEditor.prototype.buildFunctions = function () {
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var doc, customFunctions, functionList;
+            return tslib.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function() {return new Promise(function(fullfill) {require(['amis-formula/lib/doc'], function(mod) {fullfill(tslib.__importStar(mod))})})})];
+                    case 1:
+                        doc = (_a.sent()).doc;
+                        if (this.unmounted) {
+                            return [2 /*return*/];
+                        }
+                        customFunctions = Array.isArray(this.props.functions)
+                            ? this.props.functions
+                            : [];
+                        functionList = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(FormulaEditor.buildDefaultFunctions(doc)), false), tslib.__read(FormulaEditor.buildCustomFunctions(amisFormula.functionDocs)), false), tslib.__read(customFunctions), false);
+                        this.setState({
+                            functions: functionList
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
     FormulaEditor.prototype.normalizeVariables = function (variables) {
         if (!variables) {
@@ -139,7 +171,7 @@ var FormulaEditor = /** @class */ (function (_super) {
                     ? prev
                     : "".concat(prev).concat(prev ? '.' : '').concat((_a = next.label) !== null && _a !== void 0 ? _a : next.value);
             }, '');
-            return tslib.__assign(tslib.__assign(tslib.__assign({}, item), { path: "".concat(path).concat(path ? '.' : '').concat(item.label) }), (item.isMember
+            return tslib.__assign(tslib.__assign(tslib.__assign({}, item), { path: "".concat(path).concat(path ? '.' : '').concat(item.label) }), (item.isMember || paths.some(function (item) { return item.isMember; })
                 ? {
                     memberDepth: (_a = paths === null || paths === void 0 ? void 0 : paths.filter(function (item) { return item.type === 'array'; })) === null || _a === void 0 ? void 0 : _a.length
                 }
@@ -227,30 +259,28 @@ var FormulaEditor = /** @class */ (function (_super) {
         this.setState({ expandTree: expand });
     };
     FormulaEditor.prototype.render = function () {
-        var _a = this.props, header = _a.header, value = _a.value, functions = _a.functions, variableMode = _a.variableMode, __ = _a.translate, cx = _a.classnames, variableClassName = _a.variableClassName, functionClassName = _a.functionClassName, classPrefix = _a.classPrefix, selfVariableName = _a.selfVariableName;
-        var _b = this.state, focused = _b.focused, isCodeMode = _b.isCodeMode, expandTree = _b.expandTree, normalizeVariables = _b.normalizeVariables;
-        var customFunctions = Array.isArray(functions) ? functions : [];
-        var functionList = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(FormulaEditor.buildDefaultFunctions(doc.doc)), false), tslib.__read(FormulaEditor.buildCustomFunctions(amisFormula.functionDocs)), false), tslib.__read(customFunctions), false);
-        return (React__default["default"].createElement("div", { className: cx("FormulaEditor", {
+        var _a = this.props, header = _a.header, value = _a.value; _a.functions; var variableMode = _a.variableMode, __ = _a.translate, cx = _a.classnames, variableClassName = _a.variableClassName, functionClassName = _a.functionClassName, classPrefix = _a.classPrefix, selfVariableName = _a.selfVariableName;
+        var _b = this.state, focused = _b.focused, isCodeMode = _b.isCodeMode, expandTree = _b.expandTree, normalizeVariables = _b.normalizeVariables, functionList = _b.functions;
+        return (_J$X_("div", { className: cx("FormulaEditor", {
                 'is-focused': focused
             }) },
-            React__default["default"].createElement("section", { className: cx('FormulaEditor-settings') },
-                React__default["default"].createElement(FuncList["default"], { className: functionClassName, title: __('FormulaEditor.function'), data: functionList, onSelect: this.handleFunctionSelect }),
-                React__default["default"].createElement("div", { className: cx("FormulaEditor-content") },
-                    React__default["default"].createElement("header", { className: cx("FormulaEditor-header") },
+            _J$X_("section", { className: cx('FormulaEditor-settings') },
+                _J$X_(FuncList["default"], { className: functionClassName, title: __('FormulaEditor.function'), data: functionList, onSelect: this.handleFunctionSelect }),
+                _J$X_("div", { className: cx("FormulaEditor-content") },
+                    _J$X_("header", { className: cx("FormulaEditor-header") },
                         __(header || 'FormulaEditor.title'),
-                        React__default["default"].createElement("div", { className: cx("FormulaEditor-header-toolbar") },
-                            React__default["default"].createElement("span", null, "\u6E90\u7801\u6A21\u5F0F"),
-                            React__default["default"].createElement(Switch["default"], { value: isCodeMode, onChange: this.handleIsCodeModeChange }))),
-                    React__default["default"].createElement(CodeMirror.CodeMirrorEditor, { className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, editorFactory: this.editorFactory, editorDidMount: this.handleEditorMounted, onFocus: this.handleFocus, onBlur: this.handleBlur })),
-                React__default["default"].createElement("div", { className: cx('FormulaEditor-panel', 'right') },
-                    variableMode !== 'tabs' ? (React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-header') },
+                        _J$X_("div", { className: cx("FormulaEditor-header-toolbar") },
+                            _J$X_("span", null, "\u6E90\u7801\u6A21\u5F0F"),
+                            _J$X_(Switch["default"], { value: isCodeMode, onChange: this.handleIsCodeModeChange }))),
+                    _J$X_(CodeMirror.CodeMirrorEditor, { className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, editorFactory: this.editorFactory, editorDidMount: this.handleEditorMounted, onFocus: this.handleFocus, onBlur: this.handleBlur })),
+                _J$X_("div", { className: cx('FormulaEditor-panel', 'right') },
+                    variableMode !== 'tabs' ? (_J$X_("div", { className: cx('FormulaEditor-panel-header') },
                         __('FormulaEditor.variable'),
-                        variableMode === 'tree' ? (React__default["default"].createElement("div", { className: cx("FormulaEditor-header-toolbar") },
-                            React__default["default"].createElement("span", null, "\u5C55\u5F00\u5168\u90E8"),
-                            React__default["default"].createElement(Switch["default"], { value: expandTree, onChange: this.handleExpandTreeChange }))) : null)) : null,
-                    React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-body', variableMode && "FormulaEditor-panel-body--".concat(variableMode)) },
-                        React__default["default"].createElement(VariableList["default"], { classPrefix: classPrefix, className: cx('FormulaEditor-VariableList', 'FormulaEditor-VariableList-root', variableClassName), expandTree: expandTree, selectMode: variableMode, data: normalizeVariables, onSelect: this.handleVariableSelect, selfVariableName: selfVariableName }))))));
+                        variableMode === 'tree' ? (_J$X_("div", { className: cx("FormulaEditor-header-toolbar") },
+                            _J$X_("span", null, "\u5C55\u5F00\u5168\u90E8"),
+                            _J$X_(Switch["default"], { value: expandTree, onChange: this.handleExpandTreeChange }))) : null)) : null,
+                    _J$X_("div", { className: cx('FormulaEditor-panel-body', variableMode && "FormulaEditor-panel-body--".concat(variableMode)) },
+                        _J$X_(VariableList["default"], { classPrefix: classPrefix, className: cx('FormulaEditor-VariableList', 'FormulaEditor-VariableList-root', variableClassName), expandTree: expandTree, selectMode: variableMode, data: normalizeVariables, onSelect: this.handleVariableSelect, selfVariableName: selfVariableName }))))));
     };
     FormulaEditor.defaultProps = {
         variables: [],