From 9c35a574813f3990c4b0876b61afd2174632c60a Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Sat, 28 Mar 2026 09:32:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=89=8B=E6=9C=BA=E7=AB=AF=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E9=9A=90=E8=97=8F=E6=90=9C=E7=B4=A2=E5=B0=8F=E9=94=AE?=
 =?UTF-8?q?=E7=9B=98=E5=8F=8A=E7=9B=B8=E5=85=B3=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home.tsx     |  17 +++---
 src/components/Settings.tsx | 106 +++++++++++++++++++-----------------
 2 files changed, 64 insertions(+), 59 deletions(-)

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 89fbec5..e6f6a92 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -113,6 +113,7 @@ export const Home: React.FC<HomeProps> = ({
   const [showPinyinKeyboard, setShowPinyinKeyboard] = useState(false)
   const [searchKeyboardLayout, setSearchKeyboardLayout] = useState<SearchKeyboardLayout>("qwerty26")
   const [disableSearchKeyboard, setDisableSearchKeyboard] = useState(false)
+  const canShowSearchKeyboard = !isMobile && !disableSearchKeyboard
 
   const scrollContainerRef = useRef<HTMLDivElement>(null)
   const groupRefs = useRef<Record<string, HTMLDivElement | null>>({})
@@ -301,10 +302,10 @@ export const Home: React.FC<HomeProps> = ({
   }, [])
 
   useEffect(() => {
-    if (disableSearchKeyboard && showPinyinKeyboard) {
+    if (!canShowSearchKeyboard && showPinyinKeyboard) {
       setShowPinyinKeyboard(false)
     }
-  }, [disableSearchKeyboard, showPinyinKeyboard])
+  }, [canShowSearchKeyboard, showPinyinKeyboard])
 
   useEffect(() => {
     const onDocumentClick = (e: MouseEvent) => {
@@ -2269,10 +2270,10 @@ export const Home: React.FC<HomeProps> = ({
                   value={searchKeyword}
                   onChange={(e) => setSearchKeyword(e.target.value)}
                   onFocus={() => {
-                    if (!disableSearchKeyboard) setShowPinyinKeyboard(true)
+                    if (canShowSearchKeyboard) setShowPinyinKeyboard(true)
                   }}
                   onClick={() => {
-                    if (!disableSearchKeyboard) setShowPinyinKeyboard(true)
+                    if (canShowSearchKeyboard) setShowPinyinKeyboard(true)
                   }}
                   onKeyDown={(e) => {
                     if (e.key === "Escape") setShowPinyinKeyboard(false)
@@ -2282,7 +2283,7 @@ export const Home: React.FC<HomeProps> = ({
                   allowClear
                   style={{ width: "100%" }}
                 />
-                {!disableSearchKeyboard && showPinyinKeyboard && (
+                {canShowSearchKeyboard && showPinyinKeyboard && (
                   <div
                     style={{
                       position: "absolute",
@@ -2545,10 +2546,10 @@ export const Home: React.FC<HomeProps> = ({
               value={searchKeyword}
               onChange={(e) => setSearchKeyword(e.target.value)}
               onFocus={() => {
-                if (!disableSearchKeyboard) setShowPinyinKeyboard(true)
+                if (canShowSearchKeyboard) setShowPinyinKeyboard(true)
               }}
               onClick={() => {
-                if (!disableSearchKeyboard) setShowPinyinKeyboard(true)
+                if (canShowSearchKeyboard) setShowPinyinKeyboard(true)
               }}
               onKeyDown={(e) => {
                 if (e.key === "Escape") setShowPinyinKeyboard(false)
@@ -2606,7 +2607,7 @@ export const Home: React.FC<HomeProps> = ({
               {rewardMode ? t("rewardExchange.exitMode") : t("rewardExchange.enterMode")}
             </Button>
             <div style={{ flexShrink: 0 }}>{batchToolbar}</div>
-            {!disableSearchKeyboard && showPinyinKeyboard && (
+            {canShowSearchKeyboard && showPinyinKeyboard && (
               <div
                 style={{
                   position: "absolute",
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index c47d8e3..efe9251 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -655,58 +655,62 @@ export const Settings: React.FC<{
           <Divider />
 
           <Form layout="horizontal" labelCol={{ span: 4 }} wrapperCol={{ span: 20 }}>
-            <Form.Item label={t("settings.searchKeyboard.title")}>
-              <Select
-                value={settings.search_keyboard_layout || "qwerty26"}
-                onChange={async (v) => {
-                  if (!(window as any).api) return
-                  const next = String(v) as "t9" | "qwerty26"
-                  const res = await (window as any).api.setSetting("search_keyboard_layout", next)
-                  if (res.success) {
-                    setSettings((prev) => ({ ...prev, search_keyboard_layout: next }))
-                    messageApi.success(t("settings.general.saved"))
-                  } else {
-                    messageApi.error(res.message || t("settings.general.saveFailed"))
-                  }
-                }}
-                style={{ width: "320px" }}
-                disabled={!canAdmin}
-                options={[
-                  { value: "qwerty26", label: t("settings.searchKeyboard.options.qwerty26") },
-                  { value: "t9", label: t("settings.searchKeyboard.options.t9") },
-                ]}
-              />
-              <div
-                style={{ marginTop: "4px", fontSize: "12px", color: "var(--ss-text-secondary)" }}
-              >
-                {t("settings.searchKeyboard.hint")}
-              </div>
-            </Form.Item>
+            {!isMobile && (
+              <>
+                <Form.Item label={t("settings.searchKeyboard.title")}>
+                  <Select
+                    value={settings.search_keyboard_layout || "qwerty26"}
+                    onChange={async (v) => {
+                      if (!(window as any).api) return
+                      const next = String(v) as "t9" | "qwerty26"
+                      const res = await (window as any).api.setSetting("search_keyboard_layout", next)
+                      if (res.success) {
+                        setSettings((prev) => ({ ...prev, search_keyboard_layout: next }))
+                        messageApi.success(t("settings.general.saved"))
+                      } else {
+                        messageApi.error(res.message || t("settings.general.saveFailed"))
+                      }
+                    }}
+                    style={{ width: "320px" }}
+                    disabled={!canAdmin}
+                    options={[
+                      { value: "qwerty26", label: t("settings.searchKeyboard.options.qwerty26") },
+                      { value: "t9", label: t("settings.searchKeyboard.options.t9") },
+                    ]}
+                  />
+                  <div
+                    style={{ marginTop: "4px", fontSize: "12px", color: "var(--ss-text-secondary)" }}
+                  >
+                    {t("settings.searchKeyboard.hint")}
+                  </div>
+                </Form.Item>
 
-            <Form.Item label={t("settings.searchKeyboard.disableToggle")}>
-              <Switch
-                checked={Boolean(settings.disable_search_keyboard)}
-                onChange={async (checked) => {
-                  if (!(window as any).api) return
-                  const res = await (window as any).api.setSetting(
-                    "disable_search_keyboard",
-                    checked
-                  )
-                  if (res.success) {
-                    setSettings((prev) => ({ ...prev, disable_search_keyboard: checked }))
-                    messageApi.success(t("settings.general.saved"))
-                  } else {
-                    messageApi.error(res.message || t("settings.general.saveFailed"))
-                  }
-                }}
-                disabled={!canAdmin}
-              />
-              <div
-                style={{ marginTop: "4px", fontSize: "12px", color: "var(--ss-text-secondary)" }}
-              >
-                {t("settings.searchKeyboard.disableHint")}
-              </div>
-            </Form.Item>
+                <Form.Item label={t("settings.searchKeyboard.disableToggle")}>
+                  <Switch
+                    checked={Boolean(settings.disable_search_keyboard)}
+                    onChange={async (checked) => {
+                      if (!(window as any).api) return
+                      const res = await (window as any).api.setSetting(
+                        "disable_search_keyboard",
+                        checked
+                      )
+                      if (res.success) {
+                        setSettings((prev) => ({ ...prev, disable_search_keyboard: checked }))
+                        messageApi.success(t("settings.general.saved"))
+                      } else {
+                        messageApi.error(res.message || t("settings.general.saveFailed"))
+                      }
+                    }}
+                    disabled={!canAdmin}
+                  />
+                  <div
+                    style={{ marginTop: "4px", fontSize: "12px", color: "var(--ss-text-secondary)" }}
+                  >
+                    {t("settings.searchKeyboard.disableHint")}
+                  </div>
+                </Form.Item>
+              </>
+            )}
 
             <Form.Item label={t("settings.interfaceZoom")}>
               <Select