fix: icon

ui/src/views/application-detail/overview/embed-third-party/ButtonEmbedThirdParty.vue

@@ -16,7 +16,7 @@ function handleOpenEmbedThirdParty() {
 <template>
   <!-- 嵌入第三方 -->
   <el-button plain :disabled="!props.shareUrl || !props.accessToken" @click="handleOpenEmbedThirdParty">
-    <MkIcon name="icon_keyboard_outlined1" />
+    <MkIcon name="icon_embedded_outlined" />
     <span>嵌入第三方</span>
   </el-button>
   <EmbedThirdPartyDialog ref="dialogRef" :share-url="props.shareUrl" :access-token="props.accessToken" />

ui/src/views/application-detail/overview/index.vue

@@ -141,7 +141,6 @@ onMounted(() => {
               <span>去对话</span>
             </el-button>
             <ButtonEmbedThirdParty :share-url="shareUrl" :access-token="accessToken" />
-            />
             <ButtonAccessRestriction />
             <ButtonDisplaySetting />
           </div>

ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed, useTemplateRef } from 'vue'
 import type ApplicationApi from '@/api/admin/workspace/application/application'
 import type SystemResourceApplicationApi from '@/api/admin/system/resource-management/application/application'
 import type { ApplicationDetail, ExportError } from '@/api/types'
@@ -10,6 +11,10 @@ const props = defineProps<{ api: typeof ApplicationApi | typeof SystemResourceAp
 
 const loading = defineModel<boolean>('loading', { default: false })
 
+// 二级菜单留在所属一级浮层内，避免焦点移入时关闭一级菜单，并避开滚动容器裁剪。
+const exportTriggerRef = useTemplateRef<HTMLDivElement>('exportTriggerRef')
+const exportMenuContainer = computed(() => exportTriggerRef.value?.closest<HTMLElement>('.el-dropdown__popper'))
+
 function handleExportSkills() {
   if (loading.value) return
   loading.value = true
@@ -44,9 +49,9 @@ function handleExportApplication() {
 
 <template>
   <MkDropdownItem @click.prevent.stop class="p-0!">
-    <MkDropdown class="w-full" trigger="hover" placement="right-start">
+    <MkDropdown class="w-full" trigger="hover" placement="right-start" :append-to="exportMenuContainer">
       <!-- 展开智能体导出菜单 -->
-      <div class="flex-between w-full gap-2 p-2">
+      <div ref="exportTriggerRef" class="flex-between w-full gap-2 p-2">
         <div class="flex-align-center gap-2">
           <MkIcon name="icon_export_outlined" class="text-N600!" />
           <span>{{ label }}</span>

ui/src/views/knowledge/knowledge-card/action-dropdown/ExportKnowledgeAction.vue

@@ -1,14 +1,23 @@
 <script setup lang="ts">
+import { computed, useTemplateRef } from 'vue'
 import type KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
 import type { KnowledgeItem } from '@/api/types'
 import type SystemResourceKnowledgeApi from '@/api/admin/system/resource-management/knowledge/knowledge'
 import type SystemSharedKnowledgeApi from '@/api/admin/system/shared-resources/knowledge/knowledge'
 
 defineOptions({ name: 'ExportKnowledgeAction' })
 
-const props = defineProps<{ api: typeof KnowledgeApi | typeof SystemResourceKnowledgeApi | typeof SystemSharedKnowledgeApi; knowledge: KnowledgeItem; label: string }>()
+const props = defineProps<{
+  api: typeof KnowledgeApi | typeof SystemResourceKnowledgeApi | typeof SystemSharedKnowledgeApi
+  knowledge: KnowledgeItem
+  label: string
+}>()
 const loading = defineModel<boolean>('loading', { default: false })
 
+// 二级菜单留在所属一级浮层内，避免焦点移入时关闭一级菜单，并避开滚动容器裁剪。
+const exportTriggerRef = useTemplateRef<HTMLDivElement>('exportTriggerRef')
+const exportMenuContainer = computed(() => exportTriggerRef.value?.closest<HTMLElement>('.el-dropdown__popper'))
+
 /* 知识库导出菜单 */
 const exportOptions = [
   { label: '导出文档 Excel', method: 'exportKnowledgeExcel' },
@@ -29,9 +38,9 @@ function handleExportKnowledge(method: (typeof exportOptions)[number]['method'])
 
 <template>
   <MkDropdownItem divided @click.prevent.stop class="p-0!">
-    <MkDropdown class="w-full" trigger="hover" placement="right-start">
+    <MkDropdown class="w-full" trigger="hover" placement="right-start" :append-to="exportMenuContainer">
       <!-- 展开知识库导出菜单 -->
-      <div class="flex-between w-full gap-2 p-2">
+      <div ref="exportTriggerRef" class="flex-between w-full gap-2 p-2">
         <div class="flex-align-center gap-2">
           <MkIcon name="icon_export_outlined" class="text-N600!" />
           <span>{{ label }}</span>