/**
* @file Tag
*/
///
import React from 'react';
import { ThemeProps } from 'amis-core';
export interface TagProps extends ThemeProps {
style: React.CSSProperties;
color?: string;
label?: string | React.ReactNode;
displayMode?: 'normal' | 'rounded' | 'status';
icon?: string | React.ReactNode;
closable?: boolean;
disabled?: boolean;
closeIcon?: string | React.ReactNode;
onClose?: (e: React.MouseEvent) => void;
onClick?: (e: React.MouseEvent) => void;
onMouseEnter?: (e: React.MouseEvent) => void;
onMouseLeave?: (e: React.MouseEvent) => void;
children?: React.ReactNode | Array;
}
export interface CheckableTagProps extends TagProps {
onClick?: (e: React.MouseEvent) => void;
onChange?: (checked: boolean) => void;
checked?: boolean;
}
export type TagLevel = 'inactive' | 'active' | 'success' | 'processing' | 'error' | 'warning';
export declare class Tag extends React.Component {
static defaultProps: Partial;
renderCloseIcon(): React.JSX.Element | null;
handleClose(e: React.MouseEvent): void;
handleClick(e: React.MouseEvent): void;
handleMouseEnter(e: React.MouseEvent): void;
handleMouseLeave(e: React.MouseEvent): void;
render(): React.JSX.Element;
}
declare class CheckableTagComp extends React.Component {
handleClick(e: React.MouseEvent): void;
render(): React.JSX.Element;
}
export declare const CheckableTag: {
new (props: Omit & 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 & 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 & import("packages/amis-core/lib/theme").ThemeOuterProps>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly & 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 CheckableTagComp;
};
declare const _default: {
new (props: Pick, never> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly, never> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | undefined;
className?: string | undefined;
theme?: string | undefined;
mobileUI?: boolean | undefined;
} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly, never> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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> & {
color?: string | undefined;
icon?: React.ReactNode;
label?: React.ReactNode;
children?: React.ReactNode | React.ReactNode[];
onClick?: ((e: React.MouseEvent) => void) | undefined;
onMouseEnter?: ((e: React.MouseEvent) => void) | undefined;
onMouseLeave?: ((e: React.MouseEvent) => void) | undefined;
onClose?: ((e: React.MouseEvent) => void) | undefined;
disabled?: boolean | undefined;
closable?: boolean | undefined;
displayMode?: "rounded" | "status" | "normal" | undefined;
closeIcon?: React.ReactNode;
} & {
classnames?: import("amis-core").ClassNamesFn | undefined;
classPrefix?: string | undefined;
style?: React.CSSProperties | 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 Tag;
};
export default _default;