amis-ui 3.1.0 → 3.2.0

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

@@ -1,7 +1,7 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { FormulaEditorProps, FuncGroup, VariableItem } from './Editor';
-export interface FormulaPickerProps extends FormulaEditorProps {
+export interface FormulaPickerProps extends Omit<FormulaEditorProps, 'variables'> {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /**
      * 混合模式，意味着这个输入框既可以输入不同文本
@@ -74,6 +74,8 @@ export interface FormulaPickerProps extends FormulaEditorProps {
     onConfirm?: (value?: any) => void;
     onRef?: (node: any) => void;
     popOverContainer?: any;
+    useMobileUI?: boolean;
+    variables?: Array<VariableItem> | string | ((props: any) => Array<VariableItem>);
 }
 export interface FormulaPickerState {
     isOpened: boolean;
@@ -106,7 +108,7 @@ export declare class FormulaPicker extends React.Component<FormulaPickerProps, F
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+    new (props: Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
         evalMode?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -117,14 +119,14 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof import("amis-core").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<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        readonly props: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -135,7 +137,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -143,13 +145,13 @@ declare const _default: {
         }, keyof import("amis-core").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<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -157,25 +159,25 @@ declare const _default: {
         }, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -185,7 +187,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        new (props: Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -196,14 +198,14 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 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<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            readonly props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -214,7 +216,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -222,13 +224,13 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -236,25 +238,25 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -268,7 +270,7 @@ declare const _default: {
         ComposedComponent: typeof FormulaPicker;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+    new (props: Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
         evalMode?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -279,14 +281,14 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             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<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        readonly props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -297,7 +299,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -305,13 +307,13 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -319,25 +321,25 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -351,7 +353,7 @@ declare const _default: {
     ComposedComponent: typeof FormulaPicker;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+        new (props: Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
             evalMode?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -362,14 +364,14 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 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<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            readonly props: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -380,7 +382,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -388,13 +390,13 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -402,25 +404,25 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "mixedMode" | "btnLabel" | "btnSize"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<FormulaPickerProps, keyof import("amis-core").LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "style" | "theme" | "data" | "header" | "source" | "title" | "disabled" | "icon" | "value" | "placeholder" | "onChange" | "size" | "mode" | "level" | "useMobileUI" | "onConfirm" | "clearable" | "popOverContainer" | "borderMode" | "onRef" | "allowInput" | "onPickerOpen" | "functions" | "variables" | "selfVariableName" | "variableMode" | "variableClassName" | "functionClassName" | "editorOptions" | "mixedMode" | "btnLabel" | "btnSize"> & {
                 evalMode?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;

package/esm/components/formula/Picker.js

@@ -1,16 +1,17 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __awaiter, __generator, __assign, __rest, __read, __decorate, __metadata } from 'tslib';
-import { parse, generateIcon, noop, autobind, themeable, localeable, uncontrollable } from 'amis-core';
+import { parse, generateIcon, isMobile, noop, autobind, themeable, localeable, uncontrollable, isExpression, resolveVariableAndFilterForAsync } from 'amis-core';
 import React__default from 'react';
 import Editor, { FormulaEditor } from './Editor.js';
 import ResultBox from '../ResultBox.js';
 import Button from '../Button.js';
 import { Icon } from '../icons.js';
 import FinalModal from '../Modal.js';
+import PopUp from '../PopUp.js';
 
 var FormulaPicker = /** @class */ (function (_super) {
     __extends(FormulaPicker, _super);
@@ -21,7 +22,8 @@ var FormulaPicker = /** @class */ (function (_super) {
             isOpened: false,
             value: _this.props.value,
             editorValue: _this.value2EditorValue(_this.props),
-            isError: false
+            isError: false,
+            variables: Array.isArray(props.variables) ? props.variables : []
         };
         return _this;
     }
@@ -99,14 +101,29 @@ var FormulaPicker = /** @class */ (function (_super) {
     FormulaPicker.prototype.handleClick = function () {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var state, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            var _c, variables, data, list, result, state, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
-                        _c = [{}];
-                        return [4 /*yield*/, ((_b = (_a = this.props).onPickerOpen) === null || _b === void 0 ? void 0 : _b.call(_a, this.props))];
+                        _c = this.props, variables = _c.variables, data = _c.data;
+                        if (!(typeof variables === 'function')) return [3 /*break*/, 2];
+                        return [4 /*yield*/, variables(this.props)];
                     case 1:
-                        state = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_d.sent())])), { editorValue: this.value2EditorValue(this.props), isOpened: true }]);
+                        list = _e.sent();
+                        this.setState({ variables: list });
+                        return [3 /*break*/, 4];
+                    case 2:
+                        if (!(typeof variables === 'string' && isExpression(variables))) return [3 /*break*/, 4];
+                        return [4 /*yield*/, resolveVariableAndFilterForAsync(variables, data, '|raw')];
+                    case 3:
+                        result = _e.sent();
+                        this.setState({ variables: result });
+                        _e.label = 4;
+                    case 4:
+                        _d = [{}];
+                        return [4 /*yield*/, ((_b = (_a = this.props).onPickerOpen) === null || _b === void 0 ? void 0 : _b.call(_a, this.props))];
+                    case 5:
+                        state = __assign.apply(void 0, [__assign.apply(void 0, _d.concat([(_e.sent())])), { editorValue: this.value2EditorValue(this.props), isOpened: true }]);
                         this.setState(state);
                         return [2 /*return*/];
                 }
