mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
22 lines • 981 B
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["value", "className"];
import React from 'react';
import { toString } from 'ut2';
import classNames from 'classnames';
import { ProgressBar } from 'antd-mobile';
import { fieldPrefixClass } from "../../config";
var prefixCls = "".concat(fieldPrefixClass, "-progress");
var ProgressField = function ProgressField(_ref) {
var value = _ref.value,
className = _ref.className,
restProps = _objectWithoutProperties(_ref, _excluded);
var realValue = React.useMemo(function () {
return typeof value === 'string' && value.includes('%') ? parseFloat(value.replace('%', '')) : parseFloat(toString(value));
}, [value]);
return /*#__PURE__*/React.createElement(ProgressBar, _extends({
percent: realValue,
className: classNames(prefixCls, className)
}, restProps));
};
export default ProgressField;