@greypan/web-ui 6.0.0 → 6.1.0

package/dist/shared/overlay/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport type OverlayContainer = HTMLElement | (() => HTMLElement | undefined)\n\nexport interface OverlayContainerResolutionOptions {\n  /** 无 target 时优先使用文档中的 root theme。 */\n  preferRootTheme?: boolean\n}\n\nexport interface OverlayPortalOptions {\n  container?: OverlayContainer\n  target: Element\n  style: string\n  className: string\n  onContentChange?: (mutations: MutationRecord[]) => void\n  /**\n   * 打开期实时渲染契约：框架（Vue/React 条件渲染）可能在浮层打开期间向宿主\n   * light DOM 持续插入节点。提供该回调时，portal 监听宿主直接子节点的 childList，\n   * 把回调认定的可迁移节点增量迁入面板；关闭恢复时与初始迁移节点一样按原位回插。\n   * 回调应只返回渲染性内容（元素/文本），框架注释锚点必须留在宿主，\n   * 否则框架后续 patch 会以面板内节点为插入基准。\n   * 返回空数组表示本次新增无需迁移。\n   */\n  migrateAddedNodes?: (addedNodes: Node[]) => Node[]\n}\n\nexport interface OverlayPortal {\n  readonly panel: HTMLElement\n  restoreContent(): void\n  moveContent(nodes: Node[], target?: HTMLElement): void\n  appendContent(nodes: Node[], target?: HTMLElement): void\n  removeContent(nodes: Node[]): void\n  remove(): void\n}\n\n/**\n * Portal 面板位于独立 shadow root，宿主上的 CSS 自定义属性不会沿渲染树继承到 panel。\n * 这里在创建时镜像锚点解析后的变量，让组件 host 上的尺寸配置对 portal 仍然生效。\n */\nexport function applyOverlayVariables(panel: HTMLElement, source: Element, variables: readonly string[]): void {\n  const computedStyle = getComputedStyle(source)\n  for (const variable of variables) {\n    const value = computedStyle.getPropertyValue(variable).trim()\n    if (value) panel.style.setProperty(variable, value)\n  }\n}\n\n/**\n * 迁移节点的追踪条目。每个节点迁入面板时在宿主 light DOM 原位留一个 marker 注释：\n * 宿主因此始终持有完整有序的骨架（marker + 框架注释锚点 + 未迁移节点），\n * 框架（Vue/React 条件渲染）打开期的插入以宿主为容器、以真实锚点为基准；\n * 面板内节点按宿主骨架序重排（中段插入不落到面板末尾）；关闭时按 marker 位\n * 双向归还、marker 摘除。机制与 menu-tree 的托管菜单项锚一致（context-menu/dropdown 共用）。\n */\ninterface TrackedNodeEntry {\n  node: Node\n  marker: Comment\n}\n\nconst PORTAL_CONTENT_MARKER = 'wui-portal-content-anchor'\n\n/**\n * 构建带 Shadow DOM 样式边界的 Portal 面板，并追踪被迁移的内容节点以便恢复。\n */\nexport const defineOverlayPortal = () =>\n  definePlugin<OverlayPortal, OverlayPortalOptions>(ctx => {\n    const host = document.createElement('div')\n    // :host 规则可能让宿主在 overlay 容器中生成行盒；display: contents 保留面板定位而不参与布局。\n    host.style.display = 'contents'\n\n    const root = host.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ctx.style\n    const panel = document.createElement('div')\n    panel.className = ctx.className\n    panel.dataset.wuiPresence = 'entering'\n    root.append(style, panel)\n\n    const trackedNodes: TrackedNodeEntry[] = []\n    const contentObserver = new MutationObserver(mutations => {\n      // 内部不变量先于消费方回调执行：配对依赖 trackedNodes 尚未被消费方 untrack 的状态。\n      returnStrayFrameworkComments(mutations)\n      ctx.onContentChange?.(mutations)\n    })\n    // 同一 observer 批次内被插入又移除的游离节点没有宿主位可锚，不追踪不迁移\n    // （insertBefore 要求 node 是 parent 的子节点）；其归宿由框架的删除语义决定。\n    const recordEntry = (node: Node): TrackedNodeEntry | null => {\n      const parent = node.parentNode\n      if (!parent) return null\n      const marker = document.createComment(PORTAL_CONTENT_MARKER)\n      parent.insertBefore(marker, node)\n      const entry: TrackedNodeEntry = { node, marker }\n      trackedNodes.push(entry)\n      return entry\n    }\n    const untrackNodes = (nodes: Node[]) => {\n      for (const node of nodes) {\n        const index = trackedNodes.findIndex(entry => entry.node === node)\n        if (index >= 0) {\n          trackedNodes[index].marker.remove()\n          trackedNodes.splice(index, 1)\n        }\n      }\n    }\n    // 面板内节点按宿主骨架序重排：骨架 = 宿主 childNodes 中本 portal 的 marker 序。\n    // 只在已跟踪节点之间移动（insertBefore 相对定位），不触碰面板内的组件自有节点\n    // （如 autocomplete 的空态占位）；末位节点 append，越过面板内注释锚点的情形由\n    // restoreContent 的相邻注释随迁兜底。\n    const orderTargetBySkeleton = (target: HTMLElement) => {\n      const skeleton: Node[] = []\n      for (const node of Array.from(ctx.target.childNodes)) {\n        if (node instanceof Comment && node.textContent === PORTAL_CONTENT_MARKER) {\n          const entry = trackedNodes.find(e => e.marker === node)\n          if (entry && entry.node.parentNode === target) skeleton.push(entry.node)\n        }\n      }\n      if (skeleton.length === 0) return\n      const current = Array.from(target.childNodes).filter(\n        node => skeleton.includes(node) || !(node instanceof Comment)\n      )\n      if (current.length === skeleton.length && current.every((node, index) => node === skeleton[index])) return\n      for (let index = skeleton.length - 1; index >= 0; index--) {\n        const node = skeleton[index]\n        const next = skeleton[index + 1]\n        if (next) {\n          if ((node as Element).nextElementSibling !== next) target.insertBefore(node, next)\n        } else {\n          target.appendChild(node)\n        }\n      }\n    }\n\n    /**\n     * 打开期不变量：框架删除已迁移节点时，其条件渲染占位注释（v-if 等）会被插进\n     * 面板内容区而不是宿主——block 子树 patch 以 hostParentNode(oldVNode.el) 重定\n     * container，而旧 el 已在面板（可能是 panel 自身或组件的内容子容器）。\n     * 注释是框架后续翻转依赖的 vnode.el：留在面板会随面板销毁，下次翻转把内容插进\n     * 已脱离文档的旧面板（内容\"既不在宿主也不在面板\"且无法恢复）。\n     * 每个面板 mutation 批次内即时归还：与同批次被框架删除的 tracked 节点按宿主\n     * marker 序配对，插到其 marker 位（多注释对多删除为近似配对；无配对时落宿主\n     * 骨架末尾兜底）。tracked 子树内的注释是迁移内容自身的嵌套条件渲染，不属游离\n     * 锚点，必须留在原位；随整个子树被删的注释已不在面板内，无需救援。\n     */\n    const returnStrayFrameworkComments = (mutations: MutationRecord[]) => {\n      const isInsideTrackedSubtree = (start: Node): boolean => {\n        let current: Node | null = start\n        while (current && current !== panel) {\n          if (trackedNodes.some(entry => entry.node === current)) return true\n          current = current.parentNode\n        }\n        return false\n      }\n      const addedNodes = new Set(mutations.flatMap(mutation => [...mutation.addedNodes]))\n      const strays: Comment[] = []\n      for (const mutation of mutations) {\n        for (const node of mutation.addedNodes) {\n          if (!(node instanceof Comment) || node.textContent === PORTAL_CONTENT_MARKER) continue\n          // 同批次移入又移除的游离注释、随删除子树一起消失的注释都不在面板内，跳过\n          if (!panel.contains(node)) continue\n          if (isInsideTrackedSubtree(mutation.target)) continue\n          strays.push(node)\n        }\n      }\n      if (!strays.length) return\n      const hostChildren = Array.from(ctx.target.childNodes)\n      const removedEntries = trackedNodes\n        .filter(\n          entry =>\n            !addedNodes.has(entry.node) && mutations.some(mutation => [...mutation.removedNodes].includes(entry.node))\n        )\n        .sort((a, b) => hostChildren.indexOf(a.marker) - hostChildren.indexOf(b.marker))\n      for (const [index, comment] of strays.entries()) {\n        const marker = removedEntries[Math.min(index, removedEntries.length - 1)]?.marker\n        if (marker && marker.parentNode === ctx.target) ctx.target.insertBefore(comment, marker)\n        else ctx.target.appendChild(comment)\n      }\n    }\n\n    resolveOverlayContainer(ctx.container, ctx.target).appendChild(host)\n    if (ctx.onContentChange) contentObserver.observe(panel, { childList: true, subtree: true })\n\n    // 打开期宿主 childList 观察（不含子树，框架 patch 嵌套组件的 light DOM 不属于\n    // 本面板内容）。portal 实例的生命周期即打开期，随恢复/移除断开。\n    const migrateAddedNodes = ctx.migrateAddedNodes\n    const hostObserver = new MutationObserver(mutations => {\n      // 框架清除逻辑（如 lit 的 _$clear）按宿主 marker 邻位遍历已迁移内容：元素\n      // 物理上在面板，遍历找不到本体，会把 portal marker 当作内容本体移除。\n      // marker 被框架摘除即框架删除语义——解除追踪并清掉滞留面板的游离元素；\n      // 同批次移入又移回的 marker（框架重排）不属于删除。实时迁移仍以\n      // migrateAddedNodes 的回调为准，无该回调的 portal（如 option 域）只做删除清理。\n      const addedNodes = new Set(mutations.flatMap(mutation => [...mutation.addedNodes]))\n      const strandedNodes = mutations\n        .flatMap(mutation => [...mutation.removedNodes])\n        .filter(node => node instanceof Comment && node.textContent === PORTAL_CONTENT_MARKER && !addedNodes.has(node))\n        .map(marker => trackedNodes.find(entry => entry.marker === marker)?.node)\n        .filter((node): node is Node => node !== undefined)\n      if (strandedNodes.length) {\n        api.removeContent(strandedNodes)\n        // remove() 的规范语义即 parentNode.removeChild：宿主/类型层面都以 Node 表达\n        for (const node of strandedNodes) node.parentNode?.removeChild(node)\n      }\n      if (!migrateAddedNodes) return\n      const migratable = migrateAddedNodes(mutations.flatMap(mutation => [...mutation.addedNodes]))\n      if (migratable.length) api.appendContent(migratable)\n    })\n    hostObserver.observe(ctx.target, { childList: true })\n\n    const api: OverlayPortal = {\n      panel,\n\n      moveContent(nodes, target = panel) {\n        trackedNodes.forEach(entry => entry.marker.remove())\n        const entries = nodes.map(recordEntry).filter((entry): entry is TrackedNodeEntry => entry !== null)\n        trackedNodes.length = 0\n        trackedNodes.push(...entries)\n        target.append(...nodes)\n        orderTargetBySkeleton(target)\n      },\n\n      appendContent(nodes, target = panel) {\n        for (const node of nodes) {\n          untrackNodes([node])\n          const entry = recordEntry(node)\n          if (!entry) continue\n          target.appendChild(entry.node)\n        }\n        orderTargetBySkeleton(target)\n      },\n\n      removeContent(nodes) {\n        // 框架删除节点时插进面板的占位注释由 contentObserver 的内部不变量\n        // （returnStrayFrameworkComments）即时归还宿主，这里只负责解除追踪。\n        untrackNodes(nodes)\n      },\n\n      restoreContent() {\n        // 先停掉实时迁移：恢复动作本身会改动宿主 childList，\n        // 否则回插的节点会被当成新增内容再次迁入面板形成回环。\n        hostObserver.disconnect()\n\n        // 节点回到宿主中自己的 marker 位；面板内紧邻其前的框架注释锚点（v-if 占位）\n        // 随元素一起迁回——Vue 仍持有这些锚点的 vnode.el 引用，留在面板会随面板销毁，\n        // 下次翻转将因 parentNode === null 崩溃。\n        for (const entry of trackedNodes) {\n          const pending: Comment[] = []\n          let previous = entry.node.previousSibling\n          while (previous instanceof Comment && previous.textContent !== PORTAL_CONTENT_MARKER) {\n            pending.unshift(previous)\n            previous = previous.previousSibling\n          }\n          for (const comment of pending) {\n            if (entry.marker.parentNode === ctx.target) ctx.target.insertBefore(comment, entry.marker)\n            else ctx.target.appendChild(comment)\n          }\n          if (entry.marker.parentNode === ctx.target) ctx.target.insertBefore(entry.node, entry.marker)\n          else ctx.target.appendChild(entry.node)\n          entry.marker.remove()\n        }\n        trackedNodes.length = 0\n      },\n\n      remove() {\n        hostObserver.disconnect()\n        contentObserver.disconnect()\n        // 防御：正常 dispose 先 restore（marker 已清），异常路径下避免 marker 泄漏在宿主。\n        trackedNodes.forEach(entry => entry.marker.remove())\n        trackedNodes.length = 0\n        host.remove()\n      }\n    }\n    return api\n  })\n\n/**\n * 判断 node 是否是 slot 已分配节点（或其 light DOM 后代），即 node 实际渲染在 shadowRoot 内。\n * slotted 内容的 parentNode 仍停留在 light DOM，因此不能用普通祖先遍历跨过 shadow 边界，\n * 只能通过 slot.assignedNodes() 判断内容被渲染到哪个 slot。\n */\nfunction isAssignedIntoTarget(node: Node, assignedNode: Node, boundary: Node): boolean {\n  let current: Node | null = node\n  while (current && current !== boundary) {\n    if (current === assignedNode) return true\n    current = current.parentNode\n  }\n  return false\n}\n\n/** parentNode 为 null 时跨过 shadow 边界上行到 host（portal 面板等 shadow 子树的 parentNode 链会断裂）。 */\nfunction getParentAcrossShadow(node: Node): Node | null {\n  if (node.parentNode) return node.parentNode\n  const root = node.getRootNode()\n  return root instanceof ShadowRoot ? root.host : null\n}\n\n/**\n * 查找包含 target 且处于打开态的最近原生 <dialog>。\n * 原生 showModal() 会把 dialog 提升到浏览器 top layer，而常规 overlay 容器在普通文档流，\n * 二者无法靠 z-index 叠序——overlay 会被 top layer 的 dialog 遮住。\n * 因此 target 被渲染到某个已打开的原生 dialog 内时，应把 overlay 挂到该 dialog 上，\n * 使其一并进入 top layer（抽屉 / 对话框内的 dropdown、tooltip、context-menu 均适用）。\n * 上行路径必须跨 shadow 边界：target 可能位于 portal 面板（shadow 子树）内，\n * 纯 parentNode 链在该处断裂会误判为 dialog 外，浮层落进 fallback root 被遮挡。\n */\nfunction findEnclosingOpenDialog(target: Element): HTMLDialogElement | null {\n  let current: Node | null = target\n  while (current && current !== document.documentElement) {\n    if (current instanceof HTMLDialogElement && current.open) return current\n\n    // 跨过 shadow host：检查其 shadowRoot 内已打开的 dialog 是否渲染了 target。\n    if (current instanceof Element && current.shadowRoot) {\n      const dialogs = current.shadowRoot.querySelectorAll('dialog')\n      for (const dialog of dialogs) {\n        if (!(dialog instanceof HTMLDialogElement) || !dialog.open) continue\n        const slots = dialog.querySelectorAll('slot')\n        for (const slot of slots) {\n          for (const assigned of slot.assignedNodes()) {\n            if (!(assigned instanceof Node)) continue\n            if (isAssignedIntoTarget(target, assigned, current)) return dialog\n          }\n        }\n      }\n    }\n\n    current = getParentAcrossShadow(current)\n  }\n  return null\n}\n\nexport function resolveOverlayContainer(\n  container: OverlayContainer | undefined,\n  target: Element,\n  options: OverlayContainerResolutionOptions = {}\n): HTMLElement {\n  const explicit = typeof container === 'function' ? container() : container\n  if (explicit) return explicit\n\n  // target 在已打开的原生 dialog / drawer 内：挂到该 dialog，加入 top layer。\n  const enclosingDialog = findEnclosingOpenDialog(target)\n  if (enclosingDialog) return enclosingDialog\n\n  // 无 target 的调用（如菜单）优先使用 root theme；有 target 时使用最近的 theme。\n  const theme = options.preferRootTheme ? findRootTheme() : findNearestTheme(target)\n  return theme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n"],"mappings":"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"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport type OverlayContainer = HTMLElement | (() => HTMLElement | undefined)\n\nexport interface OverlayContainerResolutionOptions {\n  /** 无 target 时优先使用文档中的 root theme。 */\n  preferRootTheme?: boolean\n}\n\nexport interface OverlayPortalOptions {\n  container?: OverlayContainer\n  target: Element\n  style: string\n  className: string\n  /**\n   * 额外的面板内容变化反应。注意：已迁移节点被框架物理删除后的解除追踪\n   * （removeContent）是 portal 的内建默认行为，不经过该回调；这里只承载\n   * 组件自己的附加逻辑（如 option 域的刷新、空态占位改写）。\n   */\n  onContentChange?: (mutations: MutationRecord[]) => void\n  /**\n   * 打开期实时渲染契约：框架（Vue/React 条件渲染）可能在浮层打开期间向宿主\n   * light DOM 持续插入节点。提供该回调时，portal 监听宿主直接子节点的 childList，\n   * 把回调认定的可迁移节点增量迁入面板；关闭恢复时与初始迁移节点一样按原位回插。\n   * 回调应只返回渲染性内容（元素/文本），框架注释锚点必须留在宿主，\n   * 否则框架后续 patch 会以面板内节点为插入基准。\n   * 返回空数组表示本次新增无需迁移。\n   */\n  migrateAddedNodes?: (addedNodes: Node[]) => Node[]\n}\n\nexport interface OverlayPortal {\n  readonly panel: HTMLElement\n  restoreContent(): void\n  moveContent(nodes: Node[], target?: HTMLElement): void\n  appendContent(nodes: Node[], target?: HTMLElement): void\n  removeContent(nodes: Node[]): void\n  remove(): void\n}\n\n/**\n * Portal 面板位于独立 shadow root，宿主上的 CSS 自定义属性不会沿渲染树继承到 panel。\n * 这里在创建时镜像锚点解析后的变量，让组件 host 上的尺寸配置对 portal 仍然生效。\n */\nexport function applyOverlayVariables(panel: HTMLElement, source: Element, variables: readonly string[]): void {\n  const computedStyle = getComputedStyle(source)\n  for (const variable of variables) {\n    const value = computedStyle.getPropertyValue(variable).trim()\n    if (value) panel.style.setProperty(variable, value)\n  }\n}\n\n/**\n * 迁移节点的追踪条目。每个节点迁入面板时在宿主 light DOM 原位留一个 marker 注释：\n * 宿主因此始终持有完整有序的骨架（marker + 框架注释锚点 + 未迁移节点），\n * 框架（Vue/React 条件渲染）打开期的插入以宿主为容器、以真实锚点为基准；\n * 面板内节点按宿主骨架序重排（中段插入不落到面板末尾）；关闭时按 marker 位\n * 双向归还、marker 摘除。机制与 menu-tree 的托管菜单项锚一致（context-menu/dropdown 共用）。\n */\ninterface TrackedNodeEntry {\n  node: Node\n  marker: Comment\n}\n\nconst PORTAL_CONTENT_MARKER = 'wui-portal-content-anchor'\n\n/**\n * 构建带 Shadow DOM 样式边界的 Portal 面板，并追踪被迁移的内容节点以便恢复。\n */\nexport const defineOverlayPortal = () =>\n  definePlugin<OverlayPortal, OverlayPortalOptions>(ctx => {\n    const host = document.createElement('div')\n    // :host 规则可能让宿主在 overlay 容器中生成行盒；display: contents 保留面板定位而不参与布局。\n    host.style.display = 'contents'\n\n    const root = host.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ctx.style\n    const panel = document.createElement('div')\n    panel.className = ctx.className\n    panel.dataset.wuiPresence = 'entering'\n    root.append(style, panel)\n\n    const trackedNodes: TrackedNodeEntry[] = []\n    const contentObserver = new MutationObserver(mutations => {\n      // 内部不变量先于消费方回调执行：配对依赖 trackedNodes 尚未被消费方 untrack 的状态。\n      returnStrayFrameworkComments(mutations)\n      // 框架在打开期物理删除已迁移节点：即时解除追踪，否则关闭恢复时会把已删除\n      // 节点复活回宿主 light DOM。面板内部移动（重排 insertBefore）在同一 mutation\n      // record 中同时出现在 removed/added，不属于删除，须排除。\n      const addedInBatch = new Set(mutations.flatMap(mutation => [...mutation.addedNodes]))\n      const removedNodes = mutations\n        .flatMap(mutation => [...mutation.removedNodes])\n        .filter(node => !addedInBatch.has(node))\n      if (removedNodes.length) untrackNodes(removedNodes)\n      ctx.onContentChange?.(mutations)\n    })\n    // 同一 observer 批次内被插入又移除的游离节点没有宿主位可锚，不追踪不迁移\n    // （insertBefore 要求 node 是 parent 的子节点）；其归宿由框架的删除语义决定。\n    const recordEntry = (node: Node): TrackedNodeEntry | null => {\n      const parent = node.parentNode\n      if (!parent) return null\n      const marker = document.createComment(PORTAL_CONTENT_MARKER)\n      parent.insertBefore(marker, node)\n      const entry: TrackedNodeEntry = { node, marker }\n      trackedNodes.push(entry)\n      return entry\n    }\n    const untrackNodes = (nodes: Node[]) => {\n      for (const node of nodes) {\n        const index = trackedNodes.findIndex(entry => entry.node === node)\n        if (index >= 0) {\n          trackedNodes[index].marker.remove()\n          trackedNodes.splice(index, 1)\n        }\n      }\n    }\n    // 面板内节点按宿主骨架序重排：骨架 = 宿主 childNodes 中本 portal 的 marker 序。\n    // 只在已跟踪节点之间移动（insertBefore 相对定位），不触碰面板内的组件自有节点\n    // （如 autocomplete 的空态占位）；末位节点 append，越过面板内注释锚点的情形由\n    // restoreContent 的相邻注释随迁兜底。\n    const orderTargetBySkeleton = (target: HTMLElement) => {\n      const skeleton: Node[] = []\n      for (const node of Array.from(ctx.target.childNodes)) {\n        if (node instanceof Comment && node.textContent === PORTAL_CONTENT_MARKER) {\n          const entry = trackedNodes.find(e => e.marker === node)\n          if (entry && entry.node.parentNode === target) skeleton.push(entry.node)\n        }\n      }\n      if (skeleton.length === 0) return\n      const current = Array.from(target.childNodes).filter(\n        node => skeleton.includes(node) || !(node instanceof Comment)\n      )\n      if (current.length === skeleton.length && current.every((node, index) => node === skeleton[index])) return\n      for (let index = skeleton.length - 1; index >= 0; index--) {\n        const node = skeleton[index]\n        const next = skeleton[index + 1]\n        if (next) {\n          if ((node as Element).nextElementSibling !== next) target.insertBefore(node, next)\n        } else {\n          target.appendChild(node)\n        }\n      }\n    }\n\n    /**\n     * 打开期不变量：框架删除已迁移节点时，其条件渲染占位注释（v-if 等）会被插进\n     * 面板内容区而不是宿主——block 子树 patch 以 hostParentNode(oldVNode.el) 重定\n     * container，而旧 el 已在面板（可能是 panel 自身或组件的内容子容器）。\n     * 注释是框架后续翻转依赖的 vnode.el：留在面板会随面板销毁，下次翻转把内容插进\n     * 已脱离文档的旧面板（内容\"既不在宿主也不在面板\"且无法恢复）。\n     * 每个面板 mutation 批次内即时归还：与同批次被框架删除的 tracked 节点按宿主\n     * marker 序配对，插到其 marker 位（多注释对多删除为近似配对；无配对时落宿主\n     * 骨架末尾兜底）。tracked 子树内的注释是迁移内容自身的嵌套条件渲染，不属游离\n     * 锚点，必须留在原位；随整个子树被删的注释已不在面板内，无需救援。\n     */\n    const returnStrayFrameworkComments = (mutations: MutationRecord[]) => {\n      const isInsideTrackedSubtree = (start: Node): boolean => {\n        let current: Node | null = start\n        while (current && current !== panel) {\n          if (trackedNodes.some(entry => entry.node === current)) return true\n          current = current.parentNode\n        }\n        return false\n      }\n      const addedNodes = new Set(mutations.flatMap(mutation => [...mutation.addedNodes]))\n      const strays: Comment[] = []\n      for (const mutation of mutations) {\n        for (const node of mutation.addedNodes) {\n          if (!(node instanceof Comment) || node.textContent === PORTAL_CONTENT_MARKER) continue\n          // 同批次移入又移除的游离注释、随删除子树一起消失的注释都不在面板内，跳过\n          if (!panel.contains(node)) continue\n          if (isInsideTrackedSubtree(mutation.target)) continue\n          strays.push(node)\n        }\n      }\n      if (!strays.length) return\n      const hostChildren = Array.from(ctx.target.childNodes)\n      const removedEntries = trackedNodes\n        .filter(\n          entry =>\n            !addedNodes.has(entry.node) && mutations.some(mutation => [...mutation.removedNodes].includes(entry.node))\n        )\n        .sort((a, b) => hostChildren.indexOf(a.marker) - hostChildren.indexOf(b.marker))\n      for (const [index, comment] of strays.entries()) {\n        const marker = removedEntries[Math.min(index, removedEntries.length - 1)]?.marker\n        if (marker && marker.parentNode === ctx.target) ctx.target.insertBefore(comment, marker)\n        else ctx.target.appendChild(comment)\n      }\n    }\n\n    resolveOverlayContainer(ctx.container, ctx.target).appendChild(host)\n    // 面板内容观察是 portal 自身的不变量（游离注释救援 + 删除节点解除追踪），\n    // 不依赖消费方是否注册 onContentChange。\n    contentObserver.observe(panel, { childList: true, subtree: true })\n\n    // 打开期宿主 childList 观察（不含子树，框架 patch 嵌套组件的 light DOM 不属于\n    // 本面板内容）。portal 实例的生命周期即打开期，随恢复/移除断开。\n    const migrateAddedNodes = ctx.migrateAddedNodes\n    const hostObserver = new MutationObserver(mutations => {\n      // 框架清除逻辑（如 lit 的 _$clear）按宿主 marker 邻位遍历已迁移内容：元素\n      // 物理上在面板，遍历找不到本体，会把 portal marker 当作内容本体移除。\n      // marker 被框架摘除即框架删除语义——解除追踪并清掉滞留面板的游离元素；\n      // 同批次移入又移回的 marker（框架重排）不属于删除。实时迁移仍以\n      // migrateAddedNodes 的回调为准，无该回调的 portal（如 option 域）只做删除清理。\n      const addedNodes = new Set(mutations.flatMap(mutation => [...mutation.addedNodes]))\n      const strandedNodes = mutations\n        .flatMap(mutation => [...mutation.removedNodes])\n        .filter(node => node instanceof Comment && node.textContent === PORTAL_CONTENT_MARKER && !addedNodes.has(node))\n        .map(marker => trackedNodes.find(entry => entry.marker === marker)?.node)\n        .filter((node): node is Node => node !== undefined)\n      if (strandedNodes.length) {\n        api.removeContent(strandedNodes)\n        // remove() 的规范语义即 parentNode.removeChild：宿主/类型层面都以 Node 表达\n        for (const node of strandedNodes) node.parentNode?.removeChild(node)\n      }\n      if (!migrateAddedNodes) return\n      const migratable = migrateAddedNodes(mutations.flatMap(mutation => [...mutation.addedNodes]))\n      if (migratable.length) api.appendContent(migratable)\n    })\n    hostObserver.observe(ctx.target, { childList: true })\n\n    const api: OverlayPortal = {\n      panel,\n\n      moveContent(nodes, target = panel) {\n        trackedNodes.forEach(entry => entry.marker.remove())\n        const entries = nodes.map(recordEntry).filter((entry): entry is TrackedNodeEntry => entry !== null)\n        trackedNodes.length = 0\n        trackedNodes.push(...entries)\n        target.append(...nodes)\n        orderTargetBySkeleton(target)\n      },\n\n      appendContent(nodes, target = panel) {\n        for (const node of nodes) {\n          untrackNodes([node])\n          const entry = recordEntry(node)\n          if (!entry) continue\n          target.appendChild(entry.node)\n        }\n        orderTargetBySkeleton(target)\n      },\n\n      removeContent(nodes) {\n        // 框架删除节点时插进面板的占位注释由 contentObserver 的内部不变量\n        // （returnStrayFrameworkComments）即时归还宿主，这里只负责解除追踪。\n        untrackNodes(nodes)\n      },\n\n      restoreContent() {\n        // 先停掉实时迁移：恢复动作本身会改动宿主 childList，\n        // 否则回插的节点会被当成新增内容再次迁入面板形成回环。\n        hostObserver.disconnect()\n\n        // 节点回到宿主中自己的 marker 位；面板内紧邻其前的框架注释锚点（v-if 占位）\n        // 随元素一起迁回——Vue 仍持有这些锚点的 vnode.el 引用，留在面板会随面板销毁，\n        // 下次翻转将因 parentNode === null 崩溃。\n        for (const entry of trackedNodes) {\n          const pending: Comment[] = []\n          let previous = entry.node.previousSibling\n          while (previous instanceof Comment && previous.textContent !== PORTAL_CONTENT_MARKER) {\n            pending.unshift(previous)\n            previous = previous.previousSibling\n          }\n          for (const comment of pending) {\n            if (entry.marker.parentNode === ctx.target) ctx.target.insertBefore(comment, entry.marker)\n            else ctx.target.appendChild(comment)\n          }\n          if (entry.marker.parentNode === ctx.target) ctx.target.insertBefore(entry.node, entry.marker)\n          else ctx.target.appendChild(entry.node)\n          entry.marker.remove()\n        }\n        trackedNodes.length = 0\n      },\n\n      remove() {\n        hostObserver.disconnect()\n        contentObserver.disconnect()\n        // 防御：正常 dispose 先 restore（marker 已清），异常路径下避免 marker 泄漏在宿主。\n        trackedNodes.forEach(entry => entry.marker.remove())\n        trackedNodes.length = 0\n        host.remove()\n      }\n    }\n    return api\n  })\n\n/**\n * 判断 node 是否是 slot 已分配节点（或其 light DOM 后代），即 node 实际渲染在 shadowRoot 内。\n * slotted 内容的 parentNode 仍停留在 light DOM，因此不能用普通祖先遍历跨过 shadow 边界，\n * 只能通过 slot.assignedNodes() 判断内容被渲染到哪个 slot。\n */\nfunction isAssignedIntoTarget(node: Node, assignedNode: Node, boundary: Node): boolean {\n  let current: Node | null = node\n  while (current && current !== boundary) {\n    if (current === assignedNode) return true\n    current = current.parentNode\n  }\n  return false\n}\n\n/** parentNode 为 null 时跨过 shadow 边界上行到 host（portal 面板等 shadow 子树的 parentNode 链会断裂）。 */\nfunction getParentAcrossShadow(node: Node): Node | null {\n  if (node.parentNode) return node.parentNode\n  const root = node.getRootNode()\n  return root instanceof ShadowRoot ? root.host : null\n}\n\n/**\n * 查找包含 target 且处于打开态的最近原生 <dialog>。\n * 原生 showModal() 会把 dialog 提升到浏览器 top layer，而常规 overlay 容器在普通文档流，\n * 二者无法靠 z-index 叠序——overlay 会被 top layer 的 dialog 遮住。\n * 因此 target 被渲染到某个已打开的原生 dialog 内时，应把 overlay 挂到该 dialog 上，\n * 使其一并进入 top layer（抽屉 / 对话框内的 dropdown、tooltip、context-menu 均适用）。\n * 上行路径必须跨 shadow 边界：target 可能位于 portal 面板（shadow 子树）内，\n * 纯 parentNode 链在该处断裂会误判为 dialog 外，浮层落进 fallback root 被遮挡。\n */\nfunction findEnclosingOpenDialog(target: Element): HTMLDialogElement | null {\n  let current: Node | null = target\n  while (current && current !== document.documentElement) {\n    if (current instanceof HTMLDialogElement && current.open) return current\n\n    // 跨过 shadow host：检查其 shadowRoot 内已打开的 dialog 是否渲染了 target。\n    if (current instanceof Element && current.shadowRoot) {\n      const dialogs = current.shadowRoot.querySelectorAll('dialog')\n      for (const dialog of dialogs) {\n        if (!(dialog instanceof HTMLDialogElement) || !dialog.open) continue\n        const slots = dialog.querySelectorAll('slot')\n        for (const slot of slots) {\n          for (const assigned of slot.assignedNodes()) {\n            if (!(assigned instanceof Node)) continue\n            if (isAssignedIntoTarget(target, assigned, current)) return dialog\n          }\n        }\n      }\n    }\n\n    current = getParentAcrossShadow(current)\n  }\n  return null\n}\n\nexport function resolveOverlayContainer(\n  container: OverlayContainer | undefined,\n  target: Element,\n  options: OverlayContainerResolutionOptions = {}\n): HTMLElement {\n  const explicit = typeof container === 'function' ? container() : container\n  if (explicit) return explicit\n\n  // target 在已打开的原生 dialog / drawer 内：挂到该 dialog，加入 top layer。\n  const enclosingDialog = findEnclosingOpenDialog(target)\n  if (enclosingDialog) return enclosingDialog\n\n  // 无 target 的调用（如菜单）优先使用 root theme；有 target 时使用最近的 theme。\n  const theme = options.preferRootTheme ? findRootTheme() : findNearestTheme(target)\n  return theme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greypan/web-ui",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "description": "Lit-based web components for React, Vue, and vanilla JS",
   "license": "MIT",
   "repository": {
@@ -28,10 +28,6 @@
       "types": "./dist/icons/index.d.ts",
       "import": "./dist/icons/index.js"
     },
-    "./icons/*": {
-      "types": "./dist/icons/*.d.ts",
-      "import": "./dist/icons/*.js"
-    },
     "./types/*": "./dist/types/*.d.ts",
     "./package.json": "./package.json"
   },
@@ -42,8 +38,8 @@
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
     "@lit/context": "^1.1.6",
-    "@greypan/browser-kit": "2.2.0",
-    "@greypan/js-kit": "2.0.0"
+    "@greypan/browser-kit": "3.0.0",
+    "@greypan/js-kit": "3.0.0"
   },
   "devDependencies": {
     "@iconify-json/jam": "^1.2.3",