From 3381840cdd4949cc66dbc821c397a8e19d043fd0 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 17 Oct 2021 00:29:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BE=A4=E7=BB=84=E4=BC=9A=E8=AF=9D?=
 =?UTF-8?q?=E7=8B=AC=E7=AB=8B=E7=AA=97=E5=8F=A3=E9=9D=A2=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/Panel/group/Wrapper.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/web/src/components/Panel/group/Wrapper.tsx b/web/src/components/Panel/group/Wrapper.tsx
index 2cc7ad9b..54d4e3cc 100644
--- a/web/src/components/Panel/group/Wrapper.tsx
+++ b/web/src/components/Panel/group/Wrapper.tsx
@@ -5,6 +5,8 @@ import { Icon } from '@iconify/react';
 import { Button, Tooltip } from 'antd';
 import { MembersPanel } from './MembersPanel';
 import { CommonPanelWrapper } from '../common/Wrapper';
+import { usePanelWindow } from '@/hooks/usePanelWindow';
+import { OpenedPanelTip } from '@/components/OpenedPanelTip';
 
 /**
  * 群组面板通用包装器
@@ -21,10 +23,24 @@ export const GroupPanelWrapper: React.FC<GroupPanelWrapperProps> = React.memo(
       return null;
     }
 
+    const { hasOpenedPanel, openPanelWindow, closePanelWindow } =
+      usePanelWindow(`/panel/group/${props.groupId}/${props.panelId}`);
+    if (hasOpenedPanel) {
+      return <OpenedPanelTip onClosePanelWindow={closePanelWindow} />;
+    }
+
     return (
       <CommonPanelWrapper
         header={panelInfo.name}
         actions={(setRightPanel) => [
+          <Tooltip key="open" title={t('在新窗口打开')}>
+            <Button
+              icon={
+                <Icon className="anticon text-2xl" icon="mdi:dock-window" />
+              }
+              onClick={openPanelWindow}
+            />
+          </Tooltip>,
           <Tooltip key="members" title={t('成员列表')}>
             <Button
               icon={