@@ -149,10 +166,11 @@ var FormulaPicker = /** @class */ (function (_super) {
     };
     FormulaPicker.prototype.render = function () {
         var _a, _b, _c;
-        var _d, _e, _f, _g, _h;
-        var _j = this.props, cx = _j.classnames, __ = _j.translate, disabled = _j.disabled, _k = _j.allowInput, allowInput = _k === void 0 ? true : _k, className = _j.className, style = _j.style; _j.onChange; _j.size; var borderMode = _j.borderMode, placeholder = _j.placeholder, _l = _j.mode, mode = _l === void 0 ? 'input-button' : _l, btnLabel = _j.btnLabel, level = _j.level, btnSize = _j.btnSize, icon = _j.icon, title = _j.title, clearable = _j.clearable, variables = _j.variables, functions = _j.functions, children = _j.children, variableMode = _j.variableMode, mixedMode = _j.mixedMode, evalMode = _j.evalMode, popOverContainer = _j.popOverContainer, rest = __rest(_j, ["classnames", "translate", "disabled", "allowInput", "className", "style", "onChange", "size", "borderMode", "placeholder", "mode", "btnLabel", "level", "btnSize", "icon", "title", "clearable", "variables", "functions", "children", "variableMode", "mixedMode", "evalMode", "popOverContainer"]);
-        var _m = this.state, isOpened = _m.isOpened, value = _m.value, editorValue = _m.editorValue, isError = _m.isError;
+        var _d, _e, _f, _g, _h, _j;
+        var _k = this.props, cx = _k.classnames, __ = _k.translate, disabled = _k.disabled, _l = _k.allowInput, allowInput = _l === void 0 ? true : _l, className = _k.className, style = _k.style; _k.onChange; _k.size; var borderMode = _k.borderMode, placeholder = _k.placeholder, _m = _k.mode, mode = _m === void 0 ? 'input-button' : _m, btnLabel = _k.btnLabel, level = _k.level, btnSize = _k.btnSize, icon = _k.icon, title = _k.title, clearable = _k.clearable, functions = _k.functions, children = _k.children, variableMode = _k.variableMode, mixedMode = _k.mixedMode, evalMode = _k.evalMode, popOverContainer = _k.popOverContainer, useMobileUI = _k.useMobileUI, rest = __rest(_k, ["classnames", "translate", "disabled", "allowInput", "className", "style", "onChange", "size", "borderMode", "placeholder", "mode", "btnLabel", "level", "btnSize", "icon", "title", "clearable", "functions", "children", "variableMode", "mixedMode", "evalMode", "popOverContainer", "useMobileUI"]);
+        var _o = this.state, isOpened = _o.isOpened, value = _o.value, editorValue = _o.editorValue, isError = _o.isError;
         var iconElement = generateIcon(cx, icon, 'Icon');
+        var mobileUI = useMobileUI && isMobile();
         return (React__default.createElement(React__default.Fragment, null,
             children ? (children({
                 isOpened: this.state.isOpened,
@@ -171,7 +189,7 @@ var FormulaPicker = /** @class */ (function (_super) {
                 mode === 'input-button' && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(ResultBox, { className: cx('FormulaPicker-input', isOpened ? 'is-active' : '', !!isError ? 'is-error' : ''), allowInput: allowInput, clearable: clearable, value: value, result: allowInput
                             ? void 0
-                            : FormulaEditor.highlightValue(value, variables, this.props.evalMode), itemRender: this.renderFormulaValue, onResultChange: noop, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder }),
+                            : FormulaEditor.highlightValue(value, this.state.variables, this.props.evalMode), itemRender: this.renderFormulaValue, onResultChange: noop, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder, useMobileUI: useMobileUI, showArrow: false }),
                     React__default.createElement(Button, { className: cx('FormulaPicker-action'), onClick: this.handleClick },
                         React__default.createElement(Icon, { icon: "function", className: cx('FormulaPicker-icon', 'icon', (_c = {},
                                 _c['is-filled'] = !!value,
@@ -179,18 +197,22 @@ var FormulaPicker = /** @class */ (function (_super) {
                 mode === 'input-group' && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(ResultBox, { className: cx('FormulaPicker-input', isOpened ? 'is-active' : '', !!isError ? 'is-error' : ''), allowInput: allowInput, clearable: clearable, value: value, result: allowInput
                             ? void 0
-                            : FormulaEditor.highlightValue(value, variables, this.props.evalMode), itemRender: this.renderFormulaValue, onResultChange: noop, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder }),
+                            : FormulaEditor.highlightValue(value, this.state.variables, this.props.evalMode), itemRender: this.renderFormulaValue, onResultChange: noop, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder, useMobileUI: useMobileUI, showArrow: false }),
                     React__default.createElement("a", { className: cx("FormulaPicker-toggler"), onClick: this.handleClick },
                         React__default.createElement(Icon, { icon: "function", className: "icon" })))))),
-            React__default.createElement(FinalModal, { size: "md", closeOnEsc: true, show: this.state.isOpened, onHide: this.close, container: popOverContainer },
+            mobileUI ? (React__default.createElement(PopUp, { className: cx("FormulaPicker-popup"), isShow: this.state.isOpened, showConfirm: true, onHide: this.close, onConfirm: this.handleEditorConfirm, container: popOverContainer },
+                React__default.createElement("div", { className: cx('FormulaPicker-popup-inner') },
+                    React__default.createElement(Editor, __assign({}, rest, { evalMode: mixedMode ? true : evalMode, variables: this.state.variables, functions: (_f = this.state.functions) !== null && _f !== void 0 ? _f : functions, variableMode: (_g = this.state.variableMode) !== null && _g !== void 0 ? _g : variableMode, value: editorValue, onChange: this.handleEditorChange, selfVariableName: this.props.selfVariableName })),
+                    !!isError ? (React__default.createElement("div", { className: cx('Dialog-info'), key: "info" },
+                        React__default.createElement("span", { className: cx('Dialog-error') }, __('FormulaEditor.invalidData', { err: isError })))) : null))) : (React__default.createElement(FinalModal, { size: "lg", closeOnEsc: true, show: this.state.isOpened, onHide: this.close, container: popOverContainer },
                 React__default.createElement(FinalModal.Header, { onClose: this.close, className: "font-bold" }, __(title || 'FormulaEditor.title')),
                 React__default.createElement(FinalModal.Body, null,
-                    React__default.createElement(Editor, __assign({}, rest, { evalMode: mixedMode ? true : evalMode, variables: (_f = this.state.variables) !== null && _f !== void 0 ? _f : variables, functions: (_g = this.state.functions) !== null && _g !== void 0 ? _g : functions, variableMode: (_h = this.state.variableMode) !== null && _h !== void 0 ? _h : variableMode, value: editorValue, onChange: this.handleEditorChange, selfVariableName: this.props.selfVariableName }))),
+                    React__default.createElement(Editor, __assign({}, rest, { evalMode: mixedMode ? true : evalMode, variables: this.state.variables, functions: (_h = this.state.functions) !== null && _h !== void 0 ? _h : functions, variableMode: (_j = this.state.variableMode) !== null && _j !== void 0 ? _j : variableMode, value: editorValue, onChange: this.handleEditorChange, selfVariableName: this.props.selfVariableName }))),
                 React__default.createElement(FinalModal.Footer, null,
                     !!isError ? (React__default.createElement("div", { className: cx('Dialog-info'), key: "info" },
                         React__default.createElement("span", { className: cx('Dialog-error') }, __('FormulaEditor.invalidData', { err: isError })))) : null,
                     React__default.createElement(Button, { onClick: this.close }, __('cancel')),
-                    React__default.createElement(Button, { onClick: this.handleEditorConfirm, level: "primary" }, __('confirm'))))));
+                    React__default.createElement(Button, { onClick: this.handleEditorConfirm, level: "primary" }, __('confirm')))))));
     };
     FormulaPicker.defaultProps = {
         evalMode: true