<template>
    <el-slider
        v-model="model"
        class="info-slider"
        :min="row.min"
        :max="row.max"
        :step="row.step"
        tooltip-class="tooltipClass"
        :marks="row.marks"
        :show-stops="row.showStops"
        :show-input="row.showInput"
        :input-size="row.inputSize"
        :vertical="row.vertical"
    >
    </el-slider>
</template>
<script lang="ts">
import { defineComponent, PropType } from 'vue'
import useModel from '../../../script/help/useModel'
import { SliderInterface } from './index'
export default defineComponent ({
    props: {
        row: {
            type: Object as PropType<SliderInterface>,
            default: () => {}
        },
        modelData: {
            type: Object,
            default: () => {}
        },
        addIndex: {
            type: [Number, String],
            default: ''
        }
    },
    setup (props) {
        const { row, modelData } = props
        const model = useModel(modelData, row.model, row.deepData, props.addIndex)
        return {
            model
        }

    }
})
</script>
<style lang="scss">
</style>
