uview-plus/components/u-slider/props.js

零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。

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
        },
        innerStyle: {
            type: Object,
            default: () => defProps.slider.innerStyle
        },
        // 是否垂直方向
        vertical: {
            type: Boolean,
            default: defProps.slider.vertical
        },
        // 滑块粗细，为了支持垂直模式下统一粗细参数，用size代替height。
        size: {
            type: [Number, String],
            default: () => defProps.slider.size
        },
        // 滑块长度，水平和垂直模式的长度。
        length: {
            type: [Number, String],
            default: 'auto'
        }
    }
})