@greypan/web-ui 2.1.8 → 3.0.1

package/dist/components/context-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/dropdown-divider'\nimport '@/components/dropdown-header'\nimport '@/components/dropdown-item'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { createMenuPortalOverlay, type MenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  findFocusedMenuItem,\n  focusMenuItem,\n  getEnabledMenuItems,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  hideNestedMenuChildren,\n  moveMenuChildren\n} from '@/shared/menu-portal/menu-tree'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\nimport { createScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-context-menu')\nexport class WebUiContextMenu extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n\n  @state() private _isOpen = false\n  @state() private _x = 0\n  @state() private _y = 0\n\n  private _activeSubmenus: MenuPortalOverlay[] = []\n  private _activeSubmenuItems: HTMLElement[] = []\n  private readonly _closingSubmenus = new Map<HTMLElement, MenuPortalOverlay>()\n  private _submenuTimer?: ReturnType<typeof setTimeout>\n  private _ignoreOutsideClick = false\n  private _ignoreOutsideClickTimer?: ReturnType<typeof setTimeout>\n  private _hoverCleanupFns: (() => void)[] = []\n  private _menu?: MenuPortalOverlay\n  private readonly _scrollLock = createScrollLockLease()\n  private readonly _userOpenChange = new UserChangeController()\n  private _restoreFocusTarget?: HTMLElement\n  private _shouldOpenInstantly = true\n\n  // 当前菜单是否打开\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._hideMenuItems()\n    this.addEventListener('contextmenu', this._onContextMenu)\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('click', this._onMenuClick)\n    document.addEventListener('click', this._onClickOutside)\n    document.addEventListener('contextmenu', this._onContextMenuOutside)\n    document.addEventListener('wheel', this._onWheel, { capture: true, passive: false })\n    document.addEventListener('touchmove', this._onTouchMove, { capture: true, passive: false })\n    document.addEventListener('keydown', this._onDocumentKeydown)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('contextmenu', this._onContextMenu)\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('click', this._onMenuClick)\n    document.removeEventListener('click', this._onClickOutside)\n    document.removeEventListener('contextmenu', this._onContextMenuOutside)\n    document.removeEventListener('wheel', this._onWheel, true)\n    document.removeEventListener('touchmove', this._onTouchMove, true)\n    document.removeEventListener('keydown', this._onDocumentKeydown)\n    clearTimeout(this._submenuTimer)\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._scrollLock.release()\n    this._returnItemsToSlot()\n    this._menu?.panel.remove()\n    this._menu = undefined\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    // Lit 的已排队更新可在卸载后执行，不能让已失效实例重新获取全局滚动锁。\n    if (!this.isConnected) {\n      this._syncScrollLock(false)\n      return\n    }\n\n    if (changed.has('_isOpen')) {\n      if (this._isOpen) {\n        this._syncScrollLock()\n        if (!this._menu) {\n          this._menu = createMenuPortalOverlay('context-menu', this)\n          this._menu.panel.setAttribute('role', 'menu')\n          this._menu.panel.setAttribute('aria-label', '上下文菜单')\n          this._menu.panel.addEventListener('click', this._onMenuClick)\n        }\n        requestAnimationFrame(() => {\n          if (!this._isOpen || !this._menu) return\n          this._setupMenuItems()\n          this._positionMenu()\n          showOverlayPresence(this._menu.panel, { isInstant: this._shouldOpenInstantly })\n          this._shouldOpenInstantly = true\n          this._focusFirstItem()\n          this._bindLevelHovers()\n        })\n      } else {\n        this._syncScrollLock(false)\n        void this._closeMenuAfterPresence()\n      }\n      if (this._userOpenChange.consume()) this._dispatchChange(this._isOpen)\n    }\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  /**\n   * 在指定视口坐标打开菜单。\n   * @param x 水平坐标（px）。\n   * @param y 垂直坐标（px）。\n   * @returns 无返回值；命令式打开不派发 `open-change` 事件。\n   */\n  openAt(x: number, y: number) {\n    this._openAt(x, y, true)\n  }\n\n  private _openAt(x: number, y: number, isInstant: boolean): boolean {\n    if (this.disabled) return false\n    this._x = x\n    this._y = y\n    this._shouldOpenInstantly = isInstant\n    this._ignoreCurrentOutsideClick()\n    if (this._isOpen) {\n      requestAnimationFrame(() => this._positionMenu())\n      return false\n    }\n    this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : undefined\n    this._isOpen = true\n    return true\n  }\n\n  /**\n   * 关闭菜单。\n   * @returns 无返回值；命令式关闭不派发 `open-change` 事件。\n   */\n  close() {\n    if (!this._isOpen) return\n    this._isOpen = false\n  }\n\n  private readonly _closeFromUser = () => {\n    if (!this._isOpen) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private _positionMenu() {\n    const panel = this._menu?.panel\n    if (!panel) return\n\n    panel.style.visibility = 'hidden'\n    panel.style.display = ''\n\n    const { width, height } = panel.getBoundingClientRect()\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n\n    let x = this._x\n    let y = this._y\n\n    if (x + width > vw) x = vw - width - 8\n    if (y + height > vh) y = vh - height - 8\n    if (x < 0) x = 8\n    if (y < 0) y = 8\n\n    panel.style.left = `${x}px`\n    panel.style.top = `${y}px`\n    const horizontalOrigin = x < this._x ? 'right' : 'left'\n    const verticalOrigin = y < this._y ? 'bottom' : 'top'\n    panel.style.setProperty('--wui-overlay-transform-origin', `${verticalOrigin} ${horizontalOrigin}`)\n    panel.style.visibility = ''\n  }\n\n  private _focusFirstItem() {\n    const items = this._menu?.content.querySelectorAll<HTMLElement>('web-ui-dropdown-item:not([disabled])')\n    const firstItem = items?.[0]\n    if (firstItem) {\n      this._focusMenuItem(firstItem)\n    }\n  }\n\n  private _setupMenuItems() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._hideMenuItems()\n    moveMenuChildren(this, menu.content)\n  }\n\n  private _returnItemsToSlot() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n    moveMenuChildren(menu.content, this)\n  }\n\n  private async _closeMenuAfterPresence() {\n    const menu = this._menu\n    if (menu && !(await hideOverlayPresence(menu.panel))) return\n    if (this._isOpen || !this.isConnected || this._menu !== menu) return\n\n    this._returnItemsToSlot()\n    menu?.panel.remove()\n    this._menu = undefined\n    this._restoreFocusTarget?.focus()\n    this._restoreFocusTarget = undefined\n  }\n\n  private _hideMenuItems() {\n    getMenuChildren(this).forEach(child => child.setAttribute('slot', 'context-menu-hidden'))\n    hideNestedMenuChildren(this, 'context-menu-hidden')\n  }\n\n  private _openSubmenu(item: HTMLElement, isInstant = false) {\n    if (!this._isOpen || !item.hasAttribute('submenu') || item.hasAttribute('disabled')) return\n\n    const level = this._getItemLevel(item)\n    if (level === -1 || this._activeSubmenuItems[level] === item) return\n\n    this._closeSubmenusFrom(level)\n    const closingSubmenu = this._closingSubmenus.get(item)\n    if (closingSubmenu) {\n      this._closingSubmenus.delete(item)\n      this._activeSubmenus[level] = closingSubmenu\n      this._activeSubmenuItems[level] = item\n      item.setAttribute('active', '')\n      this._positionSubmenu(item, closingSubmenu)\n      showOverlayPresence(closingSubmenu.panel, { isInstant })\n      this._bindLevelHovers()\n      return\n    }\n    const children = getMenuChildren(item)\n    if (children.length === 0) return\n\n    const submenu = createMenuPortalOverlay('context-submenu', this)\n    submenu.panel.dataset.level = String(level)\n    submenu.panel.setAttribute('role', 'menu')\n    submenu.panel.setAttribute('aria-label', '子菜单')\n    submenu.panel.style.visibility = 'hidden'\n    submenu.panel.addEventListener('click', this._onMenuClick)\n    submenu.content.append(...children)\n\n    this._activeSubmenus[level] = submenu\n    this._activeSubmenuItems[level] = item\n    item.setAttribute('active', '')\n    this._positionSubmenu(item, submenu)\n    showOverlayPresence(submenu.panel, { isInstant })\n    this._bindLevelHovers()\n  }\n\n  private _closeSubmenusFrom(level: number, isInstant = false) {\n    for (let index = this._activeSubmenus.length - 1; index >= level; index--) {\n      const submenu = this._activeSubmenus[index]\n      const item = this._activeSubmenuItems[index]\n      item?.removeAttribute('active')\n      if (!item || isInstant) {\n        this._restoreSubmenuItems(submenu, item)\n        submenu.panel.remove()\n      } else {\n        this._closingSubmenus.set(item, submenu)\n        void this._closeSubmenuAfterPresence(submenu, item)\n      }\n    }\n    this._activeSubmenus.length = level\n    this._activeSubmenuItems.length = level\n  }\n\n  private async _closeSubmenuAfterPresence(submenu: MenuPortalOverlay, item: HTMLElement) {\n    if (!(await hideOverlayPresence(submenu.panel))) return\n    if (this._closingSubmenus.get(item) !== submenu) return\n\n    this._closingSubmenus.delete(item)\n    this._restoreSubmenuItems(submenu, item)\n    submenu.panel.remove()\n  }\n\n  private _restoreSubmenuItems(submenu: MenuPortalOverlay, item?: HTMLElement) {\n    if (item) moveMenuChildren(submenu.content, item)\n  }\n\n  private _restoreClosingSubmenus() {\n    this._closingSubmenus.forEach((submenu, item) => {\n      this._restoreSubmenuItems(submenu, item)\n      submenu.panel.remove()\n    })\n    this._closingSubmenus.clear()\n  }\n\n  private _getItemLevel(item: HTMLElement): number {\n    const menu = this._menu\n    if (menu?.panel.contains(item)) return 0\n    const parentLevel = this._activeSubmenus.findIndex(submenu => submenu.panel.contains(item))\n    return parentLevel === -1 ? -1 : parentLevel + 1\n  }\n\n  private _positionSubmenu(item: HTMLElement, submenu: MenuPortalOverlay) {\n    const itemRect = item.getBoundingClientRect()\n    const submenuRect = submenu.panel.getBoundingClientRect()\n    const padding = 8\n    const canOpenRight = itemRect.right + submenuRect.width + padding <= window.innerWidth\n    const left = canOpenRight ? itemRect.right : Math.max(padding, itemRect.left - submenuRect.width)\n    const top = Math.min(Math.max(padding, itemRect.top), window.innerHeight - submenuRect.height - padding)\n\n    submenu.panel.style.left = `${left}px`\n    submenu.panel.style.top = `${top}px`\n    submenu.panel.style.setProperty('--wui-overlay-transform-origin', canOpenRight ? 'top left' : 'top right')\n    submenu.panel.style.visibility = ''\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _isInsideShadowRoot(e: MouseEvent): boolean {\n    for (const node of e.composedPath()) {\n      if (node === this || node === this.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === this.shadowRoot) return true\n      if (\n        node instanceof Node &&\n        (this._menu?.panel.contains(node) || this._activeSubmenus.some(menu => menu.panel.contains(node)))\n      ) {\n        return true\n      }\n    }\n    return false\n  }\n\n  private _onContextMenu = (e: MouseEvent) => {\n    if (this.disabled) return\n    e.preventDefault()\n    this._restoreFocusTarget = e.target instanceof HTMLElement ? e.target : undefined\n    if (this._openAt(e.clientX, e.clientY, false)) this._userOpenChange.mark()\n  }\n\n  private _onContextMenuOutside = (e: MouseEvent) => {\n    if (this._isOpen && !this._isInsideShadowRoot(e)) {\n      this._closeFromUser()\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return\n\n    // 键盘 ContextMenu 键或 Shift+F10\n    if (e.key === 'ContextMenu' || (e.shiftKey && e.key === 'F10')) {\n      e.preventDefault()\n      const focused = document.activeElement\n      if (focused && focused !== document.body) {\n        const rect = focused.getBoundingClientRect()\n        if (this._openAt(rect.left, rect.bottom, true)) this._userOpenChange.mark()\n      } else {\n        if (this._openAt(window.innerWidth / 2, window.innerHeight / 2, true)) this._userOpenChange.mark()\n      }\n      return\n    }\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen || this._ignoreOutsideClick) return\n    if (this._isInsideShadowRoot(e)) return\n    this._closeFromUser()\n  }\n\n  private _onMenuClick = (e: MouseEvent) => {\n    const item = getMenuItemFromEvent(e)\n    if (!item || item.hasAttribute('disabled')) return\n    if (item.hasAttribute('submenu')) {\n      this._openSubmenu(item)\n      return\n    }\n    this._closeFromUser()\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    if (!container) return []\n    return getMenuChildren(container)\n  }\n\n  private _bindLevelHovers() {\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._hoverCleanupFns.length = 0\n\n    for (let level = 0; level <= this._activeSubmenus.length; level++) {\n      this._getLevelItems(level).forEach(item => {\n        if (!item.matches('web-ui-dropdown-item') || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(this._submenuTimer)\n          if (item.hasAttribute('submenu')) {\n            if (this._activeSubmenuItems[level] !== item) {\n              this._submenuTimer = setTimeout(() => this._openSubmenu(item), 200)\n            }\n          } else if (this._activeSubmenus.length > level) {\n            this._closeSubmenusFrom(level)\n            this._bindLevelHovers()\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        this._hoverCleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  private _ignoreCurrentOutsideClick() {\n    this._ignoreOutsideClick = true\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._ignoreOutsideClickTimer = setTimeout(() => {\n      this._ignoreOutsideClick = false\n    })\n  }\n\n  private _onWheel = (e: WheelEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onTouchMove = (e: TouchEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onDocumentKeydown = (e: KeyboardEvent) => {\n    if (!this._isOpen) return\n    // 鼠标右键打开的菜单焦点不在菜单内，e.target !== this 时也必须能 Escape 关闭；\n    // 菜单为模态浮层，按 Escape 即关闭，无需限定焦点位置\n    if (e.key === 'Escape') {\n      this._closeLastSubmenuOrMenu()\n      e.preventDefault()\n      return\n    }\n    const level = this._getFocusedLevel()\n    if (level === undefined) return\n    const items = this._getEnabledLevelItems(level)\n    const focused = this._getFocusedItem()\n    const currentIndex = focused ? items.indexOf(focused) : -1\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this._focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n        break\n      case 'ArrowUp':\n        this._focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n        break\n      case 'Home':\n        this._focusMenuItem(items[0])\n        break\n      case 'End':\n        this._focusMenuItem(items.at(-1))\n        break\n      case 'ArrowRight':\n        if (focused?.hasAttribute('submenu')) {\n          this._openSubmenu(focused, true)\n          requestAnimationFrame(() => this._focusMenuItem(this._getEnabledLevelItems(level + 1)[0]))\n        }\n        break\n      case 'ArrowLeft':\n        if (level > 0) {\n          const parent = this._activeSubmenuItems[level - 1]\n          this._closeSubmenusFrom(level - 1)\n          this._focusMenuItem(parent)\n          this._bindLevelHovers()\n        }\n        break\n      case 'Enter':\n      case ' ':\n        focused?.click()\n        break\n      case 'Escape':\n        this._closeLastSubmenuOrMenu()\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n  }\n\n  private _closeLastSubmenuOrMenu() {\n    if (this._activeSubmenus.length > 0) {\n      const level = this._activeSubmenus.length - 1\n      const parent = this._activeSubmenuItems[level]\n      this._closeSubmenusFrom(level)\n      this._focusMenuItem(parent)\n      this._bindLevelHovers()\n    } else {\n      this._closeFromUser()\n    }\n  }\n\n  private _preventBackgroundScroll(e: Event) {\n    if (!this._isOpen || this.noScrollLock || this._isMenuPanelEvent(e)) return\n    e.preventDefault()\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _getEnabledLevelItems(level: number) {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    return container ? getEnabledMenuItems(container) : []\n  }\n\n  private _getFocusedItem(): HTMLElement | undefined {\n    return findFocusedMenuItem([this._menu?.content, ...this._activeSubmenus.map(submenu => submenu.content)])\n  }\n\n  private _getFocusedLevel(): number | undefined {\n    const item = this._getFocusedItem()\n    if (!item) return undefined\n    if (this._menu?.panel.contains(item)) return 0\n    const submenuIndex = this._activeSubmenus.findIndex(menu => menu.panel.contains(item))\n    return submenuIndex < 0 ? undefined : submenuIndex + 1\n  }\n\n  private _focusMenuItem(item: HTMLElement | undefined) {\n    focusMenuItem(item)\n  }\n\n  private _isMenuPanelEvent(e: Event): boolean {\n    return e\n      .composedPath()\n      .some(\n        node =>\n          node instanceof HTMLElement &&\n          (node.classList.contains('context-menu') || node.classList.contains('context-submenu'))\n      )\n  }\n\n  override render() {\n    return html`\n      <div class=\"context-menu-anchor\">\n        <slot @slotchange=${this._hideMenuItems}></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-context-menu': WebUiContextMenu\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/dropdown-divider'\nimport '@/components/dropdown-header'\nimport '@/components/dropdown-item'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { createMenuPortalOverlay, type MenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  findFocusedMenuItem,\n  focusMenuItem,\n  getEnabledMenuItems,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  hideNestedMenuChildren,\n  moveMenuChildren\n} from '@/shared/menu-portal/menu-tree'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-context-menu')\nexport class WebUiContextMenu extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n\n  @state() private _isOpen = false\n  @state() private _x = 0\n  @state() private _y = 0\n\n  private _activeSubmenus: MenuPortalOverlay[] = []\n  private _activeSubmenuItems: HTMLElement[] = []\n  private readonly _closingSubmenus = new Map<HTMLElement, MenuPortalOverlay>()\n  private _submenuTimer?: ReturnType<typeof setTimeout>\n  private _ignoreOutsideClick = false\n  private _ignoreOutsideClickTimer?: ReturnType<typeof setTimeout>\n  private _hoverCleanupFns: (() => void)[] = []\n  private _menu?: MenuPortalOverlay\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _userOpenChange = new UserChangeController()\n  private _restoreFocusTarget?: HTMLElement\n  private _shouldOpenInstantly = true\n\n  // 当前菜单是否打开\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._hideMenuItems()\n    this.addEventListener('contextmenu', this._onContextMenu)\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('click', this._onMenuClick)\n    document.addEventListener('click', this._onClickOutside)\n    document.addEventListener('contextmenu', this._onContextMenuOutside)\n    document.addEventListener('wheel', this._onWheel, { capture: true, passive: false })\n    document.addEventListener('touchmove', this._onTouchMove, { capture: true, passive: false })\n    document.addEventListener('keydown', this._onDocumentKeydown)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('contextmenu', this._onContextMenu)\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('click', this._onMenuClick)\n    document.removeEventListener('click', this._onClickOutside)\n    document.removeEventListener('contextmenu', this._onContextMenuOutside)\n    document.removeEventListener('wheel', this._onWheel, true)\n    document.removeEventListener('touchmove', this._onTouchMove, true)\n    document.removeEventListener('keydown', this._onDocumentKeydown)\n    clearTimeout(this._submenuTimer)\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._scrollLock.release()\n    this._returnItemsToSlot()\n    this._menu?.panel.remove()\n    this._menu = undefined\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    // Lit 的已排队更新可在卸载后执行，不能让已失效实例重新获取全局滚动锁。\n    if (!this.isConnected) {\n      this._syncScrollLock(false)\n      return\n    }\n\n    if (changed.has('_isOpen')) {\n      if (this._isOpen) {\n        this._syncScrollLock()\n        if (!this._menu) {\n          this._menu = createMenuPortalOverlay('context-menu', this)\n          this._menu.panel.setAttribute('role', 'menu')\n          this._menu.panel.setAttribute('aria-label', '上下文菜单')\n          this._menu.panel.addEventListener('click', this._onMenuClick)\n        }\n        requestAnimationFrame(() => {\n          if (!this._isOpen || !this._menu) return\n          this._setupMenuItems()\n          this._positionMenu()\n          showOverlayPresence(this._menu.panel, { isInstant: this._shouldOpenInstantly })\n          this._shouldOpenInstantly = true\n          this._focusFirstItem()\n          this._bindLevelHovers()\n        })\n      } else {\n        this._syncScrollLock(false)\n        void this._closeMenuAfterPresence()\n      }\n      if (this._userOpenChange.consume()) this._dispatchChange(this._isOpen)\n    }\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  /**\n   * 在指定视口坐标打开菜单。\n   * @param x 水平坐标（px）。\n   * @param y 垂直坐标（px）。\n   * @returns 无返回值；命令式打开不派发 `open-change` 事件。\n   */\n  openAt(x: number, y: number) {\n    this._openAt(x, y, true)\n  }\n\n  private _openAt(x: number, y: number, isInstant: boolean): boolean {\n    if (this.disabled) return false\n    this._x = x\n    this._y = y\n    this._shouldOpenInstantly = isInstant\n    this._ignoreCurrentOutsideClick()\n    if (this._isOpen) {\n      requestAnimationFrame(() => this._positionMenu())\n      return false\n    }\n    this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : undefined\n    this._isOpen = true\n    return true\n  }\n\n  /**\n   * 关闭菜单。\n   * @returns 无返回值；命令式关闭不派发 `open-change` 事件。\n   */\n  close() {\n    if (!this._isOpen) return\n    this._isOpen = false\n  }\n\n  private readonly _closeFromUser = () => {\n    if (!this._isOpen) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private _positionMenu() {\n    const panel = this._menu?.panel\n    if (!panel) return\n\n    panel.style.visibility = 'hidden'\n    panel.style.display = ''\n\n    const { width, height } = panel.getBoundingClientRect()\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n\n    let x = this._x\n    let y = this._y\n\n    if (x + width > vw) x = vw - width - 8\n    if (y + height > vh) y = vh - height - 8\n    if (x < 0) x = 8\n    if (y < 0) y = 8\n\n    panel.style.left = `${x}px`\n    panel.style.top = `${y}px`\n    const horizontalOrigin = x < this._x ? 'right' : 'left'\n    const verticalOrigin = y < this._y ? 'bottom' : 'top'\n    panel.style.setProperty('--wui-overlay-transform-origin', `${verticalOrigin} ${horizontalOrigin}`)\n    panel.style.visibility = ''\n  }\n\n  private _focusFirstItem() {\n    const items = this._menu?.content.querySelectorAll<HTMLElement>('web-ui-dropdown-item:not([disabled])')\n    const firstItem = items?.[0]\n    if (firstItem) {\n      this._focusMenuItem(firstItem)\n    }\n  }\n\n  private _setupMenuItems() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._hideMenuItems()\n    moveMenuChildren(this, menu.content)\n  }\n\n  private _returnItemsToSlot() {\n    const menu = this._menu\n    if (!menu) return\n\n    this._closeSubmenusFrom(0, true)\n    this._restoreClosingSubmenus()\n    moveMenuChildren(menu.content, this)\n  }\n\n  private async _closeMenuAfterPresence() {\n    const menu = this._menu\n    if (menu && !(await hideOverlayPresence(menu.panel))) return\n    if (this._isOpen || !this.isConnected || this._menu !== menu) return\n\n    this._returnItemsToSlot()\n    menu?.panel.remove()\n    this._menu = undefined\n    this._restoreFocusTarget?.focus()\n    this._restoreFocusTarget = undefined\n  }\n\n  private _hideMenuItems() {\n    getMenuChildren(this).forEach(child => child.setAttribute('slot', 'context-menu-hidden'))\n    hideNestedMenuChildren(this, 'context-menu-hidden')\n  }\n\n  private _openSubmenu(item: HTMLElement, isInstant = false) {\n    if (!this._isOpen || !item.hasAttribute('submenu') || item.hasAttribute('disabled')) return\n\n    const level = this._getItemLevel(item)\n    if (level === -1 || this._activeSubmenuItems[level] === item) return\n\n    this._closeSubmenusFrom(level)\n    const closingSubmenu = this._closingSubmenus.get(item)\n    if (closingSubmenu) {\n      this._closingSubmenus.delete(item)\n      this._activeSubmenus[level] = closingSubmenu\n      this._activeSubmenuItems[level] = item\n      item.setAttribute('active', '')\n      this._positionSubmenu(item, closingSubmenu)\n      showOverlayPresence(closingSubmenu.panel, { isInstant })\n      this._bindLevelHovers()\n      return\n    }\n    const children = getMenuChildren(item)\n    if (children.length === 0) return\n\n    const submenu = createMenuPortalOverlay('context-submenu', this)\n    submenu.panel.dataset.level = String(level)\n    submenu.panel.setAttribute('role', 'menu')\n    submenu.panel.setAttribute('aria-label', '子菜单')\n    submenu.panel.style.visibility = 'hidden'\n    submenu.panel.addEventListener('click', this._onMenuClick)\n    submenu.content.append(...children)\n\n    this._activeSubmenus[level] = submenu\n    this._activeSubmenuItems[level] = item\n    item.setAttribute('active', '')\n    this._positionSubmenu(item, submenu)\n    showOverlayPresence(submenu.panel, { isInstant })\n    this._bindLevelHovers()\n  }\n\n  private _closeSubmenusFrom(level: number, isInstant = false) {\n    for (let index = this._activeSubmenus.length - 1; index >= level; index--) {\n      const submenu = this._activeSubmenus[index]\n      const item = this._activeSubmenuItems[index]\n      item?.removeAttribute('active')\n      if (!item || isInstant) {\n        this._restoreSubmenuItems(submenu, item)\n        submenu.panel.remove()\n      } else {\n        this._closingSubmenus.set(item, submenu)\n        void this._closeSubmenuAfterPresence(submenu, item)\n      }\n    }\n    this._activeSubmenus.length = level\n    this._activeSubmenuItems.length = level\n  }\n\n  private async _closeSubmenuAfterPresence(submenu: MenuPortalOverlay, item: HTMLElement) {\n    if (!(await hideOverlayPresence(submenu.panel))) return\n    if (this._closingSubmenus.get(item) !== submenu) return\n\n    this._closingSubmenus.delete(item)\n    this._restoreSubmenuItems(submenu, item)\n    submenu.panel.remove()\n  }\n\n  private _restoreSubmenuItems(submenu: MenuPortalOverlay, item?: HTMLElement) {\n    if (item) moveMenuChildren(submenu.content, item)\n  }\n\n  private _restoreClosingSubmenus() {\n    this._closingSubmenus.forEach((submenu, item) => {\n      this._restoreSubmenuItems(submenu, item)\n      submenu.panel.remove()\n    })\n    this._closingSubmenus.clear()\n  }\n\n  private _getItemLevel(item: HTMLElement): number {\n    const menu = this._menu\n    if (menu?.panel.contains(item)) return 0\n    const parentLevel = this._activeSubmenus.findIndex(submenu => submenu.panel.contains(item))\n    return parentLevel === -1 ? -1 : parentLevel + 1\n  }\n\n  private _positionSubmenu(item: HTMLElement, submenu: MenuPortalOverlay) {\n    const itemRect = item.getBoundingClientRect()\n    const submenuRect = submenu.panel.getBoundingClientRect()\n    const padding = 8\n    const canOpenRight = itemRect.right + submenuRect.width + padding <= window.innerWidth\n    const left = canOpenRight ? itemRect.right : Math.max(padding, itemRect.left - submenuRect.width)\n    const top = Math.min(Math.max(padding, itemRect.top), window.innerHeight - submenuRect.height - padding)\n\n    submenu.panel.style.left = `${left}px`\n    submenu.panel.style.top = `${top}px`\n    submenu.panel.style.setProperty('--wui-overlay-transform-origin', canOpenRight ? 'top left' : 'top right')\n    submenu.panel.style.visibility = ''\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _isInsideShadowRoot(e: MouseEvent): boolean {\n    for (const node of e.composedPath()) {\n      if (node === this || node === this.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === this.shadowRoot) return true\n      if (\n        node instanceof Node &&\n        (this._menu?.panel.contains(node) || this._activeSubmenus.some(menu => menu.panel.contains(node)))\n      ) {\n        return true\n      }\n    }\n    return false\n  }\n\n  private _onContextMenu = (e: MouseEvent) => {\n    if (this.disabled) return\n    e.preventDefault()\n    this._restoreFocusTarget = e.target instanceof HTMLElement ? e.target : undefined\n    if (this._openAt(e.clientX, e.clientY, false)) this._userOpenChange.mark()\n  }\n\n  private _onContextMenuOutside = (e: MouseEvent) => {\n    if (this._isOpen && !this._isInsideShadowRoot(e)) {\n      this._closeFromUser()\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return\n\n    // 键盘 ContextMenu 键或 Shift+F10\n    if (e.key === 'ContextMenu' || (e.shiftKey && e.key === 'F10')) {\n      e.preventDefault()\n      const focused = document.activeElement\n      if (focused && focused !== document.body) {\n        const rect = focused.getBoundingClientRect()\n        if (this._openAt(rect.left, rect.bottom, true)) this._userOpenChange.mark()\n      } else {\n        if (this._openAt(window.innerWidth / 2, window.innerHeight / 2, true)) this._userOpenChange.mark()\n      }\n      return\n    }\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen || this._ignoreOutsideClick) return\n    if (this._isInsideShadowRoot(e)) return\n    this._closeFromUser()\n  }\n\n  private _onMenuClick = (e: MouseEvent) => {\n    const item = getMenuItemFromEvent(e)\n    if (!item || item.hasAttribute('disabled')) return\n    if (item.hasAttribute('submenu')) {\n      this._openSubmenu(item)\n      return\n    }\n    this._closeFromUser()\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    if (!container) return []\n    return getMenuChildren(container)\n  }\n\n  private _bindLevelHovers() {\n    this._hoverCleanupFns.forEach(cleanup => cleanup())\n    this._hoverCleanupFns.length = 0\n\n    for (let level = 0; level <= this._activeSubmenus.length; level++) {\n      this._getLevelItems(level).forEach(item => {\n        if (!item.matches('web-ui-dropdown-item') || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(this._submenuTimer)\n          if (item.hasAttribute('submenu')) {\n            if (this._activeSubmenuItems[level] !== item) {\n              this._submenuTimer = setTimeout(() => this._openSubmenu(item), 200)\n            }\n          } else if (this._activeSubmenus.length > level) {\n            this._closeSubmenusFrom(level)\n            this._bindLevelHovers()\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        this._hoverCleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  private _ignoreCurrentOutsideClick() {\n    this._ignoreOutsideClick = true\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._ignoreOutsideClickTimer = setTimeout(() => {\n      this._ignoreOutsideClick = false\n    })\n  }\n\n  private _onWheel = (e: WheelEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onTouchMove = (e: TouchEvent) => {\n    this._preventBackgroundScroll(e)\n  }\n\n  private _onDocumentKeydown = (e: KeyboardEvent) => {\n    if (!this._isOpen) return\n    // 鼠标右键打开的菜单焦点不在菜单内，e.target !== this 时也必须能 Escape 关闭；\n    // 菜单为模态浮层，按 Escape 即关闭，无需限定焦点位置\n    if (e.key === 'Escape') {\n      this._closeLastSubmenuOrMenu()\n      e.preventDefault()\n      return\n    }\n    const level = this._getFocusedLevel()\n    if (level === undefined) return\n    const items = this._getEnabledLevelItems(level)\n    const focused = this._getFocusedItem()\n    const currentIndex = focused ? items.indexOf(focused) : -1\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this._focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n        break\n      case 'ArrowUp':\n        this._focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n        break\n      case 'Home':\n        this._focusMenuItem(items[0])\n        break\n      case 'End':\n        this._focusMenuItem(items.at(-1))\n        break\n      case 'ArrowRight':\n        if (focused?.hasAttribute('submenu')) {\n          this._openSubmenu(focused, true)\n          requestAnimationFrame(() => this._focusMenuItem(this._getEnabledLevelItems(level + 1)[0]))\n        }\n        break\n      case 'ArrowLeft':\n        if (level > 0) {\n          const parent = this._activeSubmenuItems[level - 1]\n          this._closeSubmenusFrom(level - 1)\n          this._focusMenuItem(parent)\n          this._bindLevelHovers()\n        }\n        break\n      case 'Enter':\n      case ' ':\n        focused?.click()\n        break\n      case 'Escape':\n        this._closeLastSubmenuOrMenu()\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n  }\n\n  private _closeLastSubmenuOrMenu() {\n    if (this._activeSubmenus.length > 0) {\n      const level = this._activeSubmenus.length - 1\n      const parent = this._activeSubmenuItems[level]\n      this._closeSubmenusFrom(level)\n      this._focusMenuItem(parent)\n      this._bindLevelHovers()\n    } else {\n      this._closeFromUser()\n    }\n  }\n\n  private _preventBackgroundScroll(e: Event) {\n    if (!this._isOpen || this.noScrollLock || this._isMenuPanelEvent(e)) return\n    e.preventDefault()\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _getEnabledLevelItems(level: number) {\n    const container = level === 0 ? this._menu?.content : this._activeSubmenus[level - 1]?.content\n    return container ? getEnabledMenuItems(container) : []\n  }\n\n  private _getFocusedItem(): HTMLElement | undefined {\n    return findFocusedMenuItem([this._menu?.content, ...this._activeSubmenus.map(submenu => submenu.content)])\n  }\n\n  private _getFocusedLevel(): number | undefined {\n    const item = this._getFocusedItem()\n    if (!item) return undefined\n    if (this._menu?.panel.contains(item)) return 0\n    const submenuIndex = this._activeSubmenus.findIndex(menu => menu.panel.contains(item))\n    return submenuIndex < 0 ? undefined : submenuIndex + 1\n  }\n\n  private _focusMenuItem(item: HTMLElement | undefined) {\n    focusMenuItem(item)\n  }\n\n  private _isMenuPanelEvent(e: Event): boolean {\n    return e\n      .composedPath()\n      .some(\n        node =>\n          node instanceof HTMLElement &&\n          (node.classList.contains('context-menu') || node.classList.contains('context-submenu'))\n      )\n  }\n\n  override render() {\n    return html`\n      <div class=\"context-menu-anchor\">\n        <slot @slotchange=${this._hideMenuItems}></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-context-menu': WebUiContextMenu\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAuBO,IAAM,IAAN,cAA+B,EAAW;;EAkajB,aA/ZyB,KAAA,WAAA,IACiC,KAAA,eAAA,IAE7D,KAAA,UAAA,IACL,KAAA,KAAA,GACA,KAAA,KAAA,GAEyB,KAAA,kBAAA,CAAC,GACH,KAAA,sBAAA,CAAC,GACV,KAAA,mCAAA,IAAI,IAAoC,GAE9C,KAAA,sBAAA,IAEa,KAAA,mBAAA,CAAC,GAEb,KAAA,cAAA,EAAsB,CAAC,CAAC,KAAK,GACzB,KAAA,kBAAA,IAAI,EAAqB,GAE7B,KAAA,uBAAA,IA6GS,KAAA,uBAAA;GACjC,KAAK,YACV,KAAK,gBAAgB,KAAK,GAC1B,KAAK,MAAM;EACb,GA+L0B,KAAA,kBAAA,MAAkB;GACtC,KAAK,aACT,EAAE,eAAe,GACjB,KAAK,sBAAsB,EAAE,kBAAkB,cAAc,EAAE,SAAS,KAAA,GACpE,KAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAK,KAAG,KAAK,gBAAgB,KAAK;EAC3E,GAEiC,KAAA,yBAAA,MAAkB;GACjD,AAAI,KAAK,WAAW,CAAC,KAAK,oBAAoB,CAAC,KAC7C,KAAK,eAAe;EAExB,GAEsB,KAAA,cAAA,MAAqB;GACrC,UAAK,aAGL,EAAE,QAAQ,iBAAkB,EAAE,YAAY,EAAE,QAAQ,QAAQ;IAC9D,EAAE,eAAe;IACjB,IAAM,IAAU,SAAS;IACzB,IAAI,KAAW,MAAY,SAAS,MAAM;KACxC,IAAM,IAAO,EAAQ,sBAAsB;KAC3C,AAAI,KAAK,QAAQ,EAAK,MAAM,EAAK,QAAQ,EAAI,KAAG,KAAK,gBAAgB,KAAK;IAC5E,OACE,AAAI,KAAK,QAAQ,OAAO,aAAa,GAAG,OAAO,cAAc,GAAG,EAAI,KAAG,KAAK,gBAAgB,KAAK;IAEnG;GACF;EACF,GAE2B,KAAA,mBAAA,MAAkB;GACvC,CAAC,KAAK,WAAW,KAAK,uBACtB,KAAK,oBAAoB,CAAC,KAC9B,KAAK,eAAe;EACtB,GAEwB,KAAA,gBAAA,MAAkB;GACxC,IAAM,IAAO,EAAqB,CAAC;GAC/B,OAAC,KAAQ,EAAK,aAAa,UAAU,IACzC;QAAI,EAAK,aAAa,SAAS,GAAG;KAChC,KAAK,aAAa,CAAI;KACtB;IACF;IACA,KAAK,eAAe;GADpB;EAEF,GAyCoB,KAAA,YAAA,MAAkB;GACpC,KAAK,yBAAyB,CAAC;EACjC,GAEwB,KAAA,gBAAA,MAAkB;GACxC,KAAK,yBAAyB,CAAC;EACjC,GAE8B,KAAA,sBAAA,MAAqB;GACjD,IAAI,CAAC,KAAK,SAAS;GAGnB,IAAI,EAAE,QAAQ,UAAU;IAEtB,AADA,KAAK,wBAAwB,GAC7B,EAAE,eAAe;IACjB;GACF;GACA,IAAM,IAAQ,KAAK,iBAAiB;GACpC,IAAI,MAAU,KAAA,GAAW;GACzB,IAAM,IAAQ,KAAK,sBAAsB,CAAK,GACxC,IAAU,KAAK,gBAAgB,GAC/B,IAAe,IAAU,EAAM,QAAQ,CAAO,IAAI;GAExD,QAAQ,EAAE,KAAV;IACE,KAAK;KACH,KAAK,eAAe,GAAO,IAAe,IAAI,EAAM,UAAU,EAAM,OAAO;KAC3E;IACF,KAAK;KACH,KAAK,eAAe,GAAO,IAAe,IAAI,EAAM,UAAU,EAAM,OAAO;KAC3E;IACF,KAAK;KACH,KAAK,eAAe,EAAM,EAAE;KAC5B;IACF,KAAK;KACH,KAAK,eAAe,EAAM,GAAG,EAAE,CAAC;KAChC;IACF,KAAK;KACH,AAAI,GAAS,aAAa,SAAS,MACjC,KAAK,aAAa,GAAS,EAAI,GAC/B,4BAA4B,KAAK,eAAe,KAAK,sBAAsB,IAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;KAE3F;IACF,KAAK;KACH,IAAI,IAAQ,GAAG;MACb,IAAM,IAAS,KAAK,oBAAoB,IAAQ;MAGhD,AAFA,KAAK,mBAAmB,IAAQ,CAAC,GACjC,KAAK,eAAe,CAAM,GAC1B,KAAK,iBAAiB;KACxB;KACA;IACF,KAAK;IACL,KAAK;KACH,GAAS,MAAM;KACf;IACF,KAAK;KACH,KAAK,wBAAwB;KAC7B;IACF,SACE;GACJ;GACA,EAAE,eAAe;EACnB;;;EAtdyB,KAAA,SAAA,EAAU,CAAK;;CAuBxC,IAAI,SAAkB;EACpB,OAAO,KAAK;CACd;CAEA,oBAA6B;EAU3B,AATA,MAAM,kBAAkB,GACxB,KAAK,eAAe,GACpB,KAAK,iBAAiB,eAAe,KAAK,cAAc,GACxD,KAAK,iBAAiB,WAAW,KAAK,UAAU,GAChD,KAAK,iBAAiB,SAAS,KAAK,YAAY,GAChD,SAAS,iBAAiB,SAAS,KAAK,eAAe,GACvD,SAAS,iBAAiB,eAAe,KAAK,qBAAqB,GACnE,SAAS,iBAAiB,SAAS,KAAK,UAAU;GAAE,SAAS;GAAM,SAAS;EAAM,CAAC,GACnF,SAAS,iBAAiB,aAAa,KAAK,cAAc;GAAE,SAAS;GAAM,SAAS;EAAM,CAAC,GAC3F,SAAS,iBAAiB,WAAW,KAAK,kBAAkB;CAC9D;CAEA,uBAAgC;EAkB9B,AAjBA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,eAAe,KAAK,cAAc,GAC3D,KAAK,oBAAoB,WAAW,KAAK,UAAU,GACnD,KAAK,oBAAoB,SAAS,KAAK,YAAY,GACnD,SAAS,oBAAoB,SAAS,KAAK,eAAe,GAC1D,SAAS,oBAAoB,eAAe,KAAK,qBAAqB,GACtE,SAAS,oBAAoB,SAAS,KAAK,UAAU,EAAI,GACzD,SAAS,oBAAoB,aAAa,KAAK,cAAc,EAAI,GACjE,SAAS,oBAAoB,WAAW,KAAK,kBAAkB,GAC/D,aAAa,KAAK,aAAa,GAC/B,aAAa,KAAK,wBAAwB,GAC1C,KAAK,iBAAiB,SAAQ,MAAW,EAAQ,CAAC,GAClD,KAAK,YAAY,QAAQ,GACzB,KAAK,mBAAmB,GACxB,KAAK,OAAO,MAAM,OAAO,GACzB,KAAK,QAAQ,KAAA,GACb,KAAK,mBAAmB,GAAG,EAAI,GAC/B,KAAK,wBAAwB;CAC/B;CAEA,QAA2B,GAA+B;EAExD,IAAI,CAAC,KAAK,aAAa;GACrB,KAAK,gBAAgB,EAAK;GAC1B;EACF;EA0BA,AAxBI,EAAQ,IAAI,SAAS,MACnB,KAAK,WACP,KAAK,gBAAgB,GAChB,KAAK,UACR,KAAK,QAAQ,EAAwB,gBAAgB,IAAI,GACzD,KAAK,MAAM,MAAM,aAAa,QAAQ,MAAM,GAC5C,KAAK,MAAM,MAAM,aAAa,cAAc,OAAO,GACnD,KAAK,MAAM,MAAM,iBAAiB,SAAS,KAAK,YAAY,IAE9D,4BAA4B;GACtB,CAAC,KAAK,WAAW,CAAC,KAAK,UAC3B,KAAK,gBAAgB,GACrB,KAAK,cAAc,GACnB,EAAoB,KAAK,MAAM,OAAO,EAAE,WAAW,KAAK,qBAAqB,CAAC,GAC9E,KAAK,uBAAuB,IAC5B,KAAK,gBAAgB,GACrB,KAAK,iBAAiB;EACxB,CAAC,MAED,KAAK,gBAAgB,EAAK,GAC1B,KAAU,wBAAwB,IAEhC,KAAK,gBAAgB,QAAQ,KAAG,KAAK,gBAAgB,KAAK,OAAO,IAEnE,EAAQ,IAAI,cAAc,KAAG,KAAK,gBAAgB;CACxD;CAQA,OAAO,GAAW,GAAW;EAC3B,KAAK,QAAQ,GAAG,GAAG,EAAI;CACzB;CAEA,QAAgB,GAAW,GAAW,GAA6B;EAYjE,OAXI,KAAK,WAAiB,MAC1B,KAAK,KAAK,GACV,KAAK,KAAK,GACV,KAAK,uBAAuB,GAC5B,KAAK,2BAA2B,GAC5B,KAAK,WACP,4BAA4B,KAAK,cAAc,CAAC,GACzC,OAET,KAAK,wBAAwB,SAAS,yBAAyB,cAAc,SAAS,gBAAgB,KAAA,GACtG,KAAK,UAAU,IACR;CACT;CAMA,QAAQ;EACD,AACL,KAAK,YAAU;CACjB;CAQA,gBAAwB;EACtB,IAAM,IAAQ,KAAK,OAAO;EAC1B,IAAI,CAAC,GAAO;EAGZ,AADA,EAAM,MAAM,aAAa,UACzB,EAAM,MAAM,UAAU;EAEtB,IAAM,EAAE,UAAO,cAAW,EAAM,sBAAsB,GAChD,IAAK,OAAO,YACZ,IAAK,OAAO,aAEd,IAAI,KAAK,IACT,IAAI,KAAK;EAQb,AANI,IAAI,IAAQ,MAAI,IAAI,IAAK,IAAQ,IACjC,IAAI,IAAS,MAAI,IAAI,IAAK,IAAS,IACnC,IAAI,MAAG,IAAI,IACX,IAAI,MAAG,IAAI,IAEf,EAAM,MAAM,OAAO,GAAG,EAAE,KACxB,EAAM,MAAM,MAAM,GAAG,EAAE;EACvB,IAAM,IAAmB,IAAI,KAAK,KAAK,UAAU,QAC3C,IAAiB,IAAI,KAAK,KAAK,WAAW;EAEhD,AADA,EAAM,MAAM,YAAY,kCAAkC,GAAG,EAAe,GAAG,GAAkB,GACjG,EAAM,MAAM,aAAa;CAC3B;CAEA,kBAA0B;EAExB,IAAM,IADQ,KAAK,OAAO,QAAQ,iBAA8B,sCAAsC,CAAA,GAC5E;EAC1B,AAAI,KACF,KAAK,eAAe,CAAS;CAEjC;CAEA,kBAA0B;EACxB,IAAM,IAAO,KAAK;EACb,MAEL,KAAK,eAAe,GACpB,EAAiB,MAAM,EAAK,OAAO;CACrC;CAEA,qBAA6B;EAC3B,IAAM,IAAO,KAAK;EACb,MAEL,KAAK,mBAAmB,GAAG,EAAI,GAC/B,KAAK,wBAAwB,GAC7B,EAAiB,EAAK,SAAS,IAAI;CACrC;CAEA,MAAc,0BAA0B;EACtC,IAAM,IAAO,KAAK;EACd,KAAQ,CAAE,MAAM,EAAoB,EAAK,KAAK,KAC9C,KAAK,WAAW,CAAC,KAAK,eAAe,KAAK,UAAU,MAExD,KAAK,mBAAmB,GACxB,GAAM,MAAM,OAAO,GACnB,KAAK,QAAQ,KAAA,GACb,KAAK,qBAAqB,MAAM,GAChC,KAAK,sBAAsB,KAAA;CAC7B;CAEA,iBAAyB;EAEvB,AADA,EAAgB,IAAI,CAAC,CAAC,SAAQ,MAAS,EAAM,aAAa,QAAQ,qBAAqB,CAAC,GACxF,EAAuB,MAAM,qBAAqB;CACpD;CAEA,aAAqB,GAAmB,IAAY,IAAO;EACzD,IAAI,CAAC,KAAK,WAAW,CAAC,EAAK,aAAa,SAAS,KAAK,EAAK,aAAa,UAAU,GAAG;EAErF,IAAM,IAAQ,KAAK,cAAc,CAAI;EACrC,IAAI,MAAU,MAAM,KAAK,oBAAoB,OAAW,GAAM;EAE9D,KAAK,mBAAmB,CAAK;EAC7B,IAAM,IAAiB,KAAK,iBAAiB,IAAI,CAAI;EACrD,IAAI,GAAgB;GAOlB,AANA,KAAK,iBAAiB,OAAO,CAAI,GACjC,KAAK,gBAAgB,KAAS,GAC9B,KAAK,oBAAoB,KAAS,GAClC,EAAK,aAAa,UAAU,EAAE,GAC9B,KAAK,iBAAiB,GAAM,CAAc,GAC1C,EAAoB,EAAe,OAAO,EAAE,aAAU,CAAC,GACvD,KAAK,iBAAiB;GACtB;EACF;EACA,IAAM,IAAW,EAAgB,CAAI;EACrC,IAAI,EAAS,WAAW,GAAG;EAE3B,IAAM,IAAU,EAAwB,mBAAmB,IAAI;EAa/D,AAZA,EAAQ,MAAM,QAAQ,QAAQ,OAAO,CAAK,GAC1C,EAAQ,MAAM,aAAa,QAAQ,MAAM,GACzC,EAAQ,MAAM,aAAa,cAAc,KAAK,GAC9C,EAAQ,MAAM,MAAM,aAAa,UACjC,EAAQ,MAAM,iBAAiB,SAAS,KAAK,YAAY,GACzD,EAAQ,QAAQ,OAAO,GAAG,CAAQ,GAElC,KAAK,gBAAgB,KAAS,GAC9B,KAAK,oBAAoB,KAAS,GAClC,EAAK,aAAa,UAAU,EAAE,GAC9B,KAAK,iBAAiB,GAAM,CAAO,GACnC,EAAoB,EAAQ,OAAO,EAAE,aAAU,CAAC,GAChD,KAAK,iBAAiB;CACxB;CAEA,mBAA2B,GAAe,IAAY,IAAO;EAC3D,KAAK,IAAI,IAAQ,KAAK,gBAAgB,SAAS,GAAG,KAAS,GAAO,KAAS;GACzE,IAAM,IAAU,KAAK,gBAAgB,IAC/B,IAAO,KAAK,oBAAoB;GAEtC,AADA,GAAM,gBAAgB,QAAQ,GAC1B,CAAC,KAAQ,KACX,KAAK,qBAAqB,GAAS,CAAI,GACvC,EAAQ,MAAM,OAAO,MAErB,KAAK,iBAAiB,IAAI,GAAM,CAAO,GACvC,KAAU,2BAA2B,GAAS,CAAI;EAEtD;EAEA,AADA,KAAK,gBAAgB,SAAS,GAC9B,KAAK,oBAAoB,SAAS;CACpC;CAEA,MAAc,2BAA2B,GAA4B,GAAmB;EAChF,MAAM,EAAoB,EAAQ,KAAK,KACzC,KAAK,iBAAiB,IAAI,CAAI,MAAM,MAExC,KAAK,iBAAiB,OAAO,CAAI,GACjC,KAAK,qBAAqB,GAAS,CAAI,GACvC,EAAQ,MAAM,OAAO;CACvB;CAEA,qBAA6B,GAA4B,GAAoB;EAC3E,AAAI,KAAM,EAAiB,EAAQ,SAAS,CAAI;CAClD;CAEA,0BAAkC;EAKhC,AAJA,KAAK,iBAAiB,SAAS,GAAS,MAAS;GAE/C,AADA,KAAK,qBAAqB,GAAS,CAAI,GACvC,EAAQ,MAAM,OAAO;EACvB,CAAC,GACD,KAAK,iBAAiB,MAAM;CAC9B;CAEA,cAAsB,GAA2B;EAE/C,IADa,KAAK,OACR,MAAM,SAAS,CAAI,GAAG,OAAO;EACvC,IAAM,IAAc,KAAK,gBAAgB,WAAU,MAAW,EAAQ,MAAM,SAAS,CAAI,CAAC;EAC1F,OAAO,MAAgB,KAAK,KAAK,IAAc;CACjD;CAEA,iBAAyB,GAAmB,GAA4B;EACtE,IAAM,IAAW,EAAK,sBAAsB,GACtC,IAAc,EAAQ,MAAM,sBAAsB,GAElD,IAAe,EAAS,QAAQ,EAAY,QAAQ,KAAW,OAAO,YACtE,IAAO,IAAe,EAAS,QAAQ,KAAK,IAAI,GAAS,EAAS,OAAO,EAAY,KAAK,GAC1F,IAAM,KAAK,IAAI,KAAK,IAAI,GAAS,EAAS,GAAG,GAAG,OAAO,cAAc,EAAY,SAAS,CAAO;EAKvG,AAHA,EAAQ,MAAM,MAAM,OAAO,GAAG,EAAK,KACnC,EAAQ,MAAM,MAAM,MAAM,GAAG,EAAI,KACjC,EAAQ,MAAM,MAAM,YAAY,kCAAkC,IAAe,aAAa,WAAW,GACzG,EAAQ,MAAM,MAAM,aAAa;CACnC;CAEA,gBAAwB,GAAe;EACrC,KAAK,cACH,IAAI,YAAY,eAAe;GAC7B,QAAQ,EAAE,QAAK;GACf,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CACF;CAEA,oBAA4B,GAAwB;EAClD,KAAK,IAAM,KAAQ,EAAE,aAAa,GAGhC,IAFI,MAAS,QAAQ,MAAS,KAAK,cAC/B,aAAgB,QAAQ,EAAK,YAAY,MAAM,KAAK,cAEtD,aAAgB,SACf,KAAK,OAAO,MAAM,SAAS,CAAI,KAAK,KAAK,gBAAgB,MAAK,MAAQ,EAAK,MAAM,SAAS,CAAI,CAAC,IAEhG,OAAO;EAGX,OAAO;CACT;CAgDA,eAAuB,GAA8B;EACnD,IAAM,IAAY,MAAU,IAAI,KAAK,OAAO,UAAU,KAAK,gBAAgB,IAAQ,EAAE,EAAE;EAEvF,OADK,IACE,EAAgB,CAAS,IADT,CAAC;CAE1B;CAEA,mBAA2B;EAEzB,AADA,KAAK,iBAAiB,SAAQ,MAAW,EAAQ,CAAC,GAClD,KAAK,iBAAiB,SAAS;EAE/B,KAAK,IAAI,IAAQ,GAAG,KAAS,KAAK,gBAAgB,QAAQ,KACxD,KAAK,eAAe,CAAK,CAAC,CAAC,SAAQ,MAAQ;GACzC,IAAI,CAAC,EAAK,QAAQ,sBAAsB,KAAK,EAAK,aAAa,UAAU,GAAG;GAC5E,IAAM,KAAW,MAAwB;IACnC,EAAM,gBAAgB,YAC1B,aAAa,KAAK,aAAa,GAC3B,EAAK,aAAa,SAAS,IACzB,KAAK,oBAAoB,OAAW,MACtC,KAAK,gBAAgB,iBAAiB,KAAK,aAAa,CAAI,GAAG,GAAG,KAE3D,KAAK,gBAAgB,SAAS,MACvC,KAAK,mBAAmB,CAAK,GAC7B,KAAK,iBAAiB;GAE1B;GAEA,AADA,EAAK,iBAAiB,gBAAgB,GAAS,EAAE,SAAS,GAAK,CAAC,GAChE,KAAK,iBAAiB,WAAW,EAAK,oBAAoB,gBAAgB,CAAO,CAAC;EACpF,CAAC;CAEL;CAEA,6BAAqC;EAGnC,AAFA,KAAK,sBAAsB,IAC3B,aAAa,KAAK,wBAAwB,GAC1C,KAAK,2BAA2B,iBAAiB;GAC/C,KAAK,sBAAsB;EAC7B,CAAC;CACH;CAiEA,0BAAkC;EAChC,IAAI,KAAK,gBAAgB,SAAS,GAAG;GACnC,IAAM,IAAQ,KAAK,gBAAgB,SAAS,GACtC,IAAS,KAAK,oBAAoB;GAGxC,AAFA,KAAK,mBAAmB,CAAK,GAC7B,KAAK,eAAe,CAAM,GAC1B,KAAK,iBAAiB;EACxB,OACE,KAAK,eAAe;CAExB;CAEA,yBAAiC,GAAU;EACrC,CAAC,KAAK,WAAW,KAAK,gBAAgB,KAAK,kBAAkB,CAAC,KAClE,EAAE,eAAe;CACnB;CAEA,gBAAwB,IAAS,KAAK,SAAS;EAC7C,KAAK,YAAY,KAAK,KAAU,CAAC,KAAK,YAAY;CACpD;CAEA,sBAA8B,GAAe;EAC3C,IAAM,IAAY,MAAU,IAAI,KAAK,OAAO,UAAU,KAAK,gBAAgB,IAAQ,EAAE,EAAE;EACvF,OAAO,IAAY,EAAoB,CAAS,IAAI,CAAC;CACvD;CAEA,kBAAmD;EACjD,OAAO,EAAoB,CAAC,KAAK,OAAO,SAAS,GAAG,KAAK,gBAAgB,KAAI,MAAW,EAAQ,OAAO,CAAC,CAAC;CAC3G;CAEA,mBAA+C;EAC7C,IAAM,IAAO,KAAK,gBAAgB;EAClC,IAAI,CAAC,GAAM;EACX,IAAI,KAAK,OAAO,MAAM,SAAS,CAAI,GAAG,OAAO;EAC7C,IAAM,IAAe,KAAK,gBAAgB,WAAU,MAAQ,EAAK,MAAM,SAAS,CAAI,CAAC;EACrF,OAAO,IAAe,IAAI,KAAA,IAAY,IAAe;CACvD;CAEA,eAAuB,GAA+B;EACpD,EAAc,CAAI;CACpB;CAEA,kBAA0B,GAAmB;EAC3C,OAAO,EACJ,aAAa,CAAC,CACd,MACC,MACE,aAAgB,gBACf,EAAK,UAAU,SAAS,cAAc,KAAK,EAAK,UAAU,SAAS,iBAAiB,EACzF;CACJ;CAEA,SAAkB;EAChB,OAAO,CAAI;;4BAEa,KAAK,eAAe;;;CAG9C;AAKF;AArhBG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAEtE,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GACN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,MAAA,KAAA,CAAA,GACN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,MAAA,KAAA,CAAA,GATR,IAAA,EAAA,CAAA,EAAc,qBAAqB,CAAA,GAAA,CAAA"}

