From fc44fff48d82ec5a7b260d91f0b458db5d30e185 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 26 Oct 2026 17:14:11 +0800
Subject: [PATCH] fix: style

---
 .../components/content/items/form.vue         | 22 +++++++++----------
 .../components/content/items/html.vue         | 15 ++++---------
 .../components/content/items/tool/index.vue   |  2 +-
 .../content/items/{ => tool}/tool.vue         |  0
 .../conversation-panel/core/layout/index.vue  |  6 ++---
 5 files changed, 19 insertions(+), 26 deletions(-)
 rename ui/src/conversation-panel/components/content/items/{ => tool}/tool.vue (100%)

diff --git a/ui/src/conversation-panel/components/content/items/form.vue b/ui/src/conversation-panel/components/content/items/form.vue
index d7ab9c05e6c..d1f532c37b0 100644
--- a/ui/src/conversation-panel/components/content/items/form.vue
+++ b/ui/src/conversation-panel/components/content/items/form.vue
@@ -1,14 +1,3 @@
-<template>
-  <div class="content-form">
-    <MdPreview class="!h-auto" editorId="conversation-text" :modelValue="leadingText || ''"></MdPreview>
-    <MkDynamicsForm ref="dynamicsFormRef" :view="is_submit" :render-data="form_field_list" v-model="form_data" />
-    <MdPreview class="!h-auto" editorId="conversation-text" :modelValue="trailingText || ''"></MdPreview>
-    <el-button :type="is_submit ? 'info' : 'primary'" :disabled="is_submit || !mainStore" @click="submit">
-      {{ is_submit ? '已提交' : '提交' }}
-    </el-button>
-  </div>
-</template>
-
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { MkDynamicsForm } from '@/components/mk-dynamics-form'
@@ -69,4 +58,15 @@ const submit = async () => {
 }
 </script>
 
+<template>
+  <div class="content-form">
+    <MdPreview class="!h-auto" editorId="conversation-text" :modelValue="leadingText || ''"></MdPreview>
+    <MkDynamicsForm ref="dynamicsFormRef" :view="is_submit" :render-data="form_field_list" v-model="form_data" />
+    <MdPreview class="!h-auto" editorId="conversation-text" :modelValue="trailingText || ''"></MdPreview>
+    <el-button :type="is_submit ? 'info' : 'primary'" :disabled="is_submit || !mainStore" @click="submit">
+      {{ is_submit ? '已提交' : '提交' }}
+    </el-button>
+  </div>
+</template>
+
 <style scoped lang="scss"></style>
diff --git a/ui/src/conversation-panel/components/content/items/html.vue b/ui/src/conversation-panel/components/content/items/html.vue
index cee8e5c5f8b..fc745809011 100644
--- a/ui/src/conversation-panel/components/content/items/html.vue
+++ b/ui/src/conversation-panel/components/content/items/html.vue
@@ -1,8 +1,3 @@
-<template>
-  <!-- eslint-disable-next-line vue/no-v-html -- 内容已经 DOMPurify 净化 -->
-  <div class="content-html" v-html="sanitizedHtml" />
-</template>
-
 <script setup lang="ts">
 import { computed } from 'vue'
 import DOMPurify from 'dompurify'
@@ -17,9 +12,7 @@ const props = defineProps<{
 const sanitizedHtml = computed(() => DOMPurify.sanitize(props.content.content || ''))
 </script>
 
-<style scoped lang="scss">
-.content-html {
-  overflow-x: auto;
-  word-break: break-word;
-}
-</style>
+<template>
+  <!-- eslint-disable-next-line vue/no-v-html -- 内容已经 DOMPurify 净化 -->
+  <div class="overflow-x-auto [word-break:break-word]" v-html="sanitizedHtml" />
+</template>
diff --git a/ui/src/conversation-panel/components/content/items/tool/index.vue b/ui/src/conversation-panel/components/content/items/tool/index.vue
index 3d1e74abd3b..fe6c9f5a209 100644
--- a/ui/src/conversation-panel/components/content/items/tool/index.vue
+++ b/ui/src/conversation-panel/components/content/items/tool/index.vue
@@ -22,7 +22,7 @@ import CreateFile from './CreateFile.vue'
 import ListSkills from './ListSkills.vue'
 import DownloadSkills from './DownloadSkills.vue'
 import RunSkill from './RunSkill.vue'
-import DefaultTool from '../tool.vue'
+import DefaultTool from './tool.vue'
 
 /** TOOL 内容项按工具名分发到专用渲染器，未匹配的工具沿用原有 tool.vue 展示。 */
 const props = defineProps<{ content: any }>()
diff --git a/ui/src/conversation-panel/components/content/items/tool.vue b/ui/src/conversation-panel/components/content/items/tool/tool.vue
similarity index 100%
rename from ui/src/conversation-panel/components/content/items/tool.vue
rename to ui/src/conversation-panel/components/content/items/tool/tool.vue
diff --git a/ui/src/conversation-panel/core/layout/index.vue b/ui/src/conversation-panel/core/layout/index.vue
index e8260a3130e..511e0f56c15 100644
--- a/ui/src/conversation-panel/core/layout/index.vue
+++ b/ui/src/conversation-panel/core/layout/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, Teleport as SidePanelTeleport, useSlots } from 'vue'
+import { computed, useSlots } from 'vue'
 import type { SidePanelMode } from './types'
 
 const props = withDefaults(
@@ -42,7 +42,7 @@ const showMask = computed(() => (props.leftMode === 'drawer' && props.leftOpen)
 
     <slot name="main" />
 
-    <SidePanelTeleport :to="props.rightDrawerTarget || 'body'" :disabled="!teleportRightDrawer">
+    <Teleport :to="props.rightDrawerTarget || 'body'" :disabled="!teleportRightDrawer">
       <aside
         v-if="hasRight"
         class="mk-conversation-side-panel right shrink-0 overflow-hidden"
@@ -54,6 +54,6 @@ const showMask = computed(() => (props.leftMode === 'drawer' && props.leftOpen)
 
       <!-- 点击遮罩收起抽屉侧栏 -->
       <div v-if="showMask" class="mk-conversation-mask" @click="$emit('mask-click')" />
-    </SidePanelTeleport>
+    </Teleport>
   </div>
 </template>