@artenx/dshb 0.1.29 → 0.1.30

package/lib/client.js

@@ -1641,16 +1641,57 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
-		* 模型选择弹窗（dsh-client-ui-model-selection）：上游 0.2.1-rc.2 起菜单已是
-		* `position:fixed` 并自带 place() 视口钳制定位（portal 到 body，ResizeObserver
-		* 跟随尺寸变化）。插件不再接管定位——此前写入的 fixed/left/top 与上游 menuPos
-		* 内联样式互相拉扯；且对自动聚焦搜索框的 blur 拦截会触发上游 onBlur 的
-		* close()（焦点移出菜单即关闭），手机上表现为菜单刚打开就被关掉（"弹不出来"）。
-		* 这里只保留窄屏下的视觉适配：模型名不换行连字符 + 按最宽名字缩放字号。
+		* 模型选择弹窗（dsh-client-ui-model-selection）：定位完全交还上游的 fixed + place()。
+		* 第二层模型列表含自动聚焦的搜索框；窄屏下以 inputmode=none 阻止自动唤起虚拟键盘，
+		* 用户主动点搜索框时切回 search。保持焦点有效，避免 blur 触发上游关闭菜单。
+		* 同时保留模型名的窄屏视觉适配。
 		*/
-		function installModelMenuPosition(ctx) {
+		function installModelMenuBehavior(ctx) {
 			ctx.effect(() => {
 				const narrow = window.matchMedia(NARROW_QUERY);
+				const manualKeyboardInputs = /* @__PURE__ */ new WeakSet();
+				const isModelSearchInput = (target) => {
+					if (!(target instanceof HTMLInputElement) || target.getAttribute("role") !== "searchbox") return false;
+					const menu = target.closest("[class*=\"_menu\"]");
+					return menu !== null && menu.querySelector("[class*=\"modelName\"]") !== null;
+				};
+				const setAutoKeyboardMode = (input) => {
+					if (narrow.matches && isModelSearchInput(input) && !manualKeyboardInputs.has(input)) input.inputMode = "none";
+				};
+				const prepareSearchInputs = (node) => {
+					if (!narrow.matches) return;
+					if (node instanceof HTMLInputElement) setAutoKeyboardMode(node);
+					else if (node instanceof Element) for (const input of node.querySelectorAll("input[role=\"searchbox\"]")) setAutoKeyboardMode(input);
+				};
+				const onSearchFocus = (event) => {
+					const input = event.target;
+					if (input instanceof HTMLInputElement) setAutoKeyboardMode(input);
+				};
+				const onSearchPointerDown = (event) => {
+					const input = event.target;
+					if (!narrow.matches || !isModelSearchInput(input)) return;
+					manualKeyboardInputs.add(input);
+					input.inputMode = "search";
+				};
+				const onSearchBlur = (event) => {
+					const input = event.target;
+					if (!isModelSearchInput(input)) return;
+					manualKeyboardInputs.delete(input);
+					if (narrow.matches) input.inputMode = "none";
+					else input.removeAttribute("inputmode");
+				};
+				const restoreSearchInputs = () => {
+					for (const input of document.querySelectorAll("input[role=\"searchbox\"]")) if (isModelSearchInput(input)) input.removeAttribute("inputmode");
+				};
+				const onNarrowChange = () => {
+					if (narrow.matches) prepareSearchInputs(document.documentElement);
+					else restoreSearchInputs();
+					sync();
+				};
+				document.addEventListener("focus", onSearchFocus, true);
+				document.addEventListener("pointerdown", onSearchPointerDown, true);
+				document.addEventListener("blur", onSearchBlur, true);
+				prepareSearchInputs(document.documentElement);
 				let fallbackLast = 0;
 				const findMenus = () => {
 					const byHash = Array.from(document.querySelectorAll("[class*=\"7KE1Ra_menu\"]"));
@@ -1697,19 +1738,26 @@ window.__ModuleLoader__.load({
 					}
 				};
 				sync();
-				const mo = new MutationObserver(() => requestAnimationFrame(sync));
+				const mo = new MutationObserver((records) => {
+					for (const record of records) for (const node of record.addedNodes) prepareSearchInputs(node);
+					requestAnimationFrame(sync);
+				});
 				mo.observe(document.documentElement, {
 					childList: true,
 					subtree: true
 				});
-				narrow.addEventListener("change", sync);
+				narrow.addEventListener("change", onNarrowChange);
 				window.addEventListener("resize", sync);
 				return () => {
 					mo.disconnect();
-					narrow.removeEventListener("change", sync);
+					document.removeEventListener("focus", onSearchFocus, true);
+					document.removeEventListener("pointerdown", onSearchPointerDown, true);
+					document.removeEventListener("blur", onSearchBlur, true);
+					narrow.removeEventListener("change", onNarrowChange);
 					window.removeEventListener("resize", sync);
+					restoreSearchInputs();
 				};
-			}, "dshb-mobile: model menu position");
+			}, "dshb-mobile: model menu behavior");
 		}
 		/**
 		* 上下文用量弹窗（ContextMeter .JObwrW_panel，dsh-client-ui-conversation）上游是
@@ -1908,7 +1956,7 @@ window.__ModuleLoader__.load({
 			installViewport(ctx);
 			installFrameMarker(ctx);
 			installStatsLine(ctx);
-			installModelMenuPosition(ctx);
+			installModelMenuBehavior(ctx);
 			installContextPanelPosition(ctx);
 			const layout = ctx.layout;
 			const slots = ctx.slots;