From 910049f557dd4bb8675370b6d8feb6e0f7c0bd35 Mon Sep 17 00:00:00 2001 From: jackfiled Date: Sun, 21 Apr 2024 11:50:23 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=8D=A2=E4=BA=86=E6=9B=B4?= =?UTF-8?q?=E5=A5=BD=E7=9C=8B=E7=9A=84=E7=BC=96=E8=BE=91=E5=99=A8=20(#45)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Ichirinko <1621543655@qq.com> Reviewed-on: https://git.rrricardo.top/PostGuard/Canon/pulls/45 --- Canon.Server/client-app/package.json | 1 + .../client-app/public/pic/uncompiled.png | Bin 0 -> 18877 bytes Canon.Server/client-app/src/Pages/Index.tsx | 2 +- .../client-app/src/Pages/InputField.tsx | 35 ++++++++---------- .../client-app/src/Pages/OutputField.tsx | 20 ++++++++-- 5 files changed, 35 insertions(+), 23 deletions(-) create mode 100644 Canon.Server/client-app/public/pic/uncompiled.png diff --git a/Canon.Server/client-app/package.json b/Canon.Server/client-app/package.json index bacefa9..e92b3a5 100644 --- a/Canon.Server/client-app/package.json +++ b/Canon.Server/client-app/package.json @@ -20,6 +20,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-hook-form": "^7.51.2", + "react-monaco-editor": "^0.55.0", "react-photo-view": "^1.2.4", "react-router-dom": "^6.22.3" }, diff --git a/Canon.Server/client-app/public/pic/uncompiled.png b/Canon.Server/client-app/public/pic/uncompiled.png new file mode 100644 index 0000000000000000000000000000000000000000..96ee72dc66edde5573bc48c7aea3a5c32e093acd GIT binary patch literal 18877 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 r*2(4!ec)ANd- { setInputValue(value); diff --git a/Canon.Server/client-app/src/Pages/InputField.tsx b/Canon.Server/client-app/src/Pages/InputField.tsx index f92d645..7de5c7f 100644 --- a/Canon.Server/client-app/src/Pages/InputField.tsx +++ b/Canon.Server/client-app/src/Pages/InputField.tsx @@ -1,15 +1,14 @@ -import {TextField} from "@mui/material"; import {CSSProperties, useState} from "react"; +import MonacoEditor from "react-monaco-editor"; // @ts-expect-error ... -export function InputField({ onValueChange }) { +export function InputField({onValueChange}) { const [inputValue, setInputValue] = useState(''); // @ts-expect-error ... - const handleChange = (e) => { - const newValue = e.target.value; + const handleChange = (newValue) => { setInputValue(newValue); onValueChange(newValue); }; @@ -17,20 +16,18 @@ export function InputField({ onValueChange }) { return <>
- +
+ +
} @@ -39,5 +36,5 @@ const inputFieldClassCss: CSSProperties = { width: "100%", height: "100%", padding: "5% 5%", - boxSizing: "border-box" + boxSizing: "border-box", } diff --git a/Canon.Server/client-app/src/Pages/OutputField.tsx b/Canon.Server/client-app/src/Pages/OutputField.tsx index ba1512d..fb6b967 100644 --- a/Canon.Server/client-app/src/Pages/OutputField.tsx +++ b/Canon.Server/client-app/src/Pages/OutputField.tsx @@ -4,14 +4,28 @@ import {PhotoProvider, PhotoView} from "react-photo-view"; // @ts-expect-error ... export function OutputField({imgPath}) { + return <>
- + + {imgPath == "pic/uncompiled.png" ? : + - + } + +