From 96a050afa940cdebd5e1411af8fe962eabb7cc83 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Mon, 26 Jan 2026 11:45:57 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=9A=E8=AF=9D=E9=A1=B5=E9=9D=A2:?=
 =?UTF-8?q?=20=E7=9F=AD=E9=93=BE=E6=8E=A5=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/GenerateShorturlDrawer.jsx     |  4 ++--
 .../Online/Input/ComposerTools.jsx            |  2 ++
 .../Online/Input/ShortlinkBtn.jsx             | 24 +++++++++++++++++++
 3 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 src/views/Conversations/Online/Input/ShortlinkBtn.jsx

diff --git a/src/views/Conversations/Online/Components/GenerateShorturlDrawer.jsx b/src/views/Conversations/Online/Components/GenerateShorturlDrawer.jsx
index ad71941..639da56 100644
--- a/src/views/Conversations/Online/Components/GenerateShorturlDrawer.jsx
+++ b/src/views/Conversations/Online/Components/GenerateShorturlDrawer.jsx
@@ -6,9 +6,9 @@ import ShorturlConversion from '@/views/accounts/ShorturlConversion'
 const GenerateShorturlDrawer = ({ ...props }) => {
   const [openShorturlDrawer, closeShorturlDrawer, shorturlDrawerOpen] = useUrlStore((state) => [state.openDrawer, state.closeDrawer, state.drawerOpen])
   return (
-    <Drawer title='短链接转换' placement={'top'} size={'large'} onClose={() => closeShorturlDrawer()} open={shorturlDrawerOpen}>
+    <Drawer title='短链接转换' placement={'top'} onClose={() => closeShorturlDrawer()} open={shorturlDrawerOpen}>
         <ShorturlConversion/>
     </Drawer>
   )
 }
-export default GenerateShorturlDrawer
\ No newline at end of file
+export default GenerateShorturlDrawer
diff --git a/src/views/Conversations/Online/Input/ComposerTools.jsx b/src/views/Conversations/Online/Input/ComposerTools.jsx
index 930394a..3070236 100644
--- a/src/views/Conversations/Online/Input/ComposerTools.jsx
+++ b/src/views/Conversations/Online/Input/ComposerTools.jsx
@@ -7,6 +7,7 @@ import PaymentlinkBtn from './PaymentlinkBtn'
 import SnippestBtn from './SnippestBtn'
 import useConversationStore from '@/stores/ConversationStore'
 import { isEmpty } from '@haina/utils-commons'
+import ShortlinkBtn from './ShortlinkBtn'
 
 const ComposerTools = ({ channel, invokeSendUploadMessage, invokeSendMessage, invokeUploadFileMessage, inputEmoji, ...props }) => {
   const websocket = useConversationStore((state) => state.websocket)
@@ -25,6 +26,7 @@ const ComposerTools = ({ channel, invokeSendUploadMessage, invokeSendMessage, in
 
         <PaymentlinkBtn />
         <SnippestBtn />
+        <ShortlinkBtn />
 
         {/* <Button type='text' className='' icon={<YoutubeOutlined />} size={'middle'} />
         <Button type='text' className='' icon={<AudioOutlined />} size={'middle'} /> */}
diff --git a/src/views/Conversations/Online/Input/ShortlinkBtn.jsx b/src/views/Conversations/Online/Input/ShortlinkBtn.jsx
new file mode 100644
index 0000000..28c6d55
--- /dev/null
+++ b/src/views/Conversations/Online/Input/ShortlinkBtn.jsx
@@ -0,0 +1,24 @@
+import { createContext, useEffect, useState } from 'react'
+import { Tooltip, Button } from 'antd'
+import useUrlStore from '@/stores/UrlStore'
+
+const ShortlinkBtn = ({ type, ...props }) => {
+  const [openShorturlDrawer] = useUrlStore((state) => [state.openDrawer])
+
+  return (
+    <>
+      <Tooltip title='短链接'>
+        {type === 'link' ? (
+          <Button type={'link'} onClick={() => openShorturlDrawer()}>
+            短链接
+          </Button>
+        ) : (
+          <Button type='text' onClick={() => openShorturlDrawer()} size={'middle'} className='px-1'>
+            🔗
+          </Button>
+        )}
+      </Tooltip>
+    </>
+  )
+}
+export default ShortlinkBtn