新增 pc-client：畅联 PC 端工程（Electron+React，按确认效果图改造，B-59）

- 基于 openim-electron-demo 改造：工号+密码登录（自研账号服务）、会话列表/聊天窗/通讯录界面重做 - 文字/语音/文件/图片消息、文件拖拽发送、表情面板、一对一语音通话（LiveKit） - RTC 令牌对接账号服务带鉴权版 /api/rtc_token（Bearer imToken + {room,identity}） - account-service: CORS Allow-Headers 补 authorization（浏览器/渲染进程跨域调 rtc_token 需要） - 附本地 mock 账号服务（scripts/mock-account-server.js）与截图联调脚本
2026-08-09 09:11:06 +08:00
parent b95159f7eb
commit 7ce40e356f
284 changed files with 31599 additions and 7 deletions
@@ -0,0 +1,103 @@
+import { CloseOutlined } from "@ant-design/icons";
+import { BlackUserItem } from "@openim/wasm-client-sdk/lib/types/entity";
+import { Button, Empty, Modal } from "antd";
+import { t } from "i18next";
+import { forwardRef, ForwardRefRenderFunction, memo, useState } from "react";
+
+import OIMAvatar from "@/components/OIMAvatar";
+import { useContactStore } from "@/store/contact";
+import { feedbackToast } from "@/utils/common";
+
+import { OverlayVisibleHandle, useOverlayVisible } from "../../hooks/useOverlayVisible";
+import { IMSDK } from "../MainContentWrap";
+
+const BlackList: ForwardRefRenderFunction<OverlayVisibleHandle, unknown> = (_, ref) => {
+  const { isOverlayOpen, closeOverlay } = useOverlayVisible(ref);
+
+  return (
+    <Modal
+      title={null}
+      footer={null}
+      closable={false}
+      open={isOverlayOpen}
+      onCancel={closeOverlay}
+      centered
+      destroyOnClose
+      styles={{
+        mask: {
+          opacity: 0,
+          transition: "none",
+        },
+      }}
+      width={420}
+      className="no-padding-modal"
+      maskTransitionName=""
+    >
+      <BlackListContent closeOverlay={closeOverlay} />
+    </Modal>
+  );
+};
+
+export default memo(forwardRef(BlackList));
+
+const BlackItem = ({
+  black,
+  removeBlack,
+}: {
+  black: BlackUserItem;
+  removeBlack: (userID: string) => Promise<void>;
+}) => {
+  const [loading, setLoading] = useState(false);
+
+  const tryRemove = async () => {
+    setLoading(true);
+    await removeBlack(black.userID);
+    setLoading(false);
+  };
+
+  return (
+    <div className="flex items-center justify-between px-5 py-2.5">
+      <div className="flex items-center">
+        <OIMAvatar src={black.faceURL} text={black.nickname} />
+        <div className="ml-3">{black.nickname}</div>
+      </div>
+      <Button type="primary" ghost loading={loading} onClick={tryRemove}>
+        {t("placeholder.remove")}
+      </Button>
+    </div>
+  );
+};
+
+export const BlackListContent = ({ closeOverlay }: { closeOverlay?: () => void }) => {
+  const blackList = useContactStore((state) => state.blackList);
+
+  const removeBlack = async (userID: string) => {
+    try {
+      await IMSDK.removeBlack(userID);
+    } catch (error) {
+      feedbackToast({ error });
+    }
+  };
+
+  return (
+    <div className="flex h-[468px] flex-col bg-[var(--chat-bubble)]">
+      <div className="flex items-center justify-between bg-[var(--gap-text)] p-5">
+        <span className="text-base font-medium">{t("placeholder.blackList")}</span>
+        <CloseOutlined
+          className="app-no-drag cursor-pointer text-[#8e9aaf]"
+          rev={undefined}
+          onClick={closeOverlay}
+        />
+      </div>
+      <div className="flex-1 overflow-y-auto">
+        {blackList.length > 0 ? (
+          blackList.map((black) => (
+            <BlackItem black={black} key={black.userID} removeBlack={removeBlack} />
+          ))
+        ) : (
+          <Empty className="flex h-full flex-col items-center justify-center" />
+        )}
+      </div>
+    </div>
+  );
+};