From c3e3ba505d11cf0688e70434deb592ba1624a108 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AD=90=E9=BB=98?= <925456043@qq.com>
Date: Sat, 7 Mar 2026 21:10:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=AB=AF=E7=B1=BB=E5=9E=8B=E6=A3=80=E6=9F=A5=E9=98=BB=E5=A1=9E?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修正面板弹窗和对话框覆盖层的类型收敛

- 清理标签滚动与全局搜索中的无效类型和未使用项

- 补齐 API Key 页面弹窗缺失参数以通过 vue-tsc 校验
---
 easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue  | 1 +
 .../@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue   | 5 ++++-
 .../@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts         | 2 --
 .../effects/common-ui/src/ui/panel-modal/panel-modal.vue     | 2 +-
 .../layouts/src/widgets/global-search/search-panel.vue       | 4 ++--
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue b/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue
index 3efceba..ec4343d 100644
--- a/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue
+++ b/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue
@@ -14,6 +14,7 @@ const dialogVisible = ref(false);
     <EasyFlowPanelModal
       v-model:open="dialogVisible"
       :centered="true"
+      title=""
       width="xl"
       :show-footer="false"
     >
diff --git a/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue b/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
index 28b3c80..d70d54d 100644
--- a/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
+++ b/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { StyleValue } from 'vue';
+
 import { computed, inject, useAttrs } from 'vue';
 
 import { useScrollLock } from '@easyflow-core/composables';
@@ -19,11 +21,12 @@ const overlayClass = computed(() => {
     customClass,
   );
 });
+const overlayStyle = computed(() => attrs.style as StyleValue);
 </script>
 <template>
   <div
     :data-dismissable-modal="id"
     :class="overlayClass"
-    :style="$attrs.style"
+    :style="overlayStyle"
   ></div>
 </template>
diff --git a/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts b/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
index bec66d4..7d2a17c 100644
--- a/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
+++ b/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
@@ -4,8 +4,6 @@ import type { ComponentPublicInstance } from 'vue';
 
 import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
-import { EasyFlowScrollbar } from '@easyflow-core/shadcn-ui';
-
 import { useDebounceFn } from '@vueuse/core';
 
 type DomElement = Element | null | undefined;
diff --git a/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue b/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue
index 463e031..d83c8ac 100644
--- a/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue
+++ b/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue
@@ -100,7 +100,7 @@ const modalClass = computed(() => {
   return cn(
     'w-[calc(100vw-24px)] max-w-[calc(100vw-24px)] sm:max-w-[min(calc(100vw-48px),1120px)]',
     widthClassMap[widthKey] || widthClassMap.lg,
-    attrs.class,
+    attrs.class as string | undefined,
   );
 });
 
diff --git a/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue b/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue
index b08552f..4bf581a 100644
--- a/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue
+++ b/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue
@@ -237,11 +237,11 @@ onMounted(() => {
               class="block truncate text-sm font-medium leading-6 text-[hsl(var(--text-strong))]"
             >
               <template
-                v-for="(chunk, chunkIndex) in getHighlightedChunks(
+                v-for="chunk in getHighlightedChunks(
                   item.name || '',
                   keyword,
                 )"
-                :key="`${item.path}-${chunkIndex}`"
+                :key="`${item.path}-${chunk.text}-${chunk.matched}`"
               >
                 <span
                   :class="