import {
	defineStore
} from 'pinia'
import {
	ref,
	computed,
	watch
} from 'vue'
import {pastelColors,defaultApps,postMenuPermissions,scanPathFuncKeyMap} from '@/utils/constant.js'
import {reqMenuPowerList} from '@/api/auth.js'
import { useUserStore } from '@/store'

export const useMenuStore = defineStore('menu', () => {
	// 持久化：仅缓存快捷应用的 menuId 列表，不缓存全部菜单
	const quickAppIds = ref([])

	// 根据默认配置 + 持久化状态重建应用列表
	const buildAppsList = () => {
		return defaultApps.map(app => ({
			...app,
			selected: quickAppIds.value.includes(app.path)
		}))
	}

	// 应用列表（从默认配置构建 + 持久化 selected 状态）
	const appsList = ref(buildAppsList())
	// 持久化恢复后，appsList 需重新根据 quickAppIds 构建
	watch(quickAppIds, (ids) => {
		if (ids && ids.length > 0) {
			appsList.value = buildAppsList()
		}
	}, { deep: true })
	// 编辑时的临时缓存
	const editCache = ref([])
	// 菜单的权限列表（后端返回的有权限的菜单 code 数组）
	const menuProwerList = ref([])

	/**
	 * 岗位权限校验：现场人员（UserType=3）按 WorkPostName 硬编码限制（见 constant.js postMenuPermissions），
	 * 其余用户不限制
	 * @param {string} funcKey 功能 key；空表示非扫码类菜单（pipe 管理应用），对现场人员一律隐藏
	 */
	const hasPostPermission = (funcKey) => {
		const userStore = useUserStore()
		const info = userStore.userInfo
		if (String(info?.UserType) !== '3') return true
		if (!funcKey) return false
		const allows = postMenuPermissions[info?.WorkPostName]
		return !!allows && allows.includes(funcKey)
	}

	/**
	 * 校验扫码跳转的页面路径是否有岗位权限（非扫码类路径不限制）
	 * @param {string} path 页面路径
	 */
	const canAccessPath = (path) => {
		const funcKey = scanPathFuncKeyMap[path]
		if (!funcKey) return true
		return hasPostPermission(funcKey)
	}

	// 应用是否可见：后端菜单权限 + 岗位权限双重过滤
	const appVisible = (app) => hasMenuPermission(app.menuId) && hasPostPermission(app.funcKey)

	// 快捷应用列表（已选择的）
	const quickApps = computed(() => appsList.value.filter(app => app.selected && appVisible(app)))

	// 业务查询列表（未选择的）
	const queryApps = computed(() => appsList.value.filter(app => !app.selected && appVisible(app)))

	/**
	 * 打开编辑弹窗（备份当前状态）
	 */
	const openEdit = () => {
		editCache.value = appsList.value.filter(appVisible)
	}

	/**
	 * 切换应用选择状态
	 */
	const toggleSelect = (item) => {
		item.selected = !item.selected
	}

	/**
	 * 确认编辑（保存更改）
	 */
	const confirmEdit = () => {
		appsList.value = editCache.value.map(app => ({ ...app }))
		// 只持久化快捷应用的 menuId 列表
		quickAppIds.value = appsList.value
			.filter(app => app.selected)
			.map(app => app.path)
	}

	/**
	 * 请求菜单权限列表
	 */
	const fetchMenuPowerList = async (userId, projectId) => {
		if (!userId || !projectId) return
		try {
			const res = await reqMenuPowerList(userId, projectId)
			menuProwerList.value = res.data || []
		} catch (err) {
			console.error('获取菜单权限失败:', err)
			menuProwerList.value = []
		}
	}

	/**
	 * 判断菜单是否有权限打开
	 * @param {string} menuCode - 菜单编码/标识
	 * @returns {boolean} 是否有权限
	 */
	const hasMenuPermission = (menuCode) => {
		if (!menuCode) return true
		return menuProwerList.value.includes(menuCode)
	}

	return {
		appsList,
		quickAppIds,
		editCache,
		quickApps,
		queryApps,
		menuProwerList,
		pastelColors,
		openEdit,
		toggleSelect,
		confirmEdit,
		fetchMenuPowerList,
		hasMenuPermission,
		hasPostPermission,
		canAccessPath
	}
}, {
	persist: {
		enabled: true,
		strategies: [{
			key: 'menu',
			paths: ['quickAppIds'],
		}]
	},
})