import { defineStore } from 'pinia';
import { ref } from 'vue';

export const useUiStore = defineStore('ui', () => {
  // 右侧抽屉状态
  const drawerOpen = ref(true);
  const mapType = ref('2D');
  const mapSwitchCompletedTick = ref(0);
  // 3d 流域三维漫游
  const isRoaming = ref(false);

  // 切换抽屉状态
  const toggleDrawer = () => {
    drawerOpen.value = !drawerOpen.value;
  };

  // 设置抽屉状态
  const setDrawerOpen = (open: boolean) => {
    drawerOpen.value = open;
  };

  const markMapSwitchCompleted = () => {
    mapSwitchCompletedTick.value += 1;
  };

  return {
    drawerOpen,
    isRoaming,
    toggleDrawer,
    setDrawerOpen,
    mapType,
    mapSwitchCompletedTick,
    markMapSwitchCompleted
  };
});