@greypan/web-ui 12.1.0 → 12.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/README.CN.md +2 -0
  2. package/README.md +2 -0
  3. package/dist/components/autocomplete/index.d.ts.map +1 -1
  4. package/dist/components/autocomplete/index.js +1 -1
  5. package/dist/components/autocomplete/index.js.map +1 -1
  6. package/dist/components/drawer/index.d.ts +11 -0
  7. package/dist/components/drawer/index.d.ts.map +1 -1
  8. package/dist/components/drawer/index.js +23 -1
  9. package/dist/components/drawer/index.js.map +1 -1
  10. package/dist/components/drawer/page-shift.js +113 -0
  11. package/dist/components/drawer/page-shift.js.map +1 -0
  12. package/dist/components/grouped-text/grouping.d.ts +25 -0
  13. package/dist/components/grouped-text/grouping.d.ts.map +1 -0
  14. package/dist/components/grouped-text/grouping.js +147 -0
  15. package/dist/components/grouped-text/grouping.js.map +1 -0
  16. package/dist/components/grouped-text/index.d.ts +36 -0
  17. package/dist/components/grouped-text/index.d.ts.map +1 -0
  18. package/dist/components/grouped-text/index.js +28 -0
  19. package/dist/components/grouped-text/index.js.map +1 -0
  20. package/dist/components/grouped-text/style.js +5 -0
  21. package/dist/components/grouped-text/style.js.map +1 -0
  22. package/dist/components/index.d.ts +4 -1
  23. package/dist/components/index.d.ts.map +1 -1
  24. package/dist/components/index.js +3 -1
  25. package/dist/components/layout/index.d.ts.map +1 -1
  26. package/dist/components/layout/index.js +1 -0
  27. package/dist/components/layout/index.js.map +1 -1
  28. package/dist/components/middle-ellipsis/index.js +1 -1
  29. package/dist/components/popover/index.d.ts +5 -2
  30. package/dist/components/popover/index.d.ts.map +1 -1
  31. package/dist/components/popover/index.js +31 -20
  32. package/dist/components/popover/index.js.map +1 -1
  33. package/dist/components/shake/index.d.ts +43 -0
  34. package/dist/components/shake/index.d.ts.map +1 -0
  35. package/dist/components/shake/index.js +103 -0
  36. package/dist/components/shake/index.js.map +1 -0
  37. package/dist/components/tooltip/index.d.ts +8 -0
  38. package/dist/components/tooltip/index.d.ts.map +1 -1
  39. package/dist/components/tooltip/index.js +59 -9
  40. package/dist/components/tooltip/index.js.map +1 -1
  41. package/dist/shared/overlay/anchored-panel.js +2 -2
  42. package/dist/shared/overlay/anchored-panel.js.map +1 -1
  43. package/dist/shared/overlay/presence.js +2 -2
  44. package/dist/shared/overlay/presence.js.map +1 -1
  45. package/dist/shared/overlay/trigger-props.d.ts +10 -0
  46. package/dist/shared/overlay/trigger-props.d.ts.map +1 -0
  47. package/dist/shared/overlay/trigger-props.js +42 -0
  48. package/dist/shared/overlay/trigger-props.js.map +1 -0
  49. package/package.json +1 -1
package/README.CN.md CHANGED
@@ -412,6 +412,7 @@ dropdown、tooltip）不需要它。
412
412
  | **数据展示** | [`<web-ui-avatar>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/avatar.CN.md) |
413
413
  | | [`<web-ui-badge>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/badge.CN.md) |
414
414
  | | [`<web-ui-empty>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/empty.CN.md) |
415
+ | | [`<web-ui-grouped-text>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/grouped-text.CN.md) |
415
416
  | | [`<web-ui-middle-ellipsis>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/middle-ellipsis.CN.md) |
416
417
  | | [`<web-ui-icon>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/icon.CN.md) |
417
418
  | | [`<web-ui-progress>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/progress.CN.md) |
@@ -421,5 +422,6 @@ dropdown、tooltip）不需要它。
421
422
  | | [`<web-ui-svg-draw-lines>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/svg-draw-lines.CN.md) |
422
423
  | | [`<web-ui-theme>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/theme.CN.md) |
423
424
  | **通知** | [`<web-ui-toast>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/toast.CN.md) |
425
+ | | [`shake()`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/shake.CN.md) |
424
426
  | **子项** | [`<web-ui-option>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/option.CN.md) |
425
427
  | | [`<web-ui-segmented-trigger>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/segmented-trigger.CN.md) |
package/README.md CHANGED
@@ -451,6 +451,7 @@ Every component has its own doc page: API reference, behavior notes and interact
451
451
  | **Data Display** | [`<web-ui-avatar>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/avatar.md) |
452
452
  | | [`<web-ui-badge>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/badge.md) |
453
453
  | | [`<web-ui-empty>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/empty.md) |
454
+ | | [`<web-ui-grouped-text>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/grouped-text.md) |
454
455
  | | [`<web-ui-middle-ellipsis>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/middle-ellipsis.md) |
455
456
  | | [`<web-ui-icon>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/icon.md) |
456
457
  | | [`<web-ui-progress>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/progress.md) |
@@ -460,5 +461,6 @@ Every component has its own doc page: API reference, behavior notes and interact
460
461
  | | [`<web-ui-svg-draw-lines>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/svg-draw-lines.md) |
461
462
  | | [`<web-ui-theme>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/theme.md) |
462
463
  | **Notification** | [`<web-ui-toast>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/toast.md) |
464
+ | | [`shake()`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/shake.md) |
463
465
  | **Sub-items** | [`<web-ui-option>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/option.md) |
464
466
  | | [`<web-ui-segmented-trigger>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/segmented-trigger.md) |
package/dist/components/autocomplete/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"mappings":";;;;cAmCM;KACD,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2Bb,0BAA0B;SACrB,sBAAM;EAEqB;EACC;EACA;EACA;EACA;EACA;EAE5C;EAEA;EACgC,mBAAmB;EACR;EACmB;EACJ;UAElD;;MAIJ,aAAa;MAGb,UAAU;UAMN;MAGJ,UAAU;MAGV,OAAO;UAOM;MAEb;MAGA,MAAM;UAQO;MAEb;UAII;mBASS;mBAmBA;cAEL;UAIK;UACA;UACA;UACA;iBAEF;mBACE;mBACA;UACT;UACA;UACA;UACA;UACA;UACA;mBACS;mBAGA;mBAkBA;mBAkBA;mBAIA;MAgBb;MAIA;EASK,MAAM,UAAU;EAIhB;UAID;UAQA;UASA;EAMC;UAUD;UASA;EASC,yBAAyB,cAAc,yBAAyB;EAShE;EAiBA;EAOA;EAUA,QAAQ,SAAS;EAcjB,qBAAqB;UAKtB;UAQA;UASA;UAIA;UAQA;UAQA;UAUA;UAgBA;UAIA;mBAIS;UAOT;UACA;UAEA;UAQA;UAOA;UAIA;UAUA;UAWA;UAQA;UAKA;UAMA;UAMA;UAIA;UAqDA;UAUA;UAOA;UAMA;UAiBA;UAUA;UAOA;UAKA;UAIA;UAOA;UAUA;UAWA;UAUA;UAMA;mBAOS;UA8BT;UASA;UAIA;UAIA;UASM;UASN;UAaA;UAIA;UAsCA;EAiBC,wBAAM;WA+EE;IACf,OAAO;IACP,QAAQ;IACR,OAAO;IACP,MAAM;IACN,eAAe;MAAc;;;;QAIzB;YACI;IACR,uBAAuB"}
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"mappings":";;;;cAmCM;KACD,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2Bb,0BAA0B;SACrB,sBAAM;EAEqB;EACC;EACA;EACA;EACA;EACA;EAE5C;EAEA;EACgC,mBAAmB;EACR;EACmB;EACJ;UAElD;;MAIJ,aAAa;MAGb,UAAU;UAMN;MAGJ,UAAU;MAGV,OAAO;UAOM;MAEb;MAGA,MAAM;UAQO;MAEb;UAII;mBASS;mBAmBA;cAEL;UAIK;UACA;UACA;UACA;iBAEF;mBACE;mBACA;UACT;UACA;UACA;UACA;UACA;UACA;mBACS;mBAGA;mBAkBA;mBAkBA;mBAIA;MAgBb;MAIA;EASK,MAAM,UAAU;EAIhB;UAID;UAQA;UASA;EAMC;UAUD;UASA;EASC,yBAAyB,cAAc,yBAAyB;EAShE;EAiBA;EAOA;EAUA,QAAQ,SAAS;EAcjB,qBAAqB;UAKtB;UAQA;UASA;UAIA;UAQA;UAQA;UAUA;UAgBA;UAIA;mBAIS;UAOT;UACA;UAEA;UAQA;UAOA;UAIA;UAUA;UAWA;UAQA;UAKA;UAMA;UAMA;UAIA;UAqDA;UAUA;UAOA;UAMA;UAiBA;UAUA;UAOA;UAKA;UAIA;UAOA;UAUA;UAWA;UAUA;UAMA;mBAOS;UA8BT;UASA;UAIA;UAIA;UASM;UAeN;UAaA;UAIA;UAsCA;EAiBC,wBAAM;WA+EE;IACf,OAAO;IACP,QAAQ;IACR,OAAO;IACP,MAAM;IACN,eAAe;MAAc;;;;QAIzB;YACI;IACR,uBAAuB"}
package/dist/components/autocomplete/index.js CHANGED
@@ -552,7 +552,7 @@ let WebUiAutocomplete = class WebUiAutocomplete extends FormAssociated(LitElemen
552
552
  this._syncOverlayInert();
553
553
  }
