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

feat: 删除群成员组

Browse Source
This commit is contained in:
CrescentLeaf
2025-11-22 21:50:08 +08:00
parent c9d9dd8144
commit 1e7e175389
6 changed files with 135 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -344,7 +344,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
</>
: <mdui-tab value="RequestJoin">{chatInfo.title}</mdui-tab>
}
<mdui-tab value="Settings">设置</mdui-tab>
{chatInfo.type == 'group' && <mdui-tab value="Settings">设置</mdui-tab>}
<mdui-tab value="None" style={{ display: 'none' }}></mdui-tab>
<div style={{
flexGrow: '1',
@@ -567,7 +567,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
flexDirection: "column",
height: "100%",
}}>
<GroupMembersList target={target} />
<GroupMembersList chat={chatInfo} />
</mdui-tab-panel>
}
{
@@ -576,7 +576,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
flexDirection: "column",
height: "100%",
}}>
<JoinRequestsList target={target} />
<JoinRequestsList chat={chatInfo} />
</mdui-tab-panel>
}
<mdui-tab-panel slot="panel" value="Settings" style={{

7
client/ui/chat/GroupMembersList.tsx
View File

@@ -8,15 +8,17 @@ import data from "../../Data.ts"
import EventBus from "../../EventBus.ts"
import GroupMembersListItem from "./GroupMembersListItem.tsx"
import User from "../../api/client_data/User.ts"
import Chat from "../../api/client_data/Chat.ts"
interface Args extends React.HTMLAttributes<HTMLElement> {
target: string
chat: Chat
}
export default function GroupMembersList({
target,
chat,
...props
}: Args) {
const target = chat.id
const searchRef = React.useRef<HTMLElement>(null)
const [searchText, setSearchText] = React.useState('')
const [groupMembers, setGroupMembers] = React.useState<User[]>([])
@@ -41,6 +43,7 @@ export default function GroupMembersList({
const id = setTimeout(() => updateMembers(), 15 * 1000)
return () => {
clearTimeout(id)
EventBus.off('GroupMembersList.updateMembers')
}
}, [target])

54
client/ui/chat/GroupMembersListItem.tsx
View File

@@ -1,4 +1,4 @@
import { $ } from "mdui/jq"
import { $, dialog } from "mdui"
import Avatar from "../Avatar.tsx"
import React from 'react'
import User from "../../api/client_data/User.ts"
@@ -9,7 +9,7 @@ interface Args extends React.HTMLAttributes<HTMLElement> {
}
export default function GroupMembersListItem({ user }: Args) {
const { nickname, avatar_file_hash } = user
const { id, nickname, avatar_file_hash } = user
const itemRef = React.useRef<HTMLElement>(null)
return (
@@ -19,10 +19,52 @@ export default function GroupMembersListItem({ user }: Args) {
}} ref={itemRef}>
{nickname}
<Avatar src={getUrlForFileByHash(avatar_file_hash)} text={nickname} slot="icon" />
{/* <div slot="end-icon">
<mdui-button-icon icon="check"></mdui-button-icon>
<mdui-button-icon icon="delete"></mdui-button-icon>
</div> */}
<div slot="end-icon">
<mdui-button-icon icon="delete" onClick={() => dialog({
headline: "移除群组成员",
description: `确定要移除 ${nickname} 吗?`,
actions: [
{
text: "取消",
onClick: () => {
return true
},
},
{
text: "确定",
onClick: () => {
;(async () => {
const re = await Client.invoke("Chat.removeMembers", {
token: data.access_token,
chat_id: target,
user_ids: [
id
],
})
if (re.code != 200)
checkApiSuccessOrSncakbar(re, "移除群组成员失败")
EventBus.emit('GroupMembersList.updateMembers')
snackbar({
message: `已移除 ${nickname}`,
placement: "top",
action: "撤销操作",
onActionClick: async () => {
const re = await Client.invoke("User.addContacts", {
token: data.access_token,
targets: ls,
})
if (re.code != 200)
checkApiSuccessOrSncakbar(re, "恢复所选收藏失败")
EventBus.emit('ContactsList.updateContacts')
}
})
})()
return true
},
}
],
})}></mdui-button-icon>
</div>
</mdui-list-item>
)
}

9
client/ui/chat/JoinRequestsList.tsx
View File

@@ -11,15 +11,17 @@ import EventBus from "../../EventBus.ts"
import isMobileUI from "../isMobileUI.ts"
import JoinRequest from "../../api/client_data/JoinRequest.ts"
import JoinRequestsListItem from "./JoinRequestsListItem.tsx";
import Chat from "../../api/client_data/Chat.ts"
interface Args extends React.HTMLAttributes<HTMLElement> {
target: string
chat: Chat
}
export default function JoinRequestsList({
target,
export default function GroupMembersList({
chat,
...props
}: Args) {
const target = chat.id
const searchRef = React.useRef<HTMLElement>(null)
const [searchText, setSearchText] = React.useState('')
const [updateJoinRequests, setUpdateJoinRequests] = React.useState<JoinRequest[]>([])
@@ -44,6 +46,7 @@ export default function JoinRequestsList({
const id = setTimeout(() => updateJoinRequests(), 15 * 1000)
return () => {
clearTimeout(id)
EventBus.off('JoinRequestsList.updateJoinRequests')
}
}, [target])