mt-ui-components-vue3
Version:
玛果添实UI组件库(Vue3)
47 lines (46 loc) • 2.08 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _internal = require("ant-design-vue/es/theme/internal");
var genStyles = function genStyles(token) {
var _elScrollbar, _componentCls;
var componentCls = token.componentCls;
return (0, _defineProperty2.default)({}, componentCls, (_componentCls = {}, (0, _defineProperty2.default)(_componentCls, '.el-scrollbar', (_elScrollbar = {}, (0, _defineProperty2.default)(_elScrollbar, '::-webkit-scrollbar', {
display: 'none'
}), (0, _defineProperty2.default)(_elScrollbar, "overflow", 'hidden'), (0, _defineProperty2.default)(_elScrollbar, "position", 'relative'), (0, _defineProperty2.default)(_elScrollbar, "height", '100%'), _elScrollbar)), (0, _defineProperty2.default)(_componentCls, '.el-scrollbar__wrap', {
overflow: 'auto',
height: '100%'
}), (0, _defineProperty2.default)(_componentCls, '.hidden-default', (0, _defineProperty2.default)({
scrollbarWidth: 'none'
}, '&::-webkit-scrollbar', {
display: 'none'
})), (0, _defineProperty2.default)(_componentCls, '.el-scrollbar__bar', {
position: 'absolute',
right: '2px',
bottom: '2px',
zIndex: '1',
borderRadius: '4px'
}), (0, _defineProperty2.default)(_componentCls, '.el-scrollbar__bar.is-horizontal', {
height: '6px',
left: '2px'
}), (0, _defineProperty2.default)(_componentCls, '.el-scrollbar__thumb', {
position: 'relative',
display: 'block',
cursor: 'pointer',
borderRadius: 'inherit',
backgroundColor: '#000',
height: '100%'
}), (0, _defineProperty2.default)(_componentCls, '.el-scrollbar__bar.is-vertical', {
width: '6px',
top: '2px'
}), _componentCls));
};
// export default useStyles;
var _default = (0, _internal.genComponentStyleHook)('Scrollbar', function (token) {
return [genStyles(token)];
});
exports.default = _default;