@greypan/web-ui 6.1.0 → 6.2.0

package/dist/components/tooltip/index.js

@@ -6,14 +6,18 @@ import { dispatchOpenChangeEvent as a } from "../../shared/open-state/index.js";
 import { defineAnchoredPanel as o } from "../../shared/overlay/anchored-panel.js";
 import { defineOverlayPortal as s } from "../../shared/overlay/portal.js";
 import { UserChangeController as c } from "../../shared/events/user-change.js";
-import { FLOATING_PLACEMENTS as l } from "../../shared/overlay/placement-props.js";
-import u from "./style.js";
-import { LitElement as d, html as f, unsafeCSS as p } from "lit";
-import { customElement as m, property as h } from "lit/decorators.js";
+import { defineOverlayLifecycle as l } from "../../shared/overlay/lifecycle.js";
+import { FLOATING_PLACEMENTS as u } from "../../shared/overlay/placement-props.js";
+import d from "./style.js";
+import { LitElement as f, html as p, unsafeCSS as m } from "lit";
+import { customElement as h, property as g } from "lit/decorators.js";
 //#region src/components/tooltip/index.ts
-var g = 0, _ = class extends d {
+var _ = 0, v = class extends f {
 	constructor(...e) {
-		super(...e), this._placement = "top", this._showDelay = 200, this._hideDelay = 100, this.disabled = !1, this._offset = 6, this.content = "", this.open = !1, this.portal = !1, this._isCountedVisible = !1, this._userOpenChange = new c(), this._shouldOpenInstantly = !0, this._panel = o().make({
+		super(...e), this._placement = "top", this._showDelay = 200, this._hideDelay = 100, this.disabled = !1, this._offset = 6, this.content = "", this.open = !1, this.portal = !1, this._isCountedVisible = !1, this._userOpenChange = new c(), this._shouldOpenInstantly = !0, this._lifecycle = l().make({
+			isConnected: () => this.isConnected,
+			isOpen: () => this.open
+		}), this._panel = o().make({
 			getAnchor: () => this.shadowRoot?.querySelector(".tooltip-trigger") ?? null,
 			getLocalPanel: () => this.shadowRoot?.querySelector(".tooltip-panel") ?? null,
 			getPositioning: () => ({
@@ -24,7 +28,7 @@ var g = 0, _ = class extends d {
 			isPortal: () => this.portal,
 			createPortal: () => this._createPortal()
 		}), this._onPointerEnter = (e) => {
-			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._hideTimer), this._showTimer = setTimeout(() => this._show(), g > 0 ? 0 : this.showDelay)));
+			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._hideTimer), this._showTimer = setTimeout(() => this._show(), _ > 0 ? 0 : this.showDelay)));
 		}, this._onPointerLeave = (e) => {
 			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._showTimer), this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)));
 		}, this._onFocusIn = (e) => {
@@ -35,9 +39,9 @@ var g = 0, _ = class extends d {
 	}
 	static {
 		this.styles = [
-			p(t),
-			p(n),
-			p(u)
+			m(t),
+			m(n),
+			m(d)
 		];
 	}
 	get placement() {
@@ -45,7 +49,7 @@ var g = 0, _ = class extends d {
 	}
 	set placement(e) {
 		let t = this._placement;
-		this._placement = r(e, l, "top"), this.requestUpdate("placement", t);
+		this._placement = r(e, u, "top"), this.requestUpdate("placement", t);
 	}
 	get showDelay() {
 		return this._showDelay;
@@ -72,16 +76,16 @@ var g = 0, _ = class extends d {
 		return this.open;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.addEventListener("pointerenter", this._onPointerEnter), this.addEventListener("pointerleave", this._onPointerLeave), this.addEventListener("focusin", this._onFocusIn), this.addEventListener("focusout", this._onFocusOut);
+		super.connectedCallback(), this._lifecycle.resume(), this.addEventListener("pointerenter", this._onPointerEnter), this.addEventListener("pointerleave", this._onPointerLeave), this.addEventListener("focusin", this._onFocusIn), this.addEventListener("focusout", this._onFocusOut);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("pointerenter", this._onPointerEnter), this.removeEventListener("pointerleave", this._onPointerLeave), this.removeEventListener("focusin", this._onFocusIn), this.removeEventListener("focusout", this._onFocusOut), clearTimeout(this._showTimer), clearTimeout(this._hideTimer), this._syncVisibleTooltipCount(!1), this._panel.dispose();
+		super.disconnectedCallback(), this.removeEventListener("pointerenter", this._onPointerEnter), this.removeEventListener("pointerleave", this._onPointerLeave), this.removeEventListener("focusin", this._onFocusIn), this.removeEventListener("focusout", this._onFocusOut), clearTimeout(this._showTimer), clearTimeout(this._hideTimer), this._lifecycle.dispose(), this._syncVisibleTooltipCount(!1), this._panel.dispose();
 	}
 	firstUpdated() {
 		this.open && (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0);
 	}
 	updated(e) {
-		e.has("portal") || e.has("overlayContainer") ? requestAnimationFrame(() => this._reconfigureOverlay()) : (e.has("placement") || e.has("offset")) && requestAnimationFrame(() => this._panel.updatePosition()), e.has("open") && (this._syncVisibleTooltipCount(this.open), this.open ? (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0) : this._closeOverlay(), this._userOpenChange.consume() && this._dispatchChange(this.open)), e.has("content") && this._syncPortalContent();
+		e.has("portal") || e.has("overlayContainer") ? (this._lifecycle.invalidate(), this._lifecycle.scheduleFrame(() => this._reconfigureOverlay())) : (e.has("placement") || e.has("offset")) && requestAnimationFrame(() => this._panel.updatePosition()), e.has("open") && (this._syncVisibleTooltipCount(this.open), this.open ? (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0) : (this._lifecycle.invalidate(), this._closeOverlay()), this._userOpenChange.consume() && this._dispatchChange(this.open)), e.has("content") && this._syncPortalContent();
 	}
 	_show(e = !1) {
 		this.open ||= (this._shouldOpenInstantly = e, this._userOpenChange.mark(), !0);
@@ -96,7 +100,7 @@ var g = 0, _ = class extends d {
 		let e = s().make({
 			container: this.overlayContainer,
 			target: this,
-			style: `${t}\n${n}\n${u}`,
+			style: `${t}\n${n}\n${d}`,
 			className: "tooltip-panel portal wui-glass wui-floating-panel",
 			migrateAddedNodes: (e) => e.filter((e) => e instanceof Element && e.getAttribute("slot") === "content")
 		});
@@ -116,53 +120,53 @@ var g = 0, _ = class extends d {
 		if (!this.portal || !this.open) return;
 		let e = this._panel.getPanel();
 		if (!e) return;
-		let t = e.querySelector(".tooltip-text");
-		if (t) {
-			t.textContent = this.content;
+		let t = this._portal?.panel ?? e, n = e.querySelector(".tooltip-text");
+		if (n) {
+			n.textContent = this.content;
 			return;
 		}
 		if (!this.content) return;
-		e.replaceChildren();
-		let n = document.createElement("span");
-		n.className = "tooltip-text", n.textContent = this.content, e.append(n);
+		t.replaceChildren();
+		let r = document.createElement("span");
+		r.className = "tooltip-text", r.textContent = this.content, t.append(r);
 	}
 	_dispatchChange(e) {
 		a(this, e);
 	}
 	_syncVisibleTooltipCount(e) {
-		e && !this._isCountedVisible ? (g += 1, this._isCountedVisible = !0) : !e && this._isCountedVisible && (g = Math.max(0, g - 1), this._isCountedVisible = !1);
+		e && !this._isCountedVisible ? (_ += 1, this._isCountedVisible = !0) : !e && this._isCountedVisible && (_ = Math.max(0, _ - 1), this._isCountedVisible = !1);
 	}
 	render() {
-		return f`
+		return p`
       <div class="tooltip-anchor">
         <div class="tooltip-trigger"><slot></slot></div>
-        <div class="tooltip-panel wui-glass wui-floating-panel" hidden role="tooltip">
-          ${this.content ? f`<span class="tooltip-text">${this.content}</span>` : f`<slot name="content"></slot>`}
+        <div class="tooltip-panel wui-floating-panel wui-glass" hidden role="tooltip">
+          ${this.content ? p`<span class="tooltip-text">${this.content}</span>` : p`<slot name="content"></slot>`}
         </div>
       </div>
     `;
 	}
 };
-e([h({
+e([g({
 	type: String,
 	reflect: !0
-})], _.prototype, "placement", null), e([h({
+})], v.prototype, "placement", null), e([g({
 	type: Number,
 	attribute: "show-delay"
-})], _.prototype, "showDelay", null), e([h({
+})], v.prototype, "showDelay", null), e([g({
 	type: Number,
 	attribute: "hide-delay"
-})], _.prototype, "hideDelay", null), e([h({
+})], v.prototype, "hideDelay", null), e([g({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "disabled", void 0), e([h({ type: Number })], _.prototype, "offset", null), e([h({ type: String })], _.prototype, "content", void 0), e([h({
+})], v.prototype, "disabled", void 0), e([g({ type: Number })], v.prototype, "offset", null), e([g({ type: String })], v.prototype, "content", void 0), e([g({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "open", void 0), e([h({
+})], v.prototype, "open", void 0), e([g({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "portal", void 0), e([h({ attribute: !1 })], _.prototype, "overlayContainer", void 0), _ = e([m("web-ui-tooltip")], _);
+})], v.prototype, "portal", void 0), e([g({ attribute: !1 })], v.prototype, "overlayContainer", void 0), v = e([h("web-ui-tooltip")], v);
 //#endregion
-export { _ as WebUiTooltip };
+export { v as WebUiTooltip };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { FLOATING_PLACEMENTS } from '@/shared/overlay/placement-props'\nimport { defineOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\n\nimport style from './style.css?inline'\n\nlet visibleTooltipCount = 0\n\n@customElement('web-ui-tooltip')\nexport class WebUiTooltip extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\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, 'top')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: Placement = 'top'\n\n  @property({ type: Number, attribute: 'show-delay' })\n  get showDelay(): number {\n    return this._showDelay\n  }\n  set showDelay(v: number) {\n    const old = this._showDelay\n    this._showDelay = normalizeNumber(v, 0, 5000, 200)\n    this.requestUpdate('showDelay', old)\n  }\n  private _showDelay = 200\n\n  @property({ type: Number, attribute: 'hide-delay' })\n  get hideDelay(): number {\n    return this._hideDelay\n  }\n  set hideDelay(v: number) {\n    const old = this._hideDelay\n    this._hideDelay = normalizeNumber(v, 0, 5000, 100)\n    this.requestUpdate('hideDelay', old)\n  }\n  private _hideDelay = 100\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    const old = this._offset\n    this._offset = normalizeNumber(v, 0, 100, 6)\n    this.requestUpdate('offset', old)\n  }\n  private _offset = 6\n\n  @property({ type: String }) content = ''\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n\n  private _showTimer?: ReturnType<typeof setTimeout>\n  private _hideTimer?: ReturnType<typeof setTimeout>\n  private _isCountedVisible = false\n  private readonly _userOpenChange = new UserChangeController()\n  private _shouldOpenInstantly = true\n  private _portal?: OverlayPortal\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-trigger') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel') ?? null,\n    getPositioning: () => ({\n      placement: this.placement,\n      offset: this.offset,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this.open\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    this.addEventListener('focusin', this._onFocusIn)\n    this.addEventListener('focusout', this._onFocusOut)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this.removeEventListener('focusin', this._onFocusIn)\n    this.removeEventListener('focusout', this._onFocusOut)\n    clearTimeout(this._showTimer)\n    clearTimeout(this._hideTimer)\n    this._syncVisibleTooltipCount(false)\n    this._panel.dispose()\n  }\n\n  override firstUpdated() {\n    if (this.open) {\n      this._openOverlay(this._shouldOpenInstantly)\n      this._shouldOpenInstantly = true\n    }\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    if (changed.has('portal') || changed.has('overlayContainer')) {\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    } else if (changed.has('placement') || changed.has('offset'))\n      requestAnimationFrame(() => this._panel.updatePosition())\n\n    if (changed.has('open')) {\n      this._syncVisibleTooltipCount(this.open)\n      if (this.open) {\n        this._openOverlay(this._shouldOpenInstantly)\n        this._shouldOpenInstantly = true\n      } else {\n        void this._closeOverlay()\n      }\n      if (this._userOpenChange.consume()) this._dispatchChange(this.open)\n    }\n    if (changed.has('content')) this._syncPortalContent()\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._showTimer = setTimeout(() => this._show(), visibleTooltipCount > 0 ? 0 : this.showDelay)\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)\n  }\n\n  private _onFocusIn = (event: FocusEvent) => {\n    if (this.disabled) return\n    if (!(event.target instanceof Element) || !event.target.matches(':focus-visible')) return\n\n    clearTimeout(this._hideTimer)\n    this._show(true)\n  }\n\n  private _onFocusOut = () => {\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hide()\n  }\n\n  private _show(isInstant = false) {\n    if (this.open) return\n    this._shouldOpenInstantly = isInstant\n    this._userOpenChange.mark()\n    this.open = true\n  }\n\n  private _hide() {\n    if (!this.open) return\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private _openOverlay(isInstant = false) {\n    this._panel.open(isInstant)\n  }\n\n  private _createPortal(): OverlayPortal {\n    const portal = defineOverlayPortal().make({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'tooltip-panel portal wui-glass wui-floating-panel',\n      // 已迁移节点被框架删除后的解除追踪是 portal 内建默认行为，这里无需 onContentChange\n      // 打开期实时渲染：新增的 slot=content 元素实时迁入面板（注释锚点无法携带\n      // slot 属性，天然留在宿主作为框架 patch 的插入基准）。\n      migrateAddedNodes: addedNodes =>\n        addedNodes.filter(node => node instanceof Element && node.getAttribute('slot') === 'content')\n    })\n    this._portal = portal\n    if (this.content) {\n      const text = document.createElement('span')\n      text.className = 'tooltip-text'\n      text.textContent = this.content\n      portal.panel.append(text)\n    } else portal.moveContent(Array.from(this.querySelectorAll('[slot=\"content\"]')))\n    portal.panel.setAttribute('role', 'tooltip')\n    return portal\n  }\n\n  private async _closeOverlay() {\n    await this._panel.close(() => this.open)\n  }\n\n  private _reconfigureOverlay() {\n    this._panel.reconfigure(this.open)\n  }\n\n  private _syncPortalContent() {\n    if (!this.portal || !this.open) return\n    const panel = this._panel.getPanel()\n    if (!panel) return\n    const text = panel.querySelector<HTMLElement>('.tooltip-text')\n    if (text) {\n      text.textContent = this.content\n      return\n    }\n    if (!this.content) return\n    panel.replaceChildren()\n    const nextText = document.createElement('span')\n    nextText.className = 'tooltip-text'\n    nextText.textContent = this.content\n    panel.append(nextText)\n  }\n\n  private _dispatchChange(open: boolean) {\n    dispatchOpenChangeEvent(this, open)\n  }\n\n  private _syncVisibleTooltipCount(isVisible: boolean) {\n    if (isVisible && !this._isCountedVisible) {\n      visibleTooltipCount += 1\n      this._isCountedVisible = true\n    } else if (!isVisible && this._isCountedVisible) {\n      visibleTooltipCount = Math.max(0, visibleTooltipCount - 1)\n      this._isCountedVisible = false\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"tooltip-anchor\">\n        <div class=\"tooltip-trigger\"><slot></slot></div>\n        <div class=\"tooltip-panel wui-glass wui-floating-panel\" hidden role=\"tooltip\">\n          ${this.content ? html`<span class=\"tooltip-text\">${this.content}</span>` : html`<slot name=\"content\"></slot>`}\n        </div>\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-tooltip': WebUiTooltip\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { dispatchOpenChangeEvent } from '@/shared/open-state'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOverlayLifecycle } from '@/shared/overlay/lifecycle'\nimport { FLOATING_PLACEMENTS } from '@/shared/overlay/placement-props'\nimport { defineOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\n\nimport style from './style.css?inline'\n\nlet visibleTooltipCount = 0\n\n@customElement('web-ui-tooltip')\nexport class WebUiTooltip extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\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, 'top')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: Placement = 'top'\n\n  @property({ type: Number, attribute: 'show-delay' })\n  get showDelay(): number {\n    return this._showDelay\n  }\n  set showDelay(v: number) {\n    const old = this._showDelay\n    this._showDelay = normalizeNumber(v, 0, 5000, 200)\n    this.requestUpdate('showDelay', old)\n  }\n  private _showDelay = 200\n\n  @property({ type: Number, attribute: 'hide-delay' })\n  get hideDelay(): number {\n    return this._hideDelay\n  }\n  set hideDelay(v: number) {\n    const old = this._hideDelay\n    this._hideDelay = normalizeNumber(v, 0, 5000, 100)\n    this.requestUpdate('hideDelay', old)\n  }\n  private _hideDelay = 100\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    const old = this._offset\n    this._offset = normalizeNumber(v, 0, 100, 6)\n    this.requestUpdate('offset', old)\n  }\n  private _offset = 6\n\n  @property({ type: String }) content = ''\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n\n  private _showTimer?: ReturnType<typeof setTimeout>\n  private _hideTimer?: ReturnType<typeof setTimeout>\n  private _isCountedVisible = false\n  private readonly _userOpenChange = new UserChangeController()\n  private _shouldOpenInstantly = true\n  private _portal?: OverlayPortal\n  private readonly _lifecycle = defineOverlayLifecycle().make({\n    isConnected: () => this.isConnected,\n    isOpen: () => this.open\n  })\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-trigger') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel') ?? null,\n    getPositioning: () => ({\n      placement: this.placement,\n      offset: this.offset,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this.open\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._lifecycle.resume()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    this.addEventListener('focusin', this._onFocusIn)\n    this.addEventListener('focusout', this._onFocusOut)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this.removeEventListener('focusin', this._onFocusIn)\n    this.removeEventListener('focusout', this._onFocusOut)\n    clearTimeout(this._showTimer)\n    clearTimeout(this._hideTimer)\n    this._lifecycle.dispose()\n    this._syncVisibleTooltipCount(false)\n    this._panel.dispose()\n  }\n\n  override firstUpdated() {\n    if (this.open) {\n      this._openOverlay(this._shouldOpenInstantly)\n      this._shouldOpenInstantly = true\n    }\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    if (changed.has('portal') || changed.has('overlayContainer')) {\n      // 同帧 open + reconfigure 可能重复建事务；invalidate 保证 reconfigure 是当前唯一帧回调。\n      this._lifecycle.invalidate()\n      this._lifecycle.scheduleFrame(() => this._reconfigureOverlay())\n    } else if (changed.has('placement') || changed.has('offset'))\n      requestAnimationFrame(() => this._panel.updatePosition())\n\n    if (changed.has('open')) {\n      this._syncVisibleTooltipCount(this.open)\n      if (this.open) {\n        this._openOverlay(this._shouldOpenInstantly)\n        this._shouldOpenInstantly = true\n      } else {\n        this._lifecycle.invalidate()\n        void this._closeOverlay()\n      }\n      if (this._userOpenChange.consume()) this._dispatchChange(this.open)\n    }\n    if (changed.has('content')) this._syncPortalContent()\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._showTimer = setTimeout(() => this._show(), visibleTooltipCount > 0 ? 0 : this.showDelay)\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)\n  }\n\n  private _onFocusIn = (event: FocusEvent) => {\n    if (this.disabled) return\n    if (!(event.target instanceof Element) || !event.target.matches(':focus-visible')) return\n\n    clearTimeout(this._hideTimer)\n    this._show(true)\n  }\n\n  private _onFocusOut = () => {\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hide()\n  }\n\n  private _show(isInstant = false) {\n    if (this.open) return\n    this._shouldOpenInstantly = isInstant\n    this._userOpenChange.mark()\n    this.open = true\n  }\n\n  private _hide() {\n    if (!this.open) return\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private _openOverlay(isInstant = false) {\n    this._panel.open(isInstant)\n  }\n\n  private _createPortal(): OverlayPortal {\n    const portal = defineOverlayPortal().make({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'tooltip-panel portal wui-glass wui-floating-panel',\n      // 已迁移节点被框架删除后的解除追踪是 portal 内建默认行为，这里无需 onContentChange\n      // 打开期实时渲染：新增的 slot=content 元素实时迁入面板（注释锚点无法携带\n      // slot 属性，天然留在宿主作为框架 patch 的插入基准）。\n      migrateAddedNodes: addedNodes =>\n        addedNodes.filter(node => node instanceof Element && node.getAttribute('slot') === 'content')\n    })\n    this._portal = portal\n    if (this.content) {\n      const text = document.createElement('span')\n      text.className = 'tooltip-text'\n      text.textContent = this.content\n      portal.panel.append(text)\n    } else portal.moveContent(Array.from(this.querySelectorAll('[slot=\"content\"]')))\n    portal.panel.setAttribute('role', 'tooltip')\n    return portal\n  }\n\n  private async _closeOverlay() {\n    await this._panel.close(() => this.open)\n  }\n\n  private _reconfigureOverlay() {\n    this._panel.reconfigure(this.open)\n  }\n\n  private _syncPortalContent() {\n    if (!this.portal || !this.open) return\n    const localPanel = this._panel.getPanel()\n    if (!localPanel) return\n    const panel = this._portal?.panel ?? localPanel\n    const text = localPanel.querySelector<HTMLElement>('.tooltip-text')\n    if (text) {\n      text.textContent = this.content\n      return\n    }\n    if (!this.content) return\n    panel.replaceChildren()\n    const nextText = document.createElement('span')\n    nextText.className = 'tooltip-text'\n    nextText.textContent = this.content\n    panel.append(nextText)\n  }\n\n  private _dispatchChange(open: boolean) {\n    dispatchOpenChangeEvent(this, open)\n  }\n\n  private _syncVisibleTooltipCount(isVisible: boolean) {\n    if (isVisible && !this._isCountedVisible) {\n      visibleTooltipCount += 1\n      this._isCountedVisible = true\n    } else if (!isVisible && this._isCountedVisible) {\n      visibleTooltipCount = Math.max(0, visibleTooltipCount - 1)\n      this._isCountedVisible = false\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"tooltip-anchor\">\n        <div class=\"tooltip-trigger\"><slot></slot></div>\n        <div class=\"tooltip-panel wui-floating-panel wui-glass\" hidden role=\"tooltip\">\n          ${this.content ? html`<span class=\"tooltip-text\">${this.content}</span>` : html`<slot name=\"content\"></slot>`}\n        </div>\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-tooltip': WebUiTooltip\n  }\n}\n"],"mappings":"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"}

package/dist/components/tooltip/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/tooltip/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n.tooltip-anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.tooltip-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n\n  pointer-events: none;\n\n  position: absolute;\n  z-index: var(--wui-layer-inline-overlay, 1);\n  top: -9999px;\n  left: -9999px;\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: var(--wui-tooltip-max-width, 240px);\n  padding: 6px 10px;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  font-size: var(--wui-tooltip-font-size, 13px);\n  color: var(--wui-color-text, #1b1b1b);\n\n  background-color: var(--wui-color-surface-menu, rgb(246 246 246 / 0.82));\n}\n\n.tooltip-panel.portal {\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n}\n\n.tooltip-panel.hidden {\n  display: none;\n}\n\n.tooltip-text {\n  display: block;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n\n:host([portal]) .tooltip-panel {\n  display: none;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/tooltip/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n.tooltip-anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.tooltip-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n\n  pointer-events: none;\n\n  position: absolute;\n  z-index: var(--wui-layer-inline-overlay, 1);\n  top: -9999px;\n  left: -9999px;\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: var(--wui-tooltip-max-width, 240px);\n  padding: 6px 10px;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  font-size: var(--wui-tooltip-font-size, 13px);\n  color: var(--wui-color-text, #1b1b1b);\n\n  /* 玻璃背景：wui-glass 在面板自身，这里覆盖其默认玻璃底为菜单表面色 */\n  background-color: var(--wui-color-surface-menu, rgb(246 246 246 / 0.82));\n}\n\n.tooltip-panel.portal {\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n}\n\n.tooltip-panel.hidden {\n  display: none;\n}\n\n.tooltip-text {\n  display: block;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n\n:host([portal]) .tooltip-panel {\n  display: none;\n}\n"],"mappings":""}

package/dist/icons/generated/radix-icons-reset.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/radix-icons-reset.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/radix-icons-reset.ts
+var e = {
+	body: "<path fill=\"currentColor\" d=\"M4.225 2.082a.5.5 0 0 1 .693.694l-.065.078L3.707 4H9a4.5 4.5 0 0 1 0 9H5a.5.5 0 1 1 0-1h4a3.5 3.5 0 1 0 0-7H3.707l1.146 1.147l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-2-2a.5.5 0 0 1 0-.707l2-2z\"/>",
+	width: 15,
+	height: 15
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=radix-icons-reset.js.map

package/dist/icons/generated/radix-icons-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radix-icons-reset.js","names":[],"sources":["../../../src/icons/generated/radix-icons-reset.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"currentColor\" d=\"M4.225 2.082a.5.5 0 0 1 .693.694l-.065.078L3.707 4H9a4.5 4.5 0 0 1 0 9H5a.5.5 0 1 1 0-1h4a3.5 3.5 0 1 0 0-7H3.707l1.146 1.147l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-2-2a.5.5 0 0 1 0-.707l2-2z\"/>',\n  width: 15,\n  height: 15\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/index.d.ts

@@ -64,3 +64,4 @@ export { default as lucideEllipsisVertical } from './generated/lucide-ellipsis-v
 export { default as heroiconsBarsArrowDown16Solid } from './generated/heroicons-bars-arrow-down-16-solid';
 export { default as heroiconsBarsArrowUp16Solid } from './generated/heroicons-bars-arrow-up-16-solid';
 export { default as lucideListRestart } from './generated/lucide-list-restart';
+export { default as radixIconsReset } from './generated/radix-icons-reset';

package/dist/icons/index.js

@@ -64,4 +64,5 @@ import ce from "./generated/lucide-ellipsis-vertical.js";
 import le from "./generated/heroicons-bars-arrow-down-16-solid.js";
 import ue from "./generated/heroicons-bars-arrow-up-16-solid.js";
 import de from "./generated/lucide-list-restart.js";
-export { le as heroiconsBarsArrowDown16Solid, ue as heroiconsBarsArrowUp16Solid, k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, te as lucideClapperboard, h as lucideClipboardPaste, se as lucideCode, m as lucideCopy, y as lucideDownload, ce as lucideEllipsisVertical, B as lucideExternalLink, ee as lucideEye, f as lucideFile, V as lucideFileText, H as lucideFilm, p as lucideFolder, U as lucideFolderOpen, L as lucideGlobe, ne as lucideHeadphones, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, W as lucideLayoutGrid, $ as lucideLink, ae as lucideListFilter, de as lucideListRestart, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, G as lucideMusic, K as lucidePackage, re as lucidePenLine, q as lucidePencil, ie as lucidePlay, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, J as lucideRefreshCw, C as lucideScissors, u as lucideSearch, v as lucideSettings, Q as lucideSlidersHorizontal, M as lucideStar, Y as lucideTag, X as lucideTags, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, Z as lucideWrench, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized, oe as tablerSortAscendingLetters };
+import fe from "./generated/radix-icons-reset.js";
+export { le as heroiconsBarsArrowDown16Solid, ue as heroiconsBarsArrowUp16Solid, k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, te as lucideClapperboard, h as lucideClipboardPaste, se as lucideCode, m as lucideCopy, y as lucideDownload, ce as lucideEllipsisVertical, B as lucideExternalLink, ee as lucideEye, f as lucideFile, V as lucideFileText, H as lucideFilm, p as lucideFolder, U as lucideFolderOpen, L as lucideGlobe, ne as lucideHeadphones, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, W as lucideLayoutGrid, $ as lucideLink, ae as lucideListFilter, de as lucideListRestart, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, G as lucideMusic, K as lucidePackage, re as lucidePenLine, q as lucidePencil, ie as lucidePlay, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, J as lucideRefreshCw, C as lucideScissors, u as lucideSearch, v as lucideSettings, Q as lucideSlidersHorizontal, M as lucideStar, Y as lucideTag, X as lucideTags, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, Z as lucideWrench, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized, fe as radixIconsReset, oe as tablerSortAscendingLetters };

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

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

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

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

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

@@ -1,13 +1,33 @@
 function e(e, t) {
-	let n = typeof PointerEvent < "u" && e instanceof PointerEvent, r = n ? e.currentTarget || e.target : e, { axis: i = "both", threshold: a = 0, onStart: o, onMove: s, onEnd: c, onTap: l, onCancel: u } = t, d = null, f = 0, p = 0, m = a <= 0, h = [], g = null;
-	function _() {
+	let n = typeof PointerEvent < "u" && e instanceof PointerEvent, r = n ? e.currentTarget || e.target : e, { axis: i = "both", threshold: a = 0, onStart: o, onMove: s, onEnd: c, onTap: l, onCancel: u } = t, d = null, f = 0, p = 0, m = a <= 0, h = [], g = null, _ = null;
+	function v(e) {
+		e.cancelable && e.preventDefault();
+	}
+	function y(e) {
+		let t = /* @__PURE__ */ new Set(), n = typeof e.composedPath == "function" ? e.composedPath() : [];
+		for (let e of n) {
+			let n = e.nodeType;
+			(n === Node.ELEMENT_NODE || n === Node.DOCUMENT_FRAGMENT_NODE) && (e.addEventListener("touchmove", v, {
+				capture: !0,
+				passive: !1
+			}), t.add(e));
+		}
+		_ = t;
+	}
+	function b() {
+		if (_) {
+			for (let e of _) e.removeEventListener("touchmove", v, !0);
+			_ = null;
+		}
+	}
+	function x() {
 		if (h.length < 2) return {
 			vx: 0,
 			vy: 0,
 			v: 0
 		};
 		let e = h[0], t = h[h.length - 1], n = t.t - e.t;
-		if (n < 8) return {
+		if (n < 2) return {
 			vx: 0,
 			vy: 0,
 			v: 0
@@ -19,25 +39,25 @@ function e(e, t) {
 			v: o
 		};
 	}
-	function v() {
-		window.removeEventListener("pointermove", w, !0), window.removeEventListener("pointerup", T, !0), window.removeEventListener("pointercancel", E, !0), window.removeEventListener("lostpointercapture", E, !0);
+	function S() {
+		window.removeEventListener("pointermove", O, !0), window.removeEventListener("pointerup", k, !0), window.removeEventListener("pointercancel", A, !0), window.removeEventListener("lostpointercapture", j, !0);
 	}
-	function y() {
-		window.addEventListener("pointermove", w, !0), window.addEventListener("pointerup", T, !0), window.addEventListener("pointercancel", E, !0), window.addEventListener("lostpointercapture", E, !0);
+	function C() {
+		window.addEventListener("pointermove", O, !0), window.addEventListener("pointerup", k, !0), window.addEventListener("pointercancel", A, !0), window.addEventListener("lostpointercapture", j, !0);
 	}
-	function b() {
-		r && (r.removeEventListener("pointermove", w), r.removeEventListener("pointerup", T), r.removeEventListener("pointercancel", E), r.removeEventListener("lostpointercapture", E));
+	function w() {
+		r && (r.removeEventListener("pointermove", O), r.removeEventListener("pointerup", k), r.removeEventListener("pointercancel", A), r.removeEventListener("lostpointercapture", j));
 	}
-	function x() {
-		r && (r.addEventListener("pointermove", w), r.addEventListener("pointerup", T), r.addEventListener("pointercancel", E), r.addEventListener("lostpointercapture", E));
+	function T() {
+		r && (r.addEventListener("pointermove", O), r.addEventListener("pointerup", k), r.addEventListener("pointercancel", A), r.addEventListener("lostpointercapture", j));
 	}
-	function S() {
+	function E() {
 		if (d !== null && r && typeof r.hasPointerCapture == "function") try {
 			r.hasPointerCapture(d) && r.releasePointerCapture(d);
 		} catch {}
-		d = null, m = a <= 0, h = [], g = null, v(), b();
+		d = null, m = a <= 0, h = [], g = null, S(), w(), b();
 	}
-	function C(e) {
+	function D(e) {
 		if (d !== null || e.pointerType === "touch" && e.isPrimary === !1) return;
 		let t = {
 			pointerId: e.pointerId,
@@ -49,22 +69,22 @@ function e(e, t) {
 			t: e.timeStamp,
 			x: e.clientX,
 			y: e.clientY
-		}], g = null, y(), x(), m)) try {
+		}], g = null, C(), T(), y(e), m)) try {
 			r?.setPointerCapture?.(e.pointerId);
 		} catch {}
 	}
-	function w(e) {
+	function O(e) {
 		if (d !== e.pointerId || g === e) return;
 		g = e;
 		let t = e.clientX - f, n = e.clientY - p;
 		if (!m) {
 			if ((i === "x" ? Math.abs(t) : i === "y" ? Math.abs(n) : Math.hypot(t, n)) < a) return;
 			if (i === "x" && Math.abs(n) > Math.abs(t)) {
-				D();
+				M();
 				return;
 			}
 			if (i === "y" && Math.abs(t) > Math.abs(n)) {
-				D();
+				M();
 				return;
 			}
 			m = !0;
@@ -79,7 +99,7 @@ function e(e, t) {
 			x: e.clientX,
 			y: e.clientY
 		}); h.length > 2 && o - h[0].t > 100;) h.shift();
-		let { vx: c, vy: l, v: u } = _(), v = {
+		let { vx: c, vy: l, v: u } = x(), _ = {
 			pointerId: e.pointerId,
 			clientX: e.clientX,
 			clientY: e.clientY,
@@ -90,9 +110,9 @@ function e(e, t) {
 			velocity: u,
 			timeStamp: o
 		};
-		s?.(v, e);
+		s?.(_, e);
 	}
-	function T(e) {
+	function k(e) {
 		if (d !== e.pointerId) return;
 		let t = e.timeStamp;
 		for (h.push({
@@ -100,7 +120,7 @@ function e(e, t) {
 			x: e.clientX,
 			y: e.clientY
 		}); h.length > 2 && t - h[0].t > 100;) h.shift();
-		let n = e.clientX - f, r = e.clientY - p, { vx: i, vy: a, v: o } = _(), s = {
+		let n = e.clientX - f, r = e.clientY - p, { vx: i, vy: a, v: o } = x(), s = {
 			pointerId: e.pointerId,
 			clientX: e.clientX,
 			clientY: e.clientY,
@@ -111,19 +131,22 @@ function e(e, t) {
 			velocity: o,
 			timeStamp: e.timeStamp
 		}, g = m;
-		S(), g ? c?.(s, e) : (l?.(s, e), u?.(e));
+		E(), g ? c?.(s, e) : (l?.(s, e), u?.(e));
+	}
+	function A(e) {
+		d === e.pointerId && (E(), u?.(e));
 	}
-	function E(e) {
-		d === e.pointerId && (S(), u?.(e));
+	function j(e) {
+		d === e.pointerId && e.target === r && (E(), u?.(e));
 	}
-	function D() {
-		d !== null && (S(), u?.());
+	function M() {
+		d !== null && (E(), u?.());
 	}
-	return n ? C(e) : r && (r.addEventListener("pointerdown", C), r.addEventListener("pointermove", w), r.addEventListener("pointerup", T), r.addEventListener("pointercancel", E)), {
+	return n ? D(e) : r && (r.addEventListener("pointerdown", D), r.addEventListener("pointermove", O), r.addEventListener("pointerup", k), r.addEventListener("pointercancel", A)), {
 		isDragging: () => d !== null,
-		cancel: D,
+		cancel: M,
 		destroy: () => {
-			D(), !n && r && (r.removeEventListener("pointerdown", C), r.removeEventListener("pointermove", w), r.removeEventListener("pointerup", T), r.removeEventListener("pointercancel", E));
+			M(), !n && r && (r.removeEventListener("pointerdown", D), r.removeEventListener("pointermove", O), r.removeEventListener("pointerup", k), r.removeEventListener("pointercancel", A));
 		}
 	};
 }

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

@@ -1 +1 @@
-{"version":3,"file":"drag-gesture.js","names":[],"sources":["../../../src/shared/gesture/drag-gesture.ts"],"sourcesContent":["/**\n * 跨平台/跨浏览器 Pointer 拖拽手势生命周期管理器\n *\n * 封装：\n * 1. setPointerCapture 安全捕获与 window 兜底监听（防 pointer 丢失/离开视口悬挂）\n * 2. 多点触控副指针与未聚焦指针过滤\n * 3. 意图死区（threshold）与滑动轴向判定\n * 4. 100ms 滑动窗口平滑速度估算（Velocity px/s）\n * 5. Window / Handle 跨层事件去重（防重复采样）\n */\n\nconst VELOCITY_WINDOW_MS = 100\n\nexport interface DragSample {\n  t: number\n  x: number\n  y: number\n}\n\nexport interface DragStartInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  timeStamp: number\n}\n\nexport interface DragMoveInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number // 沿配置主轴（若为 both 则为欧氏速度）\n  timeStamp: number\n}\n\nexport interface DragEndInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number\n  timeStamp: number\n}\n\nexport interface DragGestureOptions {\n  /** 允许拖拽的轴向，默认 'both' */\n  axis?: 'x' | 'y' | 'both'\n  /** 拖拽启动的意图死区阈值（像素）。默认 0（即时跟手） */\n  threshold?: number\n  /** 手势启动回调。返回 false 可取消本次拖拽 */\n  onStart?: (info: DragStartInfo, event: PointerEvent) => boolean | void\n  /** 拖拽移动回调 */\n  onMove?: (info: DragMoveInfo, event: PointerEvent) => void\n  /** 正常松手回调 */\n  onEnd?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 未通过意图阈值的 pointerup 回调，供点击定位类控件提交一次 tap */\n  onTap?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 手势取消/被打断回调（如 pointercancel、外部强行 cancel） */\n  onCancel?: (event?: PointerEvent) => void\n}\n\nexport interface DragGestureHandle {\n  /** 当前是否有正在进行的拖拽手势 */\n  isDragging: () => boolean\n  /** 外部强制取消当前拖拽（恢复初态并触发 onCancel） */\n  cancel: () => void\n  /** 彻底销毁手势监听器与解绑 DOM */\n  destroy: () => void\n}\n\n/**\n * 为指定元素挂载统一的 Pointer 拖拽手势，或在已有的 pointerdown 事件中启动手势\n */\nexport function attachDragGesture(\n  targetOrEvent: HTMLElement | PointerEvent,\n  options: DragGestureOptions\n): DragGestureHandle {\n  const isEvent = typeof PointerEvent !== 'undefined' && targetOrEvent instanceof PointerEvent\n  const target: HTMLElement | null = isEvent\n    ? (targetOrEvent.currentTarget as HTMLElement | null) || (targetOrEvent.target as HTMLElement | null)\n    : (targetOrEvent as HTMLElement)\n\n  const { axis = 'both', threshold = 0, onStart, onMove, onEnd, onTap, onCancel } = options\n\n  let activePointerId: number | null = null\n  let startX = 0\n  let startY = 0\n  let isThresholdPassed = threshold <= 0\n  let samples: DragSample[] = []\n  let handledMoveEvent: PointerEvent | null = null\n\n  function estimateVelocity(): { vx: number; vy: number; v: number } {\n    if (samples.length < 2) return { vx: 0, vy: 0, v: 0 }\n    const first = samples[0]\n    const last = samples[samples.length - 1]\n    const dt = last.t - first.t\n    if (dt < 8) return { vx: 0, vy: 0, v: 0 } // 采样跨度不足 8ms 时不可信\n    const vx = ((last.x - first.x) / dt) * 1000\n    const vy = ((last.y - first.y) / dt) * 1000\n    let v = 0\n    if (axis === 'x') v = vx\n    else if (axis === 'y') v = vy\n    else v = Math.hypot(vx, vy)\n    return { vx, vy, v }\n  }\n\n  function detachWindowListeners() {\n    window.removeEventListener('pointermove', handlePointerMove, true)\n    window.removeEventListener('pointerup', handlePointerUp, true)\n    window.removeEventListener('pointercancel', handlePointerCancel, true)\n    window.removeEventListener('lostpointercapture', handlePointerCancel, true)\n  }\n\n  function attachWindowListeners() {\n    window.addEventListener('pointermove', handlePointerMove, true)\n    window.addEventListener('pointerup', handlePointerUp, true)\n    window.addEventListener('pointercancel', handlePointerCancel, true)\n    window.addEventListener('lostpointercapture', handlePointerCancel, true)\n  }\n\n  function detachTargetListeners() {\n    if (!target) return\n    target.removeEventListener('pointermove', handlePointerMove)\n    target.removeEventListener('pointerup', handlePointerUp)\n    target.removeEventListener('pointercancel', handlePointerCancel)\n    target.removeEventListener('lostpointercapture', handlePointerCancel)\n  }\n\n  function attachTargetListeners() {\n    if (!target) return\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n    target.addEventListener('lostpointercapture', handlePointerCancel)\n  }\n\n  function resetState() {\n    if (activePointerId !== null && target && typeof target.hasPointerCapture === 'function') {\n      try {\n        if (target.hasPointerCapture(activePointerId)) {\n          target.releasePointerCapture(activePointerId)\n        }\n      } catch {\n        // ignore\n      }\n    }\n    activePointerId = null\n    isThresholdPassed = threshold <= 0\n    samples = []\n    handledMoveEvent = null\n    detachWindowListeners()\n    detachTargetListeners()\n  }\n\n  function handlePointerDown(e: PointerEvent) {\n    if (activePointerId !== null) return\n    // 真实触控环境下的多点触控副指针不启动手势（合成事件或鼠标环境缺省时不拦截）\n    if (e.pointerType === 'touch' && e.isPrimary === false) return\n\n    const startInfo: DragStartInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      timeStamp: e.timeStamp\n    }\n\n    if (onStart?.(startInfo, e) === false) return\n\n    activePointerId = e.pointerId\n    startX = e.clientX\n    startY = e.clientY\n    isThresholdPassed = threshold <= 0\n    samples = [{ t: e.timeStamp, x: e.clientX, y: e.clientY }]\n    handledMoveEvent = null\n\n    attachWindowListeners()\n    attachTargetListeners()\n\n    // 仅在无意图死区时立即捕获指针；若存在死区，延迟至确认拖拽后捕获，避免干扰子元素原生点击\n    if (isThresholdPassed) {\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针或不可捕获上下文（如测试环境）\n      }\n    }\n  }\n\n  function handlePointerMove(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    if (handledMoveEvent === e) return\n    handledMoveEvent = e\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n\n    if (!isThresholdPassed) {\n      const distance = axis === 'x' ? Math.abs(deltaX) : axis === 'y' ? Math.abs(deltaY) : Math.hypot(deltaX, deltaY)\n      if (distance < threshold) return\n\n      // 若限定了 X 轴且 Y 轴位移明显更大，视为滚动意图而非拖拽\n      if (axis === 'x' && Math.abs(deltaY) > Math.abs(deltaX)) {\n        cancel()\n        return\n      }\n      // 若限定了 Y 轴且 X 轴位移明显更大，放弃拖拽\n      if (axis === 'y' && Math.abs(deltaX) > Math.abs(deltaY)) {\n        cancel()\n        return\n      }\n      isThresholdPassed = true\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针\n      }\n    }\n\n    // 确认拖拽后阻止默认滚动/文字选中\n    if (e.cancelable) e.preventDefault()\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const { vx, vy, v } = estimateVelocity()\n\n    const moveInfo: DragMoveInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: now\n    }\n\n    onMove?.(moveInfo, e)\n  }\n\n  function handlePointerUp(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n    const { vx, vy, v } = estimateVelocity()\n\n    const endInfo: DragEndInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: e.timeStamp\n    }\n\n    const hadPassedThreshold = isThresholdPassed\n    resetState()\n\n    if (hadPassedThreshold) {\n      onEnd?.(endInfo, e)\n    } else {\n      onTap?.(endInfo, e)\n      onCancel?.(e)\n    }\n  }\n\n  function handlePointerCancel(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    resetState()\n    onCancel?.(e)\n  }\n\n  function cancel() {\n    if (activePointerId === null) return\n    resetState()\n    onCancel?.()\n  }\n\n  if (isEvent) {\n    handlePointerDown(targetOrEvent)\n  } else if (target) {\n    target.addEventListener('pointerdown', handlePointerDown)\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n  }\n\n  return {\n    isDragging: () => activePointerId !== null,\n    cancel,\n    destroy: () => {\n      cancel()\n      if (!isEvent && target) {\n        target.removeEventListener('pointerdown', handlePointerDown)\n        target.removeEventListener('pointermove', handlePointerMove)\n        target.removeEventListener('pointerup', handlePointerUp)\n        target.removeEventListener('pointercancel', handlePointerCancel)\n      }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"drag-gesture.js","names":[],"sources":["../../../src/shared/gesture/drag-gesture.ts"],"sourcesContent":["/**\n * 跨平台/跨浏览器 Pointer 拖拽手势生命周期管理器\n *\n * 封装：\n * 1. setPointerCapture 安全捕获与 window 兜底监听（防 pointer 丢失/离开视口悬挂）\n * 2. 多点触控副指针与未聚焦指针过滤\n * 3. 意图死区（threshold）与滑动轴向判定\n * 4. 100ms 滑动窗口平滑速度估算（Velocity px/s）\n * 5. Window / Handle 跨层事件去重（防重复采样）\n */\n\nconst VELOCITY_WINDOW_MS = 100\n\nexport interface DragSample {\n  t: number\n  x: number\n  y: number\n}\n\nexport interface DragStartInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  timeStamp: number\n}\n\nexport interface DragMoveInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number // 沿配置主轴（若为 both 则为欧氏速度）\n  timeStamp: number\n}\n\nexport interface DragEndInfo {\n  pointerId: number\n  clientX: number\n  clientY: number\n  deltaX: number\n  deltaY: number\n  velocityX: number\n  velocityY: number\n  velocity: number\n  timeStamp: number\n}\n\nexport interface DragGestureOptions {\n  /** 允许拖拽的轴向，默认 'both' */\n  axis?: 'x' | 'y' | 'both'\n  /** 拖拽启动的意图死区阈值（像素）。默认 0（即时跟手） */\n  threshold?: number\n  /** 手势启动回调。返回 false 可取消本次拖拽 */\n  onStart?: (info: DragStartInfo, event: PointerEvent) => boolean | void\n  /** 拖拽移动回调 */\n  onMove?: (info: DragMoveInfo, event: PointerEvent) => void\n  /** 正常松手回调 */\n  onEnd?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 未通过意图阈值的 pointerup 回调，供点击定位类控件提交一次 tap */\n  onTap?: (info: DragEndInfo, event: PointerEvent) => void\n  /** 手势取消/被打断回调（如 pointercancel、外部强行 cancel） */\n  onCancel?: (event?: PointerEvent) => void\n}\n\nexport interface DragGestureHandle {\n  /** 当前是否有正在进行的拖拽手势 */\n  isDragging: () => boolean\n  /** 外部强制取消当前拖拽（恢复初态并触发 onCancel） */\n  cancel: () => void\n  /** 彻底销毁手势监听器与解绑 DOM */\n  destroy: () => void\n}\n\n/**\n * 为指定元素挂载统一的 Pointer 拖拽手势，或在已有的 pointerdown 事件中启动手势\n */\nexport function attachDragGesture(\n  targetOrEvent: HTMLElement | PointerEvent,\n  options: DragGestureOptions\n): DragGestureHandle {\n  const isEvent = typeof PointerEvent !== 'undefined' && targetOrEvent instanceof PointerEvent\n  const target: HTMLElement | null = isEvent\n    ? (targetOrEvent.currentTarget as HTMLElement | null) || (targetOrEvent.target as HTMLElement | null)\n    : (targetOrEvent as HTMLElement)\n\n  const { axis = 'both', threshold = 0, onStart, onMove, onEnd, onTap, onCancel } = options\n\n  let activePointerId: number | null = null\n  let startX = 0\n  let startY = 0\n  let isThresholdPassed = threshold <= 0\n  let samples: DragSample[] = []\n  let handledMoveEvent: PointerEvent | null = null\n  let touchGuardTargets: Set<EventTarget> | null = null\n\n  /**\n   * iOS Safari 滚动接管兜底：\n   * WebKit 对 shadow DOM 内 touch-action 的交集计算存在怪癖，触摸落在深层子元素\n   * （如 slider thumb、segmented-trigger 的 shadow 内容）时，声明在手势元素上的\n   * touch-action: none 可能不生效，iOS 会把触摸判为滚动意图并在越过阈值前触发\n   * pointercancel，拖拽因此中断。非被动 touchmove + preventDefault 是 WebKit 也\n   * 尊重的最后手段：页面显式处理触摸移动后，滚动识别器不会获胜，也就不会接管。\n   */\n  function handleTouchMove(e: Event) {\n    if (e.cancelable) e.preventDefault()\n  }\n\n  /**\n   * 沿 pointerdown 的 composedPath 在每个 Element/ShadowRoot 挂非被动 touchmove\n   * 监听。TouchEvent 不像 PointerEvent 那样可组合：非 composed 的 touchmove 只在\n   * 落点所在的 shadow tree 内传播（连 host 都不经过），所以单一手势元素上的监听\n   * 对 segmented-trigger 这类深层 shadow 内容完全失效。composedPath 覆盖落点的\n   * 全部 shadow tree 链，无论 touchmove 在哪一层传播，路径上必有我们挂载的节点\n   * 能收到事件并 preventDefault。document/window 不在挂载范围：touchmove 到不了\n   * 它们，挂上也只是死代码。\n   */\n  function attachTouchGuards(e: PointerEvent) {\n    const targets = new Set<EventTarget>()\n    const path = typeof e.composedPath === 'function' ? e.composedPath() : []\n    for (const node of path) {\n      const type = (node as Node).nodeType\n      if (type === Node.ELEMENT_NODE || type === Node.DOCUMENT_FRAGMENT_NODE) {\n        node.addEventListener('touchmove', handleTouchMove, { capture: true, passive: false })\n        targets.add(node)\n      }\n    }\n    touchGuardTargets = targets\n  }\n\n  function detachTouchGuards() {\n    if (!touchGuardTargets) return\n    for (const node of touchGuardTargets) {\n      node.removeEventListener('touchmove', handleTouchMove, true)\n    }\n    touchGuardTargets = null\n  }\n\n  function estimateVelocity(): { vx: number; vy: number; v: number } {\n    if (samples.length < 2) return { vx: 0, vy: 0, v: 0 }\n    const first = samples[0]\n    const last = samples[samples.length - 1]\n    const dt = last.t - first.t\n    // 采样跨度不足 2ms（同帧/同毫秒的合成或极端快速事件）时不可信，置 0；\n    // 2-8ms 的超短轻扫仍按真实跨度上报速度，避免「快速轻扫」被误判为无速度\n    // 而回弹（旧守卫 <8ms 会把真实超短轻扫的速度清零）。\n    if (dt < 2) return { vx: 0, vy: 0, v: 0 }\n    const vx = ((last.x - first.x) / dt) * 1000\n    const vy = ((last.y - first.y) / dt) * 1000\n    let v = 0\n    if (axis === 'x') v = vx\n    else if (axis === 'y') v = vy\n    else v = Math.hypot(vx, vy)\n    return { vx, vy, v }\n  }\n\n  function detachWindowListeners() {\n    window.removeEventListener('pointermove', handlePointerMove, true)\n    window.removeEventListener('pointerup', handlePointerUp, true)\n    window.removeEventListener('pointercancel', handlePointerCancel, true)\n    window.removeEventListener('lostpointercapture', handleLostPointerCapture, true)\n  }\n\n  function attachWindowListeners() {\n    window.addEventListener('pointermove', handlePointerMove, true)\n    window.addEventListener('pointerup', handlePointerUp, true)\n    window.addEventListener('pointercancel', handlePointerCancel, true)\n    window.addEventListener('lostpointercapture', handleLostPointerCapture, true)\n  }\n\n  function detachTargetListeners() {\n    if (!target) return\n    target.removeEventListener('pointermove', handlePointerMove)\n    target.removeEventListener('pointerup', handlePointerUp)\n    target.removeEventListener('pointercancel', handlePointerCancel)\n    target.removeEventListener('lostpointercapture', handleLostPointerCapture)\n  }\n\n  function attachTargetListeners() {\n    if (!target) return\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n    target.addEventListener('lostpointercapture', handleLostPointerCapture)\n  }\n\n  function resetState() {\n    if (activePointerId !== null && target && typeof target.hasPointerCapture === 'function') {\n      try {\n        if (target.hasPointerCapture(activePointerId)) {\n          target.releasePointerCapture(activePointerId)\n        }\n      } catch {\n        // ignore\n      }\n    }\n    activePointerId = null\n    isThresholdPassed = threshold <= 0\n    samples = []\n    handledMoveEvent = null\n    detachWindowListeners()\n    detachTargetListeners()\n    detachTouchGuards()\n  }\n\n  function handlePointerDown(e: PointerEvent) {\n    if (activePointerId !== null) return\n    // 真实触控环境下的多点触控副指针不启动手势（合成事件或鼠标环境缺省时不拦截）\n    if (e.pointerType === 'touch' && e.isPrimary === false) return\n\n    const startInfo: DragStartInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      timeStamp: e.timeStamp\n    }\n\n    if (onStart?.(startInfo, e) === false) return\n\n    activePointerId = e.pointerId\n    startX = e.clientX\n    startY = e.clientY\n    isThresholdPassed = threshold <= 0\n    samples = [{ t: e.timeStamp, x: e.clientX, y: e.clientY }]\n    handledMoveEvent = null\n\n    attachWindowListeners()\n    attachTargetListeners()\n    attachTouchGuards(e)\n\n    // 仅在无意图死区时立即捕获指针；若存在死区，延迟至确认拖拽后捕获，避免干扰子元素原生点击\n    if (isThresholdPassed) {\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针或不可捕获上下文（如测试环境）\n      }\n    }\n  }\n\n  function handlePointerMove(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    if (handledMoveEvent === e) return\n    handledMoveEvent = e\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n\n    if (!isThresholdPassed) {\n      const distance = axis === 'x' ? Math.abs(deltaX) : axis === 'y' ? Math.abs(deltaY) : Math.hypot(deltaX, deltaY)\n      if (distance < threshold) return\n\n      // 若限定了 X 轴且 Y 轴位移明显更大，视为滚动意图而非拖拽\n      if (axis === 'x' && Math.abs(deltaY) > Math.abs(deltaX)) {\n        cancel()\n        return\n      }\n      // 若限定了 Y 轴且 X 轴位移明显更大，放弃拖拽\n      if (axis === 'y' && Math.abs(deltaX) > Math.abs(deltaY)) {\n        cancel()\n        return\n      }\n      isThresholdPassed = true\n      try {\n        target?.setPointerCapture?.(e.pointerId)\n      } catch {\n        // 忽略合成指针\n      }\n    }\n\n    // 确认拖拽后阻止默认滚动/文字选中\n    if (e.cancelable) e.preventDefault()\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const { vx, vy, v } = estimateVelocity()\n\n    const moveInfo: DragMoveInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: now\n    }\n\n    onMove?.(moveInfo, e)\n  }\n\n  function handlePointerUp(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n\n    const now = e.timeStamp\n    samples.push({ t: now, x: e.clientX, y: e.clientY })\n    while (samples.length > 2 && now - samples[0].t > VELOCITY_WINDOW_MS) {\n      samples.shift()\n    }\n\n    const deltaX = e.clientX - startX\n    const deltaY = e.clientY - startY\n    const { vx, vy, v } = estimateVelocity()\n\n    const endInfo: DragEndInfo = {\n      pointerId: e.pointerId,\n      clientX: e.clientX,\n      clientY: e.clientY,\n      deltaX,\n      deltaY,\n      velocityX: vx,\n      velocityY: vy,\n      velocity: v,\n      timeStamp: e.timeStamp\n    }\n\n    const hadPassedThreshold = isThresholdPassed\n    resetState()\n\n    if (hadPassedThreshold) {\n      onEnd?.(endInfo, e)\n    } else {\n      onTap?.(endInfo, e)\n      onCancel?.(e)\n    }\n  }\n\n  function handlePointerCancel(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    resetState()\n    onCancel?.(e)\n  }\n\n  /**\n   * lostpointercapture 不能当作 pointercancel：touch 指针在 pointerdown 时会被浏览器\n   * 隐式捕获到命中元素（如 slider thumb、segmented-trigger 内容），组件随后\n   * setPointerCapture(target) 把捕获转手到手势元素，命中元素先收到 lostpointercapture——\n   * 这是正常转手而非取消，若直接走 cancel 会把刚启动的拖拽杀死（值只走一步即冻结）。\n   * 只有手势元素自身意外丢失捕获（如元素被移出文档）才应取消。\n   *\n   * resetState 内 releasePointerCapture 产生的 lostpointercapture 会在 activePointerId\n   * 置空之后异步到达，被 pointerId 守卫挡住，不会误伤。\n   */\n  function handleLostPointerCapture(e: PointerEvent) {\n    if (activePointerId !== e.pointerId) return\n    if (e.target !== target) return\n    resetState()\n    onCancel?.(e)\n  }\n\n  function cancel() {\n    if (activePointerId === null) return\n    resetState()\n    onCancel?.()\n  }\n\n  if (isEvent) {\n    handlePointerDown(targetOrEvent)\n  } else if (target) {\n    target.addEventListener('pointerdown', handlePointerDown)\n    target.addEventListener('pointermove', handlePointerMove)\n    target.addEventListener('pointerup', handlePointerUp)\n    target.addEventListener('pointercancel', handlePointerCancel)\n  }\n\n  return {\n    isDragging: () => activePointerId !== null,\n    cancel,\n    destroy: () => {\n      cancel()\n      if (!isEvent && target) {\n        target.removeEventListener('pointerdown', handlePointerDown)\n        target.removeEventListener('pointermove', handlePointerMove)\n        target.removeEventListener('pointerup', handlePointerUp)\n        target.removeEventListener('pointercancel', handlePointerCancel)\n      }\n    }\n  }\n}\n"],"mappings":"AA+EA,SAAgB,EACd,GACA,GACmB;CACnB,IAAM,IAAU,OAAO,eAAiB,OAAe,aAAyB,cAC1E,IAA6B,IAC9B,EAAc,iBAAyC,EAAc,SACrE,GAEC,EAAE,UAAO,QAAQ,eAAY,GAAG,YAAS,WAAQ,UAAO,UAAO,gBAAa,GAE9E,IAAiC,MACjC,IAAS,GACT,IAAS,GACT,IAAoB,KAAa,GACjC,IAAwB,CAAC,GACzB,IAAwC,MACxC,IAA6C;CAUjD,SAAS,EAAgB,GAAU;EACjC,AAAI,EAAE,cAAY,EAAE,eAAe;CACrC;CAWA,SAAS,EAAkB,GAAiB;EAC1C,IAAM,oBAAU,IAAI,IAAiB,GAC/B,IAAO,OAAO,EAAE,gBAAiB,aAAa,EAAE,aAAa,IAAI,CAAC;EACxE,KAAK,IAAM,KAAQ,GAAM;GACvB,IAAM,IAAQ,EAAc;GAC5B,CAAI,MAAS,KAAK,gBAAgB,MAAS,KAAK,4BAC9C,EAAK,iBAAiB,aAAa,GAAiB;IAAE,SAAS;IAAM,SAAS;GAAM,CAAC,GACrF,EAAQ,IAAI,CAAI;EAEpB;EACA,IAAoB;CACtB;CAEA,SAAS,IAAoB;EACtB,OACL;QAAK,IAAM,KAAQ,GACjB,EAAK,oBAAoB,aAAa,GAAiB,EAAI;GAE7D,IAAoB;EAFyC;CAG/D;CAEA,SAAS,IAA0D;EACjE,IAAI,EAAQ,SAAS,GAAG,OAAO;GAAE,IAAI;GAAG,IAAI;GAAG,GAAG;EAAE;EACpD,IAAM,IAAQ,EAAQ,IAChB,IAAO,EAAQ,EAAQ,SAAS,IAChC,IAAK,EAAK,IAAI,EAAM;EAI1B,IAAI,IAAK,GAAG,OAAO;GAAE,IAAI;GAAG,IAAI;GAAG,GAAG;EAAE;EACxC,IAAM,KAAO,EAAK,IAAI,EAAM,KAAK,IAAM,KACjC,KAAO,EAAK,IAAI,EAAM,KAAK,IAAM,KACnC,IAAI;EAIR,OAHA,AAEK,IAFD,MAAS,MAAS,IACb,MAAS,MAAS,IAClB,KAAK,MAAM,GAAI,CAAE,GACnB;GAAE;GAAI;GAAI;EAAE;CACrB;CAEA,SAAS,IAAwB;EAI/B,AAHA,OAAO,oBAAoB,eAAe,GAAmB,EAAI,GACjE,OAAO,oBAAoB,aAAa,GAAiB,EAAI,GAC7D,OAAO,oBAAoB,iBAAiB,GAAqB,EAAI,GACrE,OAAO,oBAAoB,sBAAsB,GAA0B,EAAI;CACjF;CAEA,SAAS,IAAwB;EAI/B,AAHA,OAAO,iBAAiB,eAAe,GAAmB,EAAI,GAC9D,OAAO,iBAAiB,aAAa,GAAiB,EAAI,GAC1D,OAAO,iBAAiB,iBAAiB,GAAqB,EAAI,GAClE,OAAO,iBAAiB,sBAAsB,GAA0B,EAAI;CAC9E;CAEA,SAAS,IAAwB;EAC1B,MACL,EAAO,oBAAoB,eAAe,CAAiB,GAC3D,EAAO,oBAAoB,aAAa,CAAe,GACvD,EAAO,oBAAoB,iBAAiB,CAAmB,GAC/D,EAAO,oBAAoB,sBAAsB,CAAwB;CAC3E;CAEA,SAAS,IAAwB;EAC1B,MACL,EAAO,iBAAiB,eAAe,CAAiB,GACxD,EAAO,iBAAiB,aAAa,CAAe,GACpD,EAAO,iBAAiB,iBAAiB,CAAmB,GAC5D,EAAO,iBAAiB,sBAAsB,CAAwB;CACxE;CAEA,SAAS,IAAa;EACpB,IAAI,MAAoB,QAAQ,KAAU,OAAO,EAAO,qBAAsB,YAC5E,IAAI;GACF,AAAI,EAAO,kBAAkB,CAAe,KAC1C,EAAO,sBAAsB,CAAe;EAEhD,QAAQ,CAER;EAQF,AANA,IAAkB,MAClB,IAAoB,KAAa,GACjC,IAAU,CAAC,GACX,IAAmB,MACnB,EAAsB,GACtB,EAAsB,GACtB,EAAkB;CACpB;CAEA,SAAS,EAAkB,GAAiB;EAG1C,IAFI,MAAoB,QAEpB,EAAE,gBAAgB,WAAW,EAAE,cAAc,IAAO;EAExD,IAAM,IAA2B;GAC/B,WAAW,EAAE;GACb,SAAS,EAAE;GACX,SAAS,EAAE;GACX,WAAW,EAAE;EACf;EAEI,QAAU,GAAW,CAAC,MAAM,OAEhC,IAAkB,EAAE,WACpB,IAAS,EAAE,SACX,IAAS,EAAE,SACX,IAAoB,KAAa,GACjC,IAAU,CAAC;GAAE,GAAG,EAAE;GAAW,GAAG,EAAE;GAAS,GAAG,EAAE;EAAQ,CAAC,GACzD,IAAmB,MAEnB,EAAsB,GACtB,EAAsB,GACtB,EAAkB,CAAC,GAGf,IACF,IAAI;GACF,GAAQ,oBAAoB,EAAE,SAAS;EACzC,QAAQ,CAER;CAEJ;CAEA,SAAS,EAAkB,GAAiB;EAE1C,IADI,MAAoB,EAAE,aACtB,MAAqB,GAAG;EAC5B,IAAmB;EAEnB,IAAM,IAAS,EAAE,UAAU,GACrB,IAAS,EAAE,UAAU;EAE3B,IAAI,CAAC,GAAmB;GAEtB,KADiB,MAAS,MAAM,KAAK,IAAI,CAAM,IAAI,MAAS,MAAM,KAAK,IAAI,CAAM,IAAI,KAAK,MAAM,GAAQ,CAAM,KAC/F,GAAW;GAG1B,IAAI,MAAS,OAAO,KAAK,IAAI,CAAM,IAAI,KAAK,IAAI,CAAM,GAAG;IACvD,EAAO;IACP;GACF;GAEA,IAAI,MAAS,OAAO,KAAK,IAAI,CAAM,IAAI,KAAK,IAAI,CAAM,GAAG;IACvD,EAAO;IACP;GACF;GACA,IAAoB;GACpB,IAAI;IACF,GAAQ,oBAAoB,EAAE,SAAS;GACzC,QAAQ,CAER;EACF;EAGA,AAAI,EAAE,cAAY,EAAE,eAAe;EAEnC,IAAM,IAAM,EAAE;EAEd,KADA,EAAQ,KAAK;GAAE,GAAG;GAAK,GAAG,EAAE;GAAS,GAAG,EAAE;EAAQ,CAAC,GAC5C,EAAQ,SAAS,KAAK,IAAM,EAAQ,EAAE,CAAC,IAAI,MAChD,EAAQ,MAAM;EAGhB,IAAM,EAAE,OAAI,OAAI,SAAM,EAAiB,GAEjC,IAAyB;GAC7B,WAAW,EAAE;GACb,SAAS,EAAE;GACX,SAAS,EAAE;GACX;GACA;GACA,WAAW;GACX,WAAW;GACX,UAAU;GACV,WAAW;EACb;EAEA,IAAS,GAAU,CAAC;CACtB;CAEA,SAAS,EAAgB,GAAiB;EACxC,IAAI,MAAoB,EAAE,WAAW;EAErC,IAAM,IAAM,EAAE;EAEd,KADA,EAAQ,KAAK;GAAK;GAAK,GAAG,EAAE;GAAS,GAAG,EAAE;EAAQ,CAAC,GAC5C,EAAQ,SAAS,KAAK,IAAM,EAAQ,EAAE,CAAC,IAAI,MAChD,EAAQ,MAAM;EAGhB,IAAM,IAAS,EAAE,UAAU,GACrB,IAAS,EAAE,UAAU,GACrB,EAAE,OAAI,OAAI,SAAM,EAAiB,GAEjC,IAAuB;GAC3B,WAAW,EAAE;GACb,SAAS,EAAE;GACX,SAAS,EAAE;GACX;GACA;GACA,WAAW;GACX,WAAW;GACX,UAAU;GACV,WAAW,EAAE;EACf,GAEM,IAAqB;EAG3B,AAFA,EAAW,GAEP,IACF,IAAQ,GAAS,CAAC,KAElB,IAAQ,GAAS,CAAC,GAClB,IAAW,CAAC;CAEhB;CAEA,SAAS,EAAoB,GAAiB;EACxC,MAAoB,EAAE,cAC1B,EAAW,GACX,IAAW,CAAC;CACd;CAYA,SAAS,EAAyB,GAAiB;EAC7C,MAAoB,EAAE,aACtB,EAAE,WAAW,MACjB,EAAW,GACX,IAAW,CAAC;CACd;CAEA,SAAS,IAAS;EACZ,MAAoB,SACxB,EAAW,GACX,IAAW;CACb;CAWA,OATI,IACF,EAAkB,CAAa,IACtB,MACT,EAAO,iBAAiB,eAAe,CAAiB,GACxD,EAAO,iBAAiB,eAAe,CAAiB,GACxD,EAAO,iBAAiB,aAAa,CAAe,GACpD,EAAO,iBAAiB,iBAAiB,CAAmB,IAGvD;EACL,kBAAkB,MAAoB;EACtC;EACA,eAAe;GAEb,AADA,EAAO,GACH,CAAC,KAAW,MACd,EAAO,oBAAoB,eAAe,CAAiB,GAC3D,EAAO,oBAAoB,eAAe,CAAiB,GAC3D,EAAO,oBAAoB,aAAa,CAAe,GACvD,EAAO,oBAAoB,iBAAiB,CAAmB;EAEnE;CACF;AACF"}