@greypan/web-ui 10.2.1 → 11.1.0

package/dist/scrollbars/index.d.ts

@@ -4,7 +4,7 @@ import { PartialOptions } from 'overlayscrollbars';
  */
 export declare const WEB_UI_SCROLLBARS_THEME = "os-theme-macos";
 /**
- * 全仓统一的滚动条行为：外观对齐 macOS、自动隐藏、滚动时短暂显示、track 点击直达。
+ * 全仓统一的 scrollbar 行为：外观对齐 macOS、自动隐藏、滚动时短暂显示、track 点击直达。
  *
  * 内容尺寸或平台变化都不需要改这里，只有三条产品要求本身变了才改。覆盖层要实现的是
  * 同一套手势语言，所以用法是把它整个传给 OverlayScrollbars 初始化，而不是逐项拼接：
@@ -14,17 +14,17 @@ export declare const WEB_UI_SCROLLBARS_THEME = "os-theme-macos";
  * import '@greypan/web-ui/scrollbars.css'
  * ```
  *
- * - `autoHide: 'scroll'`：滚动条只在滚动时出现，停下 `autoHideDelay` 之后自动隐去。用户明确选了
+ * - `autoHide: 'scroll'`：scrollbar 只在滚动时出现，停下 `autoHideDelay` 之后自动隐去。用户明确选了
  *   这一档而不是 `'move'`——`'move'` 会让指针在滚动区域内移动就唤出，比 macOS 原生积极得多。
- *   代价写清楚：**hover 本身不再唤出滚动条**（隐藏态的元素不可命中，指针根本落不到它上面），
+ *   代价写清楚：**hover 本身不再唤出 scrollbar**（隐藏态的元素不可命中，指针根本落不到它上面），
  *   所以 issue 里「hover 的时候短暂显示」那条只以「滚动时短暂显示」的形式满足。
- * - `autoHideDelay: 2000`：这一档同时是「track 点击跳转」的可用窗口——滚动条隐去后它就不可命中。
- *   指针从滚动的位置移到轨道、再点下去，实测预算在 1s 上下，默认的 1300ms 太贴边；2000ms 留出
- *   余量，又不至于让半透明滚动条在静止画面上久留（macOS 原生的淡出也在 2s 这个量级）。
- * - `autoHideSuspend` 保持关闭：打开会让滚动条在首次滚动前一直可见，与「自动隐藏」相反。
+ * - `autoHideDelay: 2000`：这一档同时是「track 点击跳转」的可用窗口——scrollbar 隐去后它就不可命中。
+ *   指针从滚动的位置移到 track、再点下去，实测预算在 1s 上下，默认的 1300ms 太贴边；2000ms 留出
+ *   余量，又不至于让半透明 scrollbar 在静止画面上久留（macOS 原生的淡出也在 2s 这个量级）。
+ * - `autoHideSuspend` 保持关闭：打开会让 scrollbar 在首次滚动前一直可见，与「自动隐藏」相反。
  * - `clickScroll` 走函数形态：`true` 只是「按一个视口步进」，跳到的是当前位置的下/上一屏，
  *   与点击处的距离无关。`clickScrollDistance: 0` 才是「以点击处为目标」——库把 0 定义为
- *   「距离等于目标距离」。函数形态是必需的：这个选项只在实现里经过 `isFunction` 分支才会被读到，
+ *   「距离等于目标距离」。函数形态是必需的：这个 option 只在实现里经过 `isFunction` 分支才会被读到，
  *   直接传对象会被静默忽略。
  * - `clickScrollDuration: 0`：库默认用 200ms 缓动滚到点击处，在渲染虚拟列表的资源列表上会卡顿，
  *   这里改成即时落位。0 是合法时长而不是「非法值被忽略」：`animateNumber` 先用 `Math.max(0, ms)`

package/dist/scrollbars/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/scrollbars/index.ts"],"sourcesContent":["import './style.css'\n\nimport { ClickScrollPlugin, OverlayScrollbars, type PartialOptions } from 'overlayscrollbars'\n\n/**\n * `scrollbars.theme` 的取值，同时也是 `@greypan/web-ui/scrollbars.css` 里主题类的名字。\n */\nexport const WEB_UI_SCROLLBARS_THEME = 'os-theme-macos'\n\n/*\n * track 点击滚动由 ClickScrollPlugin 提供；插件未注册时 `clickScroll` 静默失效——\n * 不报错、不打日志，轨道只是没有反应。注册写在模块作用域，只要消费方用了本模块，\n * 插件就一定在位，不会因为漏掉一行 bootstrap 而退化。\n */\nOverlayScrollbars.plugin(ClickScrollPlugin)\n\n/**\n * 全仓统一的滚动条行为：外观对齐 macOS、自动隐藏、滚动时短暂显示、track 点击直达。\n *\n * 内容尺寸或平台变化都不需要改这里，只有三条产品要求本身变了才改。覆盖层要实现的是\n * 同一套手势语言，所以用法是把它整个传给 OverlayScrollbars 初始化，而不是逐项拼接：\n *\n * ```ts\n * import { webUiScrollbarsOptions } from '@greypan/web-ui/scrollbars'\n * import '@greypan/web-ui/scrollbars.css'\n * ```\n *\n * - `autoHide: 'scroll'`：滚动条只在滚动时出现，停下 `autoHideDelay` 之后自动隐去。用户明确选了\n *   这一档而不是 `'move'`——`'move'` 会让指针在滚动区域内移动就唤出，比 macOS 原生积极得多。\n *   代价写清楚：**hover 本身不再唤出滚动条**（隐藏态的元素不可命中，指针根本落不到它上面），\n *   所以 issue 里「hover 的时候短暂显示」那条只以「滚动时短暂显示」的形式满足。\n * - `autoHideDelay: 2000`：这一档同时是「track 点击跳转」的可用窗口——滚动条隐去后它就不可命中。\n *   指针从滚动的位置移到轨道、再点下去，实测预算在 1s 上下，默认的 1300ms 太贴边；2000ms 留出\n *   余量，又不至于让半透明滚动条在静止画面上久留（macOS 原生的淡出也在 2s 这个量级）。\n * - `autoHideSuspend` 保持关闭：打开会让滚动条在首次滚动前一直可见，与「自动隐藏」相反。\n * - `clickScroll` 走函数形态：`true` 只是「按一个视口步进」，跳到的是当前位置的下/上一屏，\n *   与点击处的距离无关。`clickScrollDistance: 0` 才是「以点击处为目标」——库把 0 定义为\n *   「距离等于目标距离」。函数形态是必需的：这个选项只在实现里经过 `isFunction` 分支才会被读到，\n *   直接传对象会被静默忽略。\n * - `clickScrollDuration: 0`：库默认用 200ms 缓动滚到点击处，在渲染虚拟列表的资源列表上会卡顿，\n *   这里改成即时落位。0 是合法时长而不是「非法值被忽略」：`animateNumber` 先用 `Math.max(0, ms)`\n *   得到时长 0，首帧（同步执行、不经 rAF）就判定已到期并落到终点。\n */\nexport const webUiScrollbarsOptions: PartialOptions = {\n  scrollbars: {\n    theme: WEB_UI_SCROLLBARS_THEME,\n    autoHide: 'scroll',\n    autoHideDelay: 2000,\n    clickScroll: () => ({ clickScrollDistance: 0, clickScrollDuration: 0 })\n  }\n}\n"],"mappings":";;;AAOA,IAAa,IAA0B;AAOvC,EAAkB,OAAO,CAAiB;AA6B1C,IAAa,IAAyC,EACpD,YAAY;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,oBAAoB;EAAE,qBAAqB;EAAG,qBAAqB;CAAE;AACvE,EACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/scrollbars/index.ts"],"sourcesContent":["import './style.css'\n\nimport { ClickScrollPlugin, OverlayScrollbars, type PartialOptions } from 'overlayscrollbars'\n\n/**\n * `scrollbars.theme` 的取值，同时也是 `@greypan/web-ui/scrollbars.css` 里主题类的名字。\n */\nexport const WEB_UI_SCROLLBARS_THEME = 'os-theme-macos'\n\n/*\n * track 点击滚动由 ClickScrollPlugin 提供；插件未注册时 `clickScroll` 静默失效——\n * 不报错、不打日志，track 只是没有反应。注册写在模块作用域，只要消费方用了本模块，\n * 插件就一定在位，不会因为漏掉一行 bootstrap 而退化。\n */\nOverlayScrollbars.plugin(ClickScrollPlugin)\n\n/**\n * 全仓统一的 scrollbar 行为：外观对齐 macOS、自动隐藏、滚动时短暂显示、track 点击直达。\n *\n * 内容尺寸或平台变化都不需要改这里，只有三条产品要求本身变了才改。覆盖层要实现的是\n * 同一套手势语言，所以用法是把它整个传给 OverlayScrollbars 初始化，而不是逐项拼接：\n *\n * ```ts\n * import { webUiScrollbarsOptions } from '@greypan/web-ui/scrollbars'\n * import '@greypan/web-ui/scrollbars.css'\n * ```\n *\n * - `autoHide: 'scroll'`：scrollbar 只在滚动时出现，停下 `autoHideDelay` 之后自动隐去。用户明确选了\n *   这一档而不是 `'move'`——`'move'` 会让指针在滚动区域内移动就唤出，比 macOS 原生积极得多。\n *   代价写清楚：**hover 本身不再唤出 scrollbar**（隐藏态的元素不可命中，指针根本落不到它上面），\n *   所以 issue 里「hover 的时候短暂显示」那条只以「滚动时短暂显示」的形式满足。\n * - `autoHideDelay: 2000`：这一档同时是「track 点击跳转」的可用窗口——scrollbar 隐去后它就不可命中。\n *   指针从滚动的位置移到 track、再点下去，实测预算在 1s 上下，默认的 1300ms 太贴边；2000ms 留出\n *   余量，又不至于让半透明 scrollbar 在静止画面上久留（macOS 原生的淡出也在 2s 这个量级）。\n * - `autoHideSuspend` 保持关闭：打开会让 scrollbar 在首次滚动前一直可见，与「自动隐藏」相反。\n * - `clickScroll` 走函数形态：`true` 只是「按一个视口步进」，跳到的是当前位置的下/上一屏，\n *   与点击处的距离无关。`clickScrollDistance: 0` 才是「以点击处为目标」——库把 0 定义为\n *   「距离等于目标距离」。函数形态是必需的：这个 option 只在实现里经过 `isFunction` 分支才会被读到，\n *   直接传对象会被静默忽略。\n * - `clickScrollDuration: 0`：库默认用 200ms 缓动滚到点击处，在渲染虚拟列表的资源列表上会卡顿，\n *   这里改成即时落位。0 是合法时长而不是「非法值被忽略」：`animateNumber` 先用 `Math.max(0, ms)`\n *   得到时长 0，首帧（同步执行、不经 rAF）就判定已到期并落到终点。\n */\nexport const webUiScrollbarsOptions: PartialOptions = {\n  scrollbars: {\n    theme: WEB_UI_SCROLLBARS_THEME,\n    autoHide: 'scroll',\n    autoHideDelay: 2000,\n    clickScroll: () => ({ clickScrollDistance: 0, clickScrollDuration: 0 })\n  }\n}\n"],"mappings":";;;AAOA,IAAa,IAA0B;AAOvC,EAAkB,OAAO,CAAiB;AA6B1C,IAAa,IAAyC,EACpD,YAAY;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,oBAAoB;EAAE,qBAAqB;EAAG,qBAAqB;CAAE;AACvE,EACF"}

package/dist/scrollbars/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","names":[],"sources":["../../src/scrollbars/internal.css?inline"],"sourcesContent":["/*\n * 组件内部滚动容器的原生滚动条主题。\n *\n * 为什么不是直接上 OverlayScrollbars：库的结构样式挂在 `.os-scrollbar` 上、主题类\n * `.os-theme-macos` 也靠文档层的选择器命中，两者都进不了组件的 shadow——shadow 里既匹配不到\n * `web-ui-theme[...]` 这类后代选择器，也匹配不到 `html:has()`。库还会把宿主改成 flex 行、把\n * 子节点搬进它生成的 viewport，会破坏组件自身承重的布局。唯一能跨 shadow 边界的是继承的\n * 自定义属性，所以这里只**读**主题里同一组 `--wui-scrollbar-*`（由 `web-ui-theme` 的外观分支\n * 写、`.os-theme-macos` 的回退值兜底），颜色因此与整页的覆盖式滚动条同源。\n *\n * 刻意**不写 `::-webkit-scrollbar`**：一旦给某条滚动条声明了自定义 webkit 伪元素，引擎就会\n * 放弃平台自带的覆盖式滚动条，改用经典滚动条并固定占一条布局宽度。实测（macOS Chromium，一条\n * `width: 7px` 的 `::-webkit-scrollbar`）：同尺寸容器的 `offsetWidth - clientWidth` 从 0 变成 7。\n * 那正好违反 issue #225 的第 (1) 条「不占用宽度」。`scrollbar-color` / `scrollbar-width` 不触发\n * 这个切换：覆盖式平台上滚动条保持零宽覆盖，经典平台上才按它们上色、收窄。\n *\n * 覆盖式平台（macOS、无头 Chromium）上这条规则几乎不可见——原生的覆盖滚动条由系统绘制，并不\n * 看这两个属性；它真正的用处在经典滚动条的平台（Windows / Linux）。想拿到与库逐像素一致的\n * 几何、圆角与自动隐藏只有上库这一条路，那需要把库初始化进每个 shadow root，超出 issue #225\n * 「组件不必引入第三方依赖」的范围。\n *\n * `scrollbar-color` 与 `scrollbar-width` 都是**继承属性**，写一次即可作用于容器自身及其后代；\n * 调用方只在组件自己的 shadow 里 adopted 本文件（见各组件 `static styles`），所以样式天然隔离，\n * 不会漏到文档层，满足第 (3) 条。\n */\n.wui-scroll {\n  scrollbar-color: var(--wui-scrollbar-handle, rgb(0 0 0 / 0.39)) transparent;\n  scrollbar-width: thin;\n}\n"],"mappings":""}
+{"version":3,"file":"internal.js","names":[],"sources":["../../src/scrollbars/internal.css?inline"],"sourcesContent":["/*\n * 组件内部滚动容器的原生 scrollbar 主题。\n *\n * 为什么不是直接上 OverlayScrollbars：库的结构样式挂在 `.os-scrollbar` 上、主题类\n * `.os-theme-macos` 也靠文档层的选择器命中，两者都进不了组件的 shadow——shadow 里既匹配不到\n * `web-ui-theme[...]` 这类后代选择器，也匹配不到 `html:has()`。库还会把宿主改成 flex 行、把\n * 子节点搬进它生成的 viewport，会破坏组件自身承重的布局。唯一能跨 shadow 边界的是继承的\n * 自定义属性，所以这里只**读**主题里同一组 `--wui-scrollbar-*`（由 `web-ui-theme` 的外观分支\n * 写、`.os-theme-macos` 的回退值兜底），颜色因此与整页的覆盖式 scrollbar 同源。\n *\n * 刻意**不写 `::-webkit-scrollbar`**：一旦给某条 scrollbar 声明了自定义 webkit 伪元素，引擎就会\n * 放弃平台自带的覆盖式 scrollbar，改用经典 scrollbar 并固定占一条布局宽度。实测（macOS Chromium，一条\n * `width: 7px` 的 `::-webkit-scrollbar`）：同尺寸容器的 `offsetWidth - clientWidth` 从 0 变成 7。\n * 那正好违反 issue #225 的第 (1) 条「不占用宽度」。`scrollbar-color` / `scrollbar-width` 不触发\n * 这个切换：覆盖式平台上 scrollbar 保持零宽覆盖，经典平台上才按它们上色、收窄。\n *\n * 覆盖式平台（macOS、无头 Chromium）上这条规则几乎不可见——原生的覆盖 scrollbar 由系统绘制，并不\n * 看这两个属性；它真正的用处在经典 scrollbar 的平台（Windows / Linux）。想拿到与库逐像素一致的\n * 几何、圆角与自动隐藏只有上库这一条路，那需要把库初始化进每个 shadow root，超出 issue #225\n * 「组件不必引入第三方依赖」的范围。\n *\n * `scrollbar-color` 与 `scrollbar-width` 都是**继承属性**，写一次即可作用于容器自身及其后代；\n * 调用方只在组件自己的 shadow 里 adopted 本文件（见各组件 `static styles`），所以样式天然隔离，\n * 不会漏到文档层，满足第 (3) 条。\n */\n.wui-scroll {\n  scrollbar-color: var(--wui-scrollbar-handle, rgb(0 0 0 / 0.39)) transparent;\n  scrollbar-width: thin;\n}\n"],"mappings":""}

