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

feat: 手動選擇文件

Browse Source
This commit is contained in:
CrescentLeaf
2025-09-25 00:42:31 +08:00
parent 9395104c20
commit 4bcc6e4347
1 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -104,7 +104,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
const { chat, msg } = (data as OnMessageData) const { chat, msg } = (data as OnMessageData)
if (target == chat) { if (target == chat) {
setMessagesList(messagesList.concat([msg])) setMessagesList(messagesList.concat([msg]))
if ((chatPanelRef.current!.scrollHeight - chatPanelRef.current!.scrollTop - chatPanelRef.current!.clientHeight) < 80) if ((chatPanelRef.current!.scrollHeight - chatPanelRef.current!.scrollTop - chatPanelRef.current!.clientHeight) < 130)
setTimeout(() => chatPanelRef.current!.scrollTo({ setTimeout(() => chatPanelRef.current!.scrollTo({
top: 10000000000, top: 10000000000,
behavior: "smooth", behavior: "smooth",
@@ -159,6 +159,8 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
setIsMessageSending(false) setIsMessageSending(false)
} }
const attachFileInputRef = React.useRef<HTMLInputElement>(null)
function insertText(text: string) { function insertText(text: string) {
const input = inputRef.current!.shadowRoot!.querySelector('[part=input]') as HTMLTextAreaElement const input = inputRef.current!.shadowRoot!.querySelector('[part=input]') as HTMLTextAreaElement
inputRef.current!.value = input.value!.substring(0, input.selectionStart as number) + text + input.value!.substring(input.selectionEnd as number, input.value.length) inputRef.current!.value = input.value!.substring(0, input.selectionStart as number) + text + input.value!.substring(input.selectionEnd as number, input.value.length)
@@ -177,6 +179,14 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
else else
insertText(`![File=${name}](${name})`) insertText(`![File=${name}](${name})`)
} }
useEventListener(attachFileInputRef, 'change', (_e) => {
const files = attachFileInputRef.current!.files as unknown as File[]
if (files?.length == 0) return
for (const file of files) {
addFile(file.type, file.name, file)
}
})
return ( return (
<div style={{ <div style={{
@@ -331,12 +341,19 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
marginTop: '3px', marginTop: '3px',
marginBottom: '3px', marginBottom: '3px',
}}></mdui-text-field> }}></mdui-text-field>
<mdui-button-icon slot="end-icon" icon="more_vert" style={{ <mdui-button-icon slot="end-icon" icon="attach_file" style={{
marginRight: '6px', marginRight: '6px',
}} onClick={() => {
attachFileInputRef.current!.click()
}}></mdui-button-icon> }}></mdui-button-icon>
<mdui-button-icon icon="send" style={{ <mdui-button-icon icon="send" style={{
marginRight: '7px', marginRight: '7px',
}} onClick={() => sendMessage()} loading={isMessageSending}></mdui-button-icon> }} onClick={() => sendMessage()} loading={isMessageSending}></mdui-button-icon>
<div style={{
display: 'none'
}}>
<input accept="*/*" type="file" name="選擇附加文檔" multiple ref={attachFileInputRef}></input>
</div>
</div> </div>
</mdui-tab-panel> </mdui-tab-panel>
<mdui-tab-panel slot="panel" value="Settings" style={{ <mdui-tab-panel slot="panel" value="Settings" style={{