#

Junjie

2025-02-14 ac4341ea6b66ae02427d39d35f41d42d78b2eb2e

 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>
  );
};