auth-web/src/views/hooks.ts

// 抽离可公用的工具函数等用于系统管理页面逻辑
import { computed } from 'vue';
import { useDark } from '@pureadmin/utils';

export function usePublicHooks() {
	const { isDark } = useDark();

	const switchStyle = computed(() => {
		return {
			'--el-switch-on-color': '#6abe39',
			'--el-switch-off-color': '#e84749',
		};
	});

	const tagStyle = computed(() => {
		return (status: number) => {
			return status === 1
				? {
						'--el-tag-text-color': isDark.value ? '#6abe39' : '#389e0d',
						'--el-tag-bg-color': isDark.value ? '#172412' : '#f6ffed',
						'--el-tag-border-color': isDark.value ? '#274a17' : '#b7eb8f',
					}
				: {
						'--el-tag-text-color': isDark.value ? '#e84749' : '#cf1322',
						'--el-tag-bg-color': isDark.value ? '#2b1316' : '#fff1f0',
						'--el-tag-border-color': isDark.value ? '#58191c' : '#ffa39e',
					};
		};
	});
	return {
		/** 当前网页是否为`dark`模式 */
		isDark,
		/** 表现更鲜明的`el-switch`组件  */
		switchStyle,
		/** 表现更鲜明的`el-tag`组件  */
		tagStyle,
	};
}