✨ Window可调整大小

neila-a · Feb 15, 2024 · 84bcd0f · 84bcd0f
1 parent 8e29255
commit 84bcd0f
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 9 deletions.
diff --git a/src/app/components/Popover.tsx b/src/app/components/Popover.tsx
@@ -27,7 +27,7 @@ export default function MouseOverPopover(props: {
  if (isMobile) {
  logger.log("检测到此设备为手机，停止显示弹出框");
  } else {
- setAnchorEl(event.currentTarget);
+ setAnchorEl(event.target);
  }
  },
  handlePopoverClose = () => {

diff --git a/src/app/components/window/Window.tsx b/src/app/components/window/Window.tsx
@@ -3,7 +3,8 @@ import {
  Divider,
  IconButton,
  Typography,
- Box
+ Box,
+ TextField
 } from "@mui/material";
 import {
  CSSProperties,
@@ -29,6 +30,7 @@ import {
 import {
  Hex
 } from "../../declare";
+import { get } from "react-intl-universal";
 export interface WindowOptions {
  to: string;
  name: string;
@@ -78,6 +80,20 @@ export default function Window(props: WindowOptions): JSX.Element {
  alignItems: "center",
  ...realSx
  }}>
+ {extended && <Box sx={{
+ display: "flex"
+ }}>
+ <TextField label={get('height')} type="number" InputLabelProps={{
+ shrink: true,
+ }} onChange={event => {
+ setSize(old => [Number(event.target.value), old[1]]);
+ }} value={size[0]} />
+ <TextField label={get('width')} type="number" InputLabelProps={{
+ shrink: true,
+ }} onChange={event => {
+ setSize(old => [old[0], Number(event.target.value)]);
+ }} value={size[1]} />
+ </Box>}
  <Box sx={{
  cursor: "move",
  flex: 1,

diff --git a/src/app/locales/zh-CN.json b/src/app/locales/zh-CN.json
@@ -285,5 +285,7 @@
  "error": {
  "cache": "清除缓存并重试",
  "setting": "清除设置并重试"
- }
+ },
+ "height": "高度",
+ "width": "宽度"
 }
diff --git a/src/app/tools/mathgen/page.tsx b/src/app/tools/mathgen/page.tsx
@@ -56,26 +56,26 @@ function MathGen(): JSX.Element {
  <TextField margin="normal" label={get('上限')} type="number" InputLabelProps={{
  shrink: true,
  }} onChange={event => {
- setMax(Number(event.currentTarget.value));
+ setMax(Number(event.target.value));
  }} defaultValue={max} />
  <TextField margin="normal" label={get('下限')} type="number" InputLabelProps={{
  shrink: true,
  }} onChange={event => {
- setMin(Number(event.currentTarget.value));
+ setMin(Number(event.target.value));
  }} defaultValue={min} />
  <TextField margin="normal" label={get('个数')} type="number" InputLabelProps={{
  shrink: true,
  }} onChange={event => {
- setItemCount(Number(event.currentTarget.value));
+ setItemCount(Number(event.target.value));
  }} defaultValue={itemCount} />
  <FormControlLabel label={get('mathgen.减数检查')} control={
  <Checkbox checked={subtractionCheck} onChange={event => {
- setSubtractionCheck(event.currentTarget.checked);
+ setSubtractionCheck(event.target.checked);
  }} />
  } />
  <FormControlLabel label={get('mathgen.除数检查')} control={
  <Checkbox checked={divisionCheck} onChange={event => {
- setDivisionCheck(event.currentTarget.checked);
+ setDivisionCheck(event.target.checked);
  }} />
  } />
  <Paper sx={{

diff --git a/src/app/tools/mathgen/singleMath.tsx b/src/app/tools/mathgen/singleMath.tsx
@@ -32,7 +32,7 @@ export default function SingleMath(props: {
  <TextField label={get('结果')} type="number" InputLabelProps={{
  shrink: true,
  }} error={isError} onChange={event => {
- setError((event.currentTarget.value == math.replace(/.*=/g, "")) ? false : true);
+ setError((event.target.value == math.replace(/.*=/g, "")) ? false : true);
  }} />
  {showOut == true ? <Typography>{get('答案：')}{math.replace(/.*=/g, "")}</Typography> : <Fragment />}
  </Box>