no message

skyouc

2025-06-22 434823f8e7d0240f05edfb191b43a922a7fbe98d

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
import { QuestionCircleOutlined } from '@ant-design/icons'; 
import { SelectLang as UmiSelectLang } from '@umijs/max'; 
import React from 'react'; 
import { 
  MoonOutlined, 
  BulbOutlined, 
  InsertRowAboveOutlined, 
  InsertRowLeftOutlined, 
  FullscreenOutlined, 
  FullscreenExitOutlined 
} from '@ant-design/icons'; 
 
export const SelectLang = () => { 
  return ( 
    <UmiSelectLang 
      style={{ 
        padding: 4, 
      }} 
    /> 
  ); 
}; 
 
export const Question = () => { 
  return ( 
    <div 
      style={{ 
        display: 'flex', 
        height: 26, 
      }} 
      onClick={() => { 
        window.open('https://pro.ant.design/docs/getting-started'); 
      }} 
    > 
      <QuestionCircleOutlined /> 
    </div> 
  ); 
}; 
 
export const Brightness = ({ darkMode, setDarkMode }) => { 
  const handleClick = () => { 
    setDarkMode(!darkMode); 
  }; 
  return ( 
    <div 
      style={{ 
        display: 'flex', 
        height: 26, 
      }} 
      onClick={handleClick} 
    > 
      {darkMode ? <BulbOutlined /> : <MoonOutlined />} 
    </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> 
  ); 
};