feat(header): 搜索框改居中命令面板,应用列表数据与 loading 与 AppList 共享

- header.scss: 删旧 .search-box 与 fade1/search-animation/icon-animation 动画段,
  新增 app-cmdk-* 面板样式。样式段必须放顶层——面板 Teleport 到 body,嵌进
  .default-header 会生成后代选择器而匹配不到
- Header.vue: 搜索 li 收敛为单图标 + openSearch;模板末尾追加 <Teleport to="body">
  命令面板,支持实时过滤 / ↑↓ 键盘导航 / Enter 打开 / Esc 关闭 / 空结果态;
  删 watch(isSearching) 与空函数 showSeachBox;挂/卸 window keydown
- store/index.ts: 新增 appListLoading 字段与 setAppListLoading
- utils/bschLinkPage.ts: 抽出 openAppPage(app, ifameAppIdArr),与点击应用图标同一路径
- AppList.vue: reloadAppData 写 store(数据 + loading,try/finally);
  linkPage(item) 委托 openAppPage

硬约束保持不动:watch(searchAppText) -> mittBus.emit("searchChange")(背景应用网格靠它过滤)、
isSearchIconShow(route.name === "apps")。
This commit is contained in:
chenxing
2026-10-08 17:45:25 +08:00
parent f9f97db272
commit ec696d5187
5 changed files with 298 additions and 125 deletions
+15
View File
@@ -36,6 +36,21 @@ export function bschLinkPage(options: LinkPageOptions) {
}
}
/** 打开应用页面(与 AppList.vue 点击应用图标同一条路径):
* 默认新窗口打开;命中 iframe 白名单($conf.ifameAppIdArr)则走站内 iframe(带 Header)。 */
export function openAppPage(app: any, ifameAppIdArr: number[] = []) {
const options: LinkPageOptions = {
url: app.webAddr,
type: LinkOpenTypeEnum.Open,
title: app.name,
};
if (ifameAppIdArr.includes(app.id)) {
options.type = LinkOpenTypeEnum.IFrame;
options.isHeader = true;
}
bschLinkPage(options);
}
export function isTickeRoterByName(name: string) {
return ["BschAppDetails", "AppDetails"].includes(name);
}