package/dist/shared/element-height/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/element-height/index.ts"],"sourcesContent":["/**\n * 跟踪宿主的某个子元素的 border-box 高度。\n *\n * 用途是「元素的高度是动态的，但布局里另有一处要按它让位」——例如 drawer 的拖拽热区必须\n * 避开 header，而 header 的高度由 slotted 内容与 consumer 的 padding 决定（窄屏下还可能\n * 被 `max-[640px]:h-14` 改写）。这种让位关系在 CSS 里没有纯表达：热区是 dialog 的绝对\n * 定位兄弟节点，拿不到 header 的盒子尺寸；写成 `top: 100%` 之类又会把内容区一起算进去。\n *\n * 观察的是 border-box 而不是默认的 content-box：这里的判据是「这块区域在布局里占了多高」，\n * 含 padding 与 border。改 padding 而内容不变时 content-box 尺寸可能不变，回调不会来。\n */\nimport type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit'\n\ninterface Watched {\n  readonly notify: (height: number) => void\n  height: number\n}\n\nconst watched = new WeakMap<Element, Watched>()\nlet observer: ResizeObserver | undefined\n\n/**\n * 全模块共用一个 ResizeObserver：逐实例建观察者意味着每个目标各排一次尺寸回调，而同一屏里\n * 可能同时有几十个浮层。没有 ResizeObserver 的环境（jsdom）没有布局可测，直接不接。\n */\nfunction getObserver(): ResizeObserver | null {\n  if (typeof ResizeObserver === 'undefined') return null\n  if (observer) return observer\n\n  observer = new ResizeObserver(entries => {\n    for (const entry of entries) {\n      const target = watched.get(entry.target)\n      if (!target) continue\n\n      // offsetHeight 而非 entry.borderBoxSize：后者在旧引擎上可能缺席，且是分数值；\n      // 布局让位只需要整数像素，与盒子自身量出来的口径一致。\n      const height = (entry.target as HTMLElement).offsetHeight\n      if (target.height === height) continue\n\n      target.height = height\n      target.notify(height)\n    }\n  })\n\n  return observer\n}\n\nfunction watch(target: Element, notify: (height: number) => void) {\n  const shared = getObserver()\n  if (!shared) return\n\n  // 初值取 -1 而不是 0：首帧的真实高度由 observe() 的初始回调报上来，而 0 是一个合法高度，\n  // 用它当初值会把「高度就是 0」与「还没量过」混成同一种状态。\n  watched.set(target, { notify, height: -1 })\n  shared.observe(target, { box: 'border-box' })\n}\n\nfunction unwatch(target: Element) {\n  watched.delete(target)\n  observer?.unobserve(target)\n}\n\n/**\n * 把目标盒子的高度变化报给宿主；断开重连后重新接上观察。\n *\n * 目标按 selector 在宿主的 renderRoot 里查，渲染结构变化（目标被条件渲染掉再渲染回来）时\n * 重新解析——同一宿主先后观察过两个不同节点的情况是真实存在的（模式切换会换掉整棵子树）。\n */\nexport class ElementHeightController implements ReactiveController {\n  private target: Element | undefined\n\n  constructor(\n    private readonly host: ReactiveControllerHost & LitElement,\n    private readonly selector: string,\n    private readonly notify: (height: number) => void\n  ) {\n    host.addController(this)\n  }\n\n  /*\n   * 两个生命周期都要接：重连（移出 DOM 再放回去、列表重排、Teleport）不会排一次更新，只挂在\n   * hostUpdated 上的话观察在断开时被拆掉就再也接不回来。而首连时 shadow root 还没有子节点，\n   * 这里查不到目标，得靠 hostUpdated 补上第一次。\n   */\n  hostConnected() {\n    this.attach()\n  }\n\n  hostUpdated() {\n    this.attach()\n  }\n\n  hostDisconnected() {\n    this.detach()\n  }\n\n  private attach() {\n    const target = this.host.renderRoot.querySelector(this.selector)\n    if (target === this.target) return\n\n    if (this.target) unwatch(this.target)\n    this.target = target ?? undefined\n    if (this.target) watch(this.target, this.notify)\n  }\n\n  private detach() {\n    if (!this.target) return\n    unwatch(this.target)\n    this.target = undefined\n  }\n}\n"],"mappings":";AAkBA,IAAM,oBAAU,IAAI,QAA0B,GAC1C;AAMJ,SAAS,IAAqC;CAmB5C,OAlBI,OAAO,iBAAmB,MAAoB,OAC9C,MAEJ,IAAW,IAAI,gBAAe,MAAW;EACvC,KAAK,IAAM,KAAS,GAAS;GAC3B,IAAM,IAAS,EAAQ,IAAI,EAAM,MAAM;GACvC,IAAI,CAAC,GAAQ;GAIb,IAAM,IAAU,EAAM,OAAuB;GACzC,EAAO,WAAW,MAEtB,EAAO,SAAS,GAChB,EAAO,OAAO,CAAM;EACtB;CACF,CAAC,GAEM;AACT;AAEA,SAAS,EAAM,GAAiB,GAAkC;CAChE,IAAM,IAAS,EAAY;CACtB,MAIL,EAAQ,IAAI,GAAQ;EAAE;EAAQ,QAAQ;CAAG,CAAC,GAC1C,EAAO,QAAQ,GAAQ,EAAE,KAAK,aAAa,CAAC;AAC9C;AAEA,SAAS,EAAQ,GAAiB;CAEhC,AADA,EAAQ,OAAO,CAAM,GACrB,GAAU,UAAU,CAAM;AAC5B;AAQA,IAAa,IAAb,MAAmE;CAGjE,YACE,GACA,GACA,GACA;EACA,AAJiB,KAAA,OAAA,GACA,KAAA,WAAA,GACA,KAAA,SAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAOA,gBAAgB;EACd,KAAK,OAAO;CACd;CAEA,cAAc;EACZ,KAAK,OAAO;CACd;CAEA,mBAAmB;EACjB,KAAK,OAAO;CACd;CAEA,SAAiB;EACf,IAAM,IAAS,KAAK,KAAK,WAAW,cAAc,KAAK,QAAQ;EAC3D,MAAW,KAAK,WAEhB,KAAK,UAAQ,EAAQ,KAAK,MAAM,GACpC,KAAK,SAAS,KAAU,KAAA,GACpB,KAAK,UAAQ,EAAM,KAAK,QAAQ,KAAK,MAAM;CACjD;CAEA,SAAiB;EACV,AAEL,KAAK,YADL,EAAQ,KAAK,MAAM,GACL,KAAA;CAChB;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/element-height/index.ts"],"sourcesContent":["/**\n * 跟踪宿主的某个子元素的 border-box 高度。\n *\n * 用途是「元素的高度是动态的，但布局里另有一处要按它让位」——例如 drawer 的拖拽 drag zone 必须\n * 避开 header，而 header 的高度由 slotted 内容与 consumer 的 padding 决定（窄屏下还可能\n * 被 `max-[640px]:h-14` 改写）。这种让位关系在 CSS 里没有纯表达：drag zone 是 dialog 的绝对\n * 定位兄弟节点，拿不到 header 的盒子尺寸；写成 `top: 100%` 之类又会把内容区一起算进去。\n *\n * 观察的是 border-box 而不是默认的 content-box：这里的判据是「这块区域在布局里占了多高」，\n * 含 padding 与 border。改 padding 而内容不变时 content-box 尺寸可能不变，回调不会来。\n */\nimport type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit'\n\ninterface Watched {\n  readonly notify: (height: number) => void\n  height: number\n}\n\nconst watched = new WeakMap<Element, Watched>()\nlet observer: ResizeObserver | undefined\n\n/**\n * 全模块共用一个 ResizeObserver：逐实例建观察者意味着每个目标各排一次尺寸回调，而同一屏里\n * 可能同时有几十个 overlay。没有 ResizeObserver 的环境（jsdom）没有布局可测，直接不接。\n */\nfunction getObserver(): ResizeObserver | null {\n  if (typeof ResizeObserver === 'undefined') return null\n  if (observer) return observer\n\n  observer = new ResizeObserver(entries => {\n    for (const entry of entries) {\n      const target = watched.get(entry.target)\n      if (!target) continue\n\n      // offsetHeight 而非 entry.borderBoxSize：后者在旧引擎上可能缺席，且是分数值；\n      // 布局让位只需要整数像素，与盒子自身量出来的口径一致。\n      const height = (entry.target as HTMLElement).offsetHeight\n      if (target.height === height) continue\n\n      target.height = height\n      target.notify(height)\n    }\n  })\n\n  return observer\n}\n\nfunction watch(target: Element, notify: (height: number) => void) {\n  const shared = getObserver()\n  if (!shared) return\n\n  // 初值取 -1 而不是 0：首帧的真实高度由 observe() 的初始回调报上来，而 0 是一个合法高度，\n  // 用它当初值会把「高度就是 0」与「还没量过」混成同一种状态。\n  watched.set(target, { notify, height: -1 })\n  shared.observe(target, { box: 'border-box' })\n}\n\nfunction unwatch(target: Element) {\n  watched.delete(target)\n  observer?.unobserve(target)\n}\n\n/**\n * 把目标盒子的高度变化报给宿主；断开重连后重新接上观察。\n *\n * 目标按 selector 在宿主的 renderRoot 里查，渲染结构变化（目标被条件渲染掉再渲染回来）时\n * 重新解析——同一宿主先后观察过两个不同节点的情况是真实存在的（模式切换会换掉整棵子树）。\n */\nexport class ElementHeightController implements ReactiveController {\n  private target: Element | undefined\n\n  constructor(\n    private readonly host: ReactiveControllerHost & LitElement,\n    private readonly selector: string,\n    private readonly notify: (height: number) => void\n  ) {\n    host.addController(this)\n  }\n\n  /*\n   * 两个生命周期都要接：重连（移出 DOM 再放回去、列表重排、Teleport）不会排一次更新，只挂在\n   * hostUpdated 上的话观察在断开时被拆掉就再也接不回来。而首连时 shadow root 还没有子节点，\n   * 这里查不到目标，得靠 hostUpdated 补上第一次。\n   */\n  hostConnected() {\n    this.attach()\n  }\n\n  hostUpdated() {\n    this.attach()\n  }\n\n  hostDisconnected() {\n    this.detach()\n  }\n\n  private attach() {\n    const target = this.host.renderRoot.querySelector(this.selector)\n    if (target === this.target) return\n\n    if (this.target) unwatch(this.target)\n    this.target = target ?? undefined\n    if (this.target) watch(this.target, this.notify)\n  }\n\n  private detach() {\n    if (!this.target) return\n    unwatch(this.target)\n    this.target = undefined\n  }\n}\n"],"mappings":";AAkBA,IAAM,oBAAU,IAAI,QAA0B,GAC1C;AAMJ,SAAS,IAAqC;CAmB5C,OAlBI,OAAO,iBAAmB,MAAoB,OAC9C,MAEJ,IAAW,IAAI,gBAAe,MAAW;EACvC,KAAK,IAAM,KAAS,GAAS;GAC3B,IAAM,IAAS,EAAQ,IAAI,EAAM,MAAM;GACvC,IAAI,CAAC,GAAQ;GAIb,IAAM,IAAU,EAAM,OAAuB;GACzC,EAAO,WAAW,MAEtB,EAAO,SAAS,GAChB,EAAO,OAAO,CAAM;EACtB;CACF,CAAC,GAEM;AACT;AAEA,SAAS,EAAM,GAAiB,GAAkC;CAChE,IAAM,IAAS,EAAY;CACtB,MAIL,EAAQ,IAAI,GAAQ;EAAE;EAAQ,QAAQ;CAAG,CAAC,GAC1C,EAAO,QAAQ,GAAQ,EAAE,KAAK,aAAa,CAAC;AAC9C;AAEA,SAAS,EAAQ,GAAiB;CAEhC,AADA,EAAQ,OAAO,CAAM,GACrB,GAAU,UAAU,CAAM;AAC5B;AAQA,IAAa,IAAb,MAAmE;CAGjE,YACE,GACA,GACA,GACA;EACA,AAJiB,KAAA,OAAA,GACA,KAAA,WAAA,GACA,KAAA,SAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAOA,gBAAgB;EACd,KAAK,OAAO;CACd;CAEA,cAAc;EACZ,KAAK,OAAO;CACd;CAEA,mBAAmB;EACjB,KAAK,OAAO;CACd;CAEA,SAAiB;EACf,IAAM,IAAS,KAAK,KAAK,WAAW,cAAc,KAAK,QAAQ;EAC3D,MAAW,KAAK,WAEhB,KAAK,UAAQ,EAAQ,KAAK,MAAM,GACpC,KAAK,SAAS,KAAU,KAAA,GACpB,KAAK,UAAQ,EAAM,KAAK,QAAQ,KAAK,MAAM;CACjD;CAEA,SAAiB;EACV,AAEL,KAAK,YADL,EAAQ,KAAK,MAAM,GACL,KAAA;CAChB;AACF"}

package/dist/shared/focus/pointer-focus.js

@@ -10,28 +10,30 @@ function a() {
 	r();
 }
 function o(e) {
-	(e.key === "Tab" || e.key.startsWith("Arrow") || e.key === "Enter" || e.key === " " || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") && i();
+	if (!e) return;
+	e.removeAttribute("data-wui-pointer-focus");
+	let t = e.getRootNode();
+	t instanceof ShadowRoot && t.host instanceof HTMLElement && t.host.removeAttribute("data-wui-pointer-focus");
 }
 function s(e) {
+	(e.key === "Tab" || e.key.startsWith("Arrow") || e.key === "Enter" || e.key === " " || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") && (i(), o(document.activeElement));
+}
+function c(e) {
 	let r = e.target;
 	if (r instanceof HTMLElement) {
 		if (n && Date.now() - t <= 1e3) {
 			r.dataset.wuiPointerFocus = "true";
 			let e = r.getRootNode();
 			e instanceof ShadowRoot && e.host instanceof HTMLElement && (e.host.dataset.wuiPointerFocus = "true");
-		} else {
-			r.removeAttribute("data-wui-pointer-focus");
-			let e = r.getRootNode();
-			e instanceof ShadowRoot && e.host instanceof HTMLElement && e.host.removeAttribute("data-wui-pointer-focus");
-		}
+		} else o(r);
 	}
 }
-function c() {
-	return typeof window > "u" || typeof document > "u" || e ? () => {} : (e = !0, document.addEventListener("pointerdown", a, !0), document.addEventListener("keydown", o, !0), document.addEventListener("focusin", s, !0), () => {
-		e = !1, document.removeEventListener("pointerdown", a, !0), document.removeEventListener("keydown", o, !0), document.removeEventListener("focusin", s, !0);
+function l() {
+	return typeof window > "u" || typeof document > "u" || e ? () => {} : (e = !0, document.addEventListener("pointerdown", a, !0), document.addEventListener("keydown", s, !0), document.addEventListener("focusin", c, !0), () => {
+		e = !1, document.removeEventListener("pointerdown", a, !0), document.removeEventListener("keydown", s, !0), document.removeEventListener("focusin", c, !0);
 	});
 }
 //#endregion
-export { c as installPointerFocusSuppression };
+export { l as installPointerFocusSuppression };
 
 //# sourceMappingURL=pointer-focus.js.map

package/dist/shared/focus/pointer-focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"pointer-focus.js","names":[],"sources":["../../../src/shared/focus/pointer-focus.ts"],"sourcesContent":["/**\n * 指针输入期间的 focus ring 抑制。\n *\n * Safari 等浏览器在 pointer 点击后仍可能让 `:focus-visible` 命中新聚焦元素，\n * 导致点击打开 drawer/dialog 时内部按钮自动出现 focus ring。这里记录最近一次\n * 指针输入，并在 focusin 时给聚焦元素打 `data-wui-pointer-focus` 标记；组件样式\n * 用该标记将 focus ring 透明化，键盘导航（Tab/方向键等）会清除标记并恢复可见。\n */\n\nconst POINTER_FOCUS_WINDOW_MS = 1000\n\nlet installed = false\nlet lastPointerAt = 0\nlet pointerActive = false\n\nfunction markPointer() {\n  pointerActive = true\n  lastPointerAt = Date.now()\n}\n\nfunction markKeyboard() {\n  pointerActive = false\n  lastPointerAt = 0\n}\n\nfunction onPointerDown() {\n  markPointer()\n}\n\nfunction onKeyDown(event: KeyboardEvent) {\n  if (\n    event.key === 'Tab' ||\n    event.key.startsWith('Arrow') ||\n    event.key === 'Enter' ||\n    event.key === ' ' ||\n    event.key === 'Home' ||\n    event.key === 'End' ||\n    event.key === 'PageUp' ||\n    event.key === 'PageDown'\n  ) {\n    markKeyboard()\n  }\n}\n\nfunction onFocusIn(event: FocusEvent) {\n  const target = event.target\n  if (!(target instanceof HTMLElement)) return\n\n  if (pointerActive && Date.now() - lastPointerAt <= POINTER_FOCUS_WINDOW_MS) {\n    target.dataset.wuiPointerFocus = 'true'\n    const root = target.getRootNode()\n    if (root instanceof ShadowRoot && root.host instanceof HTMLElement) {\n      root.host.dataset.wuiPointerFocus = 'true'\n    }\n  } else {\n    target.removeAttribute('data-wui-pointer-focus')\n    const root = target.getRootNode()\n    if (root instanceof ShadowRoot && root.host instanceof HTMLElement) {\n      root.host.removeAttribute('data-wui-pointer-focus')\n    }\n  }\n}\n\n/**\n * 安装一次全局 pointer/keyboard/focus 监听。重复调用幂等。\n */\nexport function installPointerFocusSuppression(): () => void {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return () => {}\n  if (installed) return () => {}\n  installed = true\n\n  // 只用 document 一份 capture 监听：shadow DOM 内的 pointerdown/keydown/focusin\n  // 都会 composed 冒泡到 document，避免 window/document 双份导致同一事件处理两次。\n  document.addEventListener('pointerdown', onPointerDown, true)\n  document.addEventListener('keydown', onKeyDown, true)\n  document.addEventListener('focusin', onFocusIn, true)\n\n  return () => {\n    installed = false\n    document.removeEventListener('pointerdown', onPointerDown, true)\n    document.removeEventListener('keydown', onKeyDown, true)\n    document.removeEventListener('focusin', onFocusIn, true)\n  }\n}\n\n/**\n * 测试辅助：清除指针输入状态，避免用例间泄漏。\n */\nexport function resetPointerFocusState(): void {\n  markKeyboard()\n}\n"],"mappings":";AASA,IAEI,IAAY,IACZ,IAAgB,GAChB,IAAgB;AAEpB,SAAS,IAAc;CAErB,AADA,IAAgB,IAChB,IAAgB,KAAK,IAAI;AAC3B;AAEA,SAAS,IAAe;CAEtB,AADA,IAAgB,IAChB,IAAgB;AAClB;AAEA,SAAS,IAAgB;CACvB,EAAY;AACd;AAEA,SAAS,EAAU,GAAsB;CACvC,CACE,EAAM,QAAQ,SACd,EAAM,IAAI,WAAW,OAAO,KAC5B,EAAM,QAAQ,WACd,EAAM,QAAQ,OACd,EAAM,QAAQ,UACd,EAAM,QAAQ,SACd,EAAM,QAAQ,YACd,EAAM,QAAQ,eAEd,EAAa;AAEjB;AAEA,SAAS,EAAU,GAAmB;CACpC,IAAM,IAAS,EAAM;CACf,iBAAkB,aAExB;MAAI,KAAiB,KAAK,IAAI,IAAI,KAAiB,KAAyB;GAC1E,EAAO,QAAQ,kBAAkB;GACjC,IAAM,IAAO,EAAO,YAAY;GAChC,AAAI,aAAgB,cAAc,EAAK,gBAAgB,gBACrD,EAAK,KAAK,QAAQ,kBAAkB;EAExC,OAAO;GACL,EAAO,gBAAgB,wBAAwB;GAC/C,IAAM,IAAO,EAAO,YAAY;GAChC,AAAI,aAAgB,cAAc,EAAK,gBAAgB,eACrD,EAAK,KAAK,gBAAgB,wBAAwB;EAEtD;;AACF;AAKA,SAAgB,IAA6C;CAW3D,OAVI,OAAO,SAAW,OAAe,OAAO,WAAa,OACrD,UAAwB,CAAC,KAC7B,IAAY,IAIZ,SAAS,iBAAiB,eAAe,GAAe,EAAI,GAC5D,SAAS,iBAAiB,WAAW,GAAW,EAAI,GACpD,SAAS,iBAAiB,WAAW,GAAW,EAAI,SAEvC;EAIX,AAHA,IAAY,IACZ,SAAS,oBAAoB,eAAe,GAAe,EAAI,GAC/D,SAAS,oBAAoB,WAAW,GAAW,EAAI,GACvD,SAAS,oBAAoB,WAAW,GAAW,EAAI;CACzD;AACF"}
+{"version":3,"file":"pointer-focus.js","names":[],"sources":["../../../src/shared/focus/pointer-focus.ts"],"sourcesContent":["/**\n * 指针输入期间的 focus ring 抑制。\n *\n * Safari 等浏览器在 pointer 点击后仍可能让 `:focus-visible` 命中新聚焦元素，\n * 导致点击打开 drawer/dialog 时内部 button 自动出现 focus ring。这里记录最近一次\n * 指针输入，并在 focusin 时给聚焦元素打 `data-wui-pointer-focus` 标记；组件样式\n * 用该标记将 focus ring 透明化，键盘导航（Tab/方向键等）会清除标记并恢复可见。\n */\n\nconst POINTER_FOCUS_WINDOW_MS = 1000\n\nlet installed = false\nlet lastPointerAt = 0\nlet pointerActive = false\n\nfunction markPointer() {\n  pointerActive = true\n  lastPointerAt = Date.now()\n}\n\nfunction markKeyboard() {\n  pointerActive = false\n  lastPointerAt = 0\n}\n\nfunction onPointerDown() {\n  markPointer()\n}\n\nfunction clearPointerFocusMark(target: Element | null) {\n  if (!target) return\n\n  target.removeAttribute('data-wui-pointer-focus')\n  const root = target.getRootNode()\n  if (root instanceof ShadowRoot && root.host instanceof HTMLElement) {\n    root.host.removeAttribute('data-wui-pointer-focus')\n  }\n}\n\nfunction onKeyDown(event: KeyboardEvent) {\n  if (\n    event.key === 'Tab' ||\n    event.key.startsWith('Arrow') ||\n    event.key === 'Enter' ||\n    event.key === ' ' ||\n    event.key === 'Home' ||\n    event.key === 'End' ||\n    event.key === 'PageUp' ||\n    event.key === 'PageDown'\n  ) {\n    markKeyboard()\n    clearPointerFocusMark(document.activeElement)\n  }\n}\n\nfunction onFocusIn(event: FocusEvent) {\n  const target = event.target\n  if (!(target instanceof HTMLElement)) return\n\n  if (pointerActive && Date.now() - lastPointerAt <= POINTER_FOCUS_WINDOW_MS) {\n    target.dataset.wuiPointerFocus = 'true'\n    const root = target.getRootNode()\n    if (root instanceof ShadowRoot && root.host instanceof HTMLElement) {\n      root.host.dataset.wuiPointerFocus = 'true'\n    }\n  } else {\n    clearPointerFocusMark(target)\n  }\n}\n\n/**\n * 安装一次全局 pointer/keyboard/focus 监听。重复调用幂等。\n */\nexport function installPointerFocusSuppression(): () => void {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return () => {}\n  if (installed) return () => {}\n  installed = true\n\n  // 只用 document 一份 capture 监听：shadow DOM 内的 pointerdown/keydown/focusin\n  // 都会 composed 冒泡到 document，避免 window/document 双份导致同一事件处理两次。\n  document.addEventListener('pointerdown', onPointerDown, true)\n  document.addEventListener('keydown', onKeyDown, true)\n  document.addEventListener('focusin', onFocusIn, true)\n\n  return () => {\n    installed = false\n    document.removeEventListener('pointerdown', onPointerDown, true)\n    document.removeEventListener('keydown', onKeyDown, true)\n    document.removeEventListener('focusin', onFocusIn, true)\n  }\n}\n\n/**\n * 测试辅助：清除指针输入状态，避免用例间泄漏。\n */\nexport function resetPointerFocusState(): void {\n  markKeyboard()\n}\n"],"mappings":";AASA,IAEI,IAAY,IACZ,IAAgB,GAChB,IAAgB;AAEpB,SAAS,IAAc;CAErB,AADA,IAAgB,IAChB,IAAgB,KAAK,IAAI;AAC3B;AAEA,SAAS,IAAe;CAEtB,AADA,IAAgB,IAChB,IAAgB;AAClB;AAEA,SAAS,IAAgB;CACvB,EAAY;AACd;AAEA,SAAS,EAAsB,GAAwB;CACrD,IAAI,CAAC,GAAQ;CAEb,EAAO,gBAAgB,wBAAwB;CAC/C,IAAM,IAAO,EAAO,YAAY;CAChC,AAAI,aAAgB,cAAc,EAAK,gBAAgB,eACrD,EAAK,KAAK,gBAAgB,wBAAwB;AAEtD;AAEA,SAAS,EAAU,GAAsB;CACvC,CACE,EAAM,QAAQ,SACd,EAAM,IAAI,WAAW,OAAO,KAC5B,EAAM,QAAQ,WACd,EAAM,QAAQ,OACd,EAAM,QAAQ,UACd,EAAM,QAAQ,SACd,EAAM,QAAQ,YACd,EAAM,QAAQ,gBAEd,EAAa,GACb,EAAsB,SAAS,aAAa;AAEhD;AAEA,SAAS,EAAU,GAAmB;CACpC,IAAM,IAAS,EAAM;CACf,iBAAkB,aAExB;MAAI,KAAiB,KAAK,IAAI,IAAI,KAAiB,KAAyB;GAC1E,EAAO,QAAQ,kBAAkB;GACjC,IAAM,IAAO,EAAO,YAAY;GAChC,AAAI,aAAgB,cAAc,EAAK,gBAAgB,gBACrD,EAAK,KAAK,QAAQ,kBAAkB;EAExC,OACE,EAAsB,CAAM;CAAA;AAEhC;AAKA,SAAgB,IAA6C;CAW3D,OAVI,OAAO,SAAW,OAAe,OAAO,WAAa,OACrD,UAAwB,CAAC,KAC7B,IAAY,IAIZ,SAAS,iBAAiB,eAAe,GAAe,EAAI,GAC5D,SAAS,iBAAiB,WAAW,GAAW,EAAI,GACpD,SAAS,iBAAiB,WAAW,GAAW,EAAI,SAEvC;EAIX,AAHA,IAAY,IACZ,SAAS,oBAAoB,eAAe,GAAe,EAAI,GAC/D,SAAS,oBAAoB,WAAW,GAAW,EAAI,GACvD,SAAS,oBAAoB,WAAW,GAAW,EAAI;CACzD;AACF"}

package/dist/shared/gesture/drag-gesture.js

@@ -76,16 +76,16 @@ function e(e, t) {
 	function j(e) {
 		if (f !== e.pointerId || y === e) return;
 		if (y = e, !g) {
-			let t = e.clientX - p, n = e.clientY - m;
-			if ((i === "x" ? Math.abs(t) : i === "y" ? Math.abs(n) : Math.hypot(t, n)) < a) return;
-			if (i === "x" && Math.abs(n) > Math.abs(t)) {
+			let t = e.clientX - p, n = e.clientY - m, o = i === "x" ? Math.abs(t) : i === "y" ? Math.abs(n) : Math.hypot(t, n);
+			if (i === "x" && Math.abs(n) >= a && Math.abs(n) > Math.abs(t)) {
 				F();
 				return;
 			}
-			if (i === "y" && Math.abs(t) > Math.abs(n)) {
+			if (i === "y" && Math.abs(t) >= a && Math.abs(t) > Math.abs(n)) {
 				F();
 				return;
 			}
+			if (o < a) return;
 			g = !0, h = e.timeStamp;
 			try {
 				r?.setPointerCapture?.(e.pointerId);

package/dist/shared/gesture/drag-gesture.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-gesture.js","names":[],"sources":["../../../src/shared/gesture/drag-gesture.ts"],"sourcesContent":["/**\n * 跨平台/跨浏览器 Pointer 拖拽手势生命周期管理器\n *\n * 封装：\n * 1. setPointerCapture 安全捕获与 window 兜底监听（防 pointer 丢失/离开视口悬挂）\n * 2. 多点触控副指针与未聚焦指针过滤\n * 3. 意图死区（threshold）与滑动轴向判定\n * 4. 可选的零点校准（calibrateOnFirstMove：首个有效 move 重置零点与判定时钟）\n * 5. 100ms 滑动窗口平滑速度估算（Velocity px/s）\n * 6. Window / Handle 跨层事件去重（防重复采样）\n */\n\nconst VELOCITY_WINDOW_MS = 100\n\nexport interface DragSample {\n  t: number\n  x: number\n  y: number\n}\n\nexport interface DragStartInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  timeStamp: number\n}\n\nexport interface DragMoveInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number // 沿配置主轴（若为 both 则为欧氏速度）\n  timeStamp: number\n}\n\nexport interface DragEndInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number\n  timeStamp: number\n  /**\n   * 手势从**被识别**（越过意图死区；无死区时为 pointerdown）到本次释放的总时长（ms）。\n   * `velocity*` 是滑动窗口内的瞬时速度，只描述最后一小段轨迹；需要「整段手势的平均速度」\n   * （如判定甩动意图）时用它做分母。\n   */\n  duration: number\n}\n\nexport interface DragGestureOptions {\n  /** 允许拖拽的轴向，默认 'both' */\n  axis?: 'x' | 'y' | 'both'\n  /** 拖拽启动的意图死区阈值（像素）。默认 0（即时跟手） */\n  threshold?: number\n  /**\n   * 首个有效 pointermove 时把拖拽零点与判定时钟一起重置到该点，默认 false。\n   * 吸收「按下 → 首个 move」之间的空隙（触摸输入的首个 move 常已相对按下点偏移），\n   * 否则这段位移会在首个 move 一次性兑现而让元素跳。开启后 `DragMoveInfo/DragEndInfo`\n   * 的 `delta*` 与 `duration` 都以该点为零点与起点，代价是这段位移被丢弃。\n   * 有意图死区时校准落在**越过死区的那次 move**（此时 `startTimeStamp` 的既有重置与之同值）。\n   */\n  calibrateOnFirstMove?: boolean\n  /** 手势启动回调。返回 false 可取消本次拖拽 */\n  onStart?: (info: DragStartInfo, event: PointerEvent) => boolean | void\n  /** 拖拽移动回调 */\n  onMove?: (info: DragMoveInfo, event: PointerEvent) => void\n  /** 正常松手回调 */\n  onEnd?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 未通过意图阈值的 pointerup 回调，供点击定位类控件提交一次 tap */\n  onTap?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 手势取消/被打断回调（如 pointercancel、外部强行 cancel） */\n  onCancel?: (event?: PointerEvent) => void\n}\n\nexport interface DragGestureHandle {\n  /** 当前是否有正在进行的拖拽手势 */\n  isDragging: () => boolean\n  /** 外部强制取消当前拖拽（恢复初态并触发 onCancel） */\n  cancel: () => void\n  /** 彻底销毁手势监听器与解绑 DOM */\n  destroy: () => void\n}\n\n/**\n * 为指定元素挂载统一的 Pointer 拖拽手势，或在已有的 pointerdown 事件中启动手势\n */\nexport function attachDragGesture(\n  targetOrEvent: HTMLElement | PointerEvent,\n  options: DragGestureOptions\n): DragGestureHandle {\n  const isEvent = typeof PointerEvent !== 'undefined' && targetOrEvent instanceof PointerEvent\n  const target: HTMLElement | null = isEvent\n    ? (targetOrEvent.currentTarget as HTMLElement | null) || (targetOrEvent.target as HTMLElement | null)\n    : (targetOrEvent as HTMLElement)\n\n  const {\n    axis = 'both',\n    threshold = 0,\n    calibrateOnFirstMove = false,\n    onStart,\n    onMove,\n    onEnd,\n    onTap,\n    onCancel\n  } = options\n\n  let activePointerId: number | null = null\n  let startX = 0\n  let startY = 0\n  let startTimeStamp = 0\n  let isThresholdPassed = threshold <= 0\n  let isCalibrated = false\n  let samples: DragSample[] = []\n  let handledMoveEvent: PointerEvent | null = null\n  let touchGuardTargets: Set<EventTarget> | null = null\n\n  /**\n   * iOS Safari 滚动接管兜底：\n   * WebKit 对 shadow DOM 内 touch-action 的交集计算存在怪癖，触摸落在深层子元素\n   * （如 slider thumb、segmented-trigger 的 shadow 内容）时，声明在手势元素上的\n   * touch-action: none 可能不生效，iOS 会把触摸判为滚动意图并在越过阈值前触发\n   * pointercancel，拖拽因此中断。非被动 touchmove + preventDefault 是 WebKit 也\n   * 尊重的最后手段：页面显式处理触摸移动后，滚动识别器不会获胜，也就不会接管。\n   */\n  function handleTouchMove(e: Event) {\n    if (e.cancelable) e.preventDefault()\n  }\n\n  /**\n   * 沿 pointerdown 的 composedPath 在每个 Element/ShadowRoot 挂非被动 touchmove\n   * 监听。TouchEvent 不像 PointerEvent 那样可组合：非 composed 的 touchmove 只在\n   * 落点所在的 shadow tree 内传播（连 host 都不经过），所以单一手势元素上的监听\n   * 对 segmented-trigger 这类深层 shadow 内容完全失效。composedPath 覆盖落点的\n   * 全部 shadow tree 链，无论 touchmove 在哪一层传播，路径上必有我们挂载的节点\n   * 能收到事件并 preventDefault。document/window 不在挂载范围：touchmove 到不了\n   * 它们，挂上也只是死代码。\n   */\n  function attachTouchGuards(e: PointerEvent) {\n    const targets = new Set<EventTarget>()\n    const path = typeof e.composedPath === 'function' ? e.composedPath() : []\n    for (const node of path) {\n      const type = (node as Node).nodeType\n      if (type === Node.ELEMENT_NODE || type === Node.DOCUMENT_FRAGMENT_NODE) {\n        node.addEventListener('touchmove', handleTouchMove, { capture: true, passive: false })\n        targets.add(node)\n      }\n    }\n    touchGuardTargets = targets\n  }\n\n  function detachTouchGuards() {\n    if (!touchGuardTargets) return\n    for (const node of touchGuardTargets) {\n      node.removeEventListener('touchmove', handleTouchMove, true)\n    }\n    touchGuardTargets = null\n  }\n\n  function estimateVelocity(): { vx: number; vy: number; v: number } {\n    if (samples.length < 2) return { vx: 0, vy: 0, v: 0 }\n    const first = samples[0]\n    const last = samples[samples.length - 1]\n    const dt = last.t - first.t\n    // 采样跨度不足 2ms（同帧/同毫秒的合成或极端快速事件）时不可信，置 0；\n    // 2-8ms 的超短轻扫仍按真实跨度上报速度，避免「快速轻扫」被误判为无速度\n    // 而回弹（旧守卫 <8ms 会把真实超短轻扫的速度清零）。\n    if (dt < 2) return { vx: 0, vy: 0, v: 0 }\n    const vx = ((last.x - first.x) / dt) * 1000\n    const vy = ((last.y - first.y) / dt) * 1000\n    let v = 0\n    if (axis === 'x') v = vx\n    else if (axis === 'y') v = vy\n    else v = Math.hypot(vx, vy)\n    return { vx, vy, v }\n  }\n\n  function detachWindowListeners() {\n    window.removeEventListener('pointermove', handlePointerMove, true)\n    window.removeEventListener('pointerup', handlePointerUp, true)\n    window.removeEventListener('pointercancel', handlePointerCancel, true)\n    window.removeEventListener('lostpointercapture', handleLostPointerCapture, true)\n  }\n\n  function attachWindowListeners() {\n    window.addEventListener('pointermove', handlePointerMove, true)\n    window.addEventListener('pointerup', handlePointerUp, true)\n    window.addEventListener('pointercancel', handlePointerCancel, true)\n    window.addEventListener('lostpointercapture', handleLostPointerCapture, true)\n  }\n\n  function detachTargetListeners() {\n    if (!target) return\n    target.removeEventListener('pointermove', handlePointerMove)\n    target.removeEventListener('pointerup', handlePointerUp)\n    target.removeEventListener('pointercancel', handlePointerCancel)\n    target.removeEventListener('lostpointercapture', handleLostPointerCapture)\n  }\n\n  function attachTargetListeners() {\n    if (!target) return\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n    target.addEventListener('lostpointercapture', handleLostPointerCapture)\n  }\n\n  function resetState() {\n    if (activePointerId !== null && target && typeof target.hasPointerCapture === 'function') {\n      try {\n        if (target.hasPointerCapture(activePointerId)) {\n          target.releasePointerCapture(activePointerId)\n        }\n      } catch {\n        // ignore\n      }\n    }\n    activePointerId = null\n    isThresholdPassed = threshold <= 0\n    isCalibrated = false\n    samples = []\n    handledMoveEvent = null\n    detachWindowListeners()\n    detachTargetListeners()\n    detachTouchGuards()\n  }\n\n  function handlePointerDown(e: PointerEvent) {\n    if (activePointerId !== null) return\n    // 真实触控环境下的多点触控副指针不启动手势（合成事件或鼠标环境缺省时不拦截）\n    if (e.pointerType === 'touch' && e.isPrimary === false) return\n\n    const startInfo: DragStartInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      timeStamp: e.timeStamp\n    }\n\n    if (onStart?.(startInfo, e) === false) return\n\n    activePointerId = e.pointerId\n    startX = e.clientX\n    startY = e.clientY\n    startTimeStamp = e.timeStamp\n    isThresholdPassed = threshold <= 0\n    isCalibrated = false\n    samples = [{ t: e.timeStamp, x: e.clientX, y: e.clientY }]\n    handledMoveEvent = null\n\n    attachWindowListeners()\n    attachTargetListeners()\n    attachTouchGuards(e)\n\n    // 仅在无意图死区时立即捕获指针；若存在死区，延迟至确认拖拽后捕获，避免干扰子元素原生点击\n    if (isThresholdPassed) {\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针或不可捕获上下文（如测试环境）\n      }\n    }\n  }\n\n  function handlePointerMove(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    if (handledMoveEvent === e) return\n    handledMoveEvent = e\n\n    if (!isThresholdPassed) {\n      const rawDeltaX = e.clientX - startX\n      const rawDeltaY = e.clientY - startY\n      const distance =\n        axis === 'x' ? Math.abs(rawDeltaX) : axis === 'y' ? Math.abs(rawDeltaY) : Math.hypot(rawDeltaX, rawDeltaY)\n      if (distance < threshold) return\n\n      // 若限定了 X 轴且 Y 轴位移明显更大，视为滚动意图而非拖拽\n      if (axis === 'x' && Math.abs(rawDeltaY) > Math.abs(rawDeltaX)) {\n        cancel()\n        return\n      }\n      if (axis === 'y' && Math.abs(rawDeltaX) > Math.abs(rawDeltaY)) {\n        cancel()\n        return\n      }\n      isThresholdPassed = true\n      // 手势从「被识别」这一刻起算：有意图死区时，pointerdown 之后到越过死区之前的\n      // 悬停不属于拖拽轨迹，计进 duration 会稀释整段手势的平均速度。\n      startTimeStamp = e.timeStamp\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针\n      }\n    }\n\n    // 首个有效 move 的基准校准：零点与时钟一起重置到当前位置。位移与时长都必须在这之后\n    // 重新求（校准改写了零点），否则首个 move 会拿到校准前的旧位移。\n    if (calibrateOnFirstMove && !isCalibrated) {\n      isCalibrated = true\n      startX = e.clientX\n      startY = e.clientY\n      startTimeStamp = e.timeStamp\n    }\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n\n    // 确认拖拽后阻止默认滚动/文字选中\n    if (e.cancelable) e.preventDefault()\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const { vx, vy, v } = estimateVelocity()\n\n    const moveInfo: DragMoveInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: now\n    }\n\n    onMove?.(moveInfo, e)\n  }\n\n  function handlePointerUp(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n    const { vx, vy, v } = estimateVelocity()\n\n    const endInfo: DragEndInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: e.timeStamp,\n      // 时间戳同源（都是事件 timeStamp），合成事件序列可能倒退或为 0，钳到非负。\n      duration: Math.max(0, e.timeStamp - startTimeStamp)\n    }\n\n    const hadPassedThreshold = isThresholdPassed\n    resetState()\n\n    if (hadPassedThreshold) {\n      onEnd?.(endInfo, e)\n    } else {\n      onTap?.(endInfo, e)\n      onCancel?.(e)\n    }\n  }\n\n  function handlePointerCancel(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    resetState()\n    onCancel?.(e)\n  }\n\n  /**\n   * lostpointercapture 不能当作 pointercancel：touch 指针在 pointerdown 时会被浏览器\n   * 隐式捕获到命中元素（如 slider thumb、segmented-trigger 内容），组件随后\n   * setPointerCapture(target) 把捕获转手到手势元素，命中元素先收到 lostpointercapture——\n   * 这是正常转手而非取消，若直接走 cancel 会把刚启动的拖拽杀死（值只走一步即冻结）。\n   * 只有手势元素自身意外丢失捕获（如元素被移出文档）才应取消。\n   *\n   * resetState 内 releasePointerCapture 产生的 lostpointercapture 会在 activePointerId\n   * 置空之后异步到达，被 pointerId 守卫挡住，不会误伤。\n   */\n  function handleLostPointerCapture(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    if (e.target !== target) return\n    resetState()\n    onCancel?.(e)\n  }\n\n  function cancel() {\n    if (activePointerId === null) return\n    resetState()\n    onCancel?.()\n  }\n\n  if (isEvent) {\n    handlePointerDown(targetOrEvent)\n  } else if (target) {\n    target.addEventListener('pointerdown', handlePointerDown)\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n  }\n\n  return {\n    isDragging: () => activePointerId !== null,\n    cancel,\n    destroy: () => {\n      cancel()\n      if (!isEvent && target) {\n        target.removeEventListener('pointerdown', handlePointerDown)\n        target.removeEventListener('pointermove', handlePointerMove)\n        target.removeEventListener('pointerup', handlePointerUp)\n        target.removeEventListener('pointercancel', handlePointerCancel)\n      }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"drag-gesture.js","names":[],"sources":["../../../src/shared/gesture/drag-gesture.ts"],"sourcesContent":["/**\n * 跨平台/跨浏览器 Pointer 拖拽手势生命周期管理器\n *\n * 封装：\n * 1. setPointerCapture 安全捕获与 window 兜底监听（防 pointer 丢失/离开视口悬挂）\n * 2. 多点触控副指针与未聚焦指针过滤\n * 3. 意图死区（threshold）与滑动轴向判定\n * 4. 可选的零点校准（calibrateOnFirstMove：首个有效 move 重置零点与判定时钟）\n * 5. 100ms 滑动窗口平滑速度估算（Velocity px/s）\n * 6. Window / Handle 跨层事件去重（防重复采样）\n */\n\nconst VELOCITY_WINDOW_MS = 100\n\nexport interface DragSample {\n  t: number\n  x: number\n  y: number\n}\n\nexport interface DragStartInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  timeStamp: number\n}\n\nexport interface DragMoveInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number // 沿配置主轴（若为 both 则为欧氏速度）\n  timeStamp: number\n}\n\nexport interface DragEndInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number\n  timeStamp: number\n  /**\n   * 手势从**被识别**（越过意图死区；无死区时为 pointerdown）到本次释放的总时长（ms）。\n   * `velocity*` 是滑动窗口内的瞬时速度，只描述最后一小段轨迹；需要「整段手势的平均速度」\n   * （如判定甩动意图）时用它做分母。\n   */\n  duration: number\n}\n\nexport interface DragGestureOptions {\n  /** 允许拖拽的轴向，默认 'both' */\n  axis?: 'x' | 'y' | 'both'\n  /** 拖拽启动的意图死区阈值（像素）。默认 0（即时跟手） */\n  threshold?: number\n  /**\n   * 首个有效 pointermove 时把拖拽零点与判定时钟一起重置到该点，默认 false。\n   * 吸收「按下 → 首个 move」之间的空隙（触摸输入的首个 move 常已相对按下点偏移），\n   * 否则这段位移会在首个 move 一次性兑现而让元素跳。开启后 `DragMoveInfo/DragEndInfo`\n   * 的 `delta*` 与 `duration` 都以该点为零点与起点，代价是这段位移被丢弃。\n   * 有意图死区时校准落在**越过死区的那次 move**（此时 `startTimeStamp` 的既有重置与之同值）。\n   */\n  calibrateOnFirstMove?: boolean\n  /** 手势启动回调。返回 false 可取消本次拖拽 */\n  onStart?: (info: DragStartInfo, event: PointerEvent) => boolean | void\n  /** 拖拽移动回调 */\n  onMove?: (info: DragMoveInfo, event: PointerEvent) => void\n  /** 正常松手回调 */\n  onEnd?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 未通过意图阈值的 pointerup 回调，供点击定位类控件提交一次 tap */\n  onTap?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 手势取消/被打断回调（如 pointercancel、外部强行 cancel） */\n  onCancel?: (event?: PointerEvent) => void\n}\n\nexport interface DragGestureHandle {\n  /** 当前是否有正在进行的拖拽手势 */\n  isDragging: () => boolean\n  /** 外部强制取消当前拖拽（恢复初态并触发 onCancel） */\n  cancel: () => void\n  /** 彻底销毁手势监听器与解绑 DOM */\n  destroy: () => void\n}\n\n/**\n * 为指定元素挂载统一的 Pointer 拖拽手势，或在已有的 pointerdown 事件中启动手势\n */\nexport function attachDragGesture(\n  targetOrEvent: HTMLElement | PointerEvent,\n  options: DragGestureOptions\n): DragGestureHandle {\n  const isEvent = typeof PointerEvent !== 'undefined' && targetOrEvent instanceof PointerEvent\n  const target: HTMLElement | null = isEvent\n    ? (targetOrEvent.currentTarget as HTMLElement | null) || (targetOrEvent.target as HTMLElement | null)\n    : (targetOrEvent as HTMLElement)\n\n  const {\n    axis = 'both',\n    threshold = 0,\n    calibrateOnFirstMove = false,\n    onStart,\n    onMove,\n    onEnd,\n    onTap,\n    onCancel\n  } = options\n\n  let activePointerId: number | null = null\n  let startX = 0\n  let startY = 0\n  let startTimeStamp = 0\n  let isThresholdPassed = threshold <= 0\n  let isCalibrated = false\n  let samples: DragSample[] = []\n  let handledMoveEvent: PointerEvent | null = null\n  let touchGuardTargets: Set<EventTarget> | null = null\n\n  /**\n   * iOS Safari 滚动接管兜底：\n   * WebKit 对 shadow DOM 内 touch-action 的交集计算存在怪癖，触摸落在深层子元素\n   * （如 slider thumb、segmented-trigger 的 shadow 内容）时，声明在手势元素上的\n   * touch-action: none 可能不生效，iOS 会把触摸判为滚动意图并在越过阈值前触发\n   * pointercancel，拖拽因此中断。非被动 touchmove + preventDefault 是 WebKit 也\n   * 尊重的最后手段：页面显式处理触摸移动后，滚动识别器不会获胜，也就不会接管。\n   */\n  function handleTouchMove(e: Event) {\n    if (e.cancelable) e.preventDefault()\n  }\n\n  /**\n   * 沿 pointerdown 的 composedPath 在每个 Element/ShadowRoot 挂非被动 touchmove\n   * 监听。TouchEvent 不像 PointerEvent 那样可组合：非 composed 的 touchmove 只在\n   * 落点所在的 shadow tree 内传播（连 host 都不经过），所以单一手势元素上的监听\n   * 对 segmented-trigger 这类深层 shadow 内容完全失效。composedPath 覆盖落点的\n   * 全部 shadow tree 链，无论 touchmove 在哪一层传播，路径上必有我们挂载的节点\n   * 能收到事件并 preventDefault。document/window 不在挂载范围：touchmove 到不了\n   * 它们，挂上也只是死代码。\n   */\n  function attachTouchGuards(e: PointerEvent) {\n    const targets = new Set<EventTarget>()\n    const path = typeof e.composedPath === 'function' ? e.composedPath() : []\n    for (const node of path) {\n      const type = (node as Node).nodeType\n      if (type === Node.ELEMENT_NODE || type === Node.DOCUMENT_FRAGMENT_NODE) {\n        node.addEventListener('touchmove', handleTouchMove, { capture: true, passive: false })\n        targets.add(node)\n      }\n    }\n    touchGuardTargets = targets\n  }\n\n  function detachTouchGuards() {\n    if (!touchGuardTargets) return\n    for (const node of touchGuardTargets) {\n      node.removeEventListener('touchmove', handleTouchMove, true)\n    }\n    touchGuardTargets = null\n  }\n\n  function estimateVelocity(): { vx: number; vy: number; v: number } {\n    if (samples.length < 2) return { vx: 0, vy: 0, v: 0 }\n    const first = samples[0]\n    const last = samples[samples.length - 1]\n    const dt = last.t - first.t\n    // 采样跨度不足 2ms（同帧/同毫秒的合成或极端快速事件）时不可信，置 0；\n    // 2-8ms 的超短轻扫仍按真实跨度上报速度，避免「快速轻扫」被误判为无速度\n    // 而回弹（旧守卫 <8ms 会把真实超短轻扫的速度清零）。\n    if (dt < 2) return { vx: 0, vy: 0, v: 0 }\n    const vx = ((last.x - first.x) / dt) * 1000\n    const vy = ((last.y - first.y) / dt) * 1000\n    let v = 0\n    if (axis === 'x') v = vx\n    else if (axis === 'y') v = vy\n    else v = Math.hypot(vx, vy)\n    return { vx, vy, v }\n  }\n\n  function detachWindowListeners() {\n    window.removeEventListener('pointermove', handlePointerMove, true)\n    window.removeEventListener('pointerup', handlePointerUp, true)\n    window.removeEventListener('pointercancel', handlePointerCancel, true)\n    window.removeEventListener('lostpointercapture', handleLostPointerCapture, true)\n  }\n\n  function attachWindowListeners() {\n    window.addEventListener('pointermove', handlePointerMove, true)\n    window.addEventListener('pointerup', handlePointerUp, true)\n    window.addEventListener('pointercancel', handlePointerCancel, true)\n    window.addEventListener('lostpointercapture', handleLostPointerCapture, true)\n  }\n\n  function detachTargetListeners() {\n    if (!target) return\n    target.removeEventListener('pointermove', handlePointerMove)\n    target.removeEventListener('pointerup', handlePointerUp)\n    target.removeEventListener('pointercancel', handlePointerCancel)\n    target.removeEventListener('lostpointercapture', handleLostPointerCapture)\n  }\n\n  function attachTargetListeners() {\n    if (!target) return\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n    target.addEventListener('lostpointercapture', handleLostPointerCapture)\n  }\n\n  function resetState() {\n    if (activePointerId !== null && target && typeof target.hasPointerCapture === 'function') {\n      try {\n        if (target.hasPointerCapture(activePointerId)) {\n          target.releasePointerCapture(activePointerId)\n        }\n      } catch {\n        // ignore\n      }\n    }\n    activePointerId = null\n    isThresholdPassed = threshold <= 0\n    isCalibrated = false\n    samples = []\n    handledMoveEvent = null\n    detachWindowListeners()\n    detachTargetListeners()\n    detachTouchGuards()\n  }\n\n  function handlePointerDown(e: PointerEvent) {\n    if (activePointerId !== null) return\n    // 真实触控环境下的多点触控副指针不启动手势（合成事件或鼠标环境缺省时不拦截）\n    if (e.pointerType === 'touch' && e.isPrimary === false) return\n\n    const startInfo: DragStartInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      timeStamp: e.timeStamp\n    }\n\n    if (onStart?.(startInfo, e) === false) return\n\n    activePointerId = e.pointerId\n    startX = e.clientX\n    startY = e.clientY\n    startTimeStamp = e.timeStamp\n    isThresholdPassed = threshold <= 0\n    isCalibrated = false\n    samples = [{ t: e.timeStamp, x: e.clientX, y: e.clientY }]\n    handledMoveEvent = null\n\n    attachWindowListeners()\n    attachTargetListeners()\n    attachTouchGuards(e)\n\n    // 仅在无意图死区时立即捕获指针；若存在死区，延迟至确认拖拽后捕获，避免干扰子元素原生点击\n    if (isThresholdPassed) {\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针或不可捕获上下文（如测试环境）\n      }\n    }\n  }\n\n  function handlePointerMove(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    if (handledMoveEvent === e) return\n    handledMoveEvent = e\n\n    if (!isThresholdPassed) {\n      const rawDeltaX = e.clientX - startX\n      const rawDeltaY = e.clientY - startY\n      const distance =\n        axis === 'x' ? Math.abs(rawDeltaX) : axis === 'y' ? Math.abs(rawDeltaY) : Math.hypot(rawDeltaX, rawDeltaY)\n\n      // 交叉轴位移达到阈值且占主导时，立即让给滚动意图；不能等主轴也越过阈值，\n      // 否则这类手势会一直处于 tap 候选态，并在松手时被点击定位控件提交。\n      if (axis === 'x' && Math.abs(rawDeltaY) >= threshold && Math.abs(rawDeltaY) > Math.abs(rawDeltaX)) {\n        cancel()\n        return\n      }\n      if (axis === 'y' && Math.abs(rawDeltaX) >= threshold && Math.abs(rawDeltaX) > Math.abs(rawDeltaY)) {\n        cancel()\n        return\n      }\n      if (distance < threshold) return\n\n      isThresholdPassed = true\n      // 手势从「被识别」这一刻起算：有意图死区时，pointerdown 之后到越过死区之前的\n      // 悬停不属于拖拽轨迹，计进 duration 会稀释整段手势的平均速度。\n      startTimeStamp = e.timeStamp\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针\n      }\n    }\n\n    // 首个有效 move 的基准校准：零点与时钟一起重置到当前位置。位移与时长都必须在这之后\n    // 重新求（校准改写了零点），否则首个 move 会拿到校准前的旧位移。\n    if (calibrateOnFirstMove && !isCalibrated) {\n      isCalibrated = true\n      startX = e.clientX\n      startY = e.clientY\n      startTimeStamp = e.timeStamp\n    }\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n\n    // 确认拖拽后阻止默认滚动/文字选中\n    if (e.cancelable) e.preventDefault()\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const { vx, vy, v } = estimateVelocity()\n\n    const moveInfo: DragMoveInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: now\n    }\n\n    onMove?.(moveInfo, e)\n  }\n\n  function handlePointerUp(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n    const { vx, vy, v } = estimateVelocity()\n\n    const endInfo: DragEndInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: e.timeStamp,\n      // 时间戳同源（都是事件 timeStamp），合成事件序列可能倒退或为 0，钳到非负。\n      duration: Math.max(0, e.timeStamp - startTimeStamp)\n    }\n\n    const hadPassedThreshold = isThresholdPassed\n    resetState()\n\n    if (hadPassedThreshold) {\n      onEnd?.(endInfo, e)\n    } else {\n      onTap?.(endInfo, e)\n      onCancel?.(e)\n    }\n  }\n\n  function handlePointerCancel(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    resetState()\n    onCancel?.(e)\n  }\n\n  /**\n   * lostpointercapture 不能当作 pointercancel：touch 指针在 pointerdown 时会被浏览器\n   * 隐式捕获到命中元素（如 slider thumb、segmented-trigger 内容），组件随后\n   * setPointerCapture(target) 把捕获转手到手势元素，命中元素先收到 lostpointercapture——\n   * 这是正常转手而非取消，若直接走 cancel 会把刚启动的拖拽杀死（值只走一步即冻结）。\n   * 只有手势元素自身意外丢失捕获（如元素被移出文档）才应取消。\n   *\n   * resetState 内 releasePointerCapture 产生的 lostpointercapture 会在 activePointerId\n   * 置空之后异步到达，被 pointerId 守卫挡住，不会误伤。\n   */\n  function handleLostPointerCapture(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    if (e.target !== target) return\n    resetState()\n    onCancel?.(e)\n  }\n\n  function cancel() {\n    if (activePointerId === null) return\n    resetState()\n    onCancel?.()\n  }\n\n  if (isEvent) {\n    handlePointerDown(targetOrEvent)\n  } else if (target) {\n    target.addEventListener('pointerdown', handlePointerDown)\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n  }\n\n  return {\n    isDragging: () => activePointerId !== null,\n    cancel,\n    destroy: () => {\n      cancel()\n      if (!isEvent && target) {\n        target.removeEventListener('pointerdown', handlePointerDown)\n        target.removeEventListener('pointermove', handlePointerMove)\n        target.removeEventListener('pointerup', handlePointerUp)\n        target.removeEventListener('pointercancel', handlePointerCancel)\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/shared/group-management/index.js

@@ -1,8 +1,8 @@
 import { definePlugin as e } from "@greypan/js-kit";
 import { ContextConsumer as t, ContextProvider as n, createContext as r } from "@lit/context";
 //#region src/shared/group-management/index.ts
-var i = r(Symbol("web-ui.selection-group-context")), a = r(Symbol("web-ui.button-group-context")), o = i, s = a, c = o, l = s;
-function u(n, r) {
+var i = r(Symbol("web-ui.selection-group-context")), a = r(Symbol("web-ui.button-group-context")), o = i, s = a, c = o, l = s, u = "wui-group-member-disabled-change";
+function d(n, r) {
 	return e(() => {
 		let e, i = r.equals ?? Object.is, a = new t(n, {
 			context: r.context,
@@ -24,7 +24,7 @@ function u(n, r) {
 		};
 	});
 }
-function d(t) {
+function f(t) {
 	return e(() => {
 		let e = new n(t.host, {
 			context: t.context,
@@ -41,10 +41,14 @@ function d(t) {
 		};
 	});
 }
-var f = class {
+var p = class {
 	constructor(e, t, n = {}) {
 		this.host = e, this.lifecycle = t, this.options = n, this.connected = !1, this.observer = null, this.observedSlots = /* @__PURE__ */ new Set(), this.handleChange = (e) => {
 			this.lifecycle.handleChange?.(e);
+		}, this.handleKeyDown = (e) => {
+			this.lifecycle.handleKeyDown?.(e);
+		}, this.handleMemberDisabledChange = () => {
+			this.sync();
 		}, this.handleSlotChange = () => {
 			this.connected && this.sync();
 		}, this.handleMutations = () => {
@@ -52,22 +56,24 @@ var f = class {
 		}, e.addController(this);
 	}
 	hostConnected() {
-		this.connected = !0, this.host.addEventListener("change", this.handleChange, !0), this.observeHost(), this.observeSlots(), this.sync();
+		this.connected = !0, this.host.addEventListener("change", this.handleChange, !0), this.host.addEventListener("keydown", this.handleKeyDown, !0), this.host.addEventListener(u, this.handleMemberDisabledChange, !0), this.observeHost(), this.observeSlots(), this.sync();
 	}
 	hostUpdated() {
 		this.observeSlots(), this.sync();
 	}
 	hostDisconnected() {
-		this.connected = !1, this.host.removeEventListener("change", this.handleChange, !0), this.disconnectSlots(), this.disconnectHostObserver(), this.lifecycle.disconnect();
+		this.connected = !1, this.host.removeEventListener("change", this.handleChange, !0), this.host.removeEventListener("keydown", this.handleKeyDown, !0), this.host.removeEventListener(u, this.handleMemberDisabledChange, !0), this.disconnectSlots(), this.disconnectHostObserver(), this.lifecycle.disconnect();
 	}
 	sync() {
 		this.lifecycle.sync() && this.options.afterSync?.();
 	}
 	observeHost() {
-		this.disconnectHostObserver(), this.observer = new MutationObserver(this.handleMutations), this.observer.observe(this.host, {
+		this.disconnectHostObserver(), this.observer = new MutationObserver(this.handleMutations);
+		let e = {
 			childList: !0,
 			subtree: !0
-		});
+		};
+		this.options.observeAttributes?.length && (e.attributes = !0, e.attributeFilter = [...this.options.observeAttributes]), this.observer.observe(this.host, e);
 	}
 	disconnectHostObserver() {
 		this.observer &&= (this.observer.disconnect(), null);
@@ -81,19 +87,35 @@ var f = class {
 		for (let e of this.observedSlots) e.removeEventListener("slotchange", this.handleSlotChange);
 		this.observedSlots.clear();
 	}
-}, p = { disabled: !1 }, m = { disabled: !0 };
-function h(t) {
+}, m = {
+	disabled: !1,
+	rovingTabStop: !1
+}, h = {
+	disabled: !1,
+	rovingTabStop: !0
+}, g = {
+	disabled: !0,
+	rovingTabStop: !1
+};
+function _(e, t, n) {
+	let r = e ? g : t ? h : m;
+	return n === void 0 ? r : {
+		...r,
+		tabStop: n
+	};
+}
+function v(t) {
 	return e(() => {
 		let e = new n(t.host, {
 			context: o,
 			initialValue: /* @__PURE__ */ new Map()
-		}), r, i, a = /* @__PURE__ */ new Set(), s = !1;
+		}), r, i, a = /* @__PURE__ */ new Set(), s = !1, c = () => {
+			let n = t.getItems(), o = t.getValue(), c = t.getDisabled(), l = n.length !== a.size || [...n].some((e) => !a.has(e)), u = t.getItemSelected !== void 0 && n.some((e) => t.getItemSelected?.(e) !== t.isItemSelected(e, o)), d = !s || !t.valuesEqual(o, r) || c !== i || l || u;
+			if (d) for (let e of n) t.setItemSelected(e, t.isItemSelected(e, o));
+			return e.setValue(new Map(n.map((e, r) => [e, _(c, t.getRovingTabStop?.(e, r, n, o) === !0, t.isItemTabStop?.(e, n))]))), a = new Set(n), r = t.copyValue(o), i = c, s = !0, d;
+		};
 		return {
-			sync: () => {
-				let n = t.getItems(), o = t.getValue(), c = t.getDisabled(), l = n.length !== a.size || [...n].some((e) => !a.has(e)), u = !s || !t.valuesEqual(o, r) || c !== i || l;
-				if (u) for (let e of n) t.setItemSelected(e, t.isItemSelected(e, o));
-				return e.setValue(new Map(n.map((e) => [e, c ? m : p]))), a = new Set(n), r = t.copyValue(o), i = c, s = !0, u;
-			},
+			sync: c,
 			disconnect() {
 				e.setValue(/* @__PURE__ */ new Map()), a.clear(), r = void 0, i = void 0, s = !1;
 			},
@@ -101,15 +123,18 @@ function h(t) {
 				if (t.getDisabled() || !t.isItem(e.target) || !t.host.contains(e.target)) return;
 				let n = t.getValue(), r = t.getNextValue(e.target, n);
 				if (t.valuesEqual(n, r)) {
-					t.resyncOnUnchangedValue?.(e.target);
+					t.resyncOnUnchangedValue?.(e.target), t.resyncOnUnchangedValue && c();
 					return;
 				}
 				t.setValue(r), t.dispatchValueChange();
+			},
+			handleKeyDown(e) {
+				t.handleKeyDown?.(e);
 			}
 		};
 	});
 }
 //#endregion
-export { f as GroupController, l as buttonGroupContextKey, h as defineGroupCoordinator, u as defineGroupManaged, d as defineGroupPresentation, c as selectionGroupContextKey };
+export { u as GROUP_MEMBER_DISABLED_CHANGE_EVENT, p as GroupController, l as buttonGroupContextKey, v as defineGroupCoordinator, d as defineGroupManaged, f as defineGroupPresentation, c as selectionGroupContextKey };
 
 //# sourceMappingURL=index.js.map

package/dist/shared/group-management/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/group-management/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport { ContextConsumer, ContextProvider, createContext, type Context } from '@lit/context'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\n/*\n * 下行通道基于 @lit/context（ADR-0032）：root 上的 ContextProvider 以\n * `ReadonlyMap<HTMLElement, Context>` 为载荷向全子树广播，子项侧\n * ContextConsumer 订阅并按自身元素取条目。context-request 事件 composed，\n * 可穿过中间 shadow 边界；custom element 升级顺序保证祖先先于后代升级，\n * provider 总是先于子项请求就绪。成员追踪（querySelectorAll +\n * MutationObserver/slotchange）、点击归因与 setItemSelected 上行写回\n * 不在下行通道内，仍由 GroupController 驱动。\n */\n\nexport interface SelectionGroupContext {\n  readonly disabled: boolean\n}\n\nexport interface ButtonGroupContext {\n  readonly direction: 'horizontal' | 'vertical'\n  readonly isLast: boolean\n}\n\n// 载荷类型仅编译期品牌化；按载荷形状分两个 key，避免异构树串扰。\n// createContext 泛型顺序为 <ValueType, K>。\nconst SELECTION_GROUP_CONTEXT = createContext<ReadonlyMap<HTMLElement, SelectionGroupContext>, symbol>(\n  Symbol('web-ui.selection-group-context')\n)\n\nconst BUTTON_GROUP_CONTEXT = createContext<ReadonlyMap<HTMLElement, ButtonGroupContext>, symbol>(\n  Symbol('web-ui.button-group-context')\n)\n\n// 两个 key 的运行时形状一致（Map 载荷），泛型插件内部统一按宽松类型驱动。\ntype AnyGroupContext = Context<symbol, ReadonlyMap<HTMLElement, unknown>>\n\nconst SELECTION_GROUP_CONTEXT_LOOSE = SELECTION_GROUP_CONTEXT as unknown as AnyGroupContext\nconst BUTTON_GROUP_CONTEXT_LOOSE = BUTTON_GROUP_CONTEXT as unknown as AnyGroupContext\n\nexport const selectionGroupContextKey: AnyGroupContext = SELECTION_GROUP_CONTEXT_LOOSE\nexport const buttonGroupContextKey: AnyGroupContext = BUTTON_GROUP_CONTEXT_LOOSE\n\ninterface GroupControllerHost extends HTMLElement, ReactiveControllerHost {\n  readonly renderRoot: Element | DocumentFragment\n}\n\n/**\n * 创建受管理 group 的子项侧能力：订阅最近 provider 的 context 载荷并提取\n * 自身条目。在 `make()` 时完成注册，组件无需再编写 constructor 样板。\n */\nexport function defineGroupManaged<Context>(\n  item: HTMLElement & ReactiveControllerHost,\n  options: {\n    /** 与所属根组件使用的 context key 一致。 */\n    context: AnyGroupContext\n    requestUpdate: () => void\n    equals?: (a: Context | undefined, b: Context | undefined) => boolean\n  }\n) {\n  return definePlugin(() => {\n    let context: Context | undefined\n    const equals = options.equals ?? Object.is\n\n    const consumer = new ContextConsumer(item, {\n      context: options.context,\n      subscribe: true,\n      callback: payload => {\n        const next = (payload as ReadonlyMap<HTMLElement, Context> | undefined)?.get(item)\n        if (equals(context, next)) return\n        context = next\n        options.requestUpdate()\n      }\n    })\n\n    /*\n     * 离开 group（被移出 provider 子树）时 ContextConsumer 只是静默退订，\n     * 不会收到「条目已移除」的通知：显式清空上下文，恢复独立控件语义\n     * （如 checkbox 恢复自身表单提交）。跨组移动先断连清空、再重连订阅新组。\n     */\n    item.addController({\n      hostDisconnected() {\n        if (equals(context, undefined)) return\n        context = undefined\n        options.requestUpdate()\n      }\n    })\n\n    return {\n      getContext(): Context | undefined {\n        return context\n      },\n      // 供测试或特殊场景确认订阅状态。\n      isSubscribed(): boolean {\n        return consumer.value !== undefined\n      }\n    }\n  })\n}\n\nexport interface GroupPresentationOptions<Item extends HTMLElement, Context> {\n  readonly host: HTMLElement\n  /** 与子项 defineGroupManaged 使用的 context key 一致。 */\n  readonly context: AnyGroupContext\n  readonly getItems: () => readonly Item[]\n  readonly getContext: (item: Item, index: number, items: readonly Item[]) => Context\n}\n\n/**\n * 为分组子项注册可逆的展示上下文（@lit/context 下行通道）。不持有公开 DOM\n * 属性；sync() 以新 Map 载荷整体广播，成员变化体现为子项条目消失。\n */\nexport function defineGroupPresentation<Item extends HTMLElement, Context>(\n  options: GroupPresentationOptions<Item, Context>\n) {\n  return definePlugin(() => {\n    const provider = new ContextProvider(options.host, {\n      context: options.context,\n      initialValue: new Map<HTMLElement, unknown>()\n    })\n\n    return {\n      sync(): boolean {\n        const nextItems = options.getItems()\n        const payload = new Map<HTMLElement, unknown>()\n        nextItems.forEach((item, index) => payload.set(item, options.getContext(item, index, nextItems)))\n        // 新 Map 实例保证 Object.is 判定为变更，全量通知订阅者。\n        // 每次 hostUpdated 都重播（即使成员/方向未变）是有意形态：每次新建\n        // context 对象，但子项 defineGroupManaged 的 equals 门控 requestUpdate\n        // （标量字段比较），重播不产生多余渲染；代价是比「仅成员变化才通知」\n        // 更频繁的广播事件，换取零状态追踪的简单性（与 GroupController 的\n        // 全量 sync 对齐）。\n        provider.setValue(payload)\n        return true\n      },\n      disconnect() {\n        provider.setValue(new Map())\n      }\n    }\n  })\n}\n\nexport interface GroupLifecycle {\n  sync(): boolean\n  disconnect(): void\n  handleChange?(event: Event): void\n}\n\ninterface GroupControllerOptions {\n  afterSync?: () => void\n}\n\n/**\n * 把组生命周期插件接入 Lit，协调规则不落在组件生命周期方法里。\n */\nexport class GroupController implements ReactiveController {\n  private connected = false\n  private observer: MutationObserver | null = null\n  private observedSlots = new Set<HTMLSlotElement>()\n  constructor(\n    private readonly host: GroupControllerHost,\n    private readonly lifecycle: GroupLifecycle,\n    private readonly options: GroupControllerOptions = {}\n  ) {\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this.connected = true\n    this.host.addEventListener('change', this.handleChange, true)\n    this.observeHost()\n    this.observeSlots()\n    this.sync()\n  }\n\n  hostUpdated() {\n    this.observeSlots()\n    this.sync()\n  }\n\n  hostDisconnected() {\n    this.connected = false\n    this.host.removeEventListener('change', this.handleChange, true)\n    this.disconnectSlots()\n    this.disconnectHostObserver()\n    this.lifecycle.disconnect()\n  }\n\n  private readonly handleChange = (event: Event) => {\n    this.lifecycle.handleChange?.(event)\n  }\n\n  private readonly handleSlotChange = () => {\n    if (!this.connected) return\n    this.sync()\n  }\n\n  private readonly handleMutations = () => {\n    if (!this.connected) return\n    this.sync()\n  }\n\n  sync() {\n    if (!this.lifecycle.sync()) return\n    this.options.afterSync?.()\n  }\n\n  private observeHost() {\n    this.disconnectHostObserver()\n    // 监听 light DOM 的增删，覆盖 Vue v-if / React && 的 comment 锚点替换与深层包裹\n    this.observer = new MutationObserver(this.handleMutations)\n    this.observer.observe(this.host, { childList: true, subtree: true })\n  }\n\n  private disconnectHostObserver() {\n    if (this.observer) {\n      this.observer.disconnect()\n      this.observer = null\n    }\n  }\n\n  private observeSlots() {\n    const root = this.host.renderRoot as Element\n    const slots = root.querySelectorAll<HTMLSlotElement>('slot')\n    for (const slot of slots) {\n      if (!this.observedSlots.has(slot)) {\n        slot.addEventListener('slotchange', this.handleSlotChange)\n        this.observedSlots.add(slot)\n      }\n    }\n    // 清理已移除的 slot（热更新等场景）\n    for (const slot of this.observedSlots) {\n      if (!root.contains(slot)) {\n        slot.removeEventListener('slotchange', this.handleSlotChange)\n        this.observedSlots.delete(slot)\n      }\n    }\n  }\n\n  private disconnectSlots() {\n    for (const slot of this.observedSlots) {\n      slot.removeEventListener('slotchange', this.handleSlotChange)\n    }\n    this.observedSlots.clear()\n  }\n}\n\nexport interface GroupCoordinatorOptions<Item extends HTMLElement, Value> {\n  readonly host: HTMLElement\n  readonly getItems: () => readonly Item[]\n  readonly getValue: () => Value\n  readonly setValue: (value: Value) => void\n  readonly getDisabled: () => boolean\n  readonly isItem: (target: EventTarget | null) => target is Item\n  readonly isItemSelected: (item: Item, value: Value) => boolean\n  readonly getNextValue: (item: Item, value: Value) => Value\n  readonly valuesEqual: (a: Value, b: Value) => boolean\n  readonly copyValue: (value: Value) => Value\n  readonly setItemSelected: (item: Item, selected: boolean) => void\n  readonly dispatchValueChange: () => void\n  /**\n   * 交互已发生但值没有变化时的回调（例如单选组成员 value 重复：点击同值成员\n   * 不会改变 value，却必须把选中态收到被点击的那一项）。缺省视为无事可做。\n   */\n  readonly resyncOnUnchangedValue?: (item: Item) => void\n}\n\nconst ENABLED_SELECTION_CONTEXT: SelectionGroupContext = { disabled: false }\nconst DISABLED_SELECTION_CONTEXT: SelectionGroupContext = { disabled: true }\n\n/**\n * 在一个内部插件接口后收敛选中态、继承禁用与受管子项成员关系。\n * 禁用态经 @lit/context 下行广播；选中态上行写回保持直写。\n */\nexport function defineGroupCoordinator<Item extends HTMLElement, Value>(options: GroupCoordinatorOptions<Item, Value>) {\n  return definePlugin(() => {\n    const provider = new ContextProvider(options.host, {\n      context: SELECTION_GROUP_CONTEXT_LOOSE,\n      initialValue: new Map<HTMLElement, SelectionGroupContext>()\n    })\n\n    let lastValue: Value | undefined\n    let lastDisabled: boolean | undefined\n    let lastItems = new Set<Item>()\n    let initialized = false\n\n    const sync = (): boolean => {\n      const nextItems = options.getItems()\n      const value = options.getValue()\n      const disabled = options.getDisabled()\n      // 成员变化也要重放选中写回：新成员需继承当前选中态。\n      const membershipChanged = nextItems.length !== lastItems.size || [...nextItems].some(item => !lastItems.has(item))\n      const selectionChanged =\n        !initialized ||\n        !options.valuesEqual(value, lastValue as Value) ||\n        disabled !== lastDisabled ||\n        membershipChanged\n\n      // 上行选中写回：根写入子项（context 是纯下行，不承担该方向）。\n      if (selectionChanged) {\n        for (const item of nextItems) {\n          options.setItemSelected(item, options.isItemSelected(item, value))\n        }\n      }\n\n      // 禁用下行：每次 sync 以新 Map 载荷整体广播（成员增删与禁用变化一并覆盖，\n      // 新 Map 实例保证 Object.is 判定为变更）。\n      provider.setValue(\n        new Map(\n          nextItems.map(item => [\n            item as HTMLElement,\n            disabled ? DISABLED_SELECTION_CONTEXT : ENABLED_SELECTION_CONTEXT\n          ])\n        )\n      )\n\n      lastItems = new Set(nextItems)\n      lastValue = options.copyValue(value)\n      lastDisabled = disabled\n      initialized = true\n      return selectionChanged\n    }\n\n    return {\n      sync,\n      disconnect() {\n        provider.setValue(new Map())\n        lastItems.clear()\n        lastValue = undefined\n        lastDisabled = undefined\n        initialized = false\n      },\n      handleChange(event: Event) {\n        if (options.getDisabled() || !options.isItem(event.target) || !options.host.contains(event.target)) {\n          return\n        }\n\n        const current = options.getValue()\n        const next = options.getNextValue(event.target, current)\n        if (options.valuesEqual(current, next)) {\n          options.resyncOnUnchangedValue?.(event.target)\n          return\n        }\n\n        options.setValue(next)\n        options.dispatchValueChange()\n      }\n    }\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/group-management/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport { ContextConsumer, ContextProvider, createContext, type Context } from '@lit/context'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\n/*\n * 下行通道基于 @lit/context（ADR-0032）：root 上的 ContextProvider 以\n * `ReadonlyMap<HTMLElement, Context>` 为载荷向全子树广播，子项侧\n * ContextConsumer 订阅并按自身元素取条目。context-request 事件 composed，\n * 可穿过中间 shadow 边界；custom element 升级顺序保证祖先先于后代升级，\n * provider 总是先于子项请求就绪。成员追踪（querySelectorAll +\n * MutationObserver/slotchange）、点击归因与 setItemSelected 上行写回\n * 不在下行通道内，仍由 GroupController 驱动。\n */\n\nexport interface SelectionGroupContext {\n  readonly disabled: boolean\n  readonly rovingTabStop: boolean\n  readonly tabStop?: boolean\n}\n\nexport interface ButtonGroupContext {\n  readonly direction: 'horizontal' | 'vertical'\n  readonly isLast: boolean\n}\n\n// 载荷类型仅编译期品牌化；按载荷形状分两个 key，避免异构树串扰。\n// createContext 泛型顺序为 <ValueType, K>。\nconst SELECTION_GROUP_CONTEXT = createContext<ReadonlyMap<HTMLElement, SelectionGroupContext>, symbol>(\n  Symbol('web-ui.selection-group-context')\n)\n\nconst BUTTON_GROUP_CONTEXT = createContext<ReadonlyMap<HTMLElement, ButtonGroupContext>, symbol>(\n  Symbol('web-ui.button-group-context')\n)\n\n// 两个 key 的运行时形状一致（Map 载荷），泛型插件内部统一按宽松类型驱动。\ntype AnyGroupContext = Context<symbol, ReadonlyMap<HTMLElement, unknown>>\n\nconst SELECTION_GROUP_CONTEXT_LOOSE = SELECTION_GROUP_CONTEXT as unknown as AnyGroupContext\nconst BUTTON_GROUP_CONTEXT_LOOSE = BUTTON_GROUP_CONTEXT as unknown as AnyGroupContext\n\nexport const selectionGroupContextKey: AnyGroupContext = SELECTION_GROUP_CONTEXT_LOOSE\nexport const buttonGroupContextKey: AnyGroupContext = BUTTON_GROUP_CONTEXT_LOOSE\nexport const GROUP_MEMBER_DISABLED_CHANGE_EVENT = 'wui-group-member-disabled-change'\n\ninterface GroupControllerHost extends HTMLElement, ReactiveControllerHost {\n  readonly renderRoot: Element | DocumentFragment\n}\n\n/**\n * 创建受管理 group 的子项侧能力：订阅最近 provider 的 context 载荷并提取\n * 自身条目。在 `make()` 时完成注册，组件无需再编写 constructor 样板。\n */\nexport function defineGroupManaged<Context>(\n  item: HTMLElement & ReactiveControllerHost,\n  options: {\n    /** 与所属根组件使用的 context key 一致。 */\n    context: AnyGroupContext\n    requestUpdate: () => void\n    equals?: (a: Context | undefined, b: Context | undefined) => boolean\n  }\n) {\n  return definePlugin(() => {\n    let context: Context | undefined\n    const equals = options.equals ?? Object.is\n\n    const consumer = new ContextConsumer(item, {\n      context: options.context,\n      subscribe: true,\n      callback: payload => {\n        const next = (payload as ReadonlyMap<HTMLElement, Context> | undefined)?.get(item)\n        if (equals(context, next)) return\n        context = next\n        options.requestUpdate()\n      }\n    })\n\n    /*\n     * 离开 group（被移出 provider 子树）时 ContextConsumer 只是静默退订，\n     * 不会收到「条目已移除」的通知：显式清空上下文，恢复独立控件语义\n     * （如 checkbox 恢复自身表单提交）。跨组移动先断连清空、再重连订阅新组。\n     */\n    item.addController({\n      hostDisconnected() {\n        if (equals(context, undefined)) return\n        context = undefined\n        options.requestUpdate()\n      }\n    })\n\n    return {\n      getContext(): Context | undefined {\n        return context\n      },\n      // 供测试或特殊场景确认订阅状态。\n      isSubscribed(): boolean {\n        return consumer.value !== undefined\n      }\n    }\n  })\n}\n\nexport interface GroupPresentationOptions<Item extends HTMLElement, Context> {\n  readonly host: HTMLElement\n  /** 与子项 defineGroupManaged 使用的 context key 一致。 */\n  readonly context: AnyGroupContext\n  readonly getItems: () => readonly Item[]\n  readonly getContext: (item: Item, index: number, items: readonly Item[]) => Context\n}\n\n/**\n * 为分组子项注册可逆的展示上下文（@lit/context 下行通道）。不持有公开 DOM\n * 属性；sync() 以新 Map 载荷整体广播，成员变化体现为子项条目消失。\n */\nexport function defineGroupPresentation<Item extends HTMLElement, Context>(\n  options: GroupPresentationOptions<Item, Context>\n) {\n  return definePlugin(() => {\n    const provider = new ContextProvider(options.host, {\n      context: options.context,\n      initialValue: new Map<HTMLElement, unknown>()\n    })\n\n    return {\n      sync(): boolean {\n        const nextItems = options.getItems()\n        const payload = new Map<HTMLElement, unknown>()\n        nextItems.forEach((item, index) => payload.set(item, options.getContext(item, index, nextItems)))\n        // 新 Map 实例保证 Object.is 判定为变更，全量通知订阅者。\n        // 每次 hostUpdated 都重播（即使成员/方向未变）是有意形态：每次新建\n        // context 对象，但子项 defineGroupManaged 的 equals 门控 requestUpdate\n        // （标量字段比较），重播不产生多余渲染；代价是比「仅成员变化才通知」\n        // 更频繁的广播事件，换取零状态追踪的简单性（与 GroupController 的\n        // 全量 sync 对齐）。\n        provider.setValue(payload)\n        return true\n      },\n      disconnect() {\n        provider.setValue(new Map())\n      }\n    }\n  })\n}\n\nexport interface GroupLifecycle {\n  sync(): boolean\n  disconnect(): void\n  handleChange?(event: Event): void\n  handleKeyDown?(event: KeyboardEvent): void\n}\n\ninterface GroupControllerOptions {\n  afterSync?: () => void\n  observeAttributes?: readonly string[]\n}\n\n/**\n * 把组生命周期插件接入 Lit，协调规则不落在组件生命周期方法里。\n */\nexport class GroupController implements ReactiveController {\n  private connected = false\n  private observer: MutationObserver | null = null\n  private observedSlots = new Set<HTMLSlotElement>()\n  constructor(\n    private readonly host: GroupControllerHost,\n    private readonly lifecycle: GroupLifecycle,\n    private readonly options: GroupControllerOptions = {}\n  ) {\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this.connected = true\n    this.host.addEventListener('change', this.handleChange, true)\n    this.host.addEventListener('keydown', this.handleKeyDown, true)\n    this.host.addEventListener(GROUP_MEMBER_DISABLED_CHANGE_EVENT, this.handleMemberDisabledChange, true)\n    this.observeHost()\n    this.observeSlots()\n    this.sync()\n  }\n\n  hostUpdated() {\n    this.observeSlots()\n    this.sync()\n  }\n\n  hostDisconnected() {\n    this.connected = false\n    this.host.removeEventListener('change', this.handleChange, true)\n    this.host.removeEventListener('keydown', this.handleKeyDown, true)\n    this.host.removeEventListener(GROUP_MEMBER_DISABLED_CHANGE_EVENT, this.handleMemberDisabledChange, true)\n    this.disconnectSlots()\n    this.disconnectHostObserver()\n    this.lifecycle.disconnect()\n  }\n\n  private readonly handleChange = (event: Event) => {\n    this.lifecycle.handleChange?.(event)\n  }\n\n  private readonly handleKeyDown = (event: KeyboardEvent) => {\n    this.lifecycle.handleKeyDown?.(event)\n  }\n\n  private readonly handleMemberDisabledChange = () => {\n    this.sync()\n  }\n\n  private readonly handleSlotChange = () => {\n    if (!this.connected) return\n    this.sync()\n  }\n\n  private readonly handleMutations = () => {\n    if (!this.connected) return\n    this.sync()\n  }\n\n  sync() {\n    if (!this.lifecycle.sync()) return\n    this.options.afterSync?.()\n  }\n\n  private observeHost() {\n    this.disconnectHostObserver()\n    // 监听 light DOM 的增删，覆盖 Vue v-if / React && 的 comment 锚点替换与深层包裹\n    this.observer = new MutationObserver(this.handleMutations)\n    const observerOptions: MutationObserverInit = { childList: true, subtree: true }\n    if (this.options.observeAttributes?.length) {\n      observerOptions.attributes = true\n      observerOptions.attributeFilter = [...this.options.observeAttributes]\n    }\n    this.observer.observe(this.host, observerOptions)\n  }\n\n  private disconnectHostObserver() {\n    if (this.observer) {\n      this.observer.disconnect()\n      this.observer = null\n    }\n  }\n\n  private observeSlots() {\n    const root = this.host.renderRoot as Element\n    const slots = root.querySelectorAll<HTMLSlotElement>('slot')\n    for (const slot of slots) {\n      if (!this.observedSlots.has(slot)) {\n        slot.addEventListener('slotchange', this.handleSlotChange)\n        this.observedSlots.add(slot)\n      }\n    }\n    // 清理已移除的 slot（热更新等场景）\n    for (const slot of this.observedSlots) {\n      if (!root.contains(slot)) {\n        slot.removeEventListener('slotchange', this.handleSlotChange)\n        this.observedSlots.delete(slot)\n      }\n    }\n  }\n\n  private disconnectSlots() {\n    for (const slot of this.observedSlots) {\n      slot.removeEventListener('slotchange', this.handleSlotChange)\n    }\n    this.observedSlots.clear()\n  }\n}\n\nexport interface GroupCoordinatorOptions<Item extends HTMLElement, Value> {\n  readonly host: HTMLElement\n  readonly getItems: () => readonly Item[]\n  readonly getValue: () => Value\n  readonly setValue: (value: Value) => void\n  readonly getDisabled: () => boolean\n  readonly isItem: (target: EventTarget | null) => target is Item\n  readonly isItemSelected: (item: Item, value: Value) => boolean\n  readonly isItemTabStop?: (item: Item, items: readonly Item[]) => boolean\n  readonly getItemSelected?: (item: Item) => boolean\n  readonly getNextValue: (item: Item, value: Value) => Value\n  readonly valuesEqual: (a: Value, b: Value) => boolean\n  readonly copyValue: (value: Value) => Value\n  readonly setItemSelected: (item: Item, selected: boolean) => void\n  readonly dispatchValueChange: () => void\n  readonly getRovingTabStop?: (item: Item, index: number, items: readonly Item[], value: Value) => boolean\n  readonly handleKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * 交互已发生但值没有变化时的回调（例如单选组成员 value 重复：点击同值成员\n   * 不会改变 value，却必须把选中态收到被点击的那一项）。缺省视为无事可做。\n   */\n  readonly resyncOnUnchangedValue?: (item: Item) => void\n}\n\nconst ENABLED_SELECTION_CONTEXT: SelectionGroupContext = { disabled: false, rovingTabStop: false }\nconst ENABLED_ROVING_SELECTION_CONTEXT: SelectionGroupContext = { disabled: false, rovingTabStop: true }\nconst DISABLED_SELECTION_CONTEXT: SelectionGroupContext = { disabled: true, rovingTabStop: false }\n\nfunction getSelectionContext(disabled: boolean, rovingTabStop: boolean, tabStop?: boolean): SelectionGroupContext {\n  const context = disabled\n    ? DISABLED_SELECTION_CONTEXT\n    : rovingTabStop\n      ? ENABLED_ROVING_SELECTION_CONTEXT\n      : ENABLED_SELECTION_CONTEXT\n  return tabStop === undefined ? context : { ...context, tabStop }\n}\n\n/**\n * 在一个内部插件接口后收敛选中态、继承禁用与受管子项成员关系。\n * 禁用态经 @lit/context 下行广播；选中态上行写回保持直写。\n */\nexport function defineGroupCoordinator<Item extends HTMLElement, Value>(options: GroupCoordinatorOptions<Item, Value>) {\n  return definePlugin(() => {\n    const provider = new ContextProvider(options.host, {\n      context: SELECTION_GROUP_CONTEXT_LOOSE,\n      initialValue: new Map<HTMLElement, SelectionGroupContext>()\n    })\n\n    let lastValue: Value | undefined\n    let lastDisabled: boolean | undefined\n    let lastItems = new Set<Item>()\n    let initialized = false\n\n    const sync = (): boolean => {\n      const nextItems = options.getItems()\n      const value = options.getValue()\n      const disabled = options.getDisabled()\n      // 成员变化也要重放选中写回：新成员需继承当前选中态。\n      const membershipChanged = nextItems.length !== lastItems.size || [...nextItems].some(item => !lastItems.has(item))\n      // 子项可能在宿主首次连接后才完成 custom-element upgrade；值变得可读时，\n      // 即使组值和成员集合没变，也要修复之前写入的过期选中态。\n      const itemSelectionChanged =\n        options.getItemSelected !== undefined &&\n        nextItems.some(item => options.getItemSelected?.(item) !== options.isItemSelected(item, value))\n      const selectionChanged =\n        !initialized ||\n        !options.valuesEqual(value, lastValue as Value) ||\n        disabled !== lastDisabled ||\n        membershipChanged ||\n        itemSelectionChanged\n\n      // 上行选中写回：根写入子项（context 是纯下行，不承担该方向）。\n      if (selectionChanged) {\n        for (const item of nextItems) {\n          options.setItemSelected(item, options.isItemSelected(item, value))\n        }\n      }\n\n      // 禁用下行：每次 sync 以新 Map 载荷整体广播（成员增删与禁用变化一并覆盖，\n      // 新 Map 实例保证 Object.is 判定为变更）。\n      provider.setValue(\n        new Map(\n          nextItems.map((item, index) => [\n            item as HTMLElement,\n            getSelectionContext(\n              disabled,\n              options.getRovingTabStop?.(item, index, nextItems, value) === true,\n              options.isItemTabStop?.(item, nextItems)\n            )\n          ])\n        )\n      )\n\n      lastItems = new Set(nextItems)\n      lastValue = options.copyValue(value)\n      lastDisabled = disabled\n      initialized = true\n      return selectionChanged\n    }\n\n    return {\n      sync,\n      disconnect() {\n        provider.setValue(new Map())\n        lastItems.clear()\n        lastValue = undefined\n        lastDisabled = undefined\n        initialized = false\n      },\n      handleChange(event: Event) {\n        if (options.getDisabled() || !options.isItem(event.target) || !options.host.contains(event.target)) {\n          return\n        }\n\n        const current = options.getValue()\n        const next = options.getNextValue(event.target, current)\n        if (options.valuesEqual(current, next)) {\n          options.resyncOnUnchangedValue?.(event.target)\n          if (options.resyncOnUnchangedValue) sync()\n          return\n        }\n\n        options.setValue(next)\n        options.dispatchValueChange()\n      },\n      handleKeyDown(event: KeyboardEvent) {\n        options.handleKeyDown?.(event)\n      }\n    }\n  })\n}\n"],"mappings":"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"}

package/dist/shared/label-emptiness/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/label-emptiness/index.ts"],"sourcesContent":["/**\n * 判断 label 槽位有没有真的画出东西。\n *\n * radio / checkbox 的触发行是 `inline-flex` + `gap: 10px`，宿主宽度由内容撑开，所以那条 gap 是\n * 指示器与标签之间的距离。但 gap 只认「这里有个 flex item」，不认它有没有宽度：槽位空着，或者只放了\n * 一个视觉隐藏的无障碍名（`.sr-only` 出流，不产生行内盒），标签盒子是 0 宽，指示器右边仍然多出 10px。\n *\n * 判据因此取渲染宽度而不是「槽位有没有被指派内容」——两者只在无障碍名那一种用法上分开，而那正是这里\n * 要修的一种。CSS 也判不出这件事：`slot:empty` 看的是 slot 自己的子节点，被 assign 进来的节点并不是\n * 它的孩子。同理不能用 `hidden` 把盒子收掉，display: none 会连带把里面的文字从无障碍名里去掉。\n */\nimport type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit'\n\ninterface Watched {\n  readonly notify: (empty: boolean) => void\n  empty: boolean\n}\n\nconst watched = new WeakMap<Element, Watched>()\nlet observer: ResizeObserver | undefined\n\n/**\n * 全模块共用一个 ResizeObserver：一个列表里可能有上百个选择控件，逐实例建观察者要给每个控件单独排\n * 一次尺寸回调。没有 ResizeObserver 的环境（jsdom）没有布局可测，直接不接。\n */\nfunction getObserver(): ResizeObserver | null {\n  if (typeof ResizeObserver === 'undefined') return null\n  if (observer) return observer\n\n  observer = new ResizeObserver(entries => {\n    for (const entry of entries) {\n      const target = watched.get(entry.target)\n      if (!target) continue\n\n      const empty = entry.contentRect.width === 0\n      if (target.empty === empty) continue\n\n      target.empty = empty\n      target.notify(empty)\n    }\n  })\n\n  return observer\n}\n\nfunction watch(target: Element, notify: (empty: boolean) => void) {\n  const shared = getObserver()\n  if (!shared) return\n\n  // 初值跟宿主的默认状态一致：非空。首帧的真实尺寸由 observe() 的初始回调报上来。\n  watched.set(target, { notify, empty: false })\n  shared.observe(target)\n}\n\nfunction unwatch(target: Element) {\n  watched.delete(target)\n  observer?.unobserve(target)\n}\n\n/** 把标签盒子的空 / 非空变化报给宿主；断开重连后重新接上观察。 */\nexport class LabelEmptinessController implements ReactiveController {\n  private target: Element | undefined\n\n  constructor(\n    private readonly host: ReactiveControllerHost & LitElement,\n    private readonly selector: string,\n    private readonly notify: (empty: boolean) => void\n  ) {\n    host.addController(this)\n  }\n\n  /*\n   * 两个生命周期都要接：重连（移出 DOM 再放回去、列表重排、Teleport）不会排一次更新，所以只挂在\n   * hostUpdated 上的话，观察在断开时被拆掉就再也接不回来，标签后来改成什么都不显示宽度都停在旧值上。\n   * 而首连时 shadow root 还没有子节点，这里查不到目标，得靠 hostUpdated 补上第一次。\n   */\n  hostConnected() {\n    this.attach()\n  }\n\n  hostUpdated() {\n    this.attach()\n  }\n\n  hostDisconnected() {\n    if (this.target) unwatch(this.target)\n    this.target = undefined\n  }\n\n  private attach() {\n    if (this.target) return\n\n    const target = this.host.renderRoot.querySelector(this.selector)\n    if (!target) return\n\n    this.target = target\n    watch(target, this.notify)\n  }\n}\n"],"mappings":";AAkBA,IAAM,oBAAU,IAAI,QAA0B,GAC1C;AAMJ,SAAS,IAAqC;CAiB5C,OAhBI,OAAO,iBAAmB,MAAoB,OAC9C,MAEJ,IAAW,IAAI,gBAAe,MAAW;EACvC,KAAK,IAAM,KAAS,GAAS;GAC3B,IAAM,IAAS,EAAQ,IAAI,EAAM,MAAM;GACvC,IAAI,CAAC,GAAQ;GAEb,IAAM,IAAQ,EAAM,YAAY,UAAU;GACtC,EAAO,UAAU,MAErB,EAAO,QAAQ,GACf,EAAO,OAAO,CAAK;EACrB;CACF,CAAC,GAEM;AACT;AAEA,SAAS,EAAM,GAAiB,GAAkC;CAChE,IAAM,IAAS,EAAY;CACtB,MAGL,EAAQ,IAAI,GAAQ;EAAE;EAAQ,OAAO;CAAM,CAAC,GAC5C,EAAO,QAAQ,CAAM;AACvB;AAEA,SAAS,EAAQ,GAAiB;CAEhC,AADA,EAAQ,OAAO,CAAM,GACrB,GAAU,UAAU,CAAM;AAC5B;AAGA,IAAa,IAAb,MAAoE;CAGlE,YACE,GACA,GACA,GACA;EACA,AAJiB,KAAA,OAAA,GACA,KAAA,WAAA,GACA,KAAA,SAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAOA,gBAAgB;EACd,KAAK,OAAO;CACd;CAEA,cAAc;EACZ,KAAK,OAAO;CACd;CAEA,mBAAmB;EAEjB,AADI,KAAK,UAAQ,EAAQ,KAAK,MAAM,GACpC,KAAK,SAAS,KAAA;CAChB;CAEA,SAAiB;EACf,IAAI,KAAK,QAAQ;EAEjB,IAAM,IAAS,KAAK,KAAK,WAAW,cAAc,KAAK,QAAQ;EAC1D,MAEL,KAAK,SAAS,GACd,EAAM,GAAQ,KAAK,MAAM;CAC3B;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/label-emptiness/index.ts"],"sourcesContent":["/**\n * 判断 label 槽位有没有真的画出东西。\n *\n * radio / checkbox 的触发行是 `inline-flex` + `gap: 10px`，宿主宽度由内容撑开，所以那条 gap 是\n * indicator 与 label 之间的距离。但 gap 只认「这里有个 flex item」，不认它有没有宽度：槽位空着，或者只放了\n * 一个视觉隐藏的无障碍名（`.sr-only` 出流，不产生行内盒），label 盒子是 0 宽，indicator 右边仍然多出 10px。\n *\n * 判据因此取渲染宽度而不是「槽位有没有被指派内容」——两者只在无障碍名那一种用法上分开，而那正是这里\n * 要修的一种。CSS 也判不出这件事：`slot:empty` 看的是 slot 自己的子节点，被 assign 进来的节点并不是\n * 它的孩子。同理不能用 `hidden` 把盒子收掉，display: none 会连带把里面的文字从无障碍名里去掉。\n */\nimport type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit'\n\ninterface Watched {\n  readonly notify: (empty: boolean) => void\n  empty: boolean\n}\n\nconst watched = new WeakMap<Element, Watched>()\nlet observer: ResizeObserver | undefined\n\n/**\n * 全模块共用一个 ResizeObserver：一个列表里可能有上百个选择控件，逐实例建观察者要给每个控件单独排\n * 一次尺寸回调。没有 ResizeObserver 的环境（jsdom）没有布局可测，直接不接。\n */\nfunction getObserver(): ResizeObserver | null {\n  if (typeof ResizeObserver === 'undefined') return null\n  if (observer) return observer\n\n  observer = new ResizeObserver(entries => {\n    for (const entry of entries) {\n      const target = watched.get(entry.target)\n      if (!target) continue\n\n      const empty = entry.contentRect.width === 0\n      if (target.empty === empty) continue\n\n      target.empty = empty\n      target.notify(empty)\n    }\n  })\n\n  return observer\n}\n\nfunction watch(target: Element, notify: (empty: boolean) => void) {\n  const shared = getObserver()\n  if (!shared) return\n\n  // 初值跟宿主的默认状态一致：非空。首帧的真实尺寸由 observe() 的初始回调报上来。\n  watched.set(target, { notify, empty: false })\n  shared.observe(target)\n}\n\nfunction unwatch(target: Element) {\n  watched.delete(target)\n  observer?.unobserve(target)\n}\n\n/** 把 label 盒子的空 / 非空变化报给宿主；断开重连后重新接上观察。 */\nexport class LabelEmptinessController implements ReactiveController {\n  private target: Element | undefined\n\n  constructor(\n    private readonly host: ReactiveControllerHost & LitElement,\n    private readonly selector: string,\n    private readonly notify: (empty: boolean) => void\n  ) {\n    host.addController(this)\n  }\n\n  /*\n   * 两个生命周期都要接：重连（移出 DOM 再放回去、列表重排、Teleport）不会排一次更新，所以只挂在\n   * hostUpdated 上的话，观察在断开时被拆掉就再也接不回来，label 后来改成什么都不显示宽度都停在旧值上。\n   * 而首连时 shadow root 还没有子节点，这里查不到目标，得靠 hostUpdated 补上第一次。\n   */\n  hostConnected() {\n    this.attach()\n  }\n\n  hostUpdated() {\n    this.attach()\n  }\n\n  hostDisconnected() {\n    if (this.target) unwatch(this.target)\n    this.target = undefined\n  }\n\n  private attach() {\n    if (this.target) return\n\n    const target = this.host.renderRoot.querySelector(this.selector)\n    if (!target) return\n\n    this.target = target\n    watch(target, this.notify)\n  }\n}\n"],"mappings":";AAkBA,IAAM,oBAAU,IAAI,QAA0B,GAC1C;AAMJ,SAAS,IAAqC;CAiB5C,OAhBI,OAAO,iBAAmB,MAAoB,OAC9C,MAEJ,IAAW,IAAI,gBAAe,MAAW;EACvC,KAAK,IAAM,KAAS,GAAS;GAC3B,IAAM,IAAS,EAAQ,IAAI,EAAM,MAAM;GACvC,IAAI,CAAC,GAAQ;GAEb,IAAM,IAAQ,EAAM,YAAY,UAAU;GACtC,EAAO,UAAU,MAErB,EAAO,QAAQ,GACf,EAAO,OAAO,CAAK;EACrB;CACF,CAAC,GAEM;AACT;AAEA,SAAS,EAAM,GAAiB,GAAkC;CAChE,IAAM,IAAS,EAAY;CACtB,MAGL,EAAQ,IAAI,GAAQ;EAAE;EAAQ,OAAO;CAAM,CAAC,GAC5C,EAAO,QAAQ,CAAM;AACvB;AAEA,SAAS,EAAQ,GAAiB;CAEhC,AADA,EAAQ,OAAO,CAAM,GACrB,GAAU,UAAU,CAAM;AAC5B;AAGA,IAAa,IAAb,MAAoE;CAGlE,YACE,GACA,GACA,GACA;EACA,AAJiB,KAAA,OAAA,GACA,KAAA,WAAA,GACA,KAAA,SAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAOA,gBAAgB;EACd,KAAK,OAAO;CACd;CAEA,cAAc;EACZ,KAAK,OAAO;CACd;CAEA,mBAAmB;EAEjB,AADI,KAAK,UAAQ,EAAQ,KAAK,MAAM,GACpC,KAAK,SAAS,KAAA;CAChB;CAEA,SAAiB;EACf,IAAI,KAAK,QAAQ;EAEjB,IAAM,IAAS,KAAK,KAAK,WAAW,cAAc,KAAK,QAAQ;EAC1D,MAEL,KAAK,SAAS,GACd,EAAM,GAAQ,KAAK,MAAM;CAC3B;AACF"}

package/dist/shared/menu-behavior/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/menu-behavior/index.ts"],"sourcesContent":["/**\n * 菜单行为层：dropdown 与 context-menu 共用的交互行为。\n *\n * 结构层（面板构建、迁移、定位）由 menu-portal/menu-tree 与各组件自己承载；\n * 这里只收口四种在两个组件中逐行复制的行为：\n * 1. outside-click 守卫（同帧吞掉打开点击 + composedPath 内含判定）\n * 2. 层级 hover 绑定（200ms 打开计时、touch 守卫、hover 收起更深层级）\n * 3. roving 键盘导航（Arrow/Home/End/Enter/Space/Escape）\n * 4. 关闭中的 submenu presence 收尾栈（动画结束后归还子项并销毁面板）\n *\n * 组件是 adapter：提供层级容器/项的查询与打开/关闭原语，行为由此驱动。\n */\nimport { findFocusedMenuItem, focusMenuItem, getEnabledMenuItems } from '@/shared/menu-portal/menu-tree'\nimport { hideOverlayPresence as hidePanelPresence } from '@/shared/overlay/presence'\n\n/** 菜单层级面板的最小视图：行为层只需要面板（presence/contains）与内容容器（项查询）。 */\nexport interface MenuLevelSurface {\n  panel: HTMLElement\n  content: HTMLElement\n}\n\nexport interface MenuOutsideClickGuard {\n  /** 打开动作后调用：吞掉同一帧内随后冒泡到 document 的本次 click。 */\n  arm(): void\n  isArmed(): boolean\n  /** 事件是否发生在宿主 shadow root 或任何已打开面板内部。 */\n  isInside(event: MouseEvent): boolean\n  dispose(): void\n}\n\nexport function createMenuOutsideClickGuard(\n  host: HTMLElement,\n  isInsideOverlayPanel: (node: Node) => boolean\n): MenuOutsideClickGuard {\n  let armed = false\n  let disarmTimer: ReturnType<typeof setTimeout> | undefined\n\n  const isInside = (event: MouseEvent): boolean => {\n    for (const node of event.composedPath()) {\n      if (node === host || node === host.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === host.shadowRoot) return true\n      if (node instanceof Node && isInsideOverlayPanel(node)) return true\n    }\n    return false\n  }\n\n  return {\n    arm() {\n      armed = true\n      clearTimeout(disarmTimer)\n      disarmTimer = setTimeout(() => {\n        armed = false\n      })\n    },\n    isArmed: () => armed,\n    isInside,\n    dispose() {\n      clearTimeout(disarmTimer)\n      armed = false\n    }\n  }\n}\n\nexport interface MenuHoverDelegate {\n  /** 当前展开的 submenu 深度；行为层会绑定 0..depth+1 每一层。 */\n  getOpenDepth(): number\n  getLevelItems(level: number): HTMLElement[]\n  /** 该层当前激活（子面板已展开）的项；用于避免重复打开。 */\n  getActiveItem(level: number): HTMLElement | undefined\n  isSubmenuItem(item: HTMLElement): boolean\n  /** hover 到 submenu 项且它不是当前激活项。 */\n  openSubmenu(item: HTMLElement): void\n  /** hover 到叶子项且存在更深层级：关闭比它深的子面板（内部自行重新 bind）。 */\n  closeFrom(level: number): void\n}\n\nexport interface MenuHoverBinder {\n  bind(): void\n  dispose(): void\n}\n\nconst SUBMENU_HOVER_DELAY = 200\n\nexport function createMenuHoverBinder(delegate: MenuHoverDelegate, itemSelector: string): MenuHoverBinder {\n  let openTimer: ReturnType<typeof setTimeout> | undefined\n  let cleanupFns: (() => void)[] = []\n\n  function bind() {\n    cleanupFns.forEach(fn => fn())\n    cleanupFns = []\n\n    const depth = delegate.getOpenDepth()\n    for (let level = 0; level <= depth + 1; level++) {\n      const items = delegate.getLevelItems(level)\n      if (!items.length) continue\n      items.forEach(item => {\n        if (!item.matches(itemSelector) || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(openTimer)\n          if (delegate.isSubmenuItem(item)) {\n            if (delegate.getActiveItem(level) !== item) {\n              openTimer = setTimeout(() => delegate.openSubmenu(item), SUBMENU_HOVER_DELAY)\n            }\n          } else if (delegate.getOpenDepth() > level) {\n            delegate.closeFrom(level)\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        cleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  return {\n    bind,\n    dispose() {\n      clearTimeout(openTimer)\n      cleanupFns.forEach(fn => fn())\n      cleanupFns = []\n    }\n  }\n}\n\nexport interface MenuKeyboardDelegate {\n  getFocusedItem(event?: KeyboardEvent): HTMLElement | undefined\n  /** 焦点项所在层级；不在任何面板内时返回 undefined。 */\n  getLevelOf(item: HTMLElement): number | undefined\n  getEnabledItems(level: number): HTMLElement[]\n  isSubmenuItem(item: HTMLElement): boolean\n  /** 键盘 ArrowRight：以 instant 语义打开该项的子面板。 */\n  openSubmenuInstant(item: HTMLElement): void\n  /** 键盘 ArrowLeft：关闭 level 层子面板并返回其父项。 */\n  closeToParent(level: number): HTMLElement | undefined\n  /** Escape：关闭最深一层子面板；没有子面板时关闭整个菜单。 */\n  closeDeepestOrAll(): void\n}\n\n/**\n * 处理菜单键盘事件；未命中的键原样返回，调用方不做 preventDefault。\n * 事件监听的挂载位置（宿主 / 面板 / document）由组件自己决定。\n */\nexport function handleMenuKeyboard(delegate: MenuKeyboardDelegate, e: KeyboardEvent): void {\n  /*\n   * Escape 不在本函数处理：它必须跨组件归属（issue #120 Block 1），由共享仲裁者在\n   * document 捕获阶段判定最内层后调用 `closeDeepestOrAll()`。留在各组件自己的\n   * keydown 里会让一次 Escape 同时命中内外两层。\n   */\n  const focused = delegate.getFocusedItem(e)\n  const level = focused ? delegate.getLevelOf(focused) : undefined\n  if (level === undefined) return\n  const items = delegate.getEnabledItems(level)\n  const currentIndex = focused ? items.indexOf(focused) : -1\n\n  switch (e.key) {\n    case 'ArrowDown':\n      focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n      break\n    case 'ArrowUp':\n      focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n      break\n    case 'Home':\n      focusMenuItem(items[0])\n      break\n    case 'End':\n      focusMenuItem(items.at(-1))\n      break\n    case 'ArrowRight':\n      if (focused?.hasAttribute('submenu')) {\n        delegate.openSubmenuInstant(focused)\n        // 双 rAF：等子面板构建/迁移完成后再聚焦其第一个可用项\n        requestAnimationFrame(() => requestAnimationFrame(() => focusMenuItem(delegate.getEnabledItems(level + 1)[0])))\n      }\n      break\n    case 'ArrowLeft':\n      if (level > 0) {\n        focusMenuItem(delegate.closeToParent(level))\n      }\n      break\n    case 'Enter':\n    case ' ':\n      focused?.click()\n      break\n    default:\n      return\n  }\n  e.preventDefault()\n  e.stopPropagation()\n}\n\n/** 供 getFocusedItem 实现：优先取事件 composedPath 上的菜单项，其次查找面板内已聚焦项。 */\nexport function getFocusedMenuItemFromPanels(\n  event: KeyboardEvent | undefined,\n  panels: Iterable<HTMLElement | undefined>,\n  itemSelector: string\n): HTMLElement | undefined {\n  const eventItem = event\n    ?.composedPath()\n    .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches(itemSelector))\n  if (eventItem) return eventItem\n\n  return findFocusedMenuItem(panels)\n}\n\n/** 供 getEnabledItems 实现：从层级 content 查询可用项。 */\nexport function getEnabledMenuLevelItems(content: HTMLElement | undefined): HTMLElement[] {\n  return content ? getEnabledMenuItems(content) : []\n}\n\nexport interface ClosingSubmenuStack<C> {\n  /** 取出正在关闭的容器以复用（同帧关闭→重开同一父项）。 */\n  take(parentItem: HTMLElement): C | undefined\n  /** 挂起关闭：等出场动画结束后归还子项并销毁面板。 */\n  closeAsync(parentItem: HTMLElement, container: C): void\n  /** 立即归还并销毁全部关闭中的容器（整菜单关闭 / 重开路径）。 */\n  restoreAll(): void\n  /** 全部强制销毁（断开连接时），不再归还子项。 */\n  disposeAll(): void\n  /**\n   * 正在关闭、尚未销毁的容器快照（只读）。\n   * 这些面板仍在 DOM 里、可能仍然可见，但已经离开调用方的活跃集合（`_overlays` /\n   * `_activeSubmenus`）—— 根层重新 claim 时必须把它们一并重新挂回新会话的子树，\n   * 否则它们会被判成「面板外」。\n   */\n  closing(): C[]\n}\n\nexport interface ClosingSubmenuStackAdapter<C> {\n  getPanel(container: C): HTMLElement\n  /** 归子项回父项（moveMenuChildren 与隐藏补丁由 adapter 决定）。 */\n  restoreItems(container: C, parentItem: HTMLElement): void\n  /** 销毁面板（remove + overlay api.dispose 等）。 */\n  dispose(container: C): void\n}\n\nexport function createClosingSubmenuStack<C>(adapter: ClosingSubmenuStackAdapter<C>): ClosingSubmenuStack<C> {\n  const closing = new Map<HTMLElement, C>()\n\n  return {\n    take(parentItem) {\n      const container = closing.get(parentItem)\n      if (container) closing.delete(parentItem)\n      return container\n    },\n    closeAsync(parentItem, container) {\n      // 先登记再等出场动画：同帧关闭→重开时 take() 会从这里取走复用\n      closing.set(parentItem, container)\n      void (async () => {\n        if (!(await hidePanelPresence(adapter.getPanel(container)))) return\n        if (closing.get(parentItem) !== container) return\n\n        closing.delete(parentItem)\n        adapter.restoreItems(container, parentItem)\n        adapter.dispose(container)\n      })()\n    },\n    restoreAll() {\n      closing.forEach((container, parentItem) => {\n        adapter.restoreItems(container, parentItem)\n        adapter.dispose(container)\n      })\n      closing.clear()\n    },\n    disposeAll() {\n      closing.forEach(container => adapter.dispose(container))\n      closing.clear()\n    },\n    closing() {\n      return [...closing.values()]\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/menu-behavior/index.ts"],"sourcesContent":["/**\n * menu 行为层：dropdown 与 context-menu 共用的交互行为。\n *\n * 结构层（panel 构建、迁移、定位）由 menu-portal/menu-tree 与各组件自己承载；\n * 这里只收口四种在两个组件中逐行复制的行为：\n * 1. outside-click 守卫（同帧吞掉打开点击 + composedPath 内含判定）\n * 2. 层级 hover 绑定（200ms 打开计时、touch 守卫、hover 收起更深层级）\n * 3. roving 键盘导航（Arrow/Home/End/Enter/Space/Escape）\n * 4. 关闭中的 submenu presence 收尾栈（动画结束后归还子项并销毁 panel）\n *\n * 组件是 adapter：提供层级容器/项的查询与打开/关闭原语，行为由此驱动。\n */\nimport { findFocusedMenuItem, focusMenuItem, getEnabledMenuItems } from '@/shared/menu-portal/menu-tree'\nimport { hideOverlayPresence as hidePanelPresence } from '@/shared/overlay/presence'\n\n/** menu hierarchy panel 的最小视图：行为层只需要 panel（presence/contains）与内容容器（项查询）。 */\nexport interface MenuLevelSurface {\n  panel: HTMLElement\n  content: HTMLElement\n}\n\nexport interface MenuOutsideClickGuard {\n  /** 打开动作后调用：吞掉同一帧内随后冒泡到 document 的本次 click。 */\n  arm(): void\n  isArmed(): boolean\n  /** 事件是否发生在宿主 shadow root 或任何已打开 panel 内部。 */\n  isInside(event: MouseEvent): boolean\n  dispose(): void\n}\n\nexport function createMenuOutsideClickGuard(\n  host: HTMLElement,\n  isInsideOverlayPanel: (node: Node) => boolean\n): MenuOutsideClickGuard {\n  let armed = false\n  let disarmTimer: ReturnType<typeof setTimeout> | undefined\n\n  const isInside = (event: MouseEvent): boolean => {\n    for (const node of event.composedPath()) {\n      if (node === host || node === host.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === host.shadowRoot) return true\n      if (node instanceof Node && isInsideOverlayPanel(node)) return true\n    }\n    return false\n  }\n\n  return {\n    arm() {\n      armed = true\n      clearTimeout(disarmTimer)\n      disarmTimer = setTimeout(() => {\n        armed = false\n      })\n    },\n    isArmed: () => armed,\n    isInside,\n    dispose() {\n      clearTimeout(disarmTimer)\n      armed = false\n    }\n  }\n}\n\nexport interface MenuHoverDelegate {\n  /** 当前展开的 submenu 深度；行为层会绑定 0..depth+1 每一层。 */\n  getOpenDepth(): number\n  getLevelItems(level: number): HTMLElement[]\n  /** 该层当前激活（子 panel 已展开）的项；用于避免重复打开。 */\n  getActiveItem(level: number): HTMLElement | undefined\n  isSubmenuItem(item: HTMLElement): boolean\n  /** hover 到 submenu item 且它不是当前激活项。 */\n  openSubmenu(item: HTMLElement): void\n  /** hover 到叶子项且存在更深层级：关闭比它深的子 panel（内部自行重新 bind）。 */\n  closeFrom(level: number): void\n}\n\nexport interface MenuHoverBinder {\n  bind(): void\n  dispose(): void\n}\n\nconst SUBMENU_HOVER_DELAY = 200\n\nexport function createMenuHoverBinder(delegate: MenuHoverDelegate, itemSelector: string): MenuHoverBinder {\n  let openTimer: ReturnType<typeof setTimeout> | undefined\n  let cleanupFns: (() => void)[] = []\n\n  function bind() {\n    cleanupFns.forEach(fn => fn())\n    cleanupFns = []\n\n    const depth = delegate.getOpenDepth()\n    for (let level = 0; level <= depth + 1; level++) {\n      const items = delegate.getLevelItems(level)\n      if (!items.length) continue\n      items.forEach(item => {\n        if (!item.matches(itemSelector) || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(openTimer)\n          if (delegate.isSubmenuItem(item)) {\n            if (delegate.getActiveItem(level) !== item) {\n              openTimer = setTimeout(() => delegate.openSubmenu(item), SUBMENU_HOVER_DELAY)\n            }\n          } else if (delegate.getOpenDepth() > level) {\n            delegate.closeFrom(level)\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        cleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  return {\n    bind,\n    dispose() {\n      clearTimeout(openTimer)\n      cleanupFns.forEach(fn => fn())\n      cleanupFns = []\n    }\n  }\n}\n\nexport interface MenuKeyboardDelegate {\n  getFocusedItem(event?: KeyboardEvent): HTMLElement | undefined\n  /** 焦点项所在层级；不在任何 panel 内时返回 undefined。 */\n  getLevelOf(item: HTMLElement): number | undefined\n  getEnabledItems(level: number): HTMLElement[]\n  isSubmenuItem(item: HTMLElement): boolean\n  /** 键盘 ArrowRight：以 instant 语义打开该项的子 panel。 */\n  openSubmenuInstant(item: HTMLElement): void\n  /** 键盘 ArrowLeft：关闭 level 层子 panel 并返回其父项。 */\n  closeToParent(level: number): HTMLElement | undefined\n  /** Escape：关闭最深一层子 panel；没有子 panel 时关闭整个 menu。 */\n  closeDeepestOrAll(): void\n}\n\n/**\n * 处理 menu 键盘事件；未命中的键原样返回，调用方不做 preventDefault。\n * 事件监听的挂载位置（宿主 / panel / document）由组件自己决定。\n */\nexport function handleMenuKeyboard(delegate: MenuKeyboardDelegate, e: KeyboardEvent): void {\n  /*\n   * Escape 不在本函数处理：它必须跨组件归属（issue #120 Block 1），由共享仲裁者在\n   * document 捕获阶段判定最内层后调用 `closeDeepestOrAll()`。留在各组件自己的\n   * keydown 里会让一次 Escape 同时命中内外两层。\n   */\n  const focused = delegate.getFocusedItem(e)\n  const level = focused ? delegate.getLevelOf(focused) : undefined\n  if (level === undefined) return\n  const items = delegate.getEnabledItems(level)\n  const currentIndex = focused ? items.indexOf(focused) : -1\n\n  switch (e.key) {\n    case 'ArrowDown':\n      focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n      break\n    case 'ArrowUp':\n      focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n      break\n    case 'Home':\n      focusMenuItem(items[0])\n      break\n    case 'End':\n      focusMenuItem(items.at(-1))\n      break\n    case 'ArrowRight':\n      if (focused?.hasAttribute('submenu')) {\n        delegate.openSubmenuInstant(focused)\n        // 双 rAF：等子 panel 构建/迁移完成后再聚焦其第一个可用项\n        requestAnimationFrame(() => requestAnimationFrame(() => focusMenuItem(delegate.getEnabledItems(level + 1)[0])))\n      }\n      break\n    case 'ArrowLeft':\n      if (level > 0) {\n        focusMenuItem(delegate.closeToParent(level))\n      }\n      break\n    case 'Enter':\n    case ' ':\n      focused?.click()\n      break\n    default:\n      return\n  }\n  e.preventDefault()\n  e.stopPropagation()\n}\n\n/** 供 getFocusedItem 实现：优先取事件 composedPath 上的 menu item，其次查找 panel 内已聚焦项。 */\nexport function getFocusedMenuItemFromPanels(\n  event: KeyboardEvent | undefined,\n  panels: Iterable<HTMLElement | undefined>,\n  itemSelector: string\n): HTMLElement | undefined {\n  const eventItem = event\n    ?.composedPath()\n    .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches(itemSelector))\n  if (eventItem) return eventItem\n\n  return findFocusedMenuItem(panels)\n}\n\n/** 供 getEnabledItems 实现：从层级 content 查询可用项。 */\nexport function getEnabledMenuLevelItems(content: HTMLElement | undefined): HTMLElement[] {\n  return content ? getEnabledMenuItems(content) : []\n}\n\nexport interface ClosingSubmenuStack<C> {\n  /** 取出正在关闭的容器以复用（同帧关闭→重开同一父项）。 */\n  take(parentItem: HTMLElement): C | undefined\n  /** 挂起关闭：等出场动画结束后归还子项并销毁 panel。 */\n  closeAsync(parentItem: HTMLElement, container: C): void\n  /** 立即归还并销毁全部关闭中的容器（整 menu 关闭 / 重开路径）。 */\n  restoreAll(): void\n  /** 全部强制销毁（断开连接时），不再归还子项。 */\n  disposeAll(): void\n  /**\n   * 正在关闭、尚未销毁的容器快照（只读）。\n   * 这些 panel 仍在 DOM 里、可能仍然可见，但已经离开调用方的活跃集合（`_overlays` /\n   * `_activeSubmenus`）—— 根层重新 claim 时必须把它们一并重新挂回新会话的子树，\n   * 否则它们会被判成「panel 外」。\n   */\n  closing(): C[]\n}\n\nexport interface ClosingSubmenuStackAdapter<C> {\n  getPanel(container: C): HTMLElement\n  /** 归子项回父项（moveMenuChildren 与隐藏补丁由 adapter 决定）。 */\n  restoreItems(container: C, parentItem: HTMLElement): void\n  /** 销毁 panel（remove + overlay api.dispose 等）。 */\n  dispose(container: C): void\n}\n\nexport function createClosingSubmenuStack<C>(adapter: ClosingSubmenuStackAdapter<C>): ClosingSubmenuStack<C> {\n  const closing = new Map<HTMLElement, C>()\n\n  return {\n    take(parentItem) {\n      const container = closing.get(parentItem)\n      if (container) closing.delete(parentItem)\n      return container\n    },\n    closeAsync(parentItem, container) {\n      // 先登记再等出场动画：同帧关闭→重开时 take() 会从这里取走复用\n      closing.set(parentItem, container)\n      void (async () => {\n        if (!(await hidePanelPresence(adapter.getPanel(container)))) return\n        if (closing.get(parentItem) !== container) return\n\n        closing.delete(parentItem)\n        adapter.restoreItems(container, parentItem)\n        adapter.dispose(container)\n      })()\n    },\n    restoreAll() {\n      closing.forEach((container, parentItem) => {\n        adapter.restoreItems(container, parentItem)\n        adapter.dispose(container)\n      })\n      closing.clear()\n    },\n    disposeAll() {\n      closing.forEach(container => adapter.dispose(container))\n      closing.clear()\n    },\n    closing() {\n      return [...closing.values()]\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/shared/menu-portal/menu-portal.js

@@ -1,4 +1,4 @@
-import e from "../../assets/glass.js";
+import e from "../../classes/glass.js";
 import t from "../../assets/overlay-motion.js";
 import n from "../../scrollbars/internal.js";
 import r from "../../assets/menu-portal.js";