///
import React from 'react';
import { ClassNamesFn, ThemeProps } from 'amis-core';
export interface CardProps extends ThemeProps {
className?: string;
headerClassName?: string;
titleClassName?: string;
subTitleClassName?: string;
descriptionClassName?: string;
avatarTextStyle?: object;
avatarTextClassName?: string;
avatarClassName?: string;
secondaryClassName?: string;
imageClassName?: string;
bodyClassName?: string;
footerClassName?: string;
media?: React.ReactNode;
mediaPosition?: 'top' | 'left' | 'right' | 'bottom';
toolbar?: React.ReactNode;
children?: React.ReactNode;
actions?: React.ReactNode;
title?: string | JSX.Element;
subTitle?: string | JSX.Element;
subTitlePlaceholder?: string | JSX.Element;
description?: string | JSX.Element;
descriptionPlaceholder?: string | JSX.Element;
avatar?: string;
avatarText?: string | JSX.Element;
secondary?: string | JSX.Element;
onClick?: (e: React.MouseEvent) => void;
classnames: ClassNamesFn;
data?: any;
}
export declare class Card extends React.Component {
static defaultProps: Partial;
constructor(props: CardProps);
handleClick(e: React.MouseEvent): void;
render(): React.JSX.Element;
}
declare const _default: {
new (props: Pick, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & 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, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & 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, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, never> & {
title?: string | JSX.Element | undefined;
titleClassName?: string | undefined;
data?: any;
children?: React.ReactNode;
onClick?: ((e: React.MouseEvent) => void) | undefined;
description?: string | JSX.Element | undefined;
actions?: React.ReactNode;
bodyClassName?: string | undefined;
toolbar?: React.ReactNode;
headerClassName?: string | undefined;
media?: React.ReactNode;
footerClassName?: string | undefined;
descriptionClassName?: string | undefined;
subTitleClassName?: string | undefined;
avatarTextStyle?: object | undefined;
avatarTextClassName?: string | undefined;
avatarClassName?: string | undefined;
secondaryClassName?: string | undefined;
imageClassName?: string | undefined;
mediaPosition?: "left" | "right" | "top" | "bottom" | undefined;
subTitle?: string | JSX.Element | undefined;
subTitlePlaceholder?: string | JSX.Element | undefined;
descriptionPlaceholder?: string | JSX.Element | undefined;
avatar?: string | undefined;
avatarText?: string | JSX.Element | undefined;
secondary?: string | JSX.Element | undefined;
} & {
classnames?: ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: {
[propName: string]: any;
} | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context;
ComposedComponent: React.ComponentType;
} & import("hoist-non-react-statics").NonReactStatics & {
ComposedComponent: typeof Card;
};
export default _default;