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

一个设计体系组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _utils = require("../utils");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
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); }
function _getProps(min, max, value, rtl) {
  return {
    style: {
      left: rtl ? "".concat(100 - (0, _utils.getPercent)(min, max, value), "%") : "".concat((0, _utils.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 = (0, _classnames["default"])(_defineProperty(_defineProperty({}, "".concat(prefix, "range-slider"), true), "".concat(prefix, "range-slider-moving"), hasMovingClass));
  return /*#__PURE__*/_react["default"].createElement("div", _extends({
    className: classes,
    onKeyDown: onKeyDown,
    role: "slider",
    tabIndex: 0
  }, _getProps(min, max, value, rtl)), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(prefix, "range-slider-inner")
  }));
}
Slider.propTypes = {
  min: _propTypes["default"].number,
  max: _propTypes["default"].number,
  value: _propTypes["default"].number,
  prefix: _propTypes["default"].string,
  hasMovingClass: _propTypes["default"].bool,
  rtl: _propTypes["default"].bool
};
Slider.defaultProps = {
  prefix: 'next-',
  min: 0,
  max: 100,
  value: 0,
  hasMovingClass: false,
  rtl: false
};
var _default = exports["default"] = Slider;