jingrowlocal/jingrow-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化pagetypeOverride.ts

Browse Source
This commit is contained in:
jingrow 2025-11-03 00:00:57 +08:00
parent 84facc2b2a
commit d5970329a4
1 changed files with 64 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

182
apps/jingrow/frontend/src/core/registry/pagetypeOverride.ts
View File

@ -37,14 +37,18 @@ function extractAppName(absPath: string): string {
return 'jingrow' return 'jingrow'
} }
function appsOrder(): string[] { // 缓存应用顺序和排名，避免重复计算
return Array.isArray(__APPS_ORDER__) && __APPS_ORDER__.length > 0 ? __APPS_ORDER__ : ['jingrow'] const APP_ORDER: readonly string[] = Object.freeze(
} Array.isArray(__APPS_ORDER__) && __APPS_ORDER__.length > 0 ? __APPS_ORDER__ : ['jingrow']
)
const APP_RANK_CACHE = new Map<string, number>()
function rankByAppsOrder(appName: string): number { function getAppRank(appName: string): number {
const order = appsOrder() if (!APP_RANK_CACHE.has(appName)) {
const idx = order.indexOf(appName) const idx = APP_ORDER.indexOf(appName)
return idx >= 0 ? idx : -1 APP_RANK_CACHE.set(appName, idx >= 0 ? idx : -1)
}
return APP_RANK_CACHE.get(appName)!
} }
for (const [p, loader] of Object.entries(globAllApps)) { for (const [p, loader] of Object.entries(globAllApps)) {
@ -57,8 +61,8 @@ for (const [p, loader] of Object.entries(globLocal)) {
} }
function sortByPriority(a: string, b: string): number { function sortByPriority(a: string, b: string): number {
const ra = rankByAppsOrder(allPagetypeViews[a].appName) const ra = getAppRank(allPagetypeViews[a].appName)
const rb = rankByAppsOrder(allPagetypeViews[b].appName) const rb = getAppRank(allPagetypeViews[b].appName)
if (ra !== rb) return rb - ra if (ra !== rb) return rb - ra
if (a.length !== b.length) return a.length - b.length if (a.length !== b.length) return a.length - b.length
return a.localeCompare(b) return a.localeCompare(b)
@ -82,46 +86,34 @@ function ensureIndexed(entity: string): Indexed {
return indexedByEntity[entity] return indexedByEntity[entity]
} }
// 构建索引 // 性能优化：使用正则表达式一次性提取路径信息，避免多次字符串扫描
for (const file of Object.keys(allPagetypeViews)) { const PAGETYPE_PATH_REGEX = /\/pagetype\/([^/]+)\/([^/]+)\.vue$/i
const segs = file.split('/').filter(Boolean)
const len = segs.length
if (!file.includes('/pagetype/')) continue
const pagetypeIdx = segs.indexOf('pagetype')
if (pagetypeIdx < 0 || pagetypeIdx + 2 >= len) continue
const fileName = segs[len - 1] // 文件类型映射表（预编译，避免运行时字符串拼接）
const folderName = segs[pagetypeIdx + 1] function getBucketType(folderName: string, baseName: string): keyof Indexed | null {
const baseName = fileName.replace(/\.vue$/i, '') if (baseName === folderName) return 'detail'
// 统一转为小写进行索引和匹配 if (baseName === `${folderName}_toolbar`) return 'toolbar'
if (baseName === `${folderName}_list`) return 'list'
if (baseName === `${folderName}_list_toolbar`) return 'listToolbar'
if (baseName === `${folderName}_list_filterbar`) return 'filterbar'
if (baseName === `${folderName}_list_actions`) return 'actions'
return null
}
// 构建索引（优化版：正则表达式 + 快速映射）
for (const file of Object.keys(allPagetypeViews)) {
const match = file.match(PAGETYPE_PATH_REGEX)
if (!match) continue
const [, folderName, fileName] = match
const baseName = fileName.replace(/\.vue$/i, '').toLowerCase()
const folderNameLower = folderName.toLowerCase() const folderNameLower = folderName.toLowerCase()
const baseNameLower = baseName.toLowerCase()
const entity = folderNameLower const entity = folderNameLower
const bucket = ensureIndexed(entity) const bucket = ensureIndexed(entity)
// 详情页覆盖：<pagetype>.vue const type = getBucketType(folderNameLower, baseName)
if (baseNameLower === folderNameLower) { if (type) {
bucket.detail.push(file) bucket[type].push(file)
}
// 详情页工具栏覆盖：<pagetype>_toolbar.vue
else if (baseNameLower === `${folderNameLower}_toolbar`) {
bucket.toolbar.push(file)
}
// 列表页覆盖：<pagetype>_list.vue
else if (baseNameLower === `${folderNameLower}_list`) {
bucket.list.push(file)
}
// 列表页工具栏覆盖：<pagetype>_list_toolbar.vue
else if (baseNameLower === `${folderNameLower}_list_toolbar`) {
bucket.listToolbar.push(file)
}
// 列表页过滤栏覆盖：<pagetype>_list_filterbar.vue
else if (baseNameLower === `${folderNameLower}_list_filterbar`) {
bucket.filterbar.push(file)
}
// 列表页操作列覆盖：<pagetype>_list_actions.vue
else if (baseNameLower === `${folderNameLower}_list_actions`) {
bucket.actions.push(file)
} }
} }
@ -135,23 +127,35 @@ Object.values(indexedByEntity).forEach(({ detail, toolbar, list, listToolbar, fi
actions.sort(sortByPriority) actions.sort(sortByPriority)
}) })
// 统一的字符串标准化函数（避免重复计算）
function normalizeSlug(slug: string): string {
return slug.toLowerCase().replace(/-/g, '_')
}
// 通用的解析函数（消除代码重复）
async function resolveOverride(
pagetypeSlug: string,
bucketType: keyof Indexed
): Promise<any | null> {
if (!pagetypeSlug) return null
const entityKey = normalizeSlug(pagetypeSlug)
const bucket = indexedByEntity[entityKey]
if (!bucket || bucket[bucketType].length === 0) return null
const pick = bucket[bucketType][0]
try {
const mod = await allPagetypeViews[pick].loader()
return mod?.default ?? mod
} catch {
return null
}
}
/** /**
* 解析并返回指定 pagetype 的详情覆盖组件 * 解析并返回指定 pagetype 的详情覆盖组件
* @param pagetypeSlug 路由中的原始 pagetype（保持小写与下划线） * @param pagetypeSlug 路由中的原始 pagetype（保持小写与下划线）
*/ */
export async function resolvePagetypeDetailOverride(pagetypeSlug: string): Promise<any | null> { export async function resolvePagetypeDetailOverride(pagetypeSlug: string): Promise<any | null> {
if (!pagetypeSlug) return null return resolveOverride(pagetypeSlug, 'detail')
const targetHyphen = pagetypeSlug.toLowerCase()
const targetUnderscore = targetHyphen.replace(/-/g, '_')
const bucket = indexedByEntity[targetUnderscore]
if (!bucket || bucket.detail.length === 0) return null
const pick = bucket.detail[0]
try {
const mod = await allPagetypeViews[pick].loader()
return mod?.default ?? mod
} catch (_e) {
return null
}
} }
/** /**
@ -159,18 +163,7 @@ export async function resolvePagetypeDetailOverride(pagetypeSlug: string): Promi
* 约定文件名：/src/views/pagetype/<name>/<name>_toolbar.vue * 约定文件名：/src/views/pagetype/<name>/<name>_toolbar.vue
*/ */
export async function resolvePagetypeToolbarOverride(pagetypeSlug: string): Promise<any | null> { export async function resolvePagetypeToolbarOverride(pagetypeSlug: string): Promise<any | null> {
if (!pagetypeSlug) return null return resolveOverride(pagetypeSlug, 'toolbar')
const targetHyphen = pagetypeSlug.toLowerCase()
const targetUnderscore = targetHyphen.replace(/-/g, '_')
const bucket = indexedByEntity[targetUnderscore]
if (!bucket || bucket.toolbar.length === 0) return null
const pick = bucket.toolbar[0]
try {
const mod = await allPagetypeViews[pick].loader()
return mod?.default ?? mod
} catch (_e) {
return null
}
} }
/** /**
@ -178,18 +171,7 @@ export async function resolvePagetypeToolbarOverride(pagetypeSlug: string): Prom
* 约定文件名：/src/views/pagetype/<name>/<name>_list.vue * 约定文件名：/src/views/pagetype/<name>/<name>_list.vue
*/ */
export async function resolvePagetypeListOverride(pagetypeSlug: string): Promise<any | null> { export async function resolvePagetypeListOverride(pagetypeSlug: string): Promise<any | null> {
if (!pagetypeSlug) return null return resolveOverride(pagetypeSlug, 'list')
const targetHyphen = pagetypeSlug.toLowerCase()
const targetUnderscore = targetHyphen.replace(/-/g, '_')
const bucket = indexedByEntity[targetUnderscore]
if (!bucket || bucket.list.length === 0) return null
const pick = bucket.list[0]
try {
const mod = await allPagetypeViews[pick].loader()
return mod?.default ?? mod
} catch (_e) {
return null
}
} }
/** /**
@ -197,18 +179,7 @@ export async function resolvePagetypeListOverride(pagetypeSlug: string): Promise
* 约定文件名：/src/views/pagetype/<name>/<name>_list_filterbar.vue * 约定文件名：/src/views/pagetype/<name>/<name>_list_filterbar.vue
*/ */
export async function resolvePagetypeListFilterBarOverride(pagetypeSlug: string): Promise<any | null> { export async function resolvePagetypeListFilterBarOverride(pagetypeSlug: string): Promise<any | null> {
if (!pagetypeSlug) return null return resolveOverride(pagetypeSlug, 'filterbar')
const targetHyphen = pagetypeSlug.toLowerCase()
const targetUnderscore = targetHyphen.replace(/-/g, '_')
const bucket = indexedByEntity[targetUnderscore]
if (!bucket || bucket.filterbar.length === 0) return null
const pick = bucket.filterbar[0]
try {
const mod = await allPagetypeViews[pick].loader()
return mod?.default ?? mod
} catch (_e) {
return null
}
} }
/** /**
@ -216,18 +187,7 @@ export async function resolvePagetypeListFilterBarOverride(pagetypeSlug: string)
* 约定文件名：/src/views/pagetype/<name>/<name>_list_toolbar.vue * 约定文件名：/src/views/pagetype/<name>/<name>_list_toolbar.vue
*/ */
export async function resolvePagetypeListToolbarOverride(pagetypeSlug: string): Promise<any | null> { export async function resolvePagetypeListToolbarOverride(pagetypeSlug: string): Promise<any | null> {
if (!pagetypeSlug) return null return resolveOverride(pagetypeSlug, 'listToolbar')
const targetHyphen = pagetypeSlug.toLowerCase()
const targetUnderscore = targetHyphen.replace(/-/g, '_')
const bucket = indexedByEntity[targetUnderscore]
if (!bucket || bucket.listToolbar.length === 0) return null
const pick = bucket.listToolbar[0]
try {
const mod = await allPagetypeViews[pick].loader()
return mod?.default ?? mod
} catch (_e) {
return null
}
} }
/** /**
@ -235,17 +195,5 @@ export async function resolvePagetypeListToolbarOverride(pagetypeSlug: string):
* 约定文件名：/src/views/pagetype/<name>/<name>_list_actions.vue * 约定文件名：/src/views/pagetype/<name>/<name>_list_actions.vue
*/ */
export async function resolvePagetypeListActionsOverride(pagetypeSlug: string): Promise<any | null> { export async function resolvePagetypeListActionsOverride(pagetypeSlug: string): Promise<any | null> {
if (!pagetypeSlug) return null return resolveOverride(pagetypeSlug, 'actions')
const targetHyphen = pagetypeSlug.toLowerCase()
const targetUnderscore = targetHyphen.replace(/-/g, '_')
const bucket = indexedByEntity[targetUnderscore]
if (!bucket || bucket.actions.length === 0) return null
const pick = bucket.actions[0]
try {
const mod = await allPagetypeViews[pick].loader()
return mod?.default ?? mod
} catch (_e) {
return null
}
} }