From 9fff65d0d7ea8d9a155f224165a9ce296ddf5e23 Mon Sep 17 00:00:00 2001
From: keven <keven@fudaoyuan.icu>
Date: Sun, 19 Oct 2025 18:45:01 +0800
Subject: [PATCH] Revert "feat(front): add TextInlineAIDrawer and
 BubbleMenuView components for enhanced AI interaction and text formatting
 options"

This reverts commit d29402746305ff2bf2172a9dc94b34c1a3ceedf2.
---
 .../components/Drawer/TextInlineAIDrawer.vue  | 100 -----------------
 .../Tiptap/BubbleMenu/BubbleMenuView.vue      | 106 ------------------
 front/components/Tiptap/Index.vue             |   2 -
 3 files changed, 208 deletions(-)
 delete mode 100644 front/components/Drawer/TextInlineAIDrawer.vue
 delete mode 100644 front/components/Tiptap/BubbleMenu/BubbleMenuView.vue

diff --git a/front/components/Drawer/TextInlineAIDrawer.vue b/front/components/Drawer/TextInlineAIDrawer.vue
deleted file mode 100644
index 43e86d3..0000000
--- a/front/components/Drawer/TextInlineAIDrawer.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script setup lang="ts">
-import VeeForm from '../VeeForm.vue'
-import FormButton from '@/components/Field/FormButton.vue'
-import InputField from '@/components/Field/InputField.vue'
-import { LucideCheckCheck, LucideLanguages, LucideSparkle, LucideWandSparkles } from 'lucide-vue-next'
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import asyncWait from '~/lib/asyncWait'
-
-const props = defineProps<{
-    hide: () => void
-    data: { html: string }
-}>()
-const formRef = ref<InstanceType<typeof VeeForm>>()
-
-const actions = [
-    {
-        icon: LucideWandSparkles,
-        label: '总结',
-        onClick: () => {
-            formRef.value?.form?.setFieldValue('input', '总结这段话')
-        },
-    },
-    {
-        icon: LucideCheckCheck,
-        label: '修正拼写和语法错误',
-        onClick: () => {
-            formRef.value?.form?.setFieldValue('input', '修正这段话的拼写和语法错误')
-        },
-    },
-    {
-        icon: LucideLanguages,
-        label: '翻译成',
-        children: [
-            {
-                label: '英语',
-                onClick: () => {
-                    formRef.value?.form?.setFieldValue('input', '把这段话翻译成英语')
-                },
-            },
-            {
-                label: '韩文',
-                onClick: () => {
-                    formRef.value?.form?.setFieldValue('input', '把这段话翻译成韩文')
-                },
-            },
-            {
-                label: '中文',
-                onClick: () => {
-                    formRef.value?.form?.setFieldValue('input', '把这段话翻译成中文')
-                },
-            },
-        ],
-    },
-]
-</script>
-
-<template>
-    <div class="flex flex-col gap-5">
-        <div class="text-xl font-bold">询问AI</div>
-        <div class="overflow-y-auto max-h-[160px] p-3 rounded-md bg-primary/5 border border-primary/10 text-black/80 text-sm">
-            <div v-html="data.html" />
-        </div>
-        <VeeForm ref="formRef">
-            <InputField name="input" placeholder="您想如何处理该文本" rules="required" />
-            <div class="flex flex-row gap-3">
-                <template v-for="action in actions">
-                    <Button variant="outline" v-if="!action?.children" @click="action.onClick">
-                        <component :is="action.icon" /> {{ action.label }}
-                    </Button>
-                    <DropdownMenu v-else>
-                        <DropdownMenuTrigger>
-                            <Button variant="outline"> <component :is="action.icon" /> {{ action.label }} </Button>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent>
-                            <DropdownMenuItem v-for="item in action?.children" @click="item.onClick">{{ item?.label }}</DropdownMenuItem>
-                        </DropdownMenuContent>
-                    </DropdownMenu>
-                </template>
-            </div>
-
-            <FormButton
-                @click="
-                    async () => {
-                        await asyncWait(3000)
-                    }
-                "
-            >
-                <LucideSparkle />
-                生成
-            </FormButton>
-        </VeeForm>
-    </div>
-</template>
diff --git a/front/components/Tiptap/BubbleMenu/BubbleMenuView.vue b/front/components/Tiptap/BubbleMenu/BubbleMenuView.vue
deleted file mode 100644
index c705fb9..0000000
--- a/front/components/Tiptap/BubbleMenu/BubbleMenuView.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts" setup>
-import type { Editor } from '@tiptap/vue-3'
-import { BubbleMenu } from '@tiptap/vue-3/menus'
-import { LucideAArrowUp, LucideBold, LucideCode, LucideItalic, LucideSparkles, LucideStrikethrough } from 'lucide-vue-next'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import TextInlineAIDrawer from '@/components/Drawer/TextInlineAIDrawer.vue'
-import { cx } from 'class-variance-authority'
-
-import { getHTMLFromFragment } from '@tiptap/vue-3'
-import showDrawer from '~/lib/showDrawer'
-
-const props = defineProps<{
-    editor: Editor
-}>()
-
-const show = ref(false)
-
-const menus = [
-    {
-        type: 'button',
-        label: '询问AI',
-        icon: LucideSparkles,
-        onClick: () => {
-            show.value = false
-            const { from, to } = props.editor.state.selection || {}
-            showDrawer({
-                render: ({ ...rest }) =>
-                    h(TextInlineAIDrawer, {
-                        ...rest,
-                        data: { html: getHTMLFromFragment(props.editor.state.doc.slice(from, to).content, props.editor.schema) },
-                    }),
-            })
-        },
-    },
-    {
-        type: 'icon',
-        label: '加粗',
-        icon: LucideBold,
-        onClick: () => {
-            props.editor?.chain().focus().toggleBold().run()
-        },
-    },
-    {
-        type: 'icon',
-        label: '斜体',
-        icon: LucideItalic,
-        onClick: () => {
-            props.editor?.chain().focus().toggleItalic().run()
-        },
-    },
-    {
-        type: 'icon',
-        label: '删除线',
-        icon: LucideStrikethrough,
-        onClick: () => {
-            props.editor?.chain().focus().toggleStrike().run()
-        },
-    },
-    {
-        type: 'icon',
-        label: '代码',
-        icon: LucideCode,
-        onClick: () => {
-            props.editor?.chain().focus().toggleCode().run()
-        },
-    },
-]
-</script>
-<template>
-    <bubble-menu
-        v-if="editor"
-        :editor="editor as any"
-        :options="{
-            placement: 'bottom',
-            offset: 8,
-            onShow: () => {
-                show = true
-            },
-            onHide: () => {
-                show = false
-            },
-        }"
-    >
-        <div :class="cx('bg-white rounded-md overflow-hidden', show ? 'block' : 'hidden')">
-            <div class="border border-black/10 bg-primary/30 text-primary p-1 flex flex-row gap-0.5 shadow-md">
-                <template v-for="menu in menus" :key="menu.label">
-                    <Button v-if="menu.type === 'button'" variant="ghost" size="sm" @click="menu.onClick">
-                        <component :is="menu.icon" /> {{ menu.label }}
-                    </Button>
-                    <TooltipProvider v-if="menu.type === 'icon'">
-                        <Tooltip>
-                            <TooltipTrigger as-child>
-                                <Button variant="ghost" class="!size-8" @click="menu.onClick">
-                                    <component :is="menu.icon" />
-                                </Button>
-                            </TooltipTrigger>
-                            <TooltipContent>
-                                {{ menu.label }}
-                            </TooltipContent>
-                        </Tooltip>
-                    </TooltipProvider>
-                </template>
-            </div>
-        </div>
-    </bubble-menu>
-</template>
diff --git a/front/components/Tiptap/Index.vue b/front/components/Tiptap/Index.vue
index 4017b61..5e01987 100644
--- a/front/components/Tiptap/Index.vue
+++ b/front/components/Tiptap/Index.vue
@@ -3,7 +3,6 @@ import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
 import { Markdown } from 'tiptap-markdown'
 import Placeholder from '@tiptap/extension-placeholder'
-import BubbleMenuView from './BubbleMenu/BubbleMenuView.vue'
 import { cx } from 'class-variance-authority'
 
 const props = defineProps<{
@@ -58,5 +57,4 @@ onUnmounted(() => {
         "
     >
     </editor-content>
-    <BubbleMenuView :editor="editor as any" />
 </template>