554
554
  async _closeOverlay() {
555
- if (await this._panel.close(() => this._isOpen)) {
555
+ if (await this._panel.close(() => this._isOpen, !this._hasMatchingOptions())) {
556
556
  this._syncScrollInteractionListeners();
557
557
  this._portal = void 0;
558
558
  this._portalContent = void 0;
package/dist/components/autocomplete/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["glass","overlayMotion","scrollbarStyle","style"],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import '@/components/input'\n\nimport type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport scrollbarStyle from '@/assets/scrollbar.css?inline'\nimport glass from '@/classes/glass.css?inline'\nimport type { WebUiOption } from '@/components/option'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport {\n createComboboxOpenController,\n createOptionListenerBinding,\n defineComboboxTrigger,\n defineOptionPortal,\n handleComboboxFocusOut,\n nextWrappingIndex\n} from '@/shared/option-portal'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOpenOverlay } from '@/shared/overlay/open-overlay'\nimport { FLOATING_PLACEMENTS } from '@/shared/overlay/placement-props'\nimport {\n applyOverlayVariables,\n defineOverlayPortal,\n type OverlayContainer,\n type OverlayPortal\n} from '@/shared/overlay/portal'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst FILTER_MODES = ['none', 'prefix', 'contains'] as const\ntype FilterMode = (typeof FILTER_MODES)[number]\n\n// 自定义 trigger 与 select 同判据：必须留在宿主，不随 options 迁入 portal panel\nfunction isTriggerSlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'trigger'\n}\n\n// 已移除的 empty slot 仍可能留在既有消费者 light DOM；不得把它作为普通内容迁入 portal。\nfunction isEmptySlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'empty'\n}\n\n/**\n * `web-ui-autocomplete`：可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与 overlay 能力，但触发区是\n * 可编辑 input：`value` 即当前输入文本（表单值），键入时按 `filter` 模式过滤候选，\n * 选择 option 时文本回填为该项 label，`selected-value` 暴露该项的 value。\n * `allow-custom-value` 开启后，Enter 可把不匹配候选的原文作为 custom value 显式提交。\n *\n * trigger 跟随 select 的 wrapper div 模式：`slot[name=\"trigger\"]` 可替换默认 trigger\n * （shadow 内的 `web-ui-input`）；多行 trigger（如 `web-ui-textarea`）保留 Enter 换行语义，\n * 关闭 panel 用 Escape 或 blur。\n * tab 位只属于 trigger 自身：默认 trigger 是 shadow 内 input，自定义 trigger 由消费者提供\n * 可聚焦元素（README 契约）；包装 div 恒为 tabindex=\"-1\"，不占顺序焦点，避免双 tab 位。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends FormAssociated(LitElement) {\n static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(scrollbarStyle), unsafeCSS(style)]\n\n @property({ type: String, reflect: true }) placeholder = ''\n @property({ type: Boolean, reflect: true }) borderless = false\n @property({ type: Boolean, reflect: true }) disabled = false\n @property({ type: Boolean, reflect: true }) readonly = false\n @property({ type: Boolean, reflect: true }) required = false\n @property({ type: Boolean, reflect: true }) portal = false\n @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' })\n noScrollLock = false\n @property({ type: Boolean, reflect: true, attribute: 'allow-custom-value' })\n allowCustomValue = false\n @property({ attribute: false }) overlayContainer?: OverlayContainer\n @property({ type: String, reflect: true }) name = ''\n @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n private _placement: Placement = 'bottom-start'\n\n /** 下拉 panel 相对触发器的方向；默认贴着触发器左下角向下展开。 */\n @property({ type: String, reflect: true })\n get placement(): Placement {\n return this._placement\n }\n set placement(v: string) {\n const old = this._placement\n this._placement = normalizeLiteral(v, FLOATING_PLACEMENTS, 'bottom-start')\n this.requestUpdate('placement', old)\n }\n\n private _filter: FilterMode = 'contains'\n\n @property({ type: String, reflect: true })\n get filter(): FilterMode {\n return this._filter\n }\n set filter(v: string) {\n const old = this._filter\n this._filter = normalizeLiteral(v, FILTER_MODES, 'contains')\n this.requestUpdate('filter', old)\n }\n\n // value 不反射 attribute，attribute 只参与首次声明式初始化。\n @state() private _value = ''\n\n get value(): string {\n return this._value\n }\n set value(v: string) {\n const old = this._value\n this._value = v\n this._formAssociation.sync()\n this.requestUpdate('value', old)\n }\n\n // selected-value：文本精确匹配 option label 时派生出的 option value（只读反射）。\n @state() private _selectedValue = ''\n\n get selectedValue(): string {\n return this._selectedValue\n }\n\n private _setSelectedValue(value: string) {\n const old = this._selectedValue\n if (old === value && this.getAttribute('selected-value') === value) return\n\n this._selectedValue = value\n this.setAttribute('selected-value', value)\n if (old !== value) this.requestUpdate('selectedValue', old)\n }\n\n private readonly _formAssociation = defineFormAssociation<string>({\n host: this,\n initialize: () => {\n // 同步 HTML 属性中预设的 value，补全访问器模式不处理 attribute 反射。\n const attrValue = this.getAttribute('value')\n if (attrValue !== null) this._value = attrValue\n },\n getState: () => this._value,\n setState: value => {\n this.value = value\n },\n getFormValue: () => this._value,\n getFormState: () => this._value,\n restoreState: state => {\n if (typeof state === 'string') this.value = state\n },\n syncValidity: () => this._syncValidity()\n }).make()\n\n private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n private get _isDisabled(): boolean {\n return this.disabled || this._formAssociation.isFormDisabled()\n }\n\n @state() private _isOpen = false\n @state() private _activeIndex = -1\n @state() private _focused = false\n @state() private _hasTriggerSlot = false\n\n private static _nextInstanceId = 0\n private readonly _idPrefix = `web-ui-autocomplete-${++WebUiAutocomplete._nextInstanceId}`\n private readonly _a11yOptionIds = new WeakMap<WebUiOption, string>()\n private _nextA11yOptionId = 0\n private _options: WebUiOption[] = []\n private _portal?: OverlayPortal\n private _portalContent?: HTMLElement\n private _keyboardNavigationActive = false\n private _scrollInteractionElement?: HTMLElement\n private readonly _scrollLock = defineScrollLockLease().make()\n\n // option 注册表 / portal 同步 / 微任务调度收敛到 shared 模块（select 同款）\n private readonly _optionPortal = defineOptionPortal().make({\n element: this,\n idPrefix: `${this._idPrefix}-option`,\n getPortal: () => this._portal,\n getPortalContent: () => this._portalContent,\n isOpen: () => this.portal && this._isOpen,\n // 默认 slot 内容随 panel 迁移；trigger 与已移除的 empty slot 留在宿主，不进 panel。\n getMigratableNodes: () =>\n Array.from(this.childNodes).filter(node => !isTriggerSlotNode(node) && !isEmptySlotNode(node)),\n hasUpdated: () => this.hasUpdated,\n requestUpdate: () => this.requestUpdate(),\n bindOption: option => this._bindOption(option),\n unbindOption: option => this._unbindOption(option)\n })\n /*\n * trigger 委托层：默认 trigger（shadow 内 web-ui-input）与 slot[name=\"trigger\"] 自定义\n * trigger 对组件暴露同一形状，监听统一挂在 trigger 包装 div 上，两条路径不特判。\n */\n private readonly _trigger = defineComboboxTrigger().make({\n getWrapper: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? null,\n getCustomTrigger: () => {\n const assigned = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')?.assignedElements()[0]\n return assigned instanceof HTMLElement ? assigned : null\n },\n getFallbackTrigger: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-input') ?? null,\n onInput: value => this._onTriggerInput(value),\n onClick: () => this._onTriggerClick(),\n onFocusIn: event => this._onTriggerFocusIn(event),\n onFocusOut: event => this._onTriggerFocusOut(event)\n })\n /*\n * 开启态 overlay 承载「我开着吗」（issue #120 Block 1）：宿主级 keydown 在 portal 模式下\n * 收不到 panel 内的 Escape，改由唯一仲裁者在 document 捕获阶段判定最内层。\n * 宿主接口除 requestClose 外只再提供一个 isConnected（仅供惰性回收读取）：开启状态是\n * 声明而非询问。\n */\n private readonly _overlay = defineOpenOverlay().make({\n requestClose: () => this._close(),\n isConnected: () => this.isConnected\n })\n private readonly _panel = defineAnchoredPanel().make({\n // 锚点取当前生效的 trigger host：默认 trigger 或自定义 trigger slot 内容\n getAnchor: () =>\n this._trigger.getTrigger() ?? this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? null,\n getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-overlay') ?? null,\n getPositioning: () => ({\n placement: this.placement,\n offset: 4,\n minAnchorWidth: true,\n strategy: this.portal ? 'fixed' : 'absolute'\n }),\n isPortal: () => this.portal,\n createPortal: () => this._createPortal(),\n openOverlay: this._overlay\n })\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n get open(): boolean {\n return this._isOpen\n }\n\n /*\n * 公共焦点委托：聚焦/失焦当前生效的 trigger（默认 web-ui-input 或自定义 trigger）。\n * 组件自带 focus 重定向时落到内部原生控件；自定义 trigger 没有该能力时，\n * 原生 focus() 聚焦 host 自身。无 trigger（尚未首渲或已断开）时静默返回。\n */\n override focus(options?: FocusOptions): void {\n this._trigger.focusTrigger(options)\n }\n\n override blur(): void {\n this._trigger.blurTrigger()\n }\n\n private _onClickOutside = (e: MouseEvent) => {\n if (!this._isOpen) return\n\n // 在监听器内部判定：composedPath() 在派发结束后会被清空。\n const isInside = e.composedPath().includes(this) || !!this._panel.getHandle()?.containsEvent(e)\n if (!isInside) this._close()\n }\n\n private _onFocusOut = () => {\n handleComboboxFocusOut(\n this,\n () => this._panel.getHandle(),\n () => this._isOpen,\n () => this._close()\n )\n }\n\n private _handlePanelPointerDown = (e: PointerEvent) => {\n // 非 option 区域不可聚焦；阻止 pointerdown 的默认聚焦行为，保持 combobox 焦点，\n // 使点击 empty state、滚动区和 panel padding 不会被 focusout 误判为外部交互。\n e.preventDefault()\n }\n\n override connectedCallback() {\n super.connectedCallback()\n this._optionPortal.bindHost()\n // 宿主可能被上层 overlay portal 迁移（断开重连）：shadow 内的包装 div 仍在，重新绑定委托监听\n this._trigger.bind()\n this.addEventListener('keydown', this._onKeydown)\n this.addEventListener('focusout', this._onFocusOut)\n document.addEventListener('click', this._onClickOutside)\n }\n\n private _onTriggerSlotChange = () => {\n this._syncTriggerSlot()\n }\n\n /*\n * 自定义 trigger 判定必须同步：slotchange 在首次渲染之后才派发，只依赖它会让默认\n * web-ui-input 先渲染一帧再被替换，自定义 trigger 出现时会闪一下默认 input。\n * 判据与 portal 迁移排除（isTriggerSlotNode）同源：宿主直接子节点带 slot=\"trigger\"。\n */\n private _syncTriggerSlot() {\n const hasTriggerSlot = Array.from(this.children).some(isTriggerSlotNode)\n if (this._hasTriggerSlot === hasTriggerSlot) return\n this._hasTriggerSlot = hasTriggerSlot\n // trigger 在默认与自定义之间切换：anchor 与 portal 会话按新 trigger 重建。\n // 首次渲染前尚无 portal 会话，无需重建。\n if (this.hasUpdated) this._reconfigureOverlay()\n }\n\n override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n super.attributeChangedCallback(name, oldValue, newValue)\n if (name === 'selected-value' && this.isConnected && newValue !== this._selectedValue) {\n queueMicrotask(() => {\n if (this.isConnected) this._syncSelectedValue()\n })\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback()\n this._optionPortal.dispose()\n this._trigger.dispose()\n this.removeEventListener('keydown', this._onKeydown)\n this.removeEventListener('focusout', this._onFocusOut)\n document.removeEventListener('click', this._onClickOutside)\n this._options.forEach(this._unbindOption)\n this._close()\n this._syncScrollInteractionListeners()\n this._portal = undefined\n this._portalContent = undefined\n // 撤销登记由 _panel.dispose() 完成（handle 归它持有）。\n this._panel.dispose()\n this._scrollLock.release()\n }\n\n override firstUpdated() {\n this._trigger.bind()\n requestAnimationFrame(() => {\n if (this.isConnected) this._optionPortal.scheduleRefresh()\n })\n }\n\n override willUpdate() {\n this._syncTriggerSlot()\n this._refreshOptions()\n this._optionPortal.ensureOptionIds(this._options)\n this._syncSelectedValue()\n this._applyFilter()\n this._syncOptionA11y()\n this._syncActiveOption()\n }\n\n override updated(changed: PropertyValues) {\n // 文本回写经委托层落到当前 trigger（默认 web-ui-input 或自定义 trigger）\n this._trigger.setValue(this._value)\n if (changed.has('portal') || changed.has('overlayContainer'))\n requestAnimationFrame(() => this._reconfigureOverlay())\n if (changed.has('noScrollLock')) this._syncScrollLock()\n if (changed.has('placement')) this._panel.updatePosition()\n this.toggleAttribute('focused', this._focused)\n this._syncOpenAttribute()\n this._syncOverlayInert()\n this._syncValidity()\n this._syncOpenWithMatches()\n }\n\n override formDisabledCallback(disabled: boolean) {\n this._formAssociation.setDisabled(disabled)\n if (disabled && this._isOpen) this._close()\n }\n\n private _syncValidity() {\n const internals = this._formAssociation.getInternals()\n if (!internals || typeof internals.setValidity !== 'function') return\n // readonly 与 disabled 一致：值不可由用户修改，视为通过校验（原生 barred-from-validation 语义）\n if (this._isDisabled || this.readonly || !this.required || this._value) internals.setValidity({})\n else internals.setValidity({ valueMissing: true }, 'Enter a value')\n }\n\n private _syncOpenAttribute() {\n this.toggleAttribute('open', this._isOpen)\n }\n\n /*\n * 禁用/只读态不响应 Escape。仲裁者仍在（吞掉按键并压掉原生 cancel），只是不走关闭\n * 入口：事件不落到下层 overlay，不会把外层一起关掉。\n * 每次渲染后同步即可覆盖 disabled / readonly 属性与表单禁用三条来源。\n */\n private _syncOverlayInert() {\n this._panel.getHandle()?.setInert(this._isDisabled || this.readonly)\n }\n\n private _syncSelectedValue() {\n const query = this._value.trim().toLowerCase()\n const next = query\n ? (this._options.find(o => !o.disabled && o.label.trim().toLowerCase() === query)?.value ?? '')\n : ''\n this._setSelectedValue(next)\n }\n\n private _syncOptionA11y() {\n this._options.forEach(o => {\n o.setAttribute('role', 'option')\n o.setAttribute('aria-selected', o.value === this._selectedValue ? 'true' : 'false')\n o.setAttribute('aria-hidden', 'true')\n })\n }\n\n private _getA11yOptionId(option: WebUiOption): string {\n let id = this._a11yOptionIds.get(option)\n if (!id) {\n id = `${this._idPrefix}-a11y-option-${++this._nextA11yOptionId}`\n this._a11yOptionIds.set(option, id)\n }\n return id\n }\n\n // 按当前文本与 filter 模式过滤候选，非匹配项以 data-filtered 隐藏并跳过导航\n private _applyFilter() {\n const query = this._value.trim().toLowerCase()\n const mode = this._filter\n this._options.forEach(o => {\n const label = o.label.trim().toLowerCase()\n const match = mode === 'none' || !query || (mode === 'prefix' ? label.startsWith(query) : label.includes(query))\n o.toggleAttribute('data-filtered', !match)\n })\n // 活动项被过滤或禁用时清除键盘激活，避免激活不可见项\n const active = this._options[this._activeIndex]\n if (this._activeIndex >= 0 && (!active || active.hasAttribute('data-filtered') || active.disabled)) {\n this._activeIndex = -1\n this._syncActiveOption()\n }\n }\n\n private _hasMatchingOptions() {\n return this._options.some(option => !option.hasAttribute('data-filtered'))\n }\n\n private _syncOpenWithMatches() {\n if (this._isOpen && !this._hasMatchingOptions()) this._close()\n }\n\n private readonly _optionListeners = createOptionListenerBinding({\n // 惰性解引用：handler 字段声明在后者仍可在调用期取到\n onClick: event => this._handleOptionClick(event),\n onPointerOver: event => this._handleOptionPointerOver(event),\n onPointerDown: event => this._handleOptionPointerDown(event),\n onUpdate: () => this._onOptionUpdate()\n })\n private _bindOption = (option: WebUiOption) => this._optionListeners.bind(option)\n private _unbindOption = (option: WebUiOption) => this._optionListeners.unbind(option)\n\n private _refreshOptions() {\n const activeOption = this._options[this._activeIndex]\n // diff 绑定/解绑与激活索引按 option 身份保持在 shared 内完成\n const next = this._optionPortal.refresh(this._options, activeOption)\n this._options = next.options\n this._activeIndex = next.activeIndex\n }\n\n private _handleOptionClick = (e: Event) => {\n if (!(e.currentTarget instanceof HTMLElement)) return\n const option = e.currentTarget as WebUiOption\n if (option.disabled) return\n this._selectOption(option)\n }\n\n private _onOptionUpdate = () => {\n this._optionPortal.scheduleRefresh()\n }\n\n private _handleOptionPointerOver = (e: PointerEvent) => {\n if (e.pointerType === 'touch') return\n if (!this._isOpen || !(e.currentTarget instanceof HTMLElement)) return\n if (this._keyboardNavigationActive) return\n\n // 指针接管后只保留 :hover，避免键盘激活项与悬停项同时高亮。\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _syncScrollInteractionListeners() {\n const next = this._isOpen ? this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll') : undefined\n if (next === this._scrollInteractionElement) return\n\n this._scrollInteractionElement?.removeEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.removeEventListener('wheel', this._handleListWheel)\n this._scrollInteractionElement = next ?? undefined\n this._scrollInteractionElement?.addEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.addEventListener('wheel', this._handleListWheel)\n }\n\n private _clearKeyboardNavigation() {\n if (!this._keyboardNavigationActive) return\n\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _handleListPointerMove = () => {\n if (!this._isOpen) return\n this._clearKeyboardNavigation()\n }\n\n private _handleListWheel = () => {\n if (!this._isOpen) return\n // 滚轮是新的用户意图：清除旧键盘激活，避免滚动后 Enter 提交屏幕外选项。\n this._clearKeyboardNavigation()\n }\n\n private _handleOptionPointerDown = (e: PointerEvent) => {\n // 保持 input 焦点，避免 focusout 在 click 前关闭 overlay。\n e.preventDefault()\n }\n\n // slotchange 不冒泡，只能由模板内 slot 自行监听；稳定引用避免 Lit 重挂载\n private _onSlotChange = () => {\n this._optionPortal.scheduleRefresh()\n }\n\n private _onKeydown = (e: KeyboardEvent) => {\n if (this._isDisabled || this.readonly) return\n this._applyFilter()\n this._syncOpenWithMatches()\n\n // Escape 不在本组件处理：由共享仲裁者在 document 捕获阶段归属（issue #120 Block 1）。\n switch (e.key) {\n /*\n * 多行 trigger（textarea）的方向键归光标移动：panel 打开时不接管、不\n * preventDefault，与 Enter 的 multiline 例外同判据。panel 关闭时方向键\n * 仍是打开入口（键盘可达性不依赖指针）。\n */\n case 'ArrowDown':\n case 'ArrowUp': {\n if (this._isOpen && this._trigger.isMultilineEdit(e)) break\n e.preventDefault()\n if (!this._isOpen) this._open(true)\n else this._navigateActive(e.key === 'ArrowDown' ? 1 : -1)\n break\n }\n case 'Enter': {\n /*\n * panel 打开时接管 Enter：选择候选或提交 custom value。\n * 零匹配时 panel 会被过滤状态收敛关闭，但 allow-custom-value 仍需在关闭态提交。\n * 多行 trigger（textarea）保留换行语义，不接管为选中高亮项。\n */\n const canSubmitCustomValue = this._canSubmitCustomValue()\n if (\n !this._trigger.isMultilineEdit(e) &&\n (this._isOpen || (!this._hasMatchingOptions() && canSubmitCustomValue))\n ) {\n e.preventDefault()\n if (this._isOpen) {\n const option = this._options[this._activeIndex]\n if (option && !option.disabled && !option.hasAttribute('data-filtered')) {\n this._selectOption(option)\n return\n }\n\n const exactOption = this._findExactOption(this._value)\n if (exactOption) {\n this._selectOption(exactOption)\n return\n }\n }\n\n if (canSubmitCustomValue) this._selectCustomValue()\n }\n break\n }\n }\n }\n\n private _navigateActive(delta: number) {\n const enabled = this._options.filter(o => !o.disabled && !o.hasAttribute('data-filtered'))\n if (!enabled.length) return\n\n this._keyboardNavigationActive = true\n const currentIdx = this._activeIndex >= 0 ? enabled.indexOf(this._options[this._activeIndex]) : delta > 0 ? -1 : 0\n this._activeIndex = this._options.indexOf(enabled[nextWrappingIndex(enabled.length, currentIdx, delta)])\n this._syncActiveOption()\n }\n\n private _setInitialActiveOption() {\n const firstEnabled = this._options.findIndex(o => !o.disabled && !o.hasAttribute('data-filtered'))\n this._keyboardNavigationActive = true\n this._activeIndex = firstEnabled\n this._syncActiveOption()\n }\n\n private _syncActiveOption() {\n this._options.forEach((option, index) => option.toggleAttribute('active', index === this._activeIndex))\n\n if (this._isOpen) this._scrollActiveOptionIntoView()\n }\n\n private _scrollActiveOptionIntoView() {\n const activeOption = this._options[this._activeIndex]\n const scroll = this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll')\n if (!activeOption || !scroll?.clientHeight) return\n\n const optionRect = activeOption.getBoundingClientRect()\n const scrollRect = scroll.getBoundingClientRect()\n // Overlay 入场时会 scale；把视口中的溢出量换算回 scrollTop 使用的未缩放坐标。\n const scaleY = scroll.offsetHeight ? scrollRect.height / scroll.offsetHeight : 1\n if (!scaleY) return\n\n const visibleTop = scrollRect.top + scroll.clientTop * scaleY\n const visibleBottom = visibleTop + scroll.clientHeight * scaleY\n if (optionRect.top < visibleTop) scroll.scrollTop -= (visibleTop - optionRect.top) / scaleY\n else if (optionRect.bottom > visibleBottom) scroll.scrollTop += (optionRect.bottom - visibleBottom) / scaleY\n }\n\n private _selectOption(option: WebUiOption) {\n if (this.readonly) return\n // value 即输入文本：选择后回填为 option label，selected-value 取 option value\n this.value = option.label\n this._setSelectedValue(option.value)\n this._close()\n this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n }\n\n private _findExactOption(value: string): WebUiOption | undefined {\n const query = value.trim().toLowerCase()\n if (!query) return undefined\n\n return this._options.find(option => !option.disabled && option.label.trim().toLowerCase() === query)\n }\n\n private _hasExactOption(value: string): boolean {\n const query = value.trim().toLowerCase()\n return this._options.some(option => option.label.trim().toLowerCase() === query)\n }\n\n private _canSubmitCustomValue() {\n return this.allowCustomValue && !!this._value && !this._hasExactOption(this._value)\n }\n\n private _selectCustomValue() {\n // Custom value 的 identity 由消费端管理；组件不隐式创建 option，selected-value 保持派生空值。\n this._close()\n this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n }\n\n private _onTriggerInput = (value: string) => {\n if (this._isDisabled || this.readonly) return\n if (value === this._value) return\n this.value = value\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n this._open()\n }\n\n private _onTriggerClick = () => {\n if (this._isDisabled || this.readonly) return\n this._open()\n }\n\n /*\n * focus/blur 不冒泡，委托层监听等价且冒泡的 focusin/focusout。\n * 自定义 trigger 位于 light DOM，其焦点变化不会跨 shadow 边界到达宿主，这里补发\n * 公共 focus/blur 兑现 README 事件契约；默认 trigger 在 shadow 内，原生事件已能\n * 到达宿主，重复派发会让消费端收到两次。\n */\n private _onTriggerFocusIn = (event: FocusEvent) => {\n if (this._isDisabled) return\n this._focused = true\n // composed 与原生 focus 一致（宿主内 retarget）：跨 shadow 边界的消费者能收到，\n // 但不 bubbles —— focus/blur 的公共契约本来就不冒泡。\n // relatedTarget 透传：消费端靠它判断焦点来回，补发事件不该丢这个信息\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('focus', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _onTriggerFocusOut = (event: FocusEvent) => {\n this._focused = false\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('blur', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _isSlottedFocus(event: FocusEvent): boolean {\n const target = event.target\n return target instanceof Node && !!this.shadowRoot && !this.shadowRoot.contains(target)\n }\n\n // 开合生命周期不变量收敛在 shared combobox-shell；autocomplete 注入\n // readonly guard 与 close 前的 portal 内容收敛钩子\n private readonly _openController = createComboboxOpenController({\n canOpen: () => !this._isDisabled && !this.readonly,\n getIsOpen: () => this._isOpen,\n setIsOpen: open => {\n this._isOpen = open\n },\n dispatchOpenChange: () => this._dispatchOpenChange(),\n syncScrollLock: open => this._syncScrollLock(open),\n isPortal: () => this.portal,\n openOverlay: isKeyboardNavigation => this._openOverlay(isKeyboardNavigation),\n closeOverlay: () => void this._closeOverlay(),\n onOpen: isKeyboardNavigation => {\n this._keyboardNavigationActive = isKeyboardNavigation\n if (isKeyboardNavigation) this._setInitialActiveOption()\n else this._syncActiveOption()\n },\n onBeforeClose: () => {\n // Portal 内容可能在当前微任务尚未完成同步；先把 light DOM 中新增或重排的节点\n // 收回当前 content，再关闭并 restore，避免 restoreContent() 按旧 tracking 顺序把\n // 新 option 插到旧 option 前面。\n this._optionPortal.syncPortalContent()\n },\n onAfterClose: () => {\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._options.forEach(o => o.removeAttribute('active'))\n this._syncScrollInteractionListeners()\n }\n })\n\n private _open(isKeyboardNavigation = false) {\n this._applyFilter()\n if (!this._hasMatchingOptions()) {\n if (this._isOpen) this._close()\n return\n }\n this._openController.open(isKeyboardNavigation)\n }\n\n private _close() {\n this._openController.close()\n }\n\n private _dispatchOpenChange() {\n dispatchOpenChangeEvent(this, this._isOpen)\n }\n\n private _openOverlay(isKeyboardNavigation = false) {\n this._panel.open(isKeyboardNavigation)\n this._syncScrollInteractionListeners()\n // keyboard-open 会先建立 active option；overlay 打开后再同步一次，确保首次激活也能滚入列表区。\n this._syncActiveOption()\n // 新会话的 handle 刚建立，惰性状态需按当前 disabled/readonly 重新同步。\n this._syncOverlayInert()\n }\n\n private async _closeOverlay() {\n const closed = await this._panel.close(() => this._isOpen)\n if (closed) {\n this._syncScrollInteractionListeners()\n this._portal = undefined\n this._portalContent = undefined\n }\n }\n\n private _reconfigureOverlay() {\n this._portal = undefined\n this._portalContent = undefined\n this._panel.reconfigure(this._isOpen)\n this._syncScrollInteractionListeners()\n /*\n * reconfigure 重新 claim = 新会话，inert 回到 false。实测这条重推是**冗余**的（摘掉本行\n * 全部用例仍绿）：这条路径后面跟着一轮渲染，而 `updated()` 每次渲染都会调\n * `_syncOverlayInert()`。留在这里是不想依赖「这条路径必然跟着一次渲染」这个隐含前提。\n */\n this._syncOverlayInert()\n }\n\n private _syncScrollLock(isOpen = this._isOpen) {\n this._scrollLock.sync(isOpen && !this.noScrollLock)\n }\n\n private _createPortal(): OverlayPortal {\n const portal = defineOverlayPortal().make({\n container: this.overlayContainer,\n target: this,\n style: `${glass}\\n${overlayMotion}\\n${scrollbarStyle}\\n${style}`,\n className: 'wui-glass autocomplete-overlay portal wui-floating-panel',\n onContentChange: () => {\n this._optionPortal.scheduleRefresh()\n }\n })\n this._portal = portal\n applyOverlayVariables(portal.panel, this, [\n '--wui-overlay-min-width',\n '--wui-autocomplete-max-width',\n '--wui-autocomplete-max-height'\n ])\n portal.panel.setAttribute('aria-hidden', 'true')\n portal.panel.addEventListener('pointerdown', this._handlePanelPointerDown)\n const scroll = document.createElement('div')\n scroll.className = 'autocomplete-scroll wui-scroll'\n const content = document.createElement('div')\n content.className = 'autocomplete-content'\n this._portalContent = content\n scroll.append(content)\n portal.panel.append(scroll)\n for (const node of Array.from(this.childNodes)) {\n // 框架注释锚点（v-if/v-for 占位）必须留在宿主：锚点进 panel 后 Vue 下次翻转\n // 会以 panel 内节点为插入基准；portal 的 marker 注释同理不参与迁移。\n if (node instanceof Comment) continue\n // 自定义 trigger 与 select（:461）同判据：留在宿主，不随 options 迁入 overlay\n if (isTriggerSlotNode(node)) continue\n // 已移除的 empty slot 不能作为普通内容出现在新 portal panel 中\n if (isEmptySlotNode(node)) continue\n portal.appendContent([node], content)\n }\n return portal\n }\n\n private _getLabelledbyText(): string {\n if (!this.ariaLabelledby) return ''\n\n const root = this.getRootNode()\n if (!(root instanceof Document || root instanceof ShadowRoot)) return ''\n\n return this.ariaLabelledby\n .trim()\n .split(/\\s+/)\n .map(id => {\n const escapedId = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(id) : id\n return root.querySelector(`#${escapedId}`)?.textContent?.trim() ?? ''\n })\n .filter(Boolean)\n .join(' ')\n }\n\n override render() {\n const listboxId = `${this._idPrefix}-listbox`\n const labelId = `${this._idPrefix}-label`\n const labelledbyText = this._getLabelledbyText()\n const visibleOptions = this._options.filter(option => !option.hasAttribute('data-filtered'))\n const activeOption = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : undefined\n const activeDescendant = activeOption ? this._getA11yOptionId(activeOption) : nothing\n\n return html`\n <div class=\"wui-autocomplete-inner\">\n ${labelledbyText ? html`<span class=\"autocomplete-a11y-only\" id=${labelId}>${labelledbyText}</span>` : nothing}\n <div\n class=\"autocomplete-trigger\"\n ?data-custom-trigger=${this._hasTriggerSlot}\n role=\"combobox\"\n aria-expanded=${this._isOpen}\n aria-haspopup=\"listbox\"\n aria-autocomplete=\"list\"\n aria-controls=${listboxId}\n aria-disabled=${String(this._isDisabled)}\n aria-readonly=${this.readonly ? 'true' : nothing}\n aria-label=${ifDefined(this.ariaLabel)}\n aria-labelledby=${labelledbyText ? labelId : nothing}\n aria-activedescendant=${activeDescendant}\n tabindex=\"-1\"\n >\n <slot name=\"trigger\" @slotchange=${this._onTriggerSlotChange}></slot>\n ${\n !this._hasTriggerSlot\n ? html`<web-ui-input\n class=\"autocomplete-input\"\n .value=${this._value}\n placeholder=${this.placeholder}\n name=${this.name}\n ?borderless=${this.borderless}\n ?disabled=${this._isDisabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n aria-label=${ifDefined(this.ariaLabel || labelledbyText || undefined)}\n ></web-ui-input>`\n : nothing\n }\n </div>\n <div\n class=\"autocomplete-a11y-listbox\"\n id=${listboxId}\n role=\"listbox\"\n ?hidden=${!this._isOpen}\n aria-hidden=${String(!this._isOpen)}\n >\n ${visibleOptions.map(\n option =>\n html`<div\n id=${this._getA11yOptionId(option)}\n role=\"option\"\n aria-selected=${option.value === this._selectedValue ? 'true' : 'false'}\n aria-hidden=${String(!this._isOpen)}\n aria-disabled=${String(option.disabled)}\n >\n ${option.label}\n </div>`\n )}\n </div>\n <div\n class=\"autocomplete-overlay wui-floating-panel wui-glass\"\n hidden\n aria-hidden=\"true\"\n @pointerdown=${this._handlePanelPointerDown}\n >\n <div class=\"autocomplete-scroll wui-scroll\">\n <div class=\"autocomplete-content\">\n <slot @slotchange=${this._onSlotChange}></slot>\n </div>\n </div>\n </div>\n </div>\n `\n }\n\n declare readonly $events: {\n input: Event\n change: Event\n focus: FocusEvent\n blur: FocusEvent\n 'open-change': CustomEvent<{ open: boolean }>\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'web-ui-autocomplete': WebUiAutocomplete\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["glass","overlayMotion","scrollbarStyle","style"],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import '@/components/input'\n\nimport type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport scrollbarStyle from '@/assets/scrollbar.css?inline'\nimport glass from '@/classes/glass.css?inline'\nimport type { WebUiOption } from '@/components/option'\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport {\n createComboboxOpenController,\n createOptionListenerBinding,\n defineComboboxTrigger,\n defineOptionPortal,\n handleComboboxFocusOut,\n nextWrappingIndex\n} from '@/shared/option-portal'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOpenOverlay } from '@/shared/overlay/open-overlay'\nimport { FLOATING_PLACEMENTS } from '@/shared/overlay/placement-props'\nimport {\n applyOverlayVariables,\n defineOverlayPortal,\n type OverlayContainer,\n type OverlayPortal\n} from '@/shared/overlay/portal'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst FILTER_MODES = ['none', 'prefix', 'contains'] as const\ntype FilterMode = (typeof FILTER_MODES)[number]\n\n// 自定义 trigger 与 select 同判据：必须留在宿主，不随 options 迁入 portal panel\nfunction isTriggerSlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'trigger'\n}\n\n// 已移除的 empty slot 仍可能留在既有消费者 light DOM；不得把它作为普通内容迁入 portal。\nfunction isEmptySlotNode(node: Node): node is Element {\n return node instanceof Element && node.slot === 'empty'\n}\n\n/**\n * `web-ui-autocomplete`：可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与 overlay 能力，但触发区是\n * 可编辑 input：`value` 即当前输入文本（表单值），键入时按 `filter` 模式过滤候选，\n * 选择 option 时文本回填为该项 label，`selected-value` 暴露该项的 value。\n * `allow-custom-value` 开启后，Enter 可把不匹配候选的原文作为 custom value 显式提交。\n *\n * trigger 跟随 select 的 wrapper div 模式：`slot[name=\"trigger\"]` 可替换默认 trigger\n * （shadow 内的 `web-ui-input`）；多行 trigger（如 `web-ui-textarea`）保留 Enter 换行语义，\n * 关闭 panel 用 Escape 或 blur。\n * tab 位只属于 trigger 自身：默认 trigger 是 shadow 内 input，自定义 trigger 由消费者提供\n * 可聚焦元素（README 契约）；包装 div 恒为 tabindex=\"-1\"，不占顺序焦点，避免双 tab 位。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends FormAssociated(LitElement) {\n static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(scrollbarStyle), unsafeCSS(style)]\n\n @property({ type: String, reflect: true }) placeholder = ''\n @property({ type: Boolean, reflect: true }) borderless = false\n @property({ type: Boolean, reflect: true }) disabled = false\n @property({ type: Boolean, reflect: true }) readonly = false\n @property({ type: Boolean, reflect: true }) required = false\n @property({ type: Boolean, reflect: true }) portal = false\n @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' })\n noScrollLock = false\n @property({ type: Boolean, reflect: true, attribute: 'allow-custom-value' })\n allowCustomValue = false\n @property({ attribute: false }) overlayContainer?: OverlayContainer\n @property({ type: String, reflect: true }) name = ''\n @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n private _placement: Placement = 'bottom-start'\n\n /** 下拉 panel 相对触发器的方向；默认贴着触发器左下角向下展开。 */\n @property({ type: String, reflect: true })\n get placement(): Placement {\n return this._placement\n }\n set placement(v: string) {\n const old = this._placement\n this._placement = normalizeLiteral(v, FLOATING_PLACEMENTS, 'bottom-start')\n this.requestUpdate('placement', old)\n }\n\n private _filter: FilterMode = 'contains'\n\n @property({ type: String, reflect: true })\n get filter(): FilterMode {\n return this._filter\n }\n set filter(v: string) {\n const old = this._filter\n this._filter = normalizeLiteral(v, FILTER_MODES, 'contains')\n this.requestUpdate('filter', old)\n }\n\n // value 不反射 attribute，attribute 只参与首次声明式初始化。\n @state() private _value = ''\n\n get value(): string {\n return this._value\n }\n set value(v: string) {\n const old = this._value\n this._value = v\n this._formAssociation.sync()\n this.requestUpdate('value', old)\n }\n\n // selected-value：文本精确匹配 option label 时派生出的 option value（只读反射）。\n @state() private _selectedValue = ''\n\n get selectedValue(): string {\n return this._selectedValue\n }\n\n private _setSelectedValue(value: string) {\n const old = this._selectedValue\n if (old === value && this.getAttribute('selected-value') === value) return\n\n this._selectedValue = value\n this.setAttribute('selected-value', value)\n if (old !== value) this.requestUpdate('selectedValue', old)\n }\n\n private readonly _formAssociation = defineFormAssociation<string>({\n host: this,\n initialize: () => {\n // 同步 HTML 属性中预设的 value，补全访问器模式不处理 attribute 反射。\n const attrValue = this.getAttribute('value')\n if (attrValue !== null) this._value = attrValue\n },\n getState: () => this._value,\n setState: value => {\n this.value = value\n },\n getFormValue: () => this._value,\n getFormState: () => this._value,\n restoreState: state => {\n if (typeof state === 'string') this.value = state\n },\n syncValidity: () => this._syncValidity()\n }).make()\n\n private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n private get _isDisabled(): boolean {\n return this.disabled || this._formAssociation.isFormDisabled()\n }\n\n @state() private _isOpen = false\n @state() private _activeIndex = -1\n @state() private _focused = false\n @state() private _hasTriggerSlot = false\n\n private static _nextInstanceId = 0\n private readonly _idPrefix = `web-ui-autocomplete-${++WebUiAutocomplete._nextInstanceId}`\n private readonly _a11yOptionIds = new WeakMap<WebUiOption, string>()\n private _nextA11yOptionId = 0\n private _options: WebUiOption[] = []\n private _portal?: OverlayPortal\n private _portalContent?: HTMLElement\n private _keyboardNavigationActive = false\n private _scrollInteractionElement?: HTMLElement\n private readonly _scrollLock = defineScrollLockLease().make()\n\n // option 注册表 / portal 同步 / 微任务调度收敛到 shared 模块（select 同款）\n private readonly _optionPortal = defineOptionPortal().make({\n element: this,\n idPrefix: `${this._idPrefix}-option`,\n getPortal: () => this._portal,\n getPortalContent: () => this._portalContent,\n isOpen: () => this.portal && this._isOpen,\n // 默认 slot 内容随 panel 迁移；trigger 与已移除的 empty slot 留在宿主，不进 panel。\n getMigratableNodes: () =>\n Array.from(this.childNodes).filter(node => !isTriggerSlotNode(node) && !isEmptySlotNode(node)),\n hasUpdated: () => this.hasUpdated,\n requestUpdate: () => this.requestUpdate(),\n bindOption: option => this._bindOption(option),\n unbindOption: option => this._unbindOption(option)\n })\n /*\n * trigger 委托层：默认 trigger（shadow 内 web-ui-input）与 slot[name=\"trigger\"] 自定义\n * trigger 对组件暴露同一形状，监听统一挂在 trigger 包装 div 上，两条路径不特判。\n */\n private readonly _trigger = defineComboboxTrigger().make({\n getWrapper: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? null,\n getCustomTrigger: () => {\n const assigned = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')?.assignedElements()[0]\n return assigned instanceof HTMLElement ? assigned : null\n },\n getFallbackTrigger: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-input') ?? null,\n onInput: value => this._onTriggerInput(value),\n onClick: () => this._onTriggerClick(),\n onFocusIn: event => this._onTriggerFocusIn(event),\n onFocusOut: event => this._onTriggerFocusOut(event)\n })\n /*\n * 开启态 overlay 承载「我开着吗」（issue #120 Block 1）：宿主级 keydown 在 portal 模式下\n * 收不到 panel 内的 Escape，改由唯一仲裁者在 document 捕获阶段判定最内层。\n * 宿主接口除 requestClose 外只再提供一个 isConnected（仅供惰性回收读取）：开启状态是\n * 声明而非询问。\n */\n private readonly _overlay = defineOpenOverlay().make({\n requestClose: () => this._close(),\n isConnected: () => this.isConnected\n })\n private readonly _panel = defineAnchoredPanel().make({\n // 锚点取当前生效的 trigger host：默认 trigger 或自定义 trigger slot 内容\n getAnchor: () =>\n this._trigger.getTrigger() ?? this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-trigger') ?? null,\n getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-overlay') ?? null,\n getPositioning: () => ({\n placement: this.placement,\n offset: 4,\n minAnchorWidth: true,\n strategy: this.portal ? 'fixed' : 'absolute'\n }),\n isPortal: () => this.portal,\n createPortal: () => this._createPortal(),\n openOverlay: this._overlay\n })\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n get open(): boolean {\n return this._isOpen\n }\n\n /*\n * 公共焦点委托：聚焦/失焦当前生效的 trigger（默认 web-ui-input 或自定义 trigger）。\n * 组件自带 focus 重定向时落到内部原生控件；自定义 trigger 没有该能力时，\n * 原生 focus() 聚焦 host 自身。无 trigger（尚未首渲或已断开）时静默返回。\n */\n override focus(options?: FocusOptions): void {\n this._trigger.focusTrigger(options)\n }\n\n override blur(): void {\n this._trigger.blurTrigger()\n }\n\n private _onClickOutside = (e: MouseEvent) => {\n if (!this._isOpen) return\n\n // 在监听器内部判定：composedPath() 在派发结束后会被清空。\n const isInside = e.composedPath().includes(this) || !!this._panel.getHandle()?.containsEvent(e)\n if (!isInside) this._close()\n }\n\n private _onFocusOut = () => {\n handleComboboxFocusOut(\n this,\n () => this._panel.getHandle(),\n () => this._isOpen,\n () => this._close()\n )\n }\n\n private _handlePanelPointerDown = (e: PointerEvent) => {\n // 非 option 区域不可聚焦；阻止 pointerdown 的默认聚焦行为，保持 combobox 焦点，\n // 使点击 empty state、滚动区和 panel padding 不会被 focusout 误判为外部交互。\n e.preventDefault()\n }\n\n override connectedCallback() {\n super.connectedCallback()\n this._optionPortal.bindHost()\n // 宿主可能被上层 overlay portal 迁移（断开重连）：shadow 内的包装 div 仍在，重新绑定委托监听\n this._trigger.bind()\n this.addEventListener('keydown', this._onKeydown)\n this.addEventListener('focusout', this._onFocusOut)\n document.addEventListener('click', this._onClickOutside)\n }\n\n private _onTriggerSlotChange = () => {\n this._syncTriggerSlot()\n }\n\n /*\n * 自定义 trigger 判定必须同步：slotchange 在首次渲染之后才派发，只依赖它会让默认\n * web-ui-input 先渲染一帧再被替换，自定义 trigger 出现时会闪一下默认 input。\n * 判据与 portal 迁移排除（isTriggerSlotNode）同源：宿主直接子节点带 slot=\"trigger\"。\n */\n private _syncTriggerSlot() {\n const hasTriggerSlot = Array.from(this.children).some(isTriggerSlotNode)\n if (this._hasTriggerSlot === hasTriggerSlot) return\n this._hasTriggerSlot = hasTriggerSlot\n // trigger 在默认与自定义之间切换：anchor 与 portal 会话按新 trigger 重建。\n // 首次渲染前尚无 portal 会话，无需重建。\n if (this.hasUpdated) this._reconfigureOverlay()\n }\n\n override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n super.attributeChangedCallback(name, oldValue, newValue)\n if (name === 'selected-value' && this.isConnected && newValue !== this._selectedValue) {\n queueMicrotask(() => {\n if (this.isConnected) this._syncSelectedValue()\n })\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback()\n this._optionPortal.dispose()\n this._trigger.dispose()\n this.removeEventListener('keydown', this._onKeydown)\n this.removeEventListener('focusout', this._onFocusOut)\n document.removeEventListener('click', this._onClickOutside)\n this._options.forEach(this._unbindOption)\n this._close()\n this._syncScrollInteractionListeners()\n this._portal = undefined\n this._portalContent = undefined\n // 撤销登记由 _panel.dispose() 完成（handle 归它持有）。\n this._panel.dispose()\n this._scrollLock.release()\n }\n\n override firstUpdated() {\n this._trigger.bind()\n requestAnimationFrame(() => {\n if (this.isConnected) this._optionPortal.scheduleRefresh()\n })\n }\n\n override willUpdate() {\n this._syncTriggerSlot()\n this._refreshOptions()\n this._optionPortal.ensureOptionIds(this._options)\n this._syncSelectedValue()\n this._applyFilter()\n this._syncOptionA11y()\n this._syncActiveOption()\n }\n\n override updated(changed: PropertyValues) {\n // 文本回写经委托层落到当前 trigger（默认 web-ui-input 或自定义 trigger）\n this._trigger.setValue(this._value)\n if (changed.has('portal') || changed.has('overlayContainer'))\n requestAnimationFrame(() => this._reconfigureOverlay())\n if (changed.has('noScrollLock')) this._syncScrollLock()\n if (changed.has('placement')) this._panel.updatePosition()\n this.toggleAttribute('focused', this._focused)\n this._syncOpenAttribute()\n this._syncOverlayInert()\n this._syncValidity()\n this._syncOpenWithMatches()\n }\n\n override formDisabledCallback(disabled: boolean) {\n this._formAssociation.setDisabled(disabled)\n if (disabled && this._isOpen) this._close()\n }\n\n private _syncValidity() {\n const internals = this._formAssociation.getInternals()\n if (!internals || typeof internals.setValidity !== 'function') return\n // readonly 与 disabled 一致：值不可由用户修改，视为通过校验（原生 barred-from-validation 语义）\n if (this._isDisabled || this.readonly || !this.required || this._value) internals.setValidity({})\n else internals.setValidity({ valueMissing: true }, 'Enter a value')\n }\n\n private _syncOpenAttribute() {\n this.toggleAttribute('open', this._isOpen)\n }\n\n /*\n * 禁用/只读态不响应 Escape。仲裁者仍在（吞掉按键并压掉原生 cancel），只是不走关闭\n * 入口：事件不落到下层 overlay，不会把外层一起关掉。\n * 每次渲染后同步即可覆盖 disabled / readonly 属性与表单禁用三条来源。\n */\n private _syncOverlayInert() {\n this._panel.getHandle()?.setInert(this._isDisabled || this.readonly)\n }\n\n private _syncSelectedValue() {\n const query = this._value.trim().toLowerCase()\n const next = query\n ? (this._options.find(o => !o.disabled && o.label.trim().toLowerCase() === query)?.value ?? '')\n : ''\n this._setSelectedValue(next)\n }\n\n private _syncOptionA11y() {\n this._options.forEach(o => {\n o.setAttribute('role', 'option')\n o.setAttribute('aria-selected', o.value === this._selectedValue ? 'true' : 'false')\n o.setAttribute('aria-hidden', 'true')\n })\n }\n\n private _getA11yOptionId(option: WebUiOption): string {\n let id = this._a11yOptionIds.get(option)\n if (!id) {\n id = `${this._idPrefix}-a11y-option-${++this._nextA11yOptionId}`\n this._a11yOptionIds.set(option, id)\n }\n return id\n }\n\n // 按当前文本与 filter 模式过滤候选，非匹配项以 data-filtered 隐藏并跳过导航\n private _applyFilter() {\n const query = this._value.trim().toLowerCase()\n const mode = this._filter\n this._options.forEach(o => {\n const label = o.label.trim().toLowerCase()\n const match = mode === 'none' || !query || (mode === 'prefix' ? label.startsWith(query) : label.includes(query))\n o.toggleAttribute('data-filtered', !match)\n })\n // 活动项被过滤或禁用时清除键盘激活，避免激活不可见项\n const active = this._options[this._activeIndex]\n if (this._activeIndex >= 0 && (!active || active.hasAttribute('data-filtered') || active.disabled)) {\n this._activeIndex = -1\n this._syncActiveOption()\n }\n }\n\n private _hasMatchingOptions() {\n return this._options.some(option => !option.hasAttribute('data-filtered'))\n }\n\n private _syncOpenWithMatches() {\n if (this._isOpen && !this._hasMatchingOptions()) this._close()\n }\n\n private readonly _optionListeners = createOptionListenerBinding({\n // 惰性解引用：handler 字段声明在后者仍可在调用期取到\n onClick: event => this._handleOptionClick(event),\n onPointerOver: event => this._handleOptionPointerOver(event),\n onPointerDown: event => this._handleOptionPointerDown(event),\n onUpdate: () => this._onOptionUpdate()\n })\n private _bindOption = (option: WebUiOption) => this._optionListeners.bind(option)\n private _unbindOption = (option: WebUiOption) => this._optionListeners.unbind(option)\n\n private _refreshOptions() {\n const activeOption = this._options[this._activeIndex]\n // diff 绑定/解绑与激活索引按 option 身份保持在 shared 内完成\n const next = this._optionPortal.refresh(this._options, activeOption)\n this._options = next.options\n this._activeIndex = next.activeIndex\n }\n\n private _handleOptionClick = (e: Event) => {\n if (!(e.currentTarget instanceof HTMLElement)) return\n const option = e.currentTarget as WebUiOption\n if (option.disabled) return\n this._selectOption(option)\n }\n\n private _onOptionUpdate = () => {\n this._optionPortal.scheduleRefresh()\n }\n\n private _handleOptionPointerOver = (e: PointerEvent) => {\n if (e.pointerType === 'touch') return\n if (!this._isOpen || !(e.currentTarget instanceof HTMLElement)) return\n if (this._keyboardNavigationActive) return\n\n // 指针接管后只保留 :hover，避免键盘激活项与悬停项同时高亮。\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _syncScrollInteractionListeners() {\n const next = this._isOpen ? this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll') : undefined\n if (next === this._scrollInteractionElement) return\n\n this._scrollInteractionElement?.removeEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.removeEventListener('wheel', this._handleListWheel)\n this._scrollInteractionElement = next ?? undefined\n this._scrollInteractionElement?.addEventListener('pointermove', this._handleListPointerMove)\n this._scrollInteractionElement?.addEventListener('wheel', this._handleListWheel)\n }\n\n private _clearKeyboardNavigation() {\n if (!this._keyboardNavigationActive) return\n\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n }\n\n private _handleListPointerMove = () => {\n if (!this._isOpen) return\n this._clearKeyboardNavigation()\n }\n\n private _handleListWheel = () => {\n if (!this._isOpen) return\n // 滚轮是新的用户意图：清除旧键盘激活，避免滚动后 Enter 提交屏幕外选项。\n this._clearKeyboardNavigation()\n }\n\n private _handleOptionPointerDown = (e: PointerEvent) => {\n // 保持 input 焦点，避免 focusout 在 click 前关闭 overlay。\n e.preventDefault()\n }\n\n // slotchange 不冒泡，只能由模板内 slot 自行监听；稳定引用避免 Lit 重挂载\n private _onSlotChange = () => {\n this._optionPortal.scheduleRefresh()\n }\n\n private _onKeydown = (e: KeyboardEvent) => {\n if (this._isDisabled || this.readonly) return\n this._applyFilter()\n this._syncOpenWithMatches()\n\n // Escape 不在本组件处理：由共享仲裁者在 document 捕获阶段归属（issue #120 Block 1）。\n switch (e.key) {\n /*\n * 多行 trigger（textarea）的方向键归光标移动：panel 打开时不接管、不\n * preventDefault，与 Enter 的 multiline 例外同判据。panel 关闭时方向键\n * 仍是打开入口（键盘可达性不依赖指针）。\n */\n case 'ArrowDown':\n case 'ArrowUp': {\n if (this._isOpen && this._trigger.isMultilineEdit(e)) break\n e.preventDefault()\n if (!this._isOpen) this._open(true)\n else this._navigateActive(e.key === 'ArrowDown' ? 1 : -1)\n break\n }\n case 'Enter': {\n /*\n * panel 打开时接管 Enter：选择候选或提交 custom value。\n * 零匹配时 panel 会被过滤状态收敛关闭，但 allow-custom-value 仍需在关闭态提交。\n * 多行 trigger（textarea）保留换行语义，不接管为选中高亮项。\n */\n const canSubmitCustomValue = this._canSubmitCustomValue()\n if (\n !this._trigger.isMultilineEdit(e) &&\n (this._isOpen || (!this._hasMatchingOptions() && canSubmitCustomValue))\n ) {\n e.preventDefault()\n if (this._isOpen) {\n const option = this._options[this._activeIndex]\n if (option && !option.disabled && !option.hasAttribute('data-filtered')) {\n this._selectOption(option)\n return\n }\n\n const exactOption = this._findExactOption(this._value)\n if (exactOption) {\n this._selectOption(exactOption)\n return\n }\n }\n\n if (canSubmitCustomValue) this._selectCustomValue()\n }\n break\n }\n }\n }\n\n private _navigateActive(delta: number) {\n const enabled = this._options.filter(o => !o.disabled && !o.hasAttribute('data-filtered'))\n if (!enabled.length) return\n\n this._keyboardNavigationActive = true\n const currentIdx = this._activeIndex >= 0 ? enabled.indexOf(this._options[this._activeIndex]) : delta > 0 ? -1 : 0\n this._activeIndex = this._options.indexOf(enabled[nextWrappingIndex(enabled.length, currentIdx, delta)])\n this._syncActiveOption()\n }\n\n private _setInitialActiveOption() {\n const firstEnabled = this._options.findIndex(o => !o.disabled && !o.hasAttribute('data-filtered'))\n this._keyboardNavigationActive = true\n this._activeIndex = firstEnabled\n this._syncActiveOption()\n }\n\n private _syncActiveOption() {\n this._options.forEach((option, index) => option.toggleAttribute('active', index === this._activeIndex))\n\n if (this._isOpen) this._scrollActiveOptionIntoView()\n }\n\n private _scrollActiveOptionIntoView() {\n const activeOption = this._options[this._activeIndex]\n const scroll = this._panel.getPanel()?.querySelector<HTMLElement>('.autocomplete-scroll')\n if (!activeOption || !scroll?.clientHeight) return\n\n const optionRect = activeOption.getBoundingClientRect()\n const scrollRect = scroll.getBoundingClientRect()\n // Overlay 入场时会 scale；把视口中的溢出量换算回 scrollTop 使用的未缩放坐标。\n const scaleY = scroll.offsetHeight ? scrollRect.height / scroll.offsetHeight : 1\n if (!scaleY) return\n\n const visibleTop = scrollRect.top + scroll.clientTop * scaleY\n const visibleBottom = visibleTop + scroll.clientHeight * scaleY\n if (optionRect.top < visibleTop) scroll.scrollTop -= (visibleTop - optionRect.top) / scaleY\n else if (optionRect.bottom > visibleBottom) scroll.scrollTop += (optionRect.bottom - visibleBottom) / scaleY\n }\n\n private _selectOption(option: WebUiOption) {\n if (this.readonly) return\n // value 即输入文本：选择后回填为 option label，selected-value 取 option value\n this.value = option.label\n this._setSelectedValue(option.value)\n this._close()\n this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n }\n\n private _findExactOption(value: string): WebUiOption | undefined {\n const query = value.trim().toLowerCase()\n if (!query) return undefined\n\n return this._options.find(option => !option.disabled && option.label.trim().toLowerCase() === query)\n }\n\n private _hasExactOption(value: string): boolean {\n const query = value.trim().toLowerCase()\n return this._options.some(option => option.label.trim().toLowerCase() === query)\n }\n\n private _canSubmitCustomValue() {\n return this.allowCustomValue && !!this._value && !this._hasExactOption(this._value)\n }\n\n private _selectCustomValue() {\n // Custom value 的 identity 由消费端管理；组件不隐式创建 option，selected-value 保持派生空值。\n this._close()\n this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n }\n\n private _onTriggerInput = (value: string) => {\n if (this._isDisabled || this.readonly) return\n if (value === this._value) return\n this.value = value\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._syncActiveOption()\n this._open()\n }\n\n private _onTriggerClick = () => {\n if (this._isDisabled || this.readonly) return\n this._open()\n }\n\n /*\n * focus/blur 不冒泡，委托层监听等价且冒泡的 focusin/focusout。\n * 自定义 trigger 位于 light DOM，其焦点变化不会跨 shadow 边界到达宿主，这里补发\n * 公共 focus/blur 兑现 README 事件契约；默认 trigger 在 shadow 内，原生事件已能\n * 到达宿主，重复派发会让消费端收到两次。\n */\n private _onTriggerFocusIn = (event: FocusEvent) => {\n if (this._isDisabled) return\n this._focused = true\n // composed 与原生 focus 一致（宿主内 retarget）：跨 shadow 边界的消费者能收到，\n // 但不 bubbles —— focus/blur 的公共契约本来就不冒泡。\n // relatedTarget 透传：消费端靠它判断焦点来回，补发事件不该丢这个信息\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('focus', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _onTriggerFocusOut = (event: FocusEvent) => {\n this._focused = false\n if (this._isSlottedFocus(event))\n this.dispatchEvent(new FocusEvent('blur', { composed: true, relatedTarget: event.relatedTarget }))\n }\n\n private _isSlottedFocus(event: FocusEvent): boolean {\n const target = event.target\n return target instanceof Node && !!this.shadowRoot && !this.shadowRoot.contains(target)\n }\n\n // 开合生命周期不变量收敛在 shared combobox-shell；autocomplete 注入\n // readonly guard 与 close 前的 portal 内容收敛钩子\n private readonly _openController = createComboboxOpenController({\n canOpen: () => !this._isDisabled && !this.readonly,\n getIsOpen: () => this._isOpen,\n setIsOpen: open => {\n this._isOpen = open\n },\n dispatchOpenChange: () => this._dispatchOpenChange(),\n syncScrollLock: open => this._syncScrollLock(open),\n isPortal: () => this.portal,\n openOverlay: isKeyboardNavigation => this._openOverlay(isKeyboardNavigation),\n closeOverlay: () => void this._closeOverlay(),\n onOpen: isKeyboardNavigation => {\n this._keyboardNavigationActive = isKeyboardNavigation\n if (isKeyboardNavigation) this._setInitialActiveOption()\n else this._syncActiveOption()\n },\n onBeforeClose: () => {\n // Portal 内容可能在当前微任务尚未完成同步；先把 light DOM 中新增或重排的节点\n // 收回当前 content，再关闭并 restore，避免 restoreContent() 按旧 tracking 顺序把\n // 新 option 插到旧 option 前面。\n this._optionPortal.syncPortalContent()\n },\n onAfterClose: () => {\n this._keyboardNavigationActive = false\n this._activeIndex = -1\n this._options.forEach(o => o.removeAttribute('active'))\n this._syncScrollInteractionListeners()\n }\n })\n\n private _open(isKeyboardNavigation = false) {\n this._applyFilter()\n if (!this._hasMatchingOptions()) {\n if (this._isOpen) this._close()\n return\n }\n this._openController.open(isKeyboardNavigation)\n }\n\n private _close() {\n this._openController.close()\n }\n\n private _dispatchOpenChange() {\n dispatchOpenChangeEvent(this, this._isOpen)\n }\n\n private _openOverlay(isKeyboardNavigation = false) {\n this._panel.open(isKeyboardNavigation)\n this._syncScrollInteractionListeners()\n // keyboard-open 会先建立 active option；overlay 打开后再同步一次，确保首次激活也能滚入列表区。\n this._syncActiveOption()\n // 新会话的 handle 刚建立，惰性状态需按当前 disabled/readonly 重新同步。\n this._syncOverlayInert()\n }\n\n private async _closeOverlay() {\n /*\n * 退场过渡是给「还看得见的内容」的。候选被全部过滤掉时，`data-filtered` 已在 close\n * 之前把列表清空，盒高从整列表塌成 padding 的 8px：淡出的正是这个空盒的玻璃底与\n * `--wui-shadow-panel`，读起来像 trigger 下方闪一下又残留的黑影。空 panel 直接落隐藏态。\n * 其余关闭路径（失焦、Escape、点击外部、选中提交）内容仍在，过渡照常播。\n */\n const closed = await this._panel.close(() => this._isOpen, !this._hasMatchingOptions())\n if (closed) {\n this._syncScrollInteractionListeners()\n this._portal = undefined\n this._portalContent = undefined\n }\n }\n\n private _reconfigureOverlay() {\n this._portal = undefined\n this._portalContent = undefined\n this._panel.reconfigure(this._isOpen)\n this._syncScrollInteractionListeners()\n /*\n * reconfigure 重新 claim = 新会话，inert 回到 false。实测这条重推是**冗余**的（摘掉本行\n * 全部用例仍绿）：这条路径后面跟着一轮渲染，而 `updated()` 每次渲染都会调\n * `_syncOverlayInert()`。留在这里是不想依赖「这条路径必然跟着一次渲染」这个隐含前提。\n */\n this._syncOverlayInert()\n }\n\n private _syncScrollLock(isOpen = this._isOpen) {\n this._scrollLock.sync(isOpen && !this.noScrollLock)\n }\n\n private _createPortal(): OverlayPortal {\n const portal = defineOverlayPortal().make({\n container: this.overlayContainer,\n target: this,\n style: `${glass}\\n${overlayMotion}\\n${scrollbarStyle}\\n${style}`,\n className: 'wui-glass autocomplete-overlay portal wui-floating-panel',\n onContentChange: () => {\n this._optionPortal.scheduleRefresh()\n }\n })\n this._portal = portal\n applyOverlayVariables(portal.panel, this, [\n '--wui-overlay-min-width',\n '--wui-autocomplete-max-width',\n '--wui-autocomplete-max-height'\n ])\n portal.panel.setAttribute('aria-hidden', 'true')\n portal.panel.addEventListener('pointerdown', this._handlePanelPointerDown)\n const scroll = document.createElement('div')\n scroll.className = 'autocomplete-scroll wui-scroll'\n const content = document.createElement('div')\n content.className = 'autocomplete-content'\n this._portalContent = content\n scroll.append(content)\n portal.panel.append(scroll)\n for (const node of Array.from(this.childNodes)) {\n // 框架注释锚点（v-if/v-for 占位）必须留在宿主：锚点进 panel 后 Vue 下次翻转\n // 会以 panel 内节点为插入基准；portal 的 marker 注释同理不参与迁移。\n if (node instanceof Comment) continue\n // 自定义 trigger 与 select（:461）同判据：留在宿主，不随 options 迁入 overlay\n if (isTriggerSlotNode(node)) continue\n // 已移除的 empty slot 不能作为普通内容出现在新 portal panel 中\n if (isEmptySlotNode(node)) continue\n portal.appendContent([node], content)\n }\n return portal\n }\n\n private _getLabelledbyText(): string {\n if (!this.ariaLabelledby) return ''\n\n const root = this.getRootNode()\n if (!(root instanceof Document || root instanceof ShadowRoot)) return ''\n\n return this.ariaLabelledby\n .trim()\n .split(/\\s+/)\n .map(id => {\n const escapedId = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(id) : id\n return root.querySelector(`#${escapedId}`)?.textContent?.trim() ?? ''\n })\n .filter(Boolean)\n .join(' ')\n }\n\n override render() {\n const listboxId = `${this._idPrefix}-listbox`\n const labelId = `${this._idPrefix}-label`\n const labelledbyText = this._getLabelledbyText()\n const visibleOptions = this._options.filter(option => !option.hasAttribute('data-filtered'))\n const activeOption = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : undefined\n const activeDescendant = activeOption ? this._getA11yOptionId(activeOption) : nothing\n\n return html`\n <div class=\"wui-autocomplete-inner\">\n ${labelledbyText ? html`<span class=\"autocomplete-a11y-only\" id=${labelId}>${labelledbyText}</span>` : nothing}\n <div\n class=\"autocomplete-trigger\"\n ?data-custom-trigger=${this._hasTriggerSlot}\n role=\"combobox\"\n aria-expanded=${this._isOpen}\n aria-haspopup=\"listbox\"\n aria-autocomplete=\"list\"\n aria-controls=${listboxId}\n aria-disabled=${String(this._isDisabled)}\n aria-readonly=${this.readonly ? 'true' : nothing}\n aria-label=${ifDefined(this.ariaLabel)}\n aria-labelledby=${labelledbyText ? labelId : nothing}\n aria-activedescendant=${activeDescendant}\n tabindex=\"-1\"\n >\n <slot name=\"trigger\" @slotchange=${this._onTriggerSlotChange}></slot>\n ${\n !this._hasTriggerSlot\n ? html`<web-ui-input\n class=\"autocomplete-input\"\n .value=${this._value}\n placeholder=${this.placeholder}\n name=${this.name}\n ?borderless=${this.borderless}\n ?disabled=${this._isDisabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n aria-label=${ifDefined(this.ariaLabel || labelledbyText || undefined)}\n ></web-ui-input>`\n : nothing\n }\n </div>\n <div\n class=\"autocomplete-a11y-listbox\"\n id=${listboxId}\n role=\"listbox\"\n ?hidden=${!this._isOpen}\n aria-hidden=${String(!this._isOpen)}\n >\n ${visibleOptions.map(\n option =>\n html`<div\n id=${this._getA11yOptionId(option)}\n role=\"option\"\n aria-selected=${option.value === this._selectedValue ? 'true' : 'false'}\n aria-hidden=${String(!this._isOpen)}\n aria-disabled=${String(option.disabled)}\n >\n ${option.label}\n </div>`\n )}\n </div>\n <div\n class=\"autocomplete-overlay wui-floating-panel wui-glass\"\n hidden\n aria-hidden=\"true\"\n @pointerdown=${this._handlePanelPointerDown}\n >\n <div class=\"autocomplete-scroll wui-scroll\">\n <div class=\"autocomplete-content\">\n <slot @slotchange=${this._onSlotChange}></slot>\n </div>\n </div>\n </div>\n </div>\n `\n }\n\n declare readonly $events: {\n input: Event\n change: Event\n focus: FocusEvent\n blur: FocusEvent\n 'open-change': CustomEvent<{ open: boolean }>\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'web-ui-autocomplete': WebUiAutocomplete\n }\n}\n"],"mappings":"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"}
package/dist/components/drawer/index.d.ts CHANGED
@@ -40,6 +40,15 @@ export declare class WebUiDrawer extends LitElement {
40
40
  * 关闭态基于原生 dialog 无可见渲染物，因此不支持从关闭态拖拽打开。
41
41
  */
42
42
  draggable: boolean;
43
+ /**
44
+ * 打开时整页朝 drawer 进场方向让开一段距离：横向 1 个轴单位 a 是 `1vw`、纵向是 `1vh`，
45
+ * 第 1 层让开 16a，之后每层减半，等比和收敛到 32a、不会超过。
46
+ * 位移写在 `documentElement` 上：页面里的 fixed 内容会一起走，top layer 中的
47
+ * `<dialog>`（含本 drawer 自己）不受影响。位移以 `vw` / `vh` 写在根元素上，视口宽高
48
+ * 变化时跟着重算，不需要重新打开。
49
+ * 嵌套与同级 drawer 都按打开先后排层。reduce 档位下整套不生效。
50
+ */
51
+ pageShift: boolean;
43
52
  private get dialog();
44
53
  private _hasHeaderSlot;
45
54
  private _hasFooterSlot;
@@ -50,6 +59,7 @@ export declare class WebUiDrawer extends LitElement {
50
59
  private readonly _scrollLock;
51
60
  private readonly _presence;
52
61
  private readonly _nestedLayers;
62
+ private readonly _pageShift;
53
63
  private readonly _overlay;
54
64
  /** 当前开启会话的 handle；未开启时为 null。 */
55
65
  private _handle;
@@ -150,6 +160,7 @@ export declare class WebUiDrawer extends LitElement {
150
160
  private handleBackdropClick;
151
161
  private emitOpenChange;
152
162
  private _syncScrollLock;
163
+ private _syncPageShift;
153
164
  render(): import("lit").TemplateResult<1>;
154
165
  readonly $events: {
155
166
  'open-change': CustomEvent<{
package/dist/components/drawer/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/drawer/index.ts"],"mappings":";;;cAyBM;YAEM,0BAA0B;qBAkLzB,oBAAoB;SACf,sBAAM;EAEsB;EAC6B;EACG;;;;;;EAOhC;MAGxC,aAAa;MAGb,UAAU;UAKN;EAGoB;EAEgB;;;;;EAMA;;;;;EAMgB;;MASxD;MAGA,YAAY;;EAK2C;;;;;;EAON;cAEzC;UAIJ;UACA;mBACS;mBAWA;mBAGA;UAaT;mBAMS;mBACA;mBAMA;mBAYA;;UAKT;UAEA;UAEA;UACA;UAIA;UAEA;UAEA;UAEA;UAGA;UACA;UAEA;UACA;cAEI;cAKA;UAaJ;UAQA;UAMA;UAQA;UAIA;UASA;UAIA;;;;;;;;;;;;;;;UAsBA;;;;;;;;UAuBA;UAQA;UA8GA;UAuBA;UAYA;UASA;UAMA;UAsCA;UAqBA;UAWA;UAyBA;UAQA;UAaA;mBAWS;EAeR;EAiBA;EAIA;;UAeD;;;;;;;;;;;;;;;;;;UAyBA;UASA;UAIA;UAUA;UAQA;YAQW,QAAQ,OAAO;UAkE1B;UAYA;UAMA;EAmCR;EAKA;mBAKiB;UAqBT;UAMA;UA4CA;UAEA;UAIA;UAgBA;UAIA;EAIC,wBAAM;WA4FE;IACf,eAAe;MAAc;;;;QAIzB;YACI;IACR,iBAAiB"}
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/drawer/index.ts"],"mappings":";;;cA0BM;YAEM,0BAA0B;qBAkLzB,oBAAoB;SACf,sBAAM;EAEsB;EAC6B;EACG;;;;;;EAOhC;MAGxC,aAAa;MAGb,UAAU;UAKN;EAGoB;EAEgB;;;;;EAMA;;;;;EAMgB;;MASxD;MAGA,YAAY;;EAK2C;;;;;;EAON;;;;;;;;;EAUgB;cAEzD;UAIJ;UACA;mBACS;mBAWA;mBAGA;UAaT;mBAMS;mBACA;mBAMA;mBASA;mBAcA;;UAKT;UAEA;UAEA;UACA;UAIA;UAEA;UAEA;UAEA;UAGA;UACA;UAEA;UACA;cAEI;cAKA;UAaJ;UAQA;UAMA;UAQA;UAIA;UASA;UAIA;;;;;;;;;;;;;;;UAsBA;;;;;;;;UAuBA;UAQA;UA8GA;UAuBA;UAYA;UASA;UAMA;UAsCA;UAqBA;UAWA;UAyBA;UAQA;UAaA;mBAWS;EAeR;EAoBA;EAIA;;UAgBD;;;;;;;;;;;;;;;;;;UAyBA;UASA;UAIA;UAUA;UAQA;YAQW,QAAQ,OAAO;UAqE1B;UAYA;UAMA;EAmCR;EAKA;mBAKiB;UAqBT;UAMA;UA4CA;UAEA;UAIA;UAgBA;UAIA;UAaA;EAKC,wBAAM;WA4FE;IACf,eAAe;MAAc;;;;QAIzB;YACI;IACR,iBAAiB"}
package/dist/components/drawer/index.js CHANGED
@@ -18,6 +18,7 @@ import { ElementHeightController } from "../../shared/element-height/index.js";
18
18
  import { attachDragGesture } from "../../shared/gesture/drag-gesture.js";
19
19
  import { dampOverscroll } from "../../shared/gesture/physics.js";
20
20
  import { defineNestedDrawerLayers } from "../../shared/overlay/nested-drawer-layers.js";
21
+ import { definePageShift } from "./page-shift.js";
21
22
  import style_default from "./style.js";
22
23
  import { LitElement, html, nothing, unsafeCSS } from "lit";
23
24
  import { customElement, property } from "lit/decorators.js";
@@ -116,6 +117,7 @@ let WebUiDrawer = class WebUiDrawer extends LitElement {
116
117
  this.ariaDialogLabel = "";
117
118
  this.ariaCloseLabel = "";
118
119
  this.draggable = false;
120
+ this.pageShift = false;
119
121
  this._hasHeaderSlot = false;
120
122
  this._hasFooterSlot = false;
121
123
  this._userOpenChange = new UserChangeController();
@@ -131,6 +133,12 @@ let WebUiDrawer = class WebUiDrawer extends LitElement {
131
133
  getDialog: () => this.dialog,
132
134
  getPlacement: () => this._placement
133
135
  });
136
+ this._pageShift = definePageShift().make({
137
+ getHost: () => this,
138
+ isEnabled: () => this.pageShift,
139
+ getAxis: () => this._dragAxis,
140
+ getSign: () => -this._dragCloseSign
141
+ });
134
142
  this._overlay = defineOpenOverlay().make({
135
143
  requestClose: () => this._closeFromUser(),
136
144
  isConnected: () => this.isConnected
@@ -434,7 +442,10 @@ let WebUiDrawer = class WebUiDrawer extends LitElement {
434
442
  super.connectedCallback();
435
443
  this._resyncSlotPresence();
436
444
  this._presence.reconcile();
437
- if (this.open) this._nestedLayers.register();
445
+ if (this.open) {
446
+ this._nestedLayers.register();
447
+ this._pageShift.push();
448
+ }
438
449
  this._syncScrollLock();
439
450
  this._reclaimIfOpen();
440
451
  }
@@ -444,6 +455,7 @@ let WebUiDrawer = class WebUiDrawer extends LitElement {
444
455
  disconnectedCallback() {
445
456
  super.disconnectedCallback();
446
457
  this._nestedLayers.dispose();
458
+ this._pageShift.dispose();
447
459
  this._dragGesture?.destroy();
448
460
  this._dragGesture = null;
449
461
  this._presence.dispose();
@@ -548,6 +560,7 @@ let WebUiDrawer = class WebUiDrawer extends LitElement {
548
560
  }
549
561
  }
550
562
  if (props.has("open") || props.has("noScrollLock")) this._syncScrollLock();
563
+ if (props.has("open") || props.has("pageShift")) this._syncPageShift();
551
564
  }
552
565
  handleTransitionEnd(e) {
553
566
  if (e.target !== e.currentTarget) return;
@@ -630,6 +643,10 @@ let WebUiDrawer = class WebUiDrawer extends LitElement {
630
643
  _syncScrollLock(isOpen = this.open) {
631
644
  this._scrollLock.sync(isOpen && !this.noScrollLock);
632
645
  }
646
+ _syncPageShift() {
647
+ if (this.open && this.pageShift) this._pageShift.push();
648
+ else this._pageShift.pop();
649
+ }
633
650
  render() {
634
651
  const showHeader = this._hasHeaderSlot || !!this.heading;
635
652
  const dialogLabel = this.ariaDialogLabel.trim();
@@ -739,6 +756,11 @@ __decorate([property({
739
756
  type: Boolean,
740
757
  reflect: true
741
758
  })], WebUiDrawer.prototype, "draggable", void 0);
759
+ __decorate([property({
760
+ type: Boolean,
761
+ reflect: true,
762
+ attribute: "page-shift"
763
+ })], WebUiDrawer.prototype, "pageShift", void 0);
742
764
  WebUiDrawer = __decorate([customElement("web-ui-drawer")], WebUiDrawer);
743
765
  export { WebUiDrawer };
744
766