59 lines
1.1 KiB
TypeScript
59 lines
1.1 KiB
TypeScript
|
import { defineComponent, ref, computed, PropType, toRef } from 'vue'
|
||
|
|
import { IOperators } from 'model'
|
||
|
|
|
||
|
|
import { useI18n } from '@/boot/i18n'
|
||
|
|
import { useQuasar } from 'quasar'
|
||
|
|
|
||
|
|
import { shared_consts } from '@/common/shared_vuejs'
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
name: 'CMySlider',
|
||
|
|
props: {
|
||
|
|
modelValue: {
|
||
|
|
type: [String, Number],
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
type: String,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
min: {
|
||
|
|
type: Number,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
max: {
|
||
|
|
type: Number,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
addstr: {
|
||
|
|
type: String,
|
||
|
|
required: false,
|
||
|
|
default: '',
|
||
|
|
},
|
||
|
|
color: {
|
||
|
|
type: String,
|
||
|
|
required: false,
|
||
|
|
default: '',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
setup(props, { emit }) {
|
||
|
|
const $q = useQuasar()
|
||
|
|
const { t } = useI18n()
|
||
|
|
|
||
|
|
|
||
|
|
const sliderValue = computed({
|
||
|
|
get: () => {
|
||
|
|
let mystr = props.modelValue + ''
|
||
|
|
return mystr.replace(props.addstr, '')
|
||
|
|
},
|
||
|
|
set: (value) => emit('update:modelValue', value + props.addstr)
|
||
|
|
})
|
||
|
|
|
||
|
|
return {
|
||
|
|
t,
|
||
|
|
shared_consts,
|
||
|
|
sliderValue,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|