feat: 增加选中文本部分复制

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.9.56",
+  "version": "0.9.57",
   "homepage": "https://voce.chat",
   "dependencies": {
     "@metamask/onboarding": "^1.0.1",

src/components/Message/ContextMenu.tsx

@@ -24,6 +24,7 @@ type Props = {
   hide: () => void;
   editMessage: () => void;
   children: ReactElement;
+  selectedText?: string;
 };
 const MessageContextMenu: FC<Props> = ({
   context,
@@ -32,7 +33,8 @@ const MessageContextMenu: FC<Props> = ({
   visible,
   hide,
   editMessage,
-  children
+  children,
+  selectedText = ""
 }) => {
   const { t } = useTranslation();
   const {
@@ -50,7 +52,7 @@ const MessageContextMenu: FC<Props> = ({
     PinModal,
     ForwardModal,
     DeleteModal
-  } = useMessageOperation({ mid, contextId, context });
+  } = useMessageOperation({ mid, contextId, context, selectedText });
   const dispatch = useDispatch();
   const { setReplying } = useSendMessage({ context, to: contextId });
   const handleSelect = () => {

src/components/Message/index.tsx

@@ -42,6 +42,7 @@ const Message: FC<IProps> = ({
   const inViewRef = useInView<HTMLDivElement>();
   const [edit, setEdit] = useState(false);
   const avatarRef = useRef(null);
+  const selectedTextRef = useRef<string>("");
   const { getPinInfo } = usePinMessage(context == "channel" ? contextId : 0);
   const message = useAppSelector((store) => store.message[mid], shallowEqual);
   const enableRightLayout = useAppSelector(
@@ -104,7 +105,12 @@ const Message: FC<IProps> = ({
   return (
     <div
       key={_key}
-      onContextMenu={readOnly ? undefined : handleContextMenuEvent}
+      onContextMenu={readOnly ? undefined : (evt) => {
+        // 在右键点击时保存选中的文本
+        const selection = window.getSelection();
+        selectedTextRef.current = selection?.toString().trim() || "";
+        handleContextMenuEvent(evt);
+      }}
       data-msg-mid={mid}
       ref={inViewRef}
       className={clsx(
@@ -141,6 +147,7 @@ const Message: FC<IProps> = ({
         mid={mid}
         visible={contextMenuVisible && !failed}
         hide={hideContextMenu}
+        selectedText={selectedTextRef.current}
       >
         <div
           className={clsx(

src/components/Message/useMessageOperation.tsx

@@ -15,9 +15,10 @@ interface Params {
   mid: number;
   context: ChatContext;
   contextId: number;
+  selectedText?: string;
 }
 
-export default function useMessageOperation({ mid, context, contextId }: Params) {
+export default function useMessageOperation({ mid, context, contextId, selectedText = "" }: Params) {
   const { copy } = useCopy();
   const message = useAppSelector((store) => store.message[mid], shallowEqual);
   const loginUser = useAppSelector((store) => store.authData.user, shallowEqual);
@@ -46,7 +47,12 @@ export default function useMessageOperation({ mid, context, contextId }: Params)
     setPinModalVisible((prev) => !prev);
   };
   const copyContent = (image = false) => {
-    copy(content, image);
+    // 如果有选中的文本，复制选中的文本；否则复制整条消息
+    if (selectedText && !image) {
+      copy(selectedText, false);
+    } else {
+      copy(content, image);
+    }
   };
   useEffect(() => {
     if (forwardModalVisible && content_type == ContentTypes.archive) {