|
@@ -14,23 +14,29 @@
|
|
|
import DirectionItem from './DirectionItem.vue';
|
|
import DirectionItem from './DirectionItem.vue';
|
|
|
import useCameraDetailStore from '../../store/useCameraDetailStore';
|
|
import useCameraDetailStore from '../../store/useCameraDetailStore';
|
|
|
import { storeToRefs } from 'pinia';
|
|
import { storeToRefs } from 'pinia';
|
|
|
|
|
+ import usePresetListStore from '../../store/usePresetListStore';
|
|
|
|
|
|
|
|
const cameraDetailStore = useCameraDetailStore();
|
|
const cameraDetailStore = useCameraDetailStore();
|
|
|
const { cameraId } = storeToRefs(cameraDetailStore);
|
|
const { cameraId } = storeToRefs(cameraDetailStore);
|
|
|
|
|
+ const presetListStore = usePresetListStore();
|
|
|
|
|
|
|
|
const STEP = 0.1;
|
|
const STEP = 0.1;
|
|
|
|
|
|
|
|
const handleMoveTop = () => {
|
|
const handleMoveTop = () => {
|
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: 0, y: STEP });
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: 0, y: STEP });
|
|
|
|
|
+ presetListStore.currentPresetToken = '';
|
|
|
};
|
|
};
|
|
|
const handleMoveRight = () => {
|
|
const handleMoveRight = () => {
|
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: STEP, y: 0 });
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: STEP, y: 0 });
|
|
|
|
|
+ presetListStore.currentPresetToken = '';
|
|
|
};
|
|
};
|
|
|
const handleMoveBottom = () => {
|
|
const handleMoveBottom = () => {
|
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: 0, y: -STEP });
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: 0, y: -STEP });
|
|
|
|
|
+ presetListStore.currentPresetToken = '';
|
|
|
};
|
|
};
|
|
|
const handleMoveLeft = () => {
|
|
const handleMoveLeft = () => {
|
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: -STEP, y: 0 });
|
|
cameraMoveApi({ cameraId: cameraId.value, zoom: 0, x: -STEP, y: 0 });
|
|
|
|
|
+ presetListStore.currentPresetToken = '';
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
<style scoped>
|
|
<style scoped>
|