amis
Version:
一种MIS页面生成工具
104 lines (103 loc) • 4.55 kB
TypeScript
/**
* @file 角标组件
*/
import React from 'react';
import hoistNonReactStatic from 'hoist-non-react-statics';
import { BaseSchema, SchemaExpression } from '../Schema';
import { ClassNamesFn } from '../theme';
/**
* Badge 角标。
* 文档：https://baidu.gitee.io/amis/docs/components/badge
*/
export interface BadgeSchema extends BaseSchema {
/**
* 文本内容
*/
text?: string;
/**
* 大小
*/
size?: number;
/**
* 角标类型
*/
mode?: 'text' | 'dot';
/**
* 角标位置
*/
position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
/**
* 动态控制是否显示
*/
visibleOn?: SchemaExpression;
/**
* 角标的自定义样式
*/
style?: {
[propName: string]: any;
};
}
export interface BadgeProps {
badge?: BadgeSchema;
classnames: ClassNamesFn;
data: any;
}
export declare class Badge extends React.Component<BadgeProps, object> {
static propsList: Array<string>;
constructor(props: BadgeProps);
render(): {} | null | undefined;
}
export declare function withBadge<P extends object>(Component: React.ComponentType<P>): {
new (props: (P & BadgeProps) | Readonly<P & BadgeProps>): {
render(): JSX.Element;
context: any;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & BadgeProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly<P & BadgeProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<P & BadgeProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<P & BadgeProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<P & BadgeProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<P & BadgeProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & BadgeProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<P & BadgeProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<P & BadgeProps>, nextState: Readonly<{}>, nextContext: any): void;
};
new (props: P & BadgeProps, context: any): {
render(): JSX.Element;
context: any;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & BadgeProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly<P & BadgeProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<P & BadgeProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<P & BadgeProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<P & BadgeProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<P & BadgeProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & BadgeProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<P & BadgeProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<P & BadgeProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType?: React.Context<any> | undefined;
} & hoistNonReactStatic.NonReactStatics<React.ComponentType<P>, {}>;