package/dist/components/dialog/index.d.ts

@@ -4,6 +4,7 @@ export declare class WebUiDialog extends LitElement {
     open: boolean;
     noScrollLock: boolean;
     noBackdropClose: boolean;
+    noEscapeClose: boolean;
     private _hasBody;
     private readonly _userOpenChange;
     private readonly _scrollLock;

package/dist/components/dialog/index.js

@@ -1,8 +1,8 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
 import t from "../../assets/glass.js";
+import { defineScrollLockLease as n } from "../../shared/scroll-lock/scroll-lock.js";
 import "../button/index.js";
-import { UserChangeController as n } from "../../shared/events/user-change.js";
-import { createScrollLockLease as r } from "../../shared/scroll-lock/scroll-lock.js";
+import { UserChangeController as r } from "../../shared/events/user-change.js";
 import { defineNativeDialogPresence as i } from "../../shared/overlay/native-dialog-presence.js";
 import a from "./style.js";
 import { LitElement as o, html as s, unsafeCSS as c } from "lit";
@@ -10,7 +10,7 @@ import { customElement as l, property as u, state as d } from "lit/decorators.js
 //#region src/components/dialog/index.ts
 var f = class extends o {
 	constructor(...e) {
-		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this._hasBody = !1, this._userOpenChange = new n(), this._scrollLock = r(), this._presence = i().make({
+		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this.noEscapeClose = !1, this._hasBody = !1, this._userOpenChange = new r(), this._scrollLock = n().make(), this._presence = i().make({
 			getDialog: () => this.dialog,
 			isConnected: () => this.isConnected,
 			isOpen: () => this.open
@@ -39,7 +39,7 @@ var f = class extends o {
 		this.open = !1;
 	}
 	handleCancel(e) {
-		e.preventDefault(), this._userOpenChange.mark(), this.close();
+		e.preventDefault(), !this.noEscapeClose && (this._userOpenChange.mark(), this.close());
 	}
 	handleBackdropClick(e) {
 		e.target === e.currentTarget && (this.noBackdropClose || (this._userOpenChange.mark(), this.close()));
@@ -88,7 +88,11 @@ e([u({
 	type: Boolean,
 	reflect: !0,
 	attribute: "no-backdrop-close"
-})], f.prototype, "noBackdropClose", void 0), e([d()], f.prototype, "_hasBody", void 0), f = e([l("web-ui-dialog")], f);
+})], f.prototype, "noBackdropClose", void 0), e([u({
+	type: Boolean,
+	reflect: !0,
+	attribute: "no-escape-close"
+})], f.prototype, "noEscapeClose", void 0), e([d()], f.prototype, "_hasBody", void 0), f = e([l("web-ui-dialog")], f);
 //#endregion
 export { f as WebUiDialog };
 

package/dist/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dialog/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/button'\nimport glass from '@/assets/glass.css?inline'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { defineNativeDialogPresence } from '@/shared/overlay/native-dialog-presence'\nimport { createScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-dialog')\nexport class WebUiDialog extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-backdrop-close' }) noBackdropClose = false\n\n  @state() private _hasBody = false\n  private readonly _userOpenChange = new UserChangeController()\n\n  private readonly _scrollLock = createScrollLockLease()\n  private readonly _presence = defineNativeDialogPresence().make({\n    getDialog: () => this.dialog,\n    isConnected: () => this.isConnected,\n    isOpen: () => this.open\n  })\n\n  private get dialog() {\n    return this.shadowRoot?.querySelector('dialog') ?? null\n  }\n\n  protected override updated(props: PropertyValues) {\n    super.updated(props)\n    if (!this.isConnected) return\n\n    if (props.has('open')) {\n      if (this._userOpenChange.consume()) this.emitOpenChange()\n      this._presence.sync(this.open)\n    }\n    if (props.has('open') || props.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._presence.dispose()\n    this._scrollLock.release()\n  }\n\n  // 以模态方式打开对话框（命令式）\n  showModal() {\n    if (this.open) return\n    this.open = true\n  }\n\n  close() {\n    this.open = false\n  }\n\n  private handleCancel(e: Event) {\n    // 保留 top layer 直到视觉退场完成，避免原生关闭跳过退出动画。\n    e.preventDefault()\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private handleBackdropClick(e: MouseEvent) {\n    if (e.target !== (e.currentTarget as HTMLDialogElement)) return\n    if (this.noBackdropClose) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private emitOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this.open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _onTransitionEnd = (event: TransitionEvent) => {\n    this._presence.handleTransitionEnd(event)\n  }\n\n  private _onNativeClose = () => {\n    if (!this.open) return\n    this._presence.handleNativeClose()\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _onBodySlotChange(e: Event) {\n    if (!(e.target instanceof HTMLSlotElement)) return\n    this._hasBody = e.target.assignedElements().length > 0\n  }\n\n  override render() {\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @close=${this._onNativeClose}\n        @click=${this.handleBackdropClick}\n        @transitionend=${this._onTransitionEnd}\n      >\n        <div class=\"wui-dialog-body wui-glass\">\n          ${this._hasBody\n            ? html`<slot name=\"body\" @slotchange=${this._onBodySlotChange}></slot>`\n            : html`\n                <slot name=\"body\" @slotchange=${this._onBodySlotChange} hidden></slot>\n                <div class=\"title\"><slot name=\"title\"></slot></div>\n                <div class=\"desc\"><slot></slot></div>\n                <div class=\"wui-dialog-footer\"><slot name=\"footer\"></slot></div>\n              `}\n        </div>\n      </dialog>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-dialog': WebUiDialog\n  }\n}\n"],"mappings":";;;;;;;;;;AAYO,IAAM,IAAN,cAA0B,EAAW;;EA4EX,aAzEoB,KAAA,OAAA,IACqC,KAAA,eAAA,IACM,KAAA,kBAAA,IAElE,KAAA,WAAA,IACO,KAAA,kBAAA,IAAI,EAAqB,GAE7B,KAAA,cAAA,EAAsB,GACxB,KAAA,YAAA,EAA2B,CAAC,CAAC,KAAK;GAC7D,iBAAiB,KAAK;GACtB,mBAAmB,KAAK;GACxB,cAAc,KAAK;EACrB,CAAC,GAyD2B,KAAA,oBAAA,MAA2B;GACrD,KAAK,UAAU,oBAAoB,CAAK;EAC1C,GAE+B,KAAA,uBAAA;GACxB,AAGL,KAAK,UAFL,KAAK,UAAU,kBAAkB,GACjC,KAAK,gBAAgB,KAAK,GACd;EACd;;;EAhFyB,KAAA,SAAA,CAAC,EAAU,CAAK,GAAG,EAAU,CAAK,CAAC;;CAgB5D,IAAY,SAAS;EACnB,OAAO,KAAK,YAAY,cAAc,QAAQ,KAAK;CACrD;CAEA,QAA2B,GAAuB;EAChD,MAAM,QAAQ,CAAK,GACd,KAAK,gBAEN,EAAM,IAAI,MAAM,MACd,KAAK,gBAAgB,QAAQ,KAAG,KAAK,eAAe,GACxD,KAAK,UAAU,KAAK,KAAK,IAAI,KAE3B,EAAM,IAAI,MAAM,KAAK,EAAM,IAAI,cAAc,MAAG,KAAK,gBAAgB;CAC3E;CAEA,uBAAgC;EAG9B,AAFA,MAAM,qBAAqB,GAC3B,KAAK,UAAU,QAAQ,GACvB,KAAK,YAAY,QAAQ;CAC3B;CAGA,YAAY;EACN,AACJ,KAAK,SAAO;CACd;CAEA,QAAQ;EACN,KAAK,OAAO;CACd;CAEA,aAAqB,GAAU;EAI7B,AAFA,EAAE,eAAe,GACjB,KAAK,gBAAgB,KAAK,GAC1B,KAAK,MAAM;CACb;CAEA,oBAA4B,GAAe;EACrC,EAAE,WAAY,EAAE,kBAChB,KAAK,oBACT,KAAK,gBAAgB,KAAK,GAC1B,KAAK,MAAM;CACb;CAEA,iBAAyB;EACvB,KAAK,cACH,IAAI,YAAY,eAAe;GAC7B,QAAQ,EAAE,MAAM,KAAK,KAAK;GAC1B,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CACF;CAaA,gBAAwB,IAAS,KAAK,MAAM;EAC1C,KAAK,YAAY,KAAK,KAAU,CAAC,KAAK,YAAY;CACpD;CAEA,kBAA0B,GAAU;EAC5B,EAAE,kBAAkB,oBAC1B,KAAK,WAAW,EAAE,OAAO,iBAAiB,CAAC,CAAC,SAAS;CACvD;CAEA,SAAkB;EAChB,OAAO,CAAI;;kBAEG,KAAK,aAAa;iBACnB,KAAK,eAAe;iBACpB,KAAK,oBAAoB;yBACjB,KAAK,iBAAiB;;;YAGnC,KAAK,WACH,CAAI,iCAAiC,KAAK,kBAAkB,YAC5D,CAAI;gDAC8B,KAAK,kBAAkB;;;;gBAIvD;;;;CAId;AAKF;AAlHG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GACtE,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAoB,CAAC,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAEzE,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GARR,IAAA,EAAA,CAAA,EAAc,eAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dialog/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/button'\nimport glass from '@/assets/glass.css?inline'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { defineNativeDialogPresence } from '@/shared/overlay/native-dialog-presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-dialog')\nexport class WebUiDialog extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-backdrop-close' }) noBackdropClose = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-escape-close' }) noEscapeClose = false\n\n  @state() private _hasBody = false\n  private readonly _userOpenChange = new UserChangeController()\n\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _presence = defineNativeDialogPresence().make({\n    getDialog: () => this.dialog,\n    isConnected: () => this.isConnected,\n    isOpen: () => this.open\n  })\n\n  private get dialog() {\n    return this.shadowRoot?.querySelector('dialog') ?? null\n  }\n\n  protected override updated(props: PropertyValues) {\n    super.updated(props)\n    if (!this.isConnected) return\n\n    if (props.has('open')) {\n      if (this._userOpenChange.consume()) this.emitOpenChange()\n      this._presence.sync(this.open)\n    }\n    if (props.has('open') || props.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._presence.dispose()\n    this._scrollLock.release()\n  }\n\n  // 以模态方式打开对话框（命令式）\n  showModal() {\n    if (this.open) return\n    this.open = true\n  }\n\n  close() {\n    this.open = false\n  }\n\n  private handleCancel(e: Event) {\n    // 保留 top layer 直到视觉退场完成，避免原生关闭跳过退出动画。\n    e.preventDefault()\n    if (this.noEscapeClose) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private handleBackdropClick(e: MouseEvent) {\n    if (e.target !== (e.currentTarget as HTMLDialogElement)) return\n    if (this.noBackdropClose) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private emitOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this.open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _onTransitionEnd = (event: TransitionEvent) => {\n    this._presence.handleTransitionEnd(event)\n  }\n\n  private _onNativeClose = () => {\n    if (!this.open) return\n    this._presence.handleNativeClose()\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _onBodySlotChange(e: Event) {\n    if (!(e.target instanceof HTMLSlotElement)) return\n    this._hasBody = e.target.assignedElements().length > 0\n  }\n\n  override render() {\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @close=${this._onNativeClose}\n        @click=${this.handleBackdropClick}\n        @transitionend=${this._onTransitionEnd}\n      >\n        <div class=\"wui-dialog-body wui-glass\">\n          ${this._hasBody\n            ? html`<slot name=\"body\" @slotchange=${this._onBodySlotChange}></slot>`\n            : html`\n                <slot name=\"body\" @slotchange=${this._onBodySlotChange} hidden></slot>\n                <div class=\"title\"><slot name=\"title\"></slot></div>\n                <div class=\"desc\"><slot></slot></div>\n                <div class=\"wui-dialog-footer\"><slot name=\"footer\"></slot></div>\n              `}\n        </div>\n      </dialog>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-dialog': WebUiDialog\n  }\n}\n"],"mappings":"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"}

