92 lines
2.5 KiB
JavaScript
92 lines
2.5 KiB
JavaScript
import { defineMixin } from '../../libs/vue'
|
||
import defProps from '../../libs/config/props.js'
|
||
|
||
export const props = defineMixin({
|
||
props: {
|
||
// 最小可选值
|
||
min: {
|
||
type: [Number, String],
|
||
default: () => defProps.slider.min
|
||
},
|
||
// 最大可选值
|
||
max: {
|
||
type: [Number, String],
|
||
default: () => defProps.slider.max
|
||
},
|
||
// 步长，取值必须大于 0，并且可被(max - min)整除
|
||
step: {
|
||
type: [Number, String],
|
||
default: () => defProps.slider.step
|
||
},
|
||
// #ifdef VUE3
|
||
// 当前取值
|
||
modelValue: {
|
||
type: [String, Number],
|
||
default: () => defProps.slider.value
|
||
},
|
||
// #endif
|
||
// #ifdef VUE2
|
||
// 当前取值
|
||
value: {
|
||
type: [String, Number],
|
||
default: () => defProps.slider.value
|
||
},
|
||
// #endif
|
||
// 是否区间模式
|
||
isRange: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
// 双滑块时值
|
||
rangeValue: {
|
||
type: [Array],
|
||
default: [0, 0]
|
||
},
|
||
// 滑块右侧已选择部分的背景色
|
||
activeColor: {
|
||
type: String,
|
||
default: () => defProps.slider.activeColor
|
||
},
|
||
// 滑块左侧未选择部分的背景色
|
||
inactiveColor: {
|
||
type: String,
|
||
default: () => defProps.slider.inactiveColor
|
||
},
|
||
// 滑块的大小，取值范围为 12 - 28
|
||
blockSize: {
|
||
type: [Number, String],
|
||
default: () => defProps.slider.blockSize
|
||
},
|
||
// 滑块的颜色
|
||
blockColor: {
|
||
type: String,
|
||
default: () => defProps.slider.blockColor
|
||
},
|
||
// 用户对滑块的自定义颜色
|
||
blockStyle: {
|
||
type: Object,
|
||
default: () => defProps.slider.blockStyle
|
||
},
|
||
// 禁用状态
|
||
disabled: {
|
||
type: Boolean,
|
||
default: () => defProps.slider.disabled
|
||
},
|
||
// 是否显示当前的选择值
|
||
showValue: {
|
||
type: Boolean,
|
||
default: () => defProps.slider.showValue
|
||
},
|
||
// 是否渲染uni-app框架内置组件
|
||
useNative: {
|
||
type: Boolean,
|
||
default: () => defProps.slider.useNative
|
||
},
|
||
// 滑块高度
|
||
height: {
|
||
type: String,
|
||
default: () => defProps.slider.height
|
||
}
|
||
}
|
||
})
|