@bittersmilezzz/dsh-model-selector 0.3.7 → 0.3.9

package/README.md

@@ -17,7 +17,7 @@
 - 替换官方输入区的模型选择 seat（`conversation.input.model`，shadow 方式叠加，不禁用官方组件）
 - 单层模型菜单：名称搜索过滤（命中片段高亮）+ 提供商分组折叠，选中行与供应商标可见高亮，打开自动滚到当前选中行
 - 搜索宽容：大小写、变音符与 `İ`/`café` 这类 Unicode 折叠差异都能命中（NFKD 归一化；高亮只在码位长度不变时标注，不画错位置）
-- 菜单高度按视口实测钳位，弹出方向自适应（取上下空间更大一侧），矮窗口自动收不溢出；seat 右缘放不下时水平钳到视口内
+- 菜单定位走官方 `useAnchoredPosition`（右缘对齐 seat + 视口钳位 + 跟随浮层尺寸变化），弹出方向按上下空间自适应，高度按可用空间收紧，矮窗口不溢出
 - 键盘可完整操作：方向键在结果间移动、搜索框内 Enter 选中首个命中、Escape 先清搜索词再关闭并还原焦点；IME 组合输入的确认键不会被误当成「选中首个命中」
 - 无障碍：搜索框是 combobox（结果列表 listbox / 分组视图 menu）、roving tabindex 只留一个 Tab 停靠点（全折叠时落在组头）、焦点指示与选中态可辨、状态变化经常驻 live region 播报
 - 选中模型后可展开底部内联**推理强度滑杆**，实时显示当前档位名与该档位说明
@@ -57,6 +57,7 @@ dsh plugin --profile <profile> add <path-to-repo>
 ## 已知风险
 
 - 通过 slot 优先级（priority: -1）**shadow 官方 seat**：若官方后续改动该 seat 的注入面（`ModelSelectInjected`），需同步适配；这是官方认可的 slot 叠加机制，并非禁用官方 entry。
+- **已知限制（0.2.1+）**：官方 `conversation.input.model.label` 内联标签子座位由官方占用者声明，registry 不允许同一 child key 二次声明（实测会抛 `already declared` 并让插件 apply 失败）。因此本插件接管期间，第三方注入该标签座位的贡献不会被渲染；只有切回官方 seat 时才生效。这不是可以靠声明 children 解决的问题，属 shadow 语义的固有限制。
 - 与其它也 shadow `conversation.input.model` 的插件同时安装时，优先级决定渲染赢家，可能互相覆盖（本插件优先级 -1 最低，默认胜出）。
 - 遮蔽的**依赖侧**已由 `test/official-seat-shadow.test.mjs` 钉住：官方当前注册该座位时**不声明** `priority`（即默认 0），遮蔽才成立；官方一旦开始声明（尤其 `<= -1`）或把该座位从 single 改成 chain，测试先变红，提示重新评估策略。
 - 若把这个插件提交到第三方商城（如 DSH-Store），其「不动官方组件」条款是最需要解释的一点：本插件走的是官方 slot 的 shadowing 语义（`priority: -1`），**没有**禁用/替换官方 entry，也没有改动任何 `@deepseek-ai/*` 组件本体。

package/lib/client.js

@@ -564,27 +564,14 @@ window.__ModuleLoader__.load({
 		function dmsMenuAbove(triggerTop, triggerBottom, viewportHeight) {
 			return triggerTop >= viewportHeight - triggerBottom;
 		}
-		/** 向下弹时按 trigger 下方空间钳位菜单高度（top-anchored，不能复用向上弹的 fit）。 */
+		/** 向上弹时按 trigger 上方空间钳位菜单高度（bottom-anchored，不能复用向下弹的公式）。 */
+		function dmsAboveMaxHeight(triggerTop, cap) {
+			return Math.max(0, Math.min(cap, triggerTop - 12));
+		}
+		/** 向下弹时按 trigger 下方空间钳位菜单高度（top-anchored，不能复用向上弹的公式）。 */
 		function dmsBelowMaxHeight(triggerBottom, viewportHeight, cap) {
 			return Math.max(0, Math.min(cap, viewportHeight - triggerBottom - 12));
 		}
-		/**
-		* 菜单水平钳位：默认右锚定（right:0，与 seat 右缘对齐）；seat 右缘左侧放不下
-		* 整幅菜单（seat 靠输入区左下 + 窄窗口）、或 seat 右缘本身已越出视口右缘
-		* （页面横向溢出/缩放时 rect.right 可大于 innerWidth，右锚定会把整幅菜单
-		* 拖出屏外）时，返回钳到视口内的 left 值，调用方改用 left 锚定。
-		* 返回 undefined 表示保持默认右锚定。
-		* menuWidth 传菜单实际渲染宽度（offsetWidth），与 CSS `min(280px, 100vw-32px)` 解耦。
-		*
-		* **坐标系**：入参与返回值都是**视口坐标**。菜单是 .dms-root（position:
-		* relative）内的 absolute 元素，left 的参考系是 root 的 padding box —— 调用方
-		* 必须减去 root 的左缘再写进 style.left，否则窄窗口下菜单整体右移、横向溢出
-		* 时整幅画到屏外。
-		*/
-		function dmsMenuLeft(rootRight, menuWidth, viewportWidth, margin) {
-			if (rootRight - menuWidth >= margin && rootRight <= viewportWidth - margin) return void 0;
-			return Math.min(Math.max(margin, rootRight - menuWidth), Math.max(margin, viewportWidth - margin - menuWidth));
-		}
 		//#endregion
 		//#region src/client/roving.ts
 		/**
@@ -1251,22 +1238,16 @@ window.__ModuleLoader__.load({
 				}
 			}, [available, load]);
 			const menuRef = react.useRef(null);
-			const inactiveMenuRef = react.useRef(null);
-			const menuMaxHeight = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredMaxHeight)(menuAbove ? menuRef : inactiveMenuRef, 420, open, 12);
-			const [belowMaxHeight, setBelowMaxHeight] = react.useState(420);
-			const [menuLeft, setMenuLeft] = react.useState(void 0);
+			const [menuMaxHeight, setMenuMaxHeight] = react.useState(420);
 			react.useLayoutEffect(() => {
 				if (!open) return;
 				const measure = () => {
 					const trigger = triggerRef.current;
 					if (trigger === null) return;
 					const rect = trigger.getBoundingClientRect();
-					setMenuAbove(dmsMenuAbove(rect.top, rect.bottom, window.innerHeight));
-					setBelowMaxHeight(dmsBelowMaxHeight(rect.bottom, window.innerHeight, 420));
-					const menuWidth = menuRef.current?.offsetWidth ?? 0;
-					const left = dmsMenuLeft(rect.right, menuWidth, window.innerWidth, 12);
-					const rootLeft = rootRef.current?.getBoundingClientRect().left ?? 0;
-					setMenuLeft(left === void 0 ? void 0 : left - rootLeft);
+					const above = dmsMenuAbove(rect.top, rect.bottom, window.innerHeight);
+					setMenuAbove(above);
+					setMenuMaxHeight(above ? dmsAboveMaxHeight(rect.top, 420) : dmsBelowMaxHeight(rect.bottom, window.innerHeight, 420));
 				};
 				measure();
 				let raf = 0;
@@ -1288,6 +1269,15 @@ window.__ModuleLoader__.load({
 					window.removeEventListener("scroll", onViewportChange, { capture: true });
 				};
 			}, [open]);
+			const menuPos = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
+				open,
+				anchorRef: triggerRef,
+				panelRef: menuRef,
+				side: menuAbove ? "top" : "bottom",
+				align: "end",
+				gap: 8,
+				margin: 12
+			});
 			react.useEffect(() => {
 				if (!open) return;
 				searchRef.current?.focus();
@@ -1584,11 +1574,10 @@ window.__ModuleLoader__.load({
 						id: `${id}-menu`,
 						ref: menuRef,
 						style: {
-							maxHeight: menuAbove ? menuMaxHeight : belowMaxHeight,
-							...menuLeft === void 0 ? null : {
-								left: menuLeft,
-								right: "auto"
-							}
+							left: menuPos?.left ?? 0,
+							top: menuPos?.top ?? 0,
+							maxHeight: menuMaxHeight,
+							visibility: menuPos === null ? "hidden" : void 0
 						},
 						className: "dms-menu dms-menuModel" + (menuAbove ? "" : " dms-menuBelow"),
 						children: [
@@ -1865,9 +1854,9 @@ window.__ModuleLoader__.load({
 .dms-model-check svg { display: block; }
 
 .dms-menu {
-  position: absolute;
-  right: 0;
-  bottom: calc(100% + 8px);
+  /* 官方 useAnchoredPosition 返回视口坐标：fixed 定位让它不再依赖 .dms-root
+     的 padding box，免去 root 左缘减法那一层坐标系转换。 */
+  position: fixed;
   z-index: 20;
   display: flex;
   flex-direction: column;
@@ -1886,8 +1875,6 @@ window.__ModuleLoader__.load({
 }
 .dms-menuModel { border-right: none; }
 .dms-menuBelow {
-  bottom: auto;
-  top: calc(100% + 8px);
   animation-name: dms-menu-in-below;
 }
 
@@ -2484,7 +2471,7 @@ body:not([data-ds-dark-theme]) .dms-effort.is-dragging .dms-effort-knob {
 		exports.apply = apply;
 		exports.inject = inject;
 		return module.exports;
-		/* __DMS_SRC_HASH__ = "15cd0c7d1ec0bb3a49c18a144fa080674142df134d4baf6d3a4a2b6e369fa427" */	}
+		/* __DMS_SRC_HASH__ = "69e9b8c5f261eaa89fb6024b0775233655a48fb4edc152ddd52a1a8acf904d1f" */	}
 });
 
 //# sourceMappingURL=client.js.map