amis-ui 2.1.1-beta.2 → 2.3.0

package/esm/components/Editor.d.ts

@@ -26,6 +26,7 @@ export interface EditorProps extends LocaleProps {
     context?: any;
     style?: any;
     isDiffEditor?: boolean;
+    placeholder?: string;
     onFocus?: () => void;
     onBlur?: () => void;
     editorDidMount?: (editor: any, monaco: any) => void;
@@ -33,7 +34,12 @@ export interface EditorProps extends LocaleProps {
     editorWillUnmount?: (editor: any, monaco: any) => void;
     editorFactory?: (conatainer: HTMLElement, monaco: any, options: any) => any;
 }
-export declare class Editor extends React.Component<EditorProps, any> {
+export interface EditorState {
+    isFullscreen?: boolean;
+    innerWidth?: any;
+    innerHeight?: any;
+}
+export declare class Editor extends React.Component<EditorProps, EditorState> {
     static defaultProps: {
         language: string;
         editorTheme: string;
@@ -65,8 +71,540 @@ export declare class Editor extends React.Component<EditorProps, any> {
     handleFullscreenModeChange(): void;
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
-    ComposedComponent: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+        language: string;
+        editorTheme: string;
+        width: string;
+        height: string;
+        allowFullscreen: boolean;
+        options: {};
+    }, never>> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("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<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("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<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                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<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof Editor>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof Editor, {}> & {
+        ComposedComponent: typeof Editor;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+        language: string;
+        editorTheme: string;
+        width: string;
+        height: string;
+        allowFullscreen: boolean;
+        options: {};
+    }, never>> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            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<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Editor>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Editor, {}> & {
+    ComposedComponent: typeof Editor;
+}, {}> & {
+    ComposedComponent: {
+        new (props: Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+            language: string;
+            editorTheme: string;
+            width: string;
+            height: string;
+            allowFullscreen: boolean;
+            options: {};
+        }, never>> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                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<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & Partial<Pick<Omit<EditorProps, keyof LocaleProps>, "width" | "height" | "options" | "language" | "editorTheme" | "allowFullscreen">> & Partial<Pick<{
+                language: string;
+                editorTheme: string;
+                width: string;
+                height: string;
+                allowFullscreen: boolean;
+                options: {};
+            }, never>> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof Editor>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof Editor, {}> & {
         ComposedComponent: typeof Editor;
     };
 };

package/esm/components/Editor.js

@@ -1,11 +1,10 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import cx from 'classnames';
 import { autobind, themeable, localeable } from 'amis-core';
 import { Icon } from './icons.js';
 
@@ -203,15 +202,17 @@ var Editor = /** @class */ (function (_super) {
         });
     };
     Editor.prototype.render = function () {
-        var _a = this.props, className = _a.className, ns = _a.classPrefix, width = _a.width, height = _a.height, __ = _a.translate;
+        var _a = this.props, className = _a.className, width = _a.width, height = _a.height, __ = _a.translate, placeholder = _a.placeholder, cx = _a.classnames, value = _a.value;
         var style = __assign({}, (this.props.style || {}));
         style.width = width;
         style.height = height;
-        return (React__default.createElement("div", { className: cx("".concat(ns, "MonacoEditor"), { 'is-fullscreen': this.state.isFullscreen }, className), style: style, ref: this.wrapperRef }, this.editor && this.props.allowFullscreen ? (React__default.createElement("div", { className: cx("".concat(ns, "MonacoEditor-header")) },
-            React__default.createElement("a", { className: cx('Modal-close', "".concat(ns, "MonacoEditor-fullscreen")), "data-tooltip": this.state.isFullscreen
-                    ? __('Editor.exitFullscreen')
-                    : __('Editor.fullscreen'), "data-position": "left", onClick: this.handleFullscreenModeChange },
-                React__default.createElement(Icon, { icon: this.state.isFullscreen ? 'compress-alt' : 'expand-alt', className: "icon" })))) : null));
+        return (React__default.createElement("div", { className: cx("MonacoEditor", { 'is-fullscreen': this.state.isFullscreen }, className), style: style, ref: this.wrapperRef },
+            this.editor && placeholder && !value ? (React__default.createElement("span", { className: cx('MonacoEditor-placeholder') }, placeholder)) : null,
+            this.editor && this.props.allowFullscreen ? (React__default.createElement("div", { className: cx("MonacoEditor-header") },
+                React__default.createElement("a", { className: cx('Modal-close', "MonacoEditor-fullscreen"), "data-tooltip": this.state.isFullscreen
+                        ? __('Editor.exitFullscreen')
+                        : __('Editor.fullscreen'), "data-position": "left", onClick: this.handleFullscreenModeChange },
+                    React__default.createElement(Icon, { icon: this.state.isFullscreen ? 'compress-alt' : 'expand-alt', className: "icon" })))) : null));
     };
     Editor.defaultProps = {
         language: 'javascript',

package/esm/components/Form.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */