UNPKG

@ucloud-pccl/react-components

Version:
79 lines (78 loc) 4.3 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); var _typeof = require("@babel/runtime/helpers/typeof"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.Progress = void 0; var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck")); var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")); var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")); var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")); var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")); var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")); var _react = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _Progress2 = _interopRequireDefault(require("../../components/Progress")); var _style = require("./style"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Progress = exports.Progress = /*#__PURE__*/function (_Component) { function Progress(props) { var _this2 = this; var _this; (0, _classCallCheck2.default)(this, Progress); _this = _callSuper(this, Progress, [props]); _this.state = { percent: 0 }; _this.simulatePercent = function () { var _this3 = this; (0, _newArrowCheck2.default)(this, _this2); _this.timer = setTimeout(function () { var _this4 = this; (0, _newArrowCheck2.default)(this, _this3); var newPercent = _this.state.percent + Math.random() * _this.seed; if (newPercent > 99) newPercent = 99; _this.setState({ percent: newPercent }, function () { (0, _newArrowCheck2.default)(this, _this4); newPercent < 99 && _this.simulatePercent(); }.bind(this)); }.bind(this), Math.random() * 1000 + 100); }.bind(this); if (!('percent' in props)) { _this.seed = Math.random() * 10 + 1; _this.simulatePercent(); } return _this; } (0, _inherits2.default)(Progress, _Component); return (0, _createClass2.default)(Progress, [{ key: "componentWillUnmount", value: function componentWillUnmount() { this.timer && clearTimeout(this.timer); } }, { key: "render", value: function render() { var propsPercent = this.props.percent; var percent = this.state.percent; return /*#__PURE__*/_react.default.createElement("div", { className: _style.progressWrapCls }, /*#__PURE__*/_react.default.createElement(_Progress2.default, { className: _style.progressCls, percent: 'percent' in this.props ? propsPercent : percent, format: null })); } }]); }(_react.Component); Progress.propTypes = { file: _propTypes.default.object, percent: _propTypes.default.number }; var _default = exports.default = Progress;