/**
* @file Toast
* @description toast提示组件, 单例模式,App级别只需要一个ToastComponent,引入了多个会兼容,也只有第一个生效
* @author fex
*/
///
import React from 'react';
import { ClassNamesFn, ThemeProps } from 'amis-core';
import { LocaleProps, TranslateFn } from 'amis-core';
interface Config {
closeButton?: boolean;
timeout?: number;
}
export type ToastLevel = 'info' | 'success' | 'error' | 'warning';
/** Toast配置 */
export type ToastConf = Partial>;
interface ToastComponentProps extends ThemeProps, LocaleProps {
position: 'top-right' | 'top-center' | 'top-left' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center';
closeButton: boolean;
showIcon?: boolean;
timeout: number;
errorTimeout: number;
className?: string;
items?: Array- ;
}
interface Item extends Config {
title?: string | React.ReactNode;
body: string | React.ReactNode;
level: ToastLevel;
id: string;
className?: string;
onDissmiss?: () => void;
position?: 'top-right' | 'top-center' | 'top-left' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center';
showIcon?: boolean;
mobileUI?: boolean;
}
interface ToastComponentState {
items: Array
- ;
mobileUI?: boolean;
}
export declare class ToastComponent extends React.Component {
static defaultProps: Pick;
static themeKey: string;
hasRendered: boolean;
state: ToastComponentState;
componentDidMount(): void;
componentWillUnmount(): void;
notifiy(level: string, content: any, config?: any): void;
success(content: string, config?: any): void;
error(content: string, config?: any): void;
info(content: string, config?: any): void;
warning(content: string, config?: any): void;
handleDismissed(index: number): void;
render(): React.JSX.Element[] | null;
}
declare const _default: {
new (props: Omit, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
ref: any;
childRef(ref: any): void;
getWrappedInstance(): any;
render(): React.JSX.Element;
context: unknown;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: React.ComponentType<{
new (props: Pick, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}): {
ref: any;
childRef(ref: any): void;
getWrappedInstance(): any;
render(): React.JSX.Element;
context: unknown;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: React.ComponentType;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof ToastComponent;
}>;
} & import("hoist-non-react-statics").NonReactStatics<{
new (props: Pick, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}): {
ref: any;
childRef(ref: any): void;
getWrappedInstance(): any;
render(): React.JSX.Element;
context: unknown;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: React.ComponentType;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof ToastComponent;
}, {}> & {
ComposedComponent: {
new (props: Pick, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}): {
ref: any;
childRef(ref: any): void;
getWrappedInstance(): any;
render(): React.JSX.Element;
context: unknown;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "showIcon"> & {
items?: Item[] | undefined;
position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
closeButton?: boolean | undefined;
timeout?: number | undefined;
errorTimeout?: number | undefined;
} & {} & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: React.ComponentType;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof ToastComponent;
};
};
export default _default;
interface ToastMessageProps {
title?: string | React.ReactNode;
body: string | React.ReactNode;
level: ToastLevel;
timeout: number;
closeButton?: boolean;
showIcon?: boolean;
position: 'top-right' | 'top-center' | 'top-left' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center';
onDismiss?: () => void;
classnames: ClassNamesFn;
translate: TranslateFn;
allowHtml: boolean;
className?: string;
mobileUI?: boolean;
}
interface ToastMessageState {
visible: boolean;
}
export declare class ToastMessage extends React.Component {
static defaultProps: {
timeout: number;
classPrefix: string;
position: string;
allowHtml: boolean;
level: string;
};
state: {
visible: boolean;
};
timer: ReturnType;
mounted: boolean;
componentDidMount(): void;
componentWillUnmount(): void;
handleMouseEnter(): void;
handleMouseLeave(): void;
handleEntered(): void;
close(): void;
render(): React.JSX.Element;
}
export declare const toast: {
container: any;
success: (content: string, conf?: any) => void;
error: (content: string, conf?: any) => void;
info: (content: string, conf?: any) => void;
warning: (content: string, conf?: any) => void;
};