feat: 增加webview组件封装，统一webview渲染方式

client/web/plugins/com.msgbyte.webview/src/group/GroupWebPanelRender.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Translate } from '../translate';
+import { Webview } from '@capital/component';
 
 const GroupWebPanelRender: React.FC<{ panelInfo: any }> = (props) => {
   const panelInfo = props.panelInfo;
@@ -11,7 +12,7 @@ const GroupWebPanelRender: React.FC<{ panelInfo: any }> = (props) => {
   const url = panelInfo?.meta?.url;
 
   return (
-    <iframe key={String(url)} className="w-full h-full bg-white" src={url} />
+    <Webview key={String(url)} className="w-full h-full bg-white" url={url} />
   );
 };
 GroupWebPanelRender.displayName = 'GroupWebPanelRender';

client/web/src/components/Webview.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface WebviewProps {
+  url: string;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+/**
+ * 网页渲染容器
+ */
+export const Webview: React.FC<WebviewProps> = React.memo((props) => {
+  return (
+    <iframe className={props.className} style={props.style} src={props.url} />
+  );
+});
+Webview.displayName = 'Webview';

client/web/src/plugin/component/index.tsx

@@ -56,3 +56,4 @@ export { ErrorBoundary } from '@/components/ErrorBoundary';
 export { UserAvatar } from '@/components/UserAvatar';
 export { UserName } from '@/components/UserName';
 export { Markdown } from '@/components/Markdown';
+export { Webview } from '@/components/Webview';