mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-10-17 06:55:38 +00:00
refactor: 迁移前端资源文件至web目录 feat: 新增多种图标资源 style: 统一代码风格和格式化配置 docs: 更新README和文档说明 chore: 更新依赖和配置文件 fix: 修复部分类型定义和枚举 perf: 优化路由和组件加载逻辑
56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
/**
|
|
* useFastEnter - 快速入口管理
|
|
*
|
|
* 管理顶部栏的快速入口功能,提供应用列表和快速链接的配置和过滤。
|
|
* 支持动态启用/禁用、自定义排序、响应式宽度控制等功能。
|
|
*
|
|
* ## 主要功能
|
|
*
|
|
* 1. 应用列表管理 - 获取启用的应用列表,自动按排序权重排序
|
|
* 2. 快速链接管理 - 获取启用的快速链接,支持自定义排序
|
|
* 3. 响应式配置 - 所有配置自动响应变化,无需手动更新
|
|
* 4. 宽度控制 - 提供最小显示宽度配置,支持响应式布局
|
|
*
|
|
* @module useFastEnter
|
|
* @author Fastapi Admin Team
|
|
*/
|
|
|
|
import { computed } from 'vue';
|
|
import appConfig from '@/config';
|
|
import type { FastEnterApplication, FastEnterQuickLink } from '@/types/config';
|
|
|
|
export function useFastEnter() {
|
|
// 获取快速入口配置
|
|
const fastEnterConfig = computed(() => appConfig.fastEnter);
|
|
|
|
// 获取启用的应用列表(按排序权重排序)
|
|
const enabledApplications = computed<FastEnterApplication[]>(() => {
|
|
if (!fastEnterConfig.value?.applications) return [];
|
|
|
|
return fastEnterConfig.value.applications
|
|
.filter((app) => app.enabled !== false)
|
|
.sort((a, b) => (a.order || 0) - (b.order || 0));
|
|
});
|
|
|
|
// 获取启用的快速链接(按排序权重排序)
|
|
const enabledQuickLinks = computed<FastEnterQuickLink[]>(() => {
|
|
if (!fastEnterConfig.value?.quickLinks) return [];
|
|
|
|
return fastEnterConfig.value.quickLinks
|
|
.filter((link) => link.enabled !== false)
|
|
.sort((a, b) => (a.order || 0) - (b.order || 0));
|
|
});
|
|
|
|
// 获取最小显示宽度
|
|
const minWidth = computed(() => {
|
|
return fastEnterConfig.value?.minWidth || 1200;
|
|
});
|
|
|
|
return {
|
|
fastEnterConfig,
|
|
enabledApplications,
|
|
enabledQuickLinks,
|
|
minWidth,
|
|
};
|
|
}
|