/**
* @file Range
* @description
* @author fex
*/
///
import React from 'react';
import type { ThemeProps } from 'amis-core';
export interface MultipleValue {
min: number;
max: number;
}
export type Value = string | MultipleValue | number | [number, number];
export type FormatValue = MultipleValue | number;
export type TooltipPosType = 'auto' | 'top' | 'right' | 'bottom' | 'left';
export type InputRangeRendererEvent = 'change' | 'blur' | 'focus';
export type InputRangeRendererAction = 'clear';
export interface RangeItemProps extends ThemeProps {
[propName: string]: any;
}
export declare class Range extends React.Component {
multipleValue: MultipleValue;
trackRef: React.RefObject;
/**
* 接收组件value变换
* value变换 -> Range.updateValue
* @param value
*/
updateValue(value: FormatValue): void;
/**
* 获取 坐标、宽高
*/
getBoundingClient(dom: Element): {
x: number;
y: number;
width: number;
height: number;
};
/**
* 坐标 -> 滑块值
* @param pageX target.target 坐标
* @returns 滑块值
*/
pageXToValue(pageX: number): any;
/**
* 滑块改变事件
* @param pageX target.pageX 坐标
* @param type min max
* @returns void
*/
onChange(pageX: number, type?: string): void;
/**
* 获取step为单位的value
* @param value 拖拽后计算的value
* @param step 步长
* @returns step为单位的value
*/
getStepValue(value: number, step: number): number;
/**
* 点击滑轨 -> 触发onchange 改变value
* @param e event
* @returns void
*/
onClickTrack(e: any): void;
/**
* 设置步长
* @returns ReactNode
*/
renderSteps(): any;
/**
* 双滑块改变最大值、最小值
* @param pageX 拖拽后的pageX
* @param type 'min' | 'max'
*/
onGetChangeValue(pageX: number, type: keyof MultipleValue): void;
/**
* 计算每个标记 position.left
* @param value 滑块值
* @returns
*/
getOffsetLeft(value: number | string): string;
render(): JSX.Element;
}
declare const _default: {
new (props: Omit & import("amis-core/lib/theme").ThemeOutterProps): {
ref: any;
childRef(ref: any): void;
getWrappedInstance(): any;
render(): JSX.Element;
context: any;
setState(state: {} | ((prevState: Readonly<{}>, props: Readonly & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
children?: import("react").ReactNode;
}>;
state: Readonly<{}>;
/**
* mouseMove事件
* 触发公共onchange事件
*/
refs: {
[key: string]: import("react").ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: import("react").Context;
ComposedComponent: import("react").ComponentType & {
themeKey?: string | undefined;
}>;
} & import("hoist-non-react-statics").NonReactStatics & {
themeKey?: string | undefined;
}, {}> & {
ComposedComponent: import("react").ComponentType & {
themeKey?: string | undefined;
};
};
export default _default;