/// 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;