antd-mobile-taro-ui/2x/cjs/components/progress-bar/progress-bar.js

以antd-mobile为设计标准，基于taro框架的微信小程序组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ProgressBar = void 0;

var _react = _interopRequireDefault(require("react"));

var _nativeProps = require("antd-mobile/es/utils/native-props");

var _withDefaultProps = require("antd-mobile/es/utils/with-default-props");

var _classnames = _interopRequireDefault(require("classnames"));

var _isNodeWithContent = require("antd-mobile/es/utils/is-node-with-content");

var _components = require("@tarojs/components");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const classPrefix = `adm-progress-bar`;
const defaultProps = {
  percent: 0,
  rounded: true,
  text: false
};

const ProgressBar = p => {
  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
  const fillStyle = {
    width: `${props.percent}%`
  };

  const textElement = (() => {
    if (props.text === true) {
      return `${props.percent}%`;
    }

    if (typeof props.text === 'function') {
      return props.text(props.percent);
    }

    return props.text;
  })();

  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_components.View, {
    className: (0, _classnames.default)(classPrefix, props.rounded && `${classPrefix}-rounded`)
  }, _react.default.createElement(_components.View, {
    className: `${classPrefix}-trail`
  }, _react.default.createElement(_components.View, {
    className: `${classPrefix}-fill`,
    style: fillStyle
  })), (0, _isNodeWithContent.isNodeWithContent)(textElement) && _react.default.createElement(_components.View, {
    className: `${classPrefix}-text`
  }, textElement)));
};

exports.ProgressBar = ProgressBar;