function MainComponent() { const [inputText, setInputText] = React.useState(""); const [output, setOutput] = React.useState({ translation: "", summary: "" }); const [section, setSection] = React.useState("全文"); const [loading, setLoading] = React.useState(false); const [inputMethod, setInputMethod] = React.useState("text"); const sectionMap = { "全文": "Fulltext", "介绍": "Introduction", "目标": "Objective", "方法": "Methodology", "结果": "Result", "讨论": "Discussion", "限制": "Limitation" }; const translateAndSummarize = async (event)=>{ event.preventDefault(); setLoading(true); const content = inputMethod === "text" ? inputText : `上传的PDF内容。关注部分：${sectionMap[section]}`; const requestBody = { messages: [ { "role": "user", "content": content } ], system_prompt: "Summarize this Japanese text and translate it to Chinese, focusing on " + sectionMap[section] + "." }; const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(requestBody) }); const data = await response.json(); if (data && data.choices && data.choices.length > 0) { const result = data.choices[0].message.content.split("\n\n"); if (result.length >= 2) { setOutput({ translation: result[1], summary: result[0] }); } else { setOutput({ translation: "翻译或摘要失败，请稍后再试。", summary: "" }); } } else { setOutput({ translation: "翻译失败，请稍后再试。", summary: "" }); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0] p-4", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#333] mb-8", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, "日语到中文的翻译和摘要应用"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-8 w-full max-w-[600px]", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: translateAndSummarize, __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), inputMethod === "text" ? /*#__PURE__*/ React.createElement("textarea", { id: "japaneseText", name: "japaneseText", rows: "4", className: "block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500", placeholder: "在此输入您想翻译的日文...", value: inputText, onChange: (e)=>setInputText(e.target.value), __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("input", { type: "file", name: "file", className: "block w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "section", className: "block mb-2 text-sm font-medium text-[#333]", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "选择部分"), /*#__PURE__*/ React.createElement("select", { id: "section", name: "section", className: "block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500", value: section, onChange: (e)=>setSection(e.target.value), __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "全文"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "介绍"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, "目标"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "方法"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, "结果"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, "讨论"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "限制"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-white bg-[#007BFF] hover:bg-[#0069d9] focus:ring-4 focus:outline-none focus:ring-[#0056b3] font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, loading ? "生成中..." : "生成"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px]", __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#333] mt-12 mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, "摘要结果"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-6 mb-4", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "中文摘要"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, output.summary ? output.summary : "摘要结果将显示在这里...")))); }