CrescentLeaf/LingChair
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ui: 細節優化: 發送消息時, 轉圈

Browse Source
This commit is contained in:
CrescentLeaf
2025-09-24 21:44:52 +08:00
parent 6dfe59c5a8
commit 954b5d3430
1 changed files with 34 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/ui/chat/ChatFragment.tsx
View File

@@ -116,9 +116,14 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
const [showLoadingMoreMessagesTip, setShowLoadingMoreMessagesTip] = React.useState(false) const [showLoadingMoreMessagesTip, setShowLoadingMoreMessagesTip] = React.useState(false)
const [showNoMoreMessagesTip, setShowNoMoreMessagesTip] = React.useState(false) const [showNoMoreMessagesTip, setShowNoMoreMessagesTip] = React.useState(false)
const [isMessageSending, setIsMessageSending] = React.useState(false)
const cachedFiles = React.useRef({} as { [fileName: string]: ArrayBuffer }) const cachedFiles = React.useRef({} as { [fileName: string]: ArrayBuffer })
async function sendMessage() { async function sendMessage() {
try {
let text = inputRef.current!.value let text = inputRef.current!.value
if (text.trim() == '') return
setIsMessageSending(true)
for (const fileName of Object.keys(cachedFiles.current)) { for (const fileName of Object.keys(cachedFiles.current)) {
if (text.indexOf(fileName) != -1) { if (text.indexOf(fileName) != -1) {
const re = await Client.invoke("Chat.uploadFile", { const re = await Client.invoke("Chat.uploadFile", {
@@ -140,6 +145,13 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
if (checkApiSuccessOrSncakbar(re, "發送失敗")) return if (checkApiSuccessOrSncakbar(re, "發送失敗")) return
inputRef.current!.value = '' inputRef.current!.value = ''
cachedFiles.current = {} cachedFiles.current = {}
} catch (e) {
snackbar({
message: '發送失敗: ' + (e as Error).message,
placement: 'top',
})
}
setIsMessageSending(false)
} }
return ( return (
@@ -160,7 +172,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
showReturnButton && <mdui-button-icon icon="arrow_back" onClick={onReturnButtonClicked} style={{ showReturnButton && <mdui-button-icon icon="arrow_back" onClick={onReturnButtonClicked} style={{
alignSelf: 'center', alignSelf: 'center',
marginLeft: '5px', marginLeft: '5px',
marginRight: '15px', marginRight: '5px',
}}></mdui-button-icon> }}></mdui-button-icon>
} }
<mdui-tab value="Chat">{ <mdui-tab value="Chat">{
@@ -302,7 +314,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
}}></mdui-button-icon> }}></mdui-button-icon>
<mdui-button-icon icon="send" style={{ <mdui-button-icon icon="send" style={{
marginRight: '7px', marginRight: '7px',
}} onClick={() => sendMessage()}></mdui-button-icon> }} onClick={() => sendMessage()} loading={isMessageSending}></mdui-button-icon>
</div> </div>
</mdui-tab-panel> </mdui-tab-panel>
<mdui-tab-panel slot="panel" value="Settings" style={{ <mdui-tab-panel slot="panel" value="Settings" style={{