@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
79 lines (78 loc) • 1.36 kB
JavaScript
const ScrollerSizeTypes = ["medium", "small"];
const baseScrollarProps = {
/**
* 禁用横向滚动
*/
disabledX: {
type: Boolean,
required: false
},
/**
* 禁用纵向滚动
*/
disabledY: {
type: Boolean
},
/**
* 滚动条在停止滚动多长时间后隐藏, ms
*/
duration: {
type: Number,
default: 600
},
/**
* 滚动条显示控制
* always:一直显示
* auto: 滚动中、滚动后hover滚动条、拖拽时显示
* hover: 滚动条hover时显示
* never: 不显示滚动条
*/
showType: {
type: String,
default: "auto"
},
/**
* 滚动条尺寸大小
*/
size: {
type: String,
default: "medium"
},
/**
* showType=always时,是否根据滚动容器滚动高度变化自动刷新滚动条
*/
autoUpdateOnScrollSize: {
type: Boolean
},
/**
* 滚动条尺寸大小
*/
barClass: {
type: String
}
};
const scrollerProps = {
...baseScrollarProps,
/**
* 滚动容器类
*/
wrapClass: {
type: [String, Array, Object]
}
};
const scrollbarProps = {
...baseScrollarProps,
/**
* 滚动关联目标容器,支持body、元素ref、HTMLElement
*/
target: {
type: [String, Object],
default: null
}
};
export {
ScrollerSizeTypes,
baseScrollarProps,
scrollbarProps,
scrollerProps
};