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 isSmartEquipment = ref(false);
  // dim 切换时跳过漫游相机还原（由地图模式切换自行处理）
  const skipRoamCameraRestore = ref(false);
  // 搜索抽屉状态
  const searchDrawerOpen = ref(false);
  // 全局兜底抽屉状态（AppMain 通用抽屉，给未自带抽屉的页面用）
  const globalDrawerOpen = ref(false);
  // 是否处于锚点搜索状态（选中命中 DRAWER_STTP_CODES 的锚点时 true；清空/切页等 false）
  const isSearchActive = ref(false);
  // 地图控件（地图控制器/底图切换器）位置覆盖值；null 表示回退组件自身默认（非电站专题页样式）
  const mapControlsPosition = ref<{
    controllerRight: string | null;
    controllerBottom: string | null;
    baselayerRight: string | null;
    baselayerBottom: string | null;
  }>({
    controllerRight: null,
    controllerBottom: null,
    baselayerRight: null,
    baselayerBottom: null
  });

  // 切换抽屉状态
  const toggleDrawer = () => {
    drawerOpen.value = !drawerOpen.value;
  };
  // 设置抽屉状态
  const setDrawerOpen = (open: boolean) => {
    drawerOpen.value = open;
  };
  // 设置搜索抽屉状态
  const setSearchDrawerOpen = (open: boolean) => {
    searchDrawerOpen.value = open;
  };
  // 设置全局兜底抽屉状态
  const setGlobalDrawerOpen = (open: boolean) => {
    globalDrawerOpen.value = open;
  };
  // 设置锚点搜索状态
  const setIsSearchActive = (active: boolean) => {
    isSearchActive.value = active;
  };
  // 部分更新地图控件位置覆盖
  const setMapControlsPosition = (
    partial: Partial<{
      controllerRight: string | null;
      controllerBottom: string | null;
      baselayerRight: string | null;
      baselayerBottom: string | null;
    }>
  ) => {
    mapControlsPosition.value = { ...mapControlsPosition.value, ...partial };
  };
  // 重置地图控件位置覆盖（恢复组件自身默认样式，即非电站专题页样式）
  const resetMapControlsPosition = () => {
    mapControlsPosition.value = {
      controllerRight: null,
      controllerBottom: null,
      baselayerRight: null,
      baselayerBottom: null
    };
  };

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

  return {
    drawerOpen,
    isRoaming,
    isSmartEquipment,
    skipRoamCameraRestore,
    toggleDrawer,
    setDrawerOpen,
    setSearchDrawerOpen,
    searchDrawerOpen,
    globalDrawerOpen,
    setGlobalDrawerOpen,
    isSearchActive,
    setIsSearchActive,
    mapControlsPosition,
    setMapControlsPosition,
    resetMapControlsPosition,
    mapType,
    mapSwitchCompletedTick,
    markMapSwitchCompleted
  };
});