@ucloud-pccl/react-components
Version:
UCloud pccl react components
127 lines (126 loc) • 7.26 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
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 _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireWildcard(require("react"));
var _reactDom = _interopRequireDefault(require("react-dom"));
var _rcAlign = _interopRequireDefault(require("../../libs/rc-align"));
var _style = require("./style");
var _placements = _interopRequireDefault(require("./placements"));
var _excluded = ["value", "maxValue", "dot", "placement", "hideWhenZero", "children", "badgeStyle", "offset", "color", "zIndex"];
var _this = void 0;
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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
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 defaultProps = {
maxValue: 99,
placement: 'topRight',
color: 'red',
zIndex: 9
};
var Placement = Object.keys(_placements.default);
var Color = Object.keys(_style.StyleMap);
var isNumberValue = function isNumberValue(value) {
(0, _newArrowCheck2.default)(this, _this);
return typeof value === 'number' ? true : typeof value === 'string' ? /^\d+\.?\d*$/.test(value) : false;
}.bind(void 0);
var Badge = /*#__PURE__*/function (_PureComponent) {
function Badge() {
var _this3 = this;
var _this2;
(0, _classCallCheck2.default)(this, Badge);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this2 = _callSuper(this, Badge, [].concat(args));
_this2.renderBadge = function () {
(0, _newArrowCheck2.default)(this, _this3);
var _this2$props = _this2.props,
value = _this2$props.value,
maxValue = _this2$props.maxValue,
dot = _this2$props.dot,
badgeStyle = _this2$props.badgeStyle,
color = _this2$props.color;
var content;
if (dot) {
content = null;
} else if (isNumberValue(value) && +value > maxValue) {
content = maxValue + '+';
} else {
content = value;
}
return /*#__PURE__*/_react.default.createElement(_style.SBadge, {
dot: dot,
color: color,
style: badgeStyle
}, content);
}.bind(this);
_this2.getTarget = function () {
(0, _newArrowCheck2.default)(this, _this3);
// eslint-disable-next-line react/no-find-dom-node
return _reactDom.default.findDOMNode(_this2);
}.bind(this);
return _this2;
}
(0, _inherits2.default)(Badge, _PureComponent);
return (0, _createClass2.default)(Badge, [{
key: "render",
value: function render() {
/* eslint-disable @typescript-eslint/no-unused-vars */
var _this$props = this.props,
value = _this$props.value,
maxValue = _this$props.maxValue,
dot = _this$props.dot,
placement = _this$props.placement,
hideWhenZero = _this$props.hideWhenZero,
children = _this$props.children,
badgeStyle = _this$props.badgeStyle,
offset = _this$props.offset,
color = _this$props.color,
zIndex = _this$props.zIndex,
rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
/* eslint-enable @typescript-eslint/no-unused-vars */
var badge = this.renderBadge();
if (!children) {
return /*#__PURE__*/_react.default.createElement(_style.SWrap, rest, badge);
}
return /*#__PURE__*/_react.default.createElement(_style.SWrap, rest, children, hideWhenZero && (value === 0 || value === '0') ? null : /*#__PURE__*/_react.default.createElement(_rcAlign.default, {
target: this.getTarget,
align: _objectSpread(_objectSpread({}, _placements.default[placement]), {}, {
offset: offset
})
}, /*#__PURE__*/_react.default.createElement(_style.SBadgeWrap, {
zIndex: zIndex
}, badge)));
}
}]);
}(_react.PureComponent);
Badge.propTypes = {
value: _propTypes.default.node,
maxValue: _propTypes.default.number,
dot: _propTypes.default.bool,
placement: _propTypes.default.oneOf(['topRight', 'topLeft', 'bottomRight', 'bottomLeft', 'top', 'bottom', 'left', 'right']),
hideWhenZero: _propTypes.default.bool,
children: _propTypes.default.node,
color: _propTypes.default.oneOf(['red', 'green', 'yellow', 'primary']),
zIndex: _propTypes.default.number
};
Badge.defaultProps = defaultProps;
Badge.Placement = Placement;
Badge.Color = Color;
var _default = exports.default = Badge;