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.
49 lines
1.1 KiB
49 lines
1.1 KiB
import { watch } from "vue-demi";
|
|
import { toLngLat } from "../../../utils";
|
|
import { Props } from "./";
|
|
|
|
export function useWatch({ props, instance }: { props: Props; instance: T.Circle }) {
|
|
watch(
|
|
() => props.center,
|
|
val => val && instance.setCenter(toLngLat(val))
|
|
);
|
|
watch(
|
|
() => props.radius,
|
|
val => val && instance.setRadius(val)
|
|
);
|
|
watch(
|
|
() => props.color,
|
|
val => val && instance.setColor(val)
|
|
);
|
|
watch(
|
|
() => props.opacity,
|
|
val => val && instance.setOpacity(val)
|
|
);
|
|
watch(
|
|
() => props.weight,
|
|
val => val && instance.setWeight(val)
|
|
);
|
|
watch(
|
|
() => props.lineStyle,
|
|
val => val && instance.setLineStyle(val)
|
|
);
|
|
watch(
|
|
() => props.fillColor,
|
|
val => val && instance.setFillColor(val)
|
|
);
|
|
watch(
|
|
() => props.fillOpacity,
|
|
val => val && instance.setFillOpacity(val)
|
|
);
|
|
watch(
|
|
() => props.edit,
|
|
val => (val ? instance.enableEdit() : instance.disableEdit()),
|
|
{ immediate: true }
|
|
);
|
|
watch(
|
|
() => props.visible,
|
|
val => (val ? instance.show() : instance.hide()),
|
|
{ immediate: true }
|
|
);
|
|
}
|