From be97b1d51acc24d1510f70d67488ab09f93fa93b Mon Sep 17 00:00:00 2001
From: IndieKKY <indiekky@gmail.com>
Date: Mon, 27 May 2024 09:02:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E7=95=8C=E9=9D=A2=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/biz/Settings.tsx | 48 ++++++++++++++++++++++++--------------------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/src/biz/Settings.tsx b/src/biz/Settings.tsx
index c007ef2..a22bfda 100644
--- a/src/biz/Settings.tsx
+++ b/src/biz/Settings.tsx
@@ -282,28 +282,6 @@ const Settings = () => {
         </div>
       </Section>}
 
-      <Section title='提示词配置'>
-        {PROMPT_TYPES.map((item, idx) => <FormItem key={item.type} title={<div>
-          <div>{item.name}</div>
-          <div className='link text-xs' onClick={() => {
-            setPromptsValue({
-              ...promptsValue,
-              // @ts-expect-error
-              [item.type]: PROMPT_DEFAULTS[item.type] ?? ''
-            })
-          }}>点击填充默认
-          </div>
-        </div>} htmlFor={`prompt-${item.type}`}>
-          <textarea id={`prompt-${item.type}`} className='mt-2 textarea input-bordered w-full'
-                    placeholder='留空使用默认提示词' value={promptsValue[item.type] ?? ''} onChange={(e) => {
-                      setPromptsValue({
-                        ...promptsValue,
-                        [item.type]: e.target.value
-                      })
-                    }}/>
-        </FormItem>)}
-      </Section>
-
       <Section title={<div className='flex items-center'>
         翻译配置
         {!apiKeySetted && <div className='tooltip tooltip-right ml-1' data-tip='未设置ApiKey无法使用'>
@@ -393,6 +371,32 @@ const Settings = () => {
                  onChange={setAskEnabledValue}/>
         </FormItem>
       </Section>
+
+      <Section title='提示词配置'>
+        <div className='flex justify-center'>
+          <a className='text-xs link link-primary' onClick={togglePromptsFold}>点击{promptsFold ? '展开' : '折叠'}</a>
+        </div>
+        {!promptsFold && PROMPT_TYPES.map((item, idx) => <FormItem key={item.type} title={<div>
+          <div>{item.name}</div>
+          <div className='link text-xs' onClick={() => {
+            setPromptsValue({
+              ...promptsValue,
+              // @ts-expect-error
+              [item.type]: PROMPT_DEFAULTS[item.type] ?? ''
+            })
+          }}>点击填充默认
+          </div>
+        </div>} htmlFor={`prompt-${item.type}`}>
+          <textarea id={`prompt-${item.type}`} className='mt-2 textarea input-bordered w-full'
+                    placeholder='留空使用默认提示词' value={promptsValue[item.type] ?? ''} onChange={(e) => {
+                      setPromptsValue({
+                        ...promptsValue,
+                        [item.type]: e.target.value
+                      })
+                    }}/>
+        </FormItem>)}
+      </Section>
+
       <div className='flex justify-center gap-5'>
         <button className='btn btn-primary btn-sm' onClick={onSave}>保存</button>
         <button className='btn btn-sm' onClick={onCancel}>取消</button>