mobile-more/lib/components/BizField/ProgressField.js

基于 antd-mobile v5 扩展移动端 UI 组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _ut = require("ut2");
var _classnames = _interopRequireDefault(require("classnames"));
var _antdMobile = require("antd-mobile");
var _config = require("../../config");
var _excluded = ["value", "className"];
var prefixCls = "".concat(_config.fieldPrefixClass, "-progress");
var ProgressField = function ProgressField(_ref) {
  var value = _ref.value,
    className = _ref.className,
    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var realValue = _react.default.useMemo(function () {
    return typeof value === 'string' && value.includes('%') ? parseFloat(value.replace('%', '')) : parseFloat((0, _ut.toString)(value));
  }, [value]);
  return /*#__PURE__*/_react.default.createElement(_antdMobile.ProgressBar, (0, _extends2.default)({
    percent: realValue,
    className: (0, _classnames.default)(prefixCls, className)
  }, restProps));
};
var _default = exports.default = ProgressField;