zilly-ui/src/slider/common.ts

Zilly web react ui components

export const getValue = (value: number, max:number, min:number) => {
    return min + (max - min) * value;
};

export const getDecimal = (step:number) => {
    const fixed = String(step).split('.')[1];
    return fixed ? fixed.length : 0;
};

export const toFixed = (value: number, step: number) => {
    const length = getDecimal(step);
    return Number(Number(value).toFixed(length));
};

export const getLeft = (value: number, max: number, min: number) => {
    return ((value - min) * 100) / (max - min);
};

export const getClosest = (value: any, pointValue: number) => {
    let newValue;
    if (Math.abs(value[0] - pointValue) <= Math.abs(value[1] - pointValue)) {
        newValue = [pointValue, value[1]];
    } else {
        newValue = [value[0], pointValue];
    }
    return newValue;
};

export const checkValueInRange = (newValue: number, max: number, min: number) => {
    if (newValue > max) {
        newValue = max;
    } else if (newValue < min) {
        newValue = min;
    }
    return newValue;
};