@txdfe/at/es/range/view/slider.js

一个设计体系组件库

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
import { getPercent } from '../utils';
function _getProps(min, max, value, rtl) {
  return {
    style: {
      left: rtl ? "".concat(100 - getPercent(min, max, value), "%") : "".concat(getPercent(min, max, value), "%"),
      zIndex: 100
    },
    'aria-valuenow': value,
    'aria-valuetext': value,
    'aria-valuemin': min,
    'aria-valuemax': max
  };
}
function Slider(_ref) {
  var prefix = _ref.prefix,
    hasMovingClass = _ref.hasMovingClass,
    min = _ref.min,
    max = _ref.max,
    value = _ref.value,
    onKeyDown = _ref.onKeyDown,
    rtl = _ref.rtl;
  var classes = classNames(_defineProperty(_defineProperty({}, "".concat(prefix, "range-slider"), true), "".concat(prefix, "range-slider-moving"), hasMovingClass));
  return /*#__PURE__*/React.createElement("div", _extends({
    className: classes,
    onKeyDown: onKeyDown,
    role: "slider",
    tabIndex: 0
  }, _getProps(min, max, value, rtl)), /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefix, "range-slider-inner")
  }));
}
Slider.propTypes = {
  min: PropTypes.number,
  max: PropTypes.number,
  value: PropTypes.number,
  prefix: PropTypes.string,
  hasMovingClass: PropTypes.bool,
  rtl: PropTypes.bool
};
Slider.defaultProps = {
  prefix: 'next-',
  min: 0,
  max: 100,
  value: 0,
  hasMovingClass: false,
  rtl: false
};
export default Slider;