From ac4341ea6b66ae02427d39d35f41d42d78b2eb2e Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期五, 14 二月 2025 10:08:32 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/components/RightContent/index.jsx |   75 +++++++++++++++++++++++++++++++++++++
 1 files changed, 74 insertions(+), 1 deletions(-)

diff --git a/zy-asrs-flow/src/components/RightContent/index.jsx b/zy-asrs-flow/src/components/RightContent/index.jsx
index a023e48..fb0b71f 100644
--- a/zy-asrs-flow/src/components/RightContent/index.jsx
+++ b/zy-asrs-flow/src/components/RightContent/index.jsx
@@ -1,7 +1,14 @@
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { SelectLang as UmiSelectLang } from '@umijs/max';
 import React from 'react';
-import { MoonOutlined, BulbOutlined } from '@ant-design/icons';
+import {
+  MoonOutlined,
+  BulbOutlined,
+  InsertRowAboveOutlined,
+  InsertRowLeftOutlined,
+  FullscreenOutlined,
+  FullscreenExitOutlined
+} from '@ant-design/icons';
 
 export const SelectLang = () => {
   return (
@@ -45,3 +52,69 @@
     </div>
   );
 };
+
+export const LayoutSwitch = ({ layoutMode, setLayoutMode }) => {
+  const handleClick = () => {
+    setLayoutMode(!layoutMode);
+  };
+  return (
+    <div
+      style={{
+        display: 'flex',
+        height: 26,
+      }}
+      onClick={handleClick}
+    >
+      {layoutMode ? <InsertRowLeftOutlined /> : <InsertRowAboveOutlined />}
+    </div>
+  );
+};
+
+export const FullScreen = ({ fullScreen, setFullScreen }) => {
+  const handleClick = () => {
+    if (!fullScreen) {
+      requestFullScreen();
+    } else {
+      exitFullscreen();
+    }
+    setFullScreen(!fullScreen);
+  };
+
+  const requestFullScreen = () => {
+    var de = document.documentElement;
+    if (de.requestFullscreen) {
+      de.requestFullscreen();
+    } else if (de.mozRequestFullScreen) {
+      de.mozRequestFullScreen();
+    } else if (de.webkitRequestFullScreen) {
+      de.webkitRequestFullScreen();
+    } else if (de.msRequestFullscreen) {
+      de.webkitRequestFullScreen();
+    }
+  };
+
+  const exitFullscreen = () => {
+    var de = document;
+    if (de.exitFullScreen) {
+      de.exitFullScreen();
+    } else if (de.mozExitFullScreen) {
+      de.mozExitFullScreen();
+    } else if (de.webkitExitFullscreen) {
+      de.webkitExitFullscreen();
+    } else if (de.msExitFullscreen) {
+      de.msExitFullscreen();
+    }
+  };
+  
+  return (
+    <div
+      style={{
+        display: 'flex',
+        height: 26,
+      }}
+      onClick={handleClick}
+    >
+      {fullScreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />}
+    </div>
+  );
+};

--
Gitblit v1.9.1