package/dist/components/drawer/index.js

@@ -1,11 +1,11 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../assets/glass.js";
-import n from "../../icons/generated/ooui-close.js";
+import t from "../../icons/generated/ooui-close.js";
+import n from "../../assets/glass.js";
 import { normalizeLiteral as r } from "../../shared/normalize/index.js";
+import { defineScrollLockLease as i } from "../../shared/scroll-lock/scroll-lock.js";
 import "../button/index.js";
-import { UserChangeController as i } from "../../shared/events/user-change.js";
-import { createScrollLockLease as a } from "../../shared/scroll-lock/scroll-lock.js";
+import { UserChangeController as a } from "../../shared/events/user-change.js";
 import { defineNativeDialogPresence as o } from "../../shared/overlay/native-dialog-presence.js";
 import s from "./style.js";
 import { LitElement as c, html as l, nothing as u, unsafeCSS as d } from "lit";
@@ -18,7 +18,7 @@ var m = [
 	"bottom"
 ], h = class extends c {
 	constructor(...e) {
-		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this._placement = "right", this.heading = "", this.closable = !1, this._hasHeaderSlot = !1, this._hasFooterSlot = !1, this._userOpenChange = new i(), this._scrollLock = a(), this._presence = o().make({
+		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this._placement = "right", this.heading = "", this.closable = !1, this._hasHeaderSlot = !1, this._hasFooterSlot = !1, this._userOpenChange = new a(), this._scrollLock = i().make(), this._presence = o().make({
 			getDialog: () => this.dialog,
 			isConnected: () => this.isConnected,
 			isOpen: () => this.open
@@ -27,7 +27,7 @@ var m = [
 		};
 	}
 	static {
-		this.styles = [d(t), d(s)];
+		this.styles = [d(n), d(s)];
 	}
 	get placement() {
 		return this._placement;
@@ -130,7 +130,7 @@ var m = [
                 icon
                 size="26"
               >
-                <web-ui-icon .icon=${n} size="16"></web-ui-icon>
+                <web-ui-icon .icon=${t} size="16"></web-ui-icon>
               </web-ui-button>
             ` : u}
       </dialog>

package/dist/components/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/drawer/index.ts"],"sourcesContent":["import { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport '@/components/icon'\nimport '@/components/button'\nimport glass from '@/assets/glass.css?inline'\nimport { oouiClose } from '@/icons'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { defineNativeDialogPresence } from '@/shared/overlay/native-dialog-presence'\nimport { createScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_PLACEMENTS = ['right', 'left', 'top', 'bottom'] as const\n\nexport type DrawerPlacement = (typeof ALLOWED_PLACEMENTS)[number]\n\n@customElement('web-ui-drawer')\nexport class WebUiDrawer extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-backdrop-close' }) noBackdropClose = false\n  @property({ type: String, reflect: true })\n  get placement(): DrawerPlacement {\n    return this._placement\n  }\n  set placement(v: string) {\n    const old = this._placement\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'right')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: DrawerPlacement = 'right'\n\n  // 标题文字（未传 header slot 时显示默认 header）\n  @property({ type: String }) heading = ''\n\n  @property({ type: Boolean, reflect: true }) closable = false\n\n  private get dialog() {\n    return this.shadowRoot?.querySelector('dialog') ?? null\n  }\n\n  private _hasHeaderSlot = false\n  private _hasFooterSlot = false\n  private readonly _userOpenChange = new UserChangeController()\n  private readonly _scrollLock = createScrollLockLease()\n  private readonly _presence = defineNativeDialogPresence().make({\n    getDialog: () => this.dialog,\n    isConnected: () => this.isConnected,\n    isOpen: () => this.open\n  })\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._hasHeaderSlot = Array.from(this.children).some(child => child.getAttribute?.('slot') === 'header')\n    this._hasFooterSlot = Array.from(this.children).some(child => child.getAttribute?.('slot') === 'footer')\n  }\n\n  override firstUpdated() {\n    this._checkSlotContent('footer')\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._presence.dispose()\n    this._scrollLock.release()\n  }\n\n  private _checkSlotContent(name: string) {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"${name}\"]`) as HTMLSlotElement | null\n    if (!slot) return\n    const has = slot.assignedNodes().length > 0\n    if (name === 'footer' && has !== this._hasFooterSlot) {\n      this._hasFooterSlot = has\n      this.requestUpdate()\n    }\n  }\n\n  private handleHeaderSlotChange(e: Event) {\n    const has = (e.target as HTMLSlotElement).assignedNodes().length > 0\n    if (has !== this._hasHeaderSlot) {\n      this._hasHeaderSlot = has\n      this.requestUpdate()\n    }\n  }\n\n  private handleFooterSlotChange(e: Event) {\n    const has = (e.target as HTMLSlotElement).assignedNodes().length > 0\n    if (has !== this._hasFooterSlot) {\n      this._hasFooterSlot = has\n      this.requestUpdate()\n    }\n  }\n\n  protected override updated(props: PropertyValues) {\n    super.updated(props)\n    if (!this.isConnected) return\n\n    if (props.has('open')) {\n      if (this._userOpenChange.consume()) this.emitOpenChange()\n      this._presence.sync(this.open)\n    }\n    if (props.has('open') || props.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  private handleTransitionEnd(e: TransitionEvent) {\n    this._presence.handleTransitionEnd(e)\n  }\n\n  private handleKeydown(e: KeyboardEvent) {\n    if (e.key !== 'Escape') return\n    e.preventDefault()\n    this._closeFromUser()\n  }\n\n  // 打开抽屉（命令式）\n  show() {\n    if (this.open) return\n    this.open = true\n  }\n\n  // 关闭抽屉（带动画）\n  close() {\n    if (!this.open) return\n    this.open = false\n  }\n\n  private readonly _closeFromUser = () => {\n    if (!this.open) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private handleCancel(e: Event) {\n    // 保留 top layer 直到 CSS 过渡结束，避免原生关闭跳过退出动画。\n    e.preventDefault()\n    this._closeFromUser()\n  }\n\n  private handleNativeClose() {\n    if (!this.open) return\n\n    // 原生关闭可绕过 cancel；同步受控状态，避免 show() 误判为已打开。\n    this._presence.handleNativeClose()\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private handleBackdropClick(e: MouseEvent) {\n    if (e.target !== (e.currentTarget as HTMLDialogElement)) return\n    if (this.noBackdropClose) return\n    this._closeFromUser()\n  }\n\n  private emitOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this.open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  override render() {\n    const showHeader = this._hasHeaderSlot || !!this.heading\n\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @close=${this.handleNativeClose}\n        @click=${this.handleBackdropClick}\n        @keydown=${this.handleKeydown}\n        @transitionend=${this.handleTransitionEnd}\n      >\n        <div class=\"wui-drawer-body wui-glass\">\n          ${showHeader\n            ? html`\n                <div class=\"wui-drawer-header\">\n                  <slot name=\"header\" @slotchange=${this.handleHeaderSlotChange}>\n                    ${this.heading ? html`<span class=\"wui-drawer-heading\">${this.heading}</span>` : nothing}\n                  </slot>\n                </div>\n              `\n            : nothing}\n          <div class=\"wui-drawer-content\">\n            <slot></slot>\n          </div>\n          <div class=\"wui-drawer-footer\" ?hidden=${!this._hasFooterSlot}>\n            <slot name=\"footer\" @slotchange=${this.handleFooterSlotChange}></slot>\n          </div>\n        </div>\n        ${this.closable\n          ? html`\n              <web-ui-button\n                class=\"wui-drawer-close\"\n                @click=${this._closeFromUser}\n                aria-label=\"关闭\"\n                variant=\"secondary\"\n                icon\n                size=\"26\"\n              >\n                <web-ui-icon .icon=${oouiClose} size=\"16\"></web-ui-icon>\n              </web-ui-button>\n            `\n          : nothing}\n      </dialog>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-drawer': WebUiDrawer\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/drawer/index.ts"],"sourcesContent":["import { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport '@/components/icon'\nimport '@/components/button'\nimport glass from '@/assets/glass.css?inline'\nimport { oouiClose } from '@/icons'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { defineNativeDialogPresence } from '@/shared/overlay/native-dialog-presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_PLACEMENTS = ['right', 'left', 'top', 'bottom'] as const\n\nexport type DrawerPlacement = (typeof ALLOWED_PLACEMENTS)[number]\n\n@customElement('web-ui-drawer')\nexport class WebUiDrawer extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-backdrop-close' }) noBackdropClose = false\n  @property({ type: String, reflect: true })\n  get placement(): DrawerPlacement {\n    return this._placement\n  }\n  set placement(v: string) {\n    const old = this._placement\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'right')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: DrawerPlacement = 'right'\n\n  // 标题文字（未传 header slot 时显示默认 header）\n  @property({ type: String }) heading = ''\n\n  @property({ type: Boolean, reflect: true }) closable = false\n\n  private get dialog() {\n    return this.shadowRoot?.querySelector('dialog') ?? null\n  }\n\n  private _hasHeaderSlot = false\n  private _hasFooterSlot = false\n  private readonly _userOpenChange = new UserChangeController()\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _presence = defineNativeDialogPresence().make({\n    getDialog: () => this.dialog,\n    isConnected: () => this.isConnected,\n    isOpen: () => this.open\n  })\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._hasHeaderSlot = Array.from(this.children).some(child => child.getAttribute?.('slot') === 'header')\n    this._hasFooterSlot = Array.from(this.children).some(child => child.getAttribute?.('slot') === 'footer')\n  }\n\n  override firstUpdated() {\n    this._checkSlotContent('footer')\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._presence.dispose()\n    this._scrollLock.release()\n  }\n\n  private _checkSlotContent(name: string) {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"${name}\"]`) as HTMLSlotElement | null\n    if (!slot) return\n    const has = slot.assignedNodes().length > 0\n    if (name === 'footer' && has !== this._hasFooterSlot) {\n      this._hasFooterSlot = has\n      this.requestUpdate()\n    }\n  }\n\n  private handleHeaderSlotChange(e: Event) {\n    const has = (e.target as HTMLSlotElement).assignedNodes().length > 0\n    if (has !== this._hasHeaderSlot) {\n      this._hasHeaderSlot = has\n      this.requestUpdate()\n    }\n  }\n\n  private handleFooterSlotChange(e: Event) {\n    const has = (e.target as HTMLSlotElement).assignedNodes().length > 0\n    if (has !== this._hasFooterSlot) {\n      this._hasFooterSlot = has\n      this.requestUpdate()\n    }\n  }\n\n  protected override updated(props: PropertyValues) {\n    super.updated(props)\n    if (!this.isConnected) return\n\n    if (props.has('open')) {\n      if (this._userOpenChange.consume()) this.emitOpenChange()\n      this._presence.sync(this.open)\n    }\n    if (props.has('open') || props.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  private handleTransitionEnd(e: TransitionEvent) {\n    this._presence.handleTransitionEnd(e)\n  }\n\n  private handleKeydown(e: KeyboardEvent) {\n    if (e.key !== 'Escape') return\n    e.preventDefault()\n    this._closeFromUser()\n  }\n\n  // 打开抽屉（命令式）\n  show() {\n    if (this.open) return\n    this.open = true\n  }\n\n  // 关闭抽屉（带动画）\n  close() {\n    if (!this.open) return\n    this.open = false\n  }\n\n  private readonly _closeFromUser = () => {\n    if (!this.open) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private handleCancel(e: Event) {\n    // 保留 top layer 直到 CSS 过渡结束，避免原生关闭跳过退出动画。\n    e.preventDefault()\n    this._closeFromUser()\n  }\n\n  private handleNativeClose() {\n    if (!this.open) return\n\n    // 原生关闭可绕过 cancel；同步受控状态，避免 show() 误判为已打开。\n    this._presence.handleNativeClose()\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private handleBackdropClick(e: MouseEvent) {\n    if (e.target !== (e.currentTarget as HTMLDialogElement)) return\n    if (this.noBackdropClose) return\n    this._closeFromUser()\n  }\n\n  private emitOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this.open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  override render() {\n    const showHeader = this._hasHeaderSlot || !!this.heading\n\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @close=${this.handleNativeClose}\n        @click=${this.handleBackdropClick}\n        @keydown=${this.handleKeydown}\n        @transitionend=${this.handleTransitionEnd}\n      >\n        <div class=\"wui-drawer-body wui-glass\">\n          ${showHeader\n            ? html`\n                <div class=\"wui-drawer-header\">\n                  <slot name=\"header\" @slotchange=${this.handleHeaderSlotChange}>\n                    ${this.heading ? html`<span class=\"wui-drawer-heading\">${this.heading}</span>` : nothing}\n                  </slot>\n                </div>\n              `\n            : nothing}\n          <div class=\"wui-drawer-content\">\n            <slot></slot>\n          </div>\n          <div class=\"wui-drawer-footer\" ?hidden=${!this._hasFooterSlot}>\n            <slot name=\"footer\" @slotchange=${this.handleFooterSlotChange}></slot>\n          </div>\n        </div>\n        ${this.closable\n          ? html`\n              <web-ui-button\n                class=\"wui-drawer-close\"\n                @click=${this._closeFromUser}\n                aria-label=\"关闭\"\n                variant=\"secondary\"\n                icon\n                size=\"26\"\n              >\n                <web-ui-icon .icon=${oouiClose} size=\"16\"></web-ui-icon>\n              </web-ui-button>\n            `\n          : nothing}\n      </dialog>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-drawer': WebUiDrawer\n  }\n}\n"],"mappings":"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"}

package/dist/components/dropdown/index.js

@@ -1,14 +1,14 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
 import { normalizeLiteral as t, normalizeNumber as n } from "../../shared/normalize/index.js";
+import { defineOverlay as r } from "../../shared/overlay/overlay.js";
+import { hideOverlayPresence as i, showOverlayPresence as a } from "../../shared/overlay/presence.js";
+import { defineScrollLockLease as o } from "../../shared/scroll-lock/scroll-lock.js";
 import "../dropdown-divider/index.js";
 import "../dropdown-header/index.js";
 import "../dropdown-item/index.js";
-import { UserChangeController as r } from "../../shared/events/user-change.js";
-import { createMenuPortalOverlay as i } from "../../shared/menu-portal/menu-portal.js";
-import { findFocusedMenuItem as a, focusMenuItem as o, getEnabledMenuItems as s, getMenuChildren as c, getMenuItemFromEvent as l, hideNestedMenuChildren as u, moveMenuChildren as d } from "../../shared/menu-portal/menu-tree.js";
-import { hideOverlayPresence as f, showOverlayPresence as p } from "../../shared/overlay/presence.js";
-import { createScrollLockLease as m } from "../../shared/scroll-lock/scroll-lock.js";
-import { defineOverlay as h } from "../../shared/overlay/overlay.js";
+import { UserChangeController as s } from "../../shared/events/user-change.js";
+import { createMenuPortalOverlay as c } from "../../shared/menu-portal/menu-portal.js";
+import { findFocusedMenuItem as l, focusMenuItem as u, getEnabledMenuItems as d, getMenuChildren as f, getMenuItemFromEvent as p, hideNestedMenuChildren as m, moveMenuChildren as h } from "../../shared/menu-portal/menu-tree.js";
 import g from "./style.js";
 import { LitElement as _, html as v, unsafeCSS as y } from "lit";
 import { customElement as b, property as x, state as S } from "lit/decorators.js";
@@ -28,12 +28,12 @@ var C = "web-ui-menu-level-", w = [
 	"left-end"
 ], T = class extends _ {
 	constructor(...e) {
-		super(...e), this.open = !1, this.disabled = !1, this.matchWidth = !1, this.noScrollLock = !1, this._placement = "bottom-start", this._offset = 4, this._activePath = [], this._overlays = /* @__PURE__ */ new Map(), this._closingSubmenuOverlays = /* @__PURE__ */ new Map(), this._ignoreOutsideClick = !1, this._hoverCleanupFns = [], this._scrollLock = m(), this._userOpenChange = new r(), this._shouldOpenInstantly = !0, this._onTriggerClick = (e) => {
+		super(...e), this.open = !1, this.disabled = !1, this.matchWidth = !1, this.noScrollLock = !1, this._placement = "bottom-start", this._offset = 4, this._activePath = [], this._overlays = /* @__PURE__ */ new Map(), this._closingSubmenuOverlays = /* @__PURE__ */ new Map(), this._ignoreOutsideClick = !1, this._hoverCleanupFns = [], this._scrollLock = o().make(), this._userOpenChange = new s(), this._shouldOpenInstantly = !0, this._onTriggerClick = (e) => {
 			this.disabled || (this.open ? this._closeAll(!0) : this._openMenu(e.detail === 0, !0));
 		}, this._onClickOutside = (e) => {
 			!this.isOpen || this._ignoreOutsideClick || this._isInsideShadowRoot(e) || this._closeAll(!0);
 		}, this._onMenuClick = (e) => {
-			let t = l(e);
+			let t = p(e);
 			if (!t || t.hasAttribute("disabled") || !t.hasAttribute("submenu")) return;
 			let n = this._getFocusedLevel(t);
 			if (n === void 0) return;
@@ -139,10 +139,10 @@ var C = "web-ui-menu-level-", w = [
 	}
 	async _closeRootAfterPresence() {
 		let e = this._overlays.get(0)?.overlay;
-		e && !await f(e) || this.open || !this.isConnected || (this._cleanupClosedMenu(), this._restoreFocusTarget?.focus(), this._restoreFocusTarget = void 0);
+		e && !await i(e) || this.open || !this.isConnected || (this._cleanupClosedMenu(), this._restoreFocusTarget?.focus(), this._restoreFocusTarget = void 0);
 	}
 	_hideAllSubmenuChildren() {
-		u(this, `${C}-hidden`);
+		m(this, `${C}-hidden`);
 	}
 	_toggleSubmenu(e, t, n = !1) {
 		if (this._activePath[e] === t) return;
@@ -172,50 +172,51 @@ var C = "web-ui-menu-level-", w = [
 	}
 	_getLevelItems(e) {
 		let t = this._overlays.get(e)?.content;
-		return t ? c(t) : [];
+		return t ? f(t) : [];
 	}
 	_populateLevel0() {
 		let e = this._overlays.get(0)?.content;
-		e && d(this, e);
+		e && h(this, e);
 	}
 	_returnLevel0Items() {
 		let e = this._overlays.get(0)?.content;
-		e && d(e, this);
+		e && h(e, this);
 	}
 	_populateOverlay(e, t) {
 		let n = this._overlays.get(e)?.content;
-		n && d(t, n);
+		n && h(t, n);
 	}
 	_depopulateOverlay(e, t) {
 		let n = this._overlays.get(e)?.content;
 		if (!n) return;
 		let r = e - 1, i = t ?? this._getLevelItems(r)[this._activePath[r]];
-		i && d(n, i);
+		i && h(n, i);
 	}
 	_ensureOverlay(e, t = !1, n) {
 		let r = n ? this._closingSubmenuOverlays.get(n) : void 0;
-		if (r) return this._closingSubmenuOverlays.delete(n), this._overlays.set(e, r), r.api.open(), p(r.overlay, { isInstant: t }), !0;
+		if (r) return this._closingSubmenuOverlays.delete(n), this._overlays.set(e, r), r.api.open(), a(r.overlay, { isInstant: t }), !0;
 		let i = this._overlays.get(e);
-		return i ? (i.api.open(), p(i.overlay, { isInstant: t }), !1) : (this._buildOverlay(e, t), !1);
+		return i ? (i.api.open(), a(i.overlay, { isInstant: t }), !1) : (this._buildOverlay(e, t), !1);
 	}
 	_buildOverlay(e, t = !1) {
-		let { panel: n, content: r } = i("dropdown-overlay");
+		let { panel: n, content: i } = c("dropdown-overlay", this);
 		n.setAttribute("role", "menu"), n.dataset.level = String(e), n.addEventListener("click", this._onMenuClick), n.addEventListener("keydown", this._onKeydown);
-		let a = e === 0 ? this._queryTriggerAnchor() : this._getSubmenuTriggerAnchor(e - 1);
-		if (a) {
-			let i = h().make({
-				anchor: a,
+		let o = e === 0 ? this._queryTriggerAnchor() : this._getSubmenuTriggerAnchor(e - 1);
+		if (o) {
+			let s = r().make({
+				anchor: o,
 				overlay: n,
 				placement: e === 0 ? this.placement : "right-start",
 				offset: e === 0 ? this.offset : 0,
+				minAnchorWidth: !0,
 				matchWidth: e === 0 && this.matchWidth,
 				strategy: "fixed"
 			});
 			this._overlays.set(e, {
-				api: i,
+				api: s,
 				overlay: n,
-				content: r
-			}), e === 0 && this._populateLevel0(), i.open(), p(n, { isInstant: t });
+				content: i
+			}), e === 0 && this._populateLevel0(), s.open(), a(n, { isInstant: t });
 		}
 	}
 	_disposeOverlay(e) {
@@ -226,7 +227,7 @@ var C = "web-ui-menu-level-", w = [
 		for (let e of this._overlays.keys()) this._disposeOverlay(e);
 	}
 	async _closeSubmenuAfterPresence(e, t) {
-		await f(e.overlay) && this._closingSubmenuOverlays.get(t) === e && (this._closingSubmenuOverlays.delete(t), this._restoreSubmenuItems(e, t), e.api.dispose(), e.overlay.remove());
+		await i(e.overlay) && this._closingSubmenuOverlays.get(t) === e && (this._closingSubmenuOverlays.delete(t), this._restoreSubmenuItems(e, t), e.api.dispose(), e.overlay.remove());
 	}
 	_disposeClosingSubmenuOverlays() {
 		this._closingSubmenuOverlays.forEach((e, t) => {
@@ -234,7 +235,7 @@ var C = "web-ui-menu-level-", w = [
 		}), this._closingSubmenuOverlays.clear();
 	}
 	_restoreSubmenuItems(e, t) {
-		d(e.content, t);
+		h(e.content, t);
 	}
 	_syncScrollLock(e = this.open) {
 		this._scrollLock.sync(e && !this.noScrollLock);
@@ -251,16 +252,16 @@ var C = "web-ui-menu-level-", w = [
 	}
 	_getEnabledLevelItems(e) {
 		let t = this._overlays.get(e)?.content;
-		return t ? s(t) : [];
+		return t ? d(t) : [];
 	}
 	_getFocusedItem(e) {
-		return e?.composedPath().find((e) => e instanceof HTMLElement && e.matches("web-ui-dropdown-item")) || a([...this._overlays.values()].map(({ overlay: e }) => e));
+		return e?.composedPath().find((e) => e instanceof HTMLElement && e.matches("web-ui-dropdown-item")) || l([...this._overlays.values()].map(({ overlay: e }) => e));
 	}
 	_getFocusedLevel(e = this._getFocusedItem()) {
 		if (e) return [...this._overlays.entries()].find(([, t]) => t.overlay.contains(e))?.[0];
 	}
 	_focusMenuItem(e) {
-		o(e);
+		u(e);
 	}
 	_isInsideShadowRoot(e) {
 		for (let t of e.composedPath()) if (t === this || t === this.shadowRoot || t instanceof Node && t.getRootNode() === this.shadowRoot || t instanceof Node && [...this._overlays.values()].some(({ overlay: e }) => e.contains(t))) return !0;