///
import * as React from 'react';
import { ClassNamesFn, ThemeProps } from 'amis-core';
import { IconCheckedSchema } from './icons';
/**
* Avatar 属性
*/
interface AvatarCmptProps extends ThemeProps {
style?: {
[prop: string]: any;
};
className?: string;
classnames: ClassNamesFn;
/**
* 图片地址
*/
src?: string | React.ReactNode;
/**
* 图标
*/
icon?: string | React.ReactNode | IconCheckedSchema;
/**
* 图片相对于容器的缩放方式
*/
fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
/**
* 形状
*/
shape?: 'circle' | 'square' | 'rounded';
/**
* 大小
*/
size?: number | 'small' | 'default' | 'large';
/**
* 文本
*/
text?: string;
/**
* 字符类型距离左右两侧边界单位像素
*/
gap?: number;
/**
* 图片无法显示时的替换文字地址
*/
alt?: string;
/**
* 图片是否允许拖动
*/
draggable?: boolean;
/**
* 图片CORS属性
*/
crossOrigin?: 'anonymous' | 'use-credentials' | '';
/**
* 图片加载失败的事件,返回 false 会关闭组件默认的
*/
onError?: (event: React.SyntheticEvent) => boolean;
/**
*
*/
children?: React.ReactNode | Array | ((props?: any) => React.ReactNode | Array);
/**
* 点击事件
*/
onClick?: (e: React.MouseEvent) => void;
/**
* 鼠标移入事件
*/
onMouseEnter?: (e: React.MouseEvent) => void;
/**
* 鼠标移出事件
*/
onMouseLeave?: (e: React.MouseEvent) => void;
}
export interface AvatarState {
scale: number;
hasImg: boolean;
}
export declare class Avatar extends React.Component {
static defaultProps: Partial;
state: AvatarState;
avatarChildrenRef: React.RefObject;
avatarRef: React.RefObject;
constructor(props: AvatarCmptProps);
componentDidMount(): void;
componentDidUpdate(prevProps: AvatarCmptProps, prevState: AvatarState): void;
handleImageLoadError(event: React.SyntheticEvent): void;
setScaleByGap(): void;
render(): React.JSX.Element;
}
declare const _default: {
new (props: Pick, never> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | 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> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | 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> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly, never> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | 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> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, never> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly, never> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly, never> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, never> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly, never> & {
children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
text?: string | undefined;
icon?: React.ReactNode | IconCheckedSchema;
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
alt?: string | undefined;
src?: React.ReactNode;
draggable?: boolean | undefined;
onError?: ((event: React.SyntheticEvent) => boolean) | undefined;
size?: number | "small" | "default" | "large" | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
shape?: "circle" | "square" | "rounded" | undefined;
fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
gap?: number | undefined;
} & {
classPrefix?: string | undefined;
classnames?: ClassNamesFn | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
style?: {
[prop: string]: any;
} | 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 Avatar;
};
export default _default;