ndm-web-platform/src/pages/vimp/stores/screen.ts

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

export interface Screen {
  id: string
  name: string
}

let counter = 4

const genId = (): string => `screen-${crypto.randomUUID()}`

const defaultName = (n: number): string => `屏幕 ${n}`

export const useScreenStore = defineStore('vimp-screen', () => {
  const screens = ref<Screen[]>([
    { id: 'screen-1', name: '屏幕 1' },
    { id: 'screen-2', name: '屏幕 2' },
    { id: 'screen-3', name: '屏幕 3' },
    { id: 'screen-4', name: '屏幕 4' },
  ])

  const activeScreenId = ref<string>(screens.value[0]?.id ?? '')

  const addScreen = () => {
    const id = genId()
    screens.value.push({ id, name: defaultName(screens.value.length + 1) })
    activeScreenId.value = id
  }

  const removeScreen = (id: string) => {
    if (screens.value.length <= 1) return
    const index = screens.value.findIndex(s => s.id === id)
    if (index === -1) return
    screens.value.splice(index, 1)
    if (activeScreenId.value === id) {
      const fallback = screens.value[index] ?? screens.value[index - 1]
      if (fallback) activeScreenId.value = fallback.id
    }
  }

  const renameScreen = (id: string, name: string) => {
    const target = screens.value.find(s => s.id === id)
    if (!target) return
    const trimmed = name.trim()
    if (trimmed.length === 0) return
    if (trimmed === target.name) return
    target.name = trimmed
  }

  return {
    screens,
    activeScreenId,
    addScreen,
    removeScreen,
    renameScreen,
  }
})