dsh-composer-ux 0.29.1 → 0.29.2

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 本项目遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [0.29.2] — 2026-10-29（展开时把「账号与其他 ▴」缩进到账号行右端）
+
+用户 2026-10-29（截图圈住「方文」右侧的空白）：「这个展开时，把这个账号和其他和收缩按钮放到这个位置」。
+
+**改了什么**
+
+- **展开态**：那行「账号与其他 ▴」不再单独占一整行，缩进到账号那一块（`settingsArea`）的**右端**，
+  绝对定位、不占布局高度 —— 也就是你框的那个空白位置。
+- **收起态**：仍是底部容器前面那一整条「账号与其他 ▾」（这时账号行被一起藏了，没有别的落脚点）。
+
+**实现**：同一个按钮在两种状态下换父节点（收起 → 容器前面的兄弟节点；展开 → 账号块内的绝对定位），
+只动我们自己那一个按钮的 parent/属性；账号块只加一个 `position: relative`（做包含块），
+宿主与别的插件的节点照旧一个不碰。
+
+**顺手修了测试桩的一个失真**：桩的 `appendChild/insertBefore` 之前不会把节点从旧父节点摘下来
+（真 DOM 会），于是"移动按钮"这件事在测试里会变成两个按钮。桩已按真实语义修正。
+
+**测试**：`test/sidebar-footer.mjs` 新增第 6 节（9 条）；变异新增 TE（展开时还在老位置占一行）。
+
 ## [0.29.1] — 2026-10-29（「账号与其他」+ 收起状态不再记忆：打开就收起）
 
 用户 2026-10-29 两条：

package/README.md

@@ -684,7 +684,7 @@ node build.mjs                    # 产出 lib/index.js + lib/client.js
                                   #   里同版本的 npm 包（两者逐字节相同）——CI 上走的就是退路
 npm test                          # 30 个套件；当前 2621 passed, 0 failed（2026-10-28 实测；CI 三平台同样全绿）
                                   #   走 scripts/run-tests.mjs：顺带把"多少套件/多少条"记进 test/.last-run.json
-npm run test:mutations            # 手动跑：变异测试，证明那套护栏真的在咬人（205 条，须单独跑）
+npm run test:mutations            # 手动跑：变异测试，证明那套护栏真的在咬人（206 条，须单独跑）
                                   #   同样记录结果，供下面的文档门禁核对
 npm run gates                     # 发版门禁三条一起跑：tag 指向 / 包内容 / 文档数字
 npm run check:tag                 #   ① tag 名里的版本 == 该 tag 所指提交里的 package.json 版本

package/dsh-plugin.json

@@ -3,7 +3,7 @@
   "manifestVersion": "0.15",
   "id": "dsh-composer-ux.input-experience",
   "name": "dsh-composer-ux",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "license": "MIT",
   "facets": {
     "host": {

package/lib/client.js

@@ -2945,6 +2945,7 @@ function applyNavFold(doc, state3, onToggle) {
 var FOOTER_FOLD_ATTR = "data-ux-footer-fold";
 var FOOTER_HEAD_ATTR = "data-ux-footer-fold-head";
 var FOOTER_FOLD_STYLE_ATTR = "data-ux-footer-fold-style";
+var FOOTER_HEAD_INLINE_ATTR = "data-ux-footer-inline";
 var FOOTER_HEAD_TEXT = "\u8D26\u53F7\u4E0E\u5176\u4ED6";
 var ACCOUNT_LABELS = ["\u8D26\u53F7\u83DC\u5355", "Account menu", "\u8D26\u6237\u83DC\u5355"];
 var FOOTER_FOLD_CSS = `
@@ -2966,6 +2967,17 @@ var FOOTER_FOLD_CSS = `
   cursor: pointer;
 }
 [${FOOTER_HEAD_ATTR}]:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-secondary); }
+/* \u5C55\u5F00\u6001\uFF1A\u8D34\u5728\u8D26\u53F7\u90A3\u4E00\u884C\u7684\u53F3\u7AEF\uFF0C\u4E0D\u5360\u5E03\u5C40\u9AD8\u5EA6\uFF08\u7EDD\u5BF9\u5B9A\u4F4D\u5728\u8D26\u53F7\u5757\u91CC\uFF09\u3002 */
+[${FOOTER_HEAD_ATTR}][${FOOTER_HEAD_INLINE_ATTR}] {
+  position: absolute;
+  right: 6px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: auto;
+  max-width: 55%;
+  padding: 2px 6px;
+  z-index: 1;
+}
 [${FOOTER_HEAD_ATTR}]:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }
 [${FOOTER_HEAD_ATTR}] > span[data-ux-footer-fold-chevron] { margin-left: auto; opacity: .7; }
 `;
@@ -3001,7 +3013,19 @@ function ensureHeader2(doc, footer, state3, onToggle) {
     head = doc.createElement("button");
     head.type = "button";
     head.setAttribute(FOOTER_HEAD_ATTR, "");
-    footer.parentElement?.insertBefore(head, footer);
+  }
+  const accountArea = footer.lastElementChild;
+  const inline = !state3.collapsed && accountArea !== null;
+  const parent = inline ? accountArea : footer.parentElement;
+  if (parent !== null && head.parentElement !== parent) {
+    if (inline) parent.appendChild(head);
+    else parent.insertBefore(head, footer);
+  }
+  if (inline && accountArea !== null) {
+    if (accountArea.style.position !== "relative") accountArea.style.position = "relative";
+    if (!head.hasAttribute(FOOTER_HEAD_INLINE_ATTR)) head.setAttribute(FOOTER_HEAD_INLINE_ATTR, "");
+  } else if (head.hasAttribute(FOOTER_HEAD_INLINE_ATTR)) {
+    head.removeAttribute(FOOTER_HEAD_INLINE_ATTR);
   }
   const open = !state3.collapsed;
   head.setAttribute("aria-expanded", open ? "true" : "false");