Fix type of RangeInput.vue

This commit is contained in:
timongh 2023-03-11 10:03:29 +08:00
parent 35bbfde688
commit d393e8f5c8

View File

@ -1,18 +1,10 @@
<template> <template>
<div class="be-range-input"> <div class="be-range-input">
<TextBox <TextBox change-on-blur :text="wrapper.range.start" @change="wrapper.start = $event"></TextBox>
change-on-blur
:text="wrapper.range.start.toString()"
@change="wrapper.start = $event"
></TextBox>
<slot name="separator"> <slot name="separator">
<div class="default-separator">~</div> <div class="default-separator">~</div>
</slot> </slot>
<TextBox <TextBox change-on-blur :text="wrapper.range.end" @change="wrapper.end = $event"></TextBox>
change-on-blur
:text="wrapper.range.end.toString()"
@change="wrapper.end = $event"
></TextBox>
</div> </div>
</template> </template>
@ -25,13 +17,13 @@ const createWrapper = (instance: any) => {
const wrapper = { const wrapper = {
range: instance.range, range: instance.range,
get start() { get start() {
return this.range.start.toString() return this.range.start
}, },
set start(value: string) { set start(value: string) {
this.createNewRange(value, this.end) this.createNewRange(value, this.end)
}, },
get end() { get end() {
return this.range.end.toString() return this.range.end
}, },
set end(value: string) { set end(value: string) {
this.createNewRange(this.start, value) this.createNewRange(this.start, value)
@ -61,11 +53,11 @@ export default defineComponent({
}, },
props: { props: {
range: { range: {
type: Object as PropType<Range<unknown>>, type: Object as PropType<Range<string>>,
required: true, required: true,
}, },
validator: { validator: {
type: Function as PropType<(range: Range<unknown>) => Range<unknown> | null | undefined>, type: Function as PropType<(range: Range<string>) => Range<string> | null | undefined>,
default: undefined, default: undefined,
}, },
}, },