96 lines
2.0 KiB
TypeScript
96 lines
2.0 KiB
TypeScript
/**
|
||
* 视角跟随状态管理 Store
|
||
* 使用 Pinia 管理视角跟随的全局状态
|
||
*/
|
||
|
||
import { defineStore } from 'pinia';
|
||
import { computed,ref } from 'vue';
|
||
|
||
export interface FollowViewState {
|
||
isFollowing: boolean;
|
||
robotId: string;
|
||
robotName: string;
|
||
timer: NodeJS.Timeout | null;
|
||
}
|
||
|
||
export const useFollowViewStore = defineStore('followView', () => {
|
||
// 状态
|
||
const state = ref<FollowViewState>({
|
||
isFollowing: false,
|
||
robotId: '',
|
||
robotName: '',
|
||
timer: null,
|
||
});
|
||
|
||
// 计算属性
|
||
const isFollowing = computed(() => state.value.isFollowing);
|
||
const robotId = computed(() => state.value.robotId);
|
||
const robotName = computed(() => state.value.robotName);
|
||
|
||
/**
|
||
* 开始视角跟随
|
||
* @param robotId 机器人ID
|
||
* @param robotName 机器人名称
|
||
* @param editor 编辑器实例
|
||
*/
|
||
const startFollow = (robotId: string, robotName: string, editor: any) => {
|
||
// 如果已经在跟随其他机器人，先停止
|
||
if (state.value.isFollowing && state.value.robotId !== robotId) {
|
||
stopFollow();
|
||
}
|
||
|
||
// 更新状态
|
||
state.value.isFollowing = true;
|
||
state.value.robotId = robotId;
|
||
state.value.robotName = robotName;
|
||
|
||
// 立即执行一次聚焦
|
||
editor.gotoById(robotId);
|
||
|
||
// 设置定时器，每10毫秒执行一次
|
||
state.value.timer = setInterval(() => {
|
||
if (state.value.isFollowing) {
|
||
editor.gotoById(robotId);
|
||
}
|
||
}, 10);
|
||
|
||
console.log('开始视角跟随:', robotId, robotName);
|
||
};
|
||
|
||
/**
|
||
* 停止视角跟随
|
||
*/
|
||
const stopFollow = () => {
|
||
state.value.isFollowing = false;
|
||
state.value.robotId = '';
|
||
state.value.robotName = '';
|
||
|
||
if (state.value.timer) {
|
||
clearInterval(state.value.timer);
|
||
state.value.timer = null;
|
||
}
|
||
|
||
console.log('停止视角跟随');
|
||
};
|
||
|
||
/**
|
||
* 重置状态
|
||
*/
|
||
const reset = () => {
|
||
stopFollow();
|
||
};
|
||
|
||
return {
|
||
// 状态
|
||
state,
|
||
// 计算属性
|
||
isFollowing,
|
||
robotId,
|
||
robotName,
|
||
// 方法
|
||
startFollow,
|
||
stopFollow,
|
||
reset,
|
||
};
|
||
});
|