1.add translate.json public/assets/locals/zh/translations

public/locales/en/translate.json

@@ -8,6 +8,7 @@
  "about.microsoftcopywrite": "Microsoft, Windows and Other demonstrated Products in this project are trademarks of the Microsoft group of companies",
  "about.understand": "Ok, I understand",
  "about.contact": "contact",
+
  "store.featured-app": "Featured Apps",
  "store.featured-app.info": "Take your experience to new heights with these must-have apps",
  "store.featured-game": "Featured Games",

public/locales/zh/translate.json

@@ -0,0 +1,28 @@
+{
+ "about.opensource": "win11 是一个开源项目，旨在通过React、css、JavaScript等标准web技术，在web上复制window11的桌面体验",
+ "about.notmicrosoft": "这个项目不属于Microsoft,不应与它的操作系统或产品混淆",
+ "about.Creative-Commons": "Creative-Commons",
+ "about.title": "About",
+ "about.licensed": "本项目的开源协议",
+ "about.alsonot": "这同样不是",
+ "about.microsoftcopywrite": "这个项目的Microsoft、Windows和其他演示产品均为Microsoft公司的商标",
+ "about.understand": "好的",
+ "about.contact": "联系方式",
+
+ "store.featured-app": "精选应用",
+ "store.featured-app.info": "用这些必备的应用把你的体验带到新的高度",
+ "store.featured-game": "精选游戏",
+ "store.featured-game.info": "探索Xbox游戏的乐趣，并发现你的最爱",
+ "store.featured-film": "精选电影",
+ "store.featured-film.info": "租赁或购买最新热门电影，在家或者旅途中观看",
+ "store.free": "免费",
+ "store.owned": "已拥有",
+ "store.rent": "租赁",
+ "store.features": "精选",
+ "store.ratings": "评分与评论",
+ "store.description": "描述",
+ "camera.take-photo": "拍照",
+ "oobe.country": "国家和地区是否正确?",
+ "oobe.keyboard": "键盘布局或输入法是否正确",
+ "oobe.anotherkeyboard": "如果你使用其他的键盘布局，你可以在下方添加"
+}

src/App.jsx

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useEffect, useRef, useState } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { useDispatch, useSelector } from "react-redux";
 import "./i18nextConf";
@@ -70,6 +70,7 @@ function ErrorFallback({ error, resetErrorBoundary }) {
 function App() {
  const apps = useSelector((state) => state.apps);
  const wall = useSelector((state) => state.wallpaper);
+ const isfullScreen = useSelector((state) => state.menus.fullScreen);
  const dispatch = useDispatch();
 
  const afterMath = (event) => {
@@ -88,7 +89,7 @@ function App() {
  } catch (err) {}
 
  var actionType0 = getComputedStyle(event.target).getPropertyValue(
- "--prefix",
+ "--prefix"
  );
 
  ess.forEach((item, i) => {
@@ -125,7 +126,44 @@ function App() {
  window.onload = (e) => {
  dispatch({ type: "WALLBOOTED" });
  };
+ document.addEventListener("fullscreenchange", ()=>{
+ if(document.fullscreenElement===null){
+ // exit
+ console.log('exit');
+ dispatch({type:"FULLSREEN"})
+ }
+ },true);
+
+ function fullScreen(element) {
+ const runfullScreen =
+ element.requestFullscreen ||
+ element.mozRequestFullScreen ||
+ element.webkitRequestFullScreen ||
+ element.msRequestFullscreen;
+ if (runfullScreen) runfullScreen.call(element);
+ else {
+ console.error("当前浏览器不支持部分全屏！");
+ }
+ }
+ function exitFullScreen() {
+ const runExit =
+ document.exitFullscreen ||
+ document.mozCancelFullScreen ||
+ document.webkitExitFullscreen ||
+ document.msExitFullscreen;
 
+ if (runExit) runExit.call(document);
+ else {
+ console.error("当前浏览器不支持退出全屏！");
+ }
+ }
+ const App = useRef(null);
+ if (isfullScreen) {
+ fullScreen(App.current);
+ } else if (document.fullscreenElement !== null) {
+ exitFullScreen();
+ dispatch({type:"FULLSREEN"})
+ }
  useEffect(() => {
  if (!window.onstart) {
  loadSettings();
@@ -137,7 +175,7 @@ function App() {
  });
 
  return (
- <div className="App">
+ <div className="App" ref={App}>
  <ErrorBoundary FallbackComponent={ErrorFallback}>
  {!wall.booted ? <BootScreen dir={wall.dir} /> : null}
  {wall.locked ? <LockScreen dir={wall.dir} /> : null}
@@ -149,15 +187,15 @@ function App() {
  var WinApp = Applications[key];
  return <WinApp key={idx} />;
  })}
- {Object.keys(apps)
+ {/* {Object.keys(apps)
  .filter((x) => x != "hz")
  .map((key) => apps[key])
  .map((app, i) => {
  if (app.pwa) {
  var WinApp = Drafts[app.data.type];
  return <WinApp key={i} icon={app.icon} {...app.data} />;
  }
- })}
+ })} */}
  <StartMenu />
  <BandPane />
  <SidePane />

src/containers/applications/apps/terminal.jsx

@@ -335,7 +335,10 @@ export const WnTerminal = () => {
  tmpStack.push("Network Org: " + IP.org);
  tmpStack.push("Region: " + IP.region);
  tmpStack.push("Postal: " + IP.postal);
- } else {
+ }else if(type=="ls"){
+ tmpStack.push("visit https://github.com/blueedgetechno/win11React");
+ } 
+ else {
  tmpStack.push(
  `'${type}' is not recognized as an internal or external command,`,
  );

src/reducers/menu.js

@@ -5,6 +5,7 @@ const defState = {
  opts: "desk",
  attr: null,
  dataset: null,
+ fullScreen:false,
  data: {
  desk: {
  width: "310px",
@@ -75,6 +76,11 @@ const defState = {
  },
  ],
  },
+ {
+ name:"fullScreen",
+ action:"FULLSCREEN",
+ type:"svg",
+ },
  {
  name: "Refresh",
  action: "refresh",
@@ -264,6 +270,15 @@ const menusReducer = (state = defState, action) => {
  tmpState = {
  ...action.payload,
  };
+ } else if(action.type==="FULLSCREEN"){
+ tmpState.fullScreen=!tmpState.fullScreen
+ tmpState.menus.desk.forEach(obj=>{
+ if(obj.name==='fullScreen'){
+ obj.name='exit fullSreen'
+ }else if(obj.name==='exit fullSreen'){
+ obj.name='fullScreen'
+ }
+ })
  }
 
  return tmpState;