UNPKG

@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
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 };