You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
660 B
26 lines
660 B
3 years ago
|
import { watch } from "vue-demi";
|
||
|
|
import { toLngLat, toPoint } from "../../../utils";
|
||
|
|
import { Props } from "./";
|
||
|
|
|
||
|
|
export function useWatch({ props, instance, map }: { props: Props; instance: T.InfoWindow; map: T.Map }) {
|
||
|
|
watch(
|
||
|
|
() => props.offset,
|
||
|
|
val => val && instance.setOffset(toPoint(val))
|
||
|
|
);
|
||
|
|
watch(
|
||
|
|
() => props.content,
|
||
|
|
val => val && instance.setContent(val)
|
||
|
|
);
|
||
|
|
watch(
|
||
|
|
() => props.target,
|
||
|
|
val => {
|
||
|
|
if (val instanceof Array) {
|
||
|
|
map.openInfoWindow(instance, toLngLat(val));
|
||
|
|
} else {
|
||
|
|
val ? val.openInfoWindow(instance) : instance.closeInfoWindow();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ immediate: true }
|
||
|
|
);
|
||
|
|
}
|