@cn-ui/core/dist/lib/ranger/Ranger.d.ts

The @cn-ui/core is a collection of UI components and utilities for building modern web applications with SolidJS.

export interface RangerProps {
    min?: number;
    max?: number;
    stepSize?: number;
    tickSize?: number;
    steps?: number[];
    ticks?: number[];
    /** range 情况下允许范围重叠  */
    allowOverlap?: boolean;
    mode?: "single" | "multiple" | "range";
}
export declare const RangerCtx: {
    use<D = {
        instance: import("@tanstack/ranger").Ranger<HTMLDivElement>;
        handles: import("@cn-ui/reactive").ComputedAtom<{
            value: number;
            isActive: boolean;
            onKeyDownHandler: (e: any) => void;
            onMouseDownHandler: (e: any) => void;
            onTouchStart: (e: any) => void;
        }[]>;
    }>(): D;
    id: symbol;
    Provider: import("solid-js").ContextProviderComponent<{
        instance: import("@tanstack/ranger").Ranger<HTMLDivElement>;
        handles: import("@cn-ui/reactive").ComputedAtom<{
            value: number;
            isActive: boolean;
            onKeyDownHandler: (e: any) => void;
            onMouseDownHandler: (e: any) => void;
            onTouchStart: (e: any) => void;
        }[]>;
    } | undefined>;
    defaultValue: {
        instance: import("@tanstack/ranger").Ranger<HTMLDivElement>;
        handles: import("@cn-ui/reactive").ComputedAtom<{
            value: number;
            isActive: boolean;
            onKeyDownHandler: (e: any) => void;
            onMouseDownHandler: (e: any) => void;
            onTouchStart: (e: any) => void;
        }[]>;
    } | undefined;
};
export declare const Ranger: import("solid-js").Component<import("@cn-ui/reactive").OriginComponentOutputType<RangerProps, HTMLDivElement, number[]>>;
export declare const HighlightRange: (props: {
    index: number;
}) => import("solid-js").JSX.Element;