@ifed/component
Version:
@ifed/component
59 lines (58 loc) • 2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Scrollbars", {
enumerable: true,
get: function () {
return _reactCustomScrollbars.Scrollbars;
}
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _reactCustomScrollbars = require("react-custom-scrollbars");
var _provider = require("../provider");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
const Scrollbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
const {
className,
...rest
} = props;
const {
getPrefixCls
} = _react.default.useContext(_provider.ConfigContext);
const prefixCls = getPrefixCls('scrollbar');
const renderThumb = ({
style,
...rest
}) => /*#__PURE__*/_react.default.createElement("div", _extends({
className: `${prefixCls}-thumb`,
style: {
...style
}
}, rest));
const renderView = ({
style,
...props
}) => /*#__PURE__*/_react.default.createElement("div", _extends({
className: `${prefixCls}-container`,
style: {
...style,
marginBottom: 0,
marginRight: 0
}
}, props));
return /*#__PURE__*/_react.default.createElement(_reactCustomScrollbars.Scrollbars, _extends({
ref: ref,
className: (0, _classnames.default)(prefixCls, {
[`${className}`]: !!className
}),
renderThumbHorizontal: renderThumb,
renderThumbVertical: renderThumb,
renderView: renderView
}, rest));
});
var _default = Scrollbar;
exports.default = _default;