@jdcfe/yep-react/es/progress-bar/index.js

一套移动端的React组件库

import _defineProperty from "@babel/runtime/helpers/defineProperty";
import * as React from 'react';
import classNames from 'classnames';

var ProgressBar = function ProgressBar(_ref) {
  var prefixCls = _ref.prefixCls,
      className = _ref.className,
      style = _ref.style,
      percent = _ref.percent,
      backgroundColor = _ref.backgroundColor,
      colorStart = _ref.colorStart,
      colorEnd = _ref.colorEnd,
      fixed = _ref.fixed;
  var absPercent = Math.abs(percent);
  var comPercent = percent ? Math.min(absPercent, 100) + '%' : 0;
  var wrapCls = classNames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-fixed"), fixed));
  var barStyle = {
    width: comPercent,
    background: colorStart && colorEnd ? "linear-gradient(to right, ".concat(colorStart, " 0%, ").concat(colorEnd, " 100%)") : backgroundColor
  };
  return /*#__PURE__*/React.createElement("div", {
    className: wrapCls,
    style: style
  }, /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefixCls, "-bar"),
    style: barStyle
  }));
};

ProgressBar.defaultProps = {
  prefixCls: 'Yep-progress',
  style: {},
  percent: 0,
  backgroundColor: '#ec3838',
  fixed: false
};
export default ProgressBar;