///
import React from 'react';
import { ClassNamesFn, ClassName, ThemeProps } from 'amis-core';
interface ColorProps {
value: number;
color: string;
}
export interface ThresholdProps {
value: string;
color?: string;
}
export type ColorMapType = Array | Array | string;
interface ProgressProps extends ThemeProps {
type: 'line' | 'circle' | 'dashboard';
showLabel: boolean;
value: number;
stripe?: boolean;
animate?: boolean;
map?: ColorMapType;
placeholder?: string;
format?: (value?: number) => JSX.Element;
gapDegree?: number;
gapPosition?: 'top' | 'bottom' | 'left' | 'right';
strokeWidth?: number;
progressClassName?: ClassName;
classnames: ClassNamesFn;
threshold: ThresholdProps | ThresholdProps[];
showThresholdText: boolean;
}
export declare class Progress extends React.Component {
static defaultProps: Partial;
getCurrentColor(): string;
getLevelColor(color: Array | Array): string;
getColorArray(color: Array | Array): ColorProps[];
getLabel(prefixCls: string): React.JSX.Element | null;
render(): React.JSX.Element;
}
declare const _default: {
new (props: Pick, never> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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> & {
type?: "circle" | "line" | "dashboard" | undefined;
map?: ColorMapType | undefined;
animate?: boolean | undefined;
value?: number | undefined;
placeholder?: string | undefined;
format?: ((value?: number | undefined) => JSX.Element) | undefined;
showLabel?: boolean | undefined;
stripe?: boolean | undefined;
gapDegree?: number | undefined;
gapPosition?: "left" | "right" | "top" | "bottom" | undefined;
strokeWidth?: number | undefined;
progressClassName?: ClassName | undefined;
threshold?: ThresholdProps | ThresholdProps[] | undefined;
showThresholdText?: boolean | 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 Progress;
};
export default _default;