jamis/lib/components/Range.d.ts

一种支持通过JSON配置方式生成页面的组件库

import React from 'react';
import type { ThemeProps } from 'jamis-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<RangeItemProps, any> {
    multipleValue: MultipleValue;
    trackRef: React.RefObject<HTMLDivElement>;
    /**
     * 接收组件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: typeof Range;
export default _default;