zent/src/slider/common.ts

一套前端设计语言和基于React的实现

import { CSSProperties } from 'react';

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

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

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

export interface ISliderChildCommonProps {
  min: number;
  max: number;
  disabled: boolean;
  decimal: number;
  value: number;
  position: string;
  onChange(value: number | string | null): void;
}

export type IComputedProps =
  | {
      range: true;
      leftProps: ISliderChildCommonProps;
      rightProps: ISliderChildCommonProps;
      trackStyle: CSSProperties;
    }
  | {
      range: false;
      props: ISliderChildCommonProps;
      trackStyle: CSSProperties;
    };

export function isLeftValue(nextValue: number, value: [number, number]) {
  if (nextValue > value[1]) {
    return false;
  }
  if (
    nextValue <= value[0] ||
    Math.abs(value[0] - nextValue) <= Math.abs(value[1] - nextValue)
  ) {
    return true;
  }
  return false;
}