jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
57 lines (56 loc) • 1.89 kB
TypeScript
import * as React from 'react';
declare class JqxProgressBar extends React.PureComponent<IProgressBarProps, IState> {
protected static getDerivedStateFromProps(props: IProgressBarProps, state: IState): null | IState;
private _jqx;
private _id;
private _componentSelector;
constructor(props: IProgressBarProps);
componentDidMount(): void;
componentDidUpdate(): void;
render(): React.ReactNode;
setOptions(options: IProgressBarProps): void;
getOptions(option: string): any;
actualValue(value: number | string): void;
destroy(): void;
val(value?: any): any;
private _manageProps;
private _wireEvents;
}
export default JqxProgressBar;
export declare const jqx: any;
export declare const JQXLite: any;
interface IState {
lastProps: object;
}
export interface IProgressBarColorRanges {
stop?: number | string;
color?: string;
}
export interface IProgressBarRenderText {
text?: string;
value?: number;
}
interface IProgressBarOptions {
animationDuration?: number;
colorRanges?: IProgressBarColorRanges[];
disabled?: boolean;
height?: string | number;
layout?: 'normal' | 'reverse';
max?: string | number;
min?: number | string;
orientation?: 'vertical' | 'horizontal';
rtl?: boolean;
renderText?: (text?: IProgressBarRenderText['text'], value?: IProgressBarRenderText['value']) => string;
showText?: boolean;
template?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
theme?: string;
value?: string | number;
width?: string | number;
}
export interface IProgressBarProps extends IProgressBarOptions {
className?: string;
style?: React.CSSProperties;
onComplete?: (e?: Event) => void;
onInvalidValue?: (e?: Event) => void;
onValueChanged?: (e?: Event) => void;
}