@neut/ui 0.0.16 → 0.0.18

package/dist/hooks/useScrollEdges.js

@@ -1,34 +1,36 @@
 import { createEffect as e, createSignal as t, onCleanup as n } from "solid-js";
 //#region src/hooks/useScrollEdges.ts
-function r(r) {
-	let [i, a] = t(!1), [o, s] = t(!1), c = () => {
-		let e = r();
+var r = 4, i = 1;
+function a(a) {
+	let [o, s] = t(!1), [c, l] = t(!1), u = () => {
+		let e = a();
 		if (!e) {
-			a(!1), s(!1);
+			s(!1), l(!1);
 			return;
 		}
-		a(e.scrollTop > 1), s(e.scrollTop + e.clientHeight < e.scrollHeight - 1);
+		let t = e.scrollTop, n = e.scrollHeight - e.clientHeight - t;
+		s((e) => e ? t > i : t > r), l((e) => e ? n > i : n > r);
 	};
 	return e(() => {
-		let e = r();
+		let e = a();
 		if (!e) return;
-		c();
-		let t = new ResizeObserver(c);
+		u();
+		let t = new ResizeObserver(u);
 		t.observe(e), e.firstElementChild && t.observe(e.firstElementChild);
-		let i = new MutationObserver(c);
-		i.observe(e, {
+		let r = new MutationObserver(u);
+		r.observe(e, {
 			childList: !0,
 			subtree: !0
-		}), e.addEventListener("scroll", c, { passive: !0 }), n(() => {
-			t.disconnect(), i.disconnect(), e.removeEventListener("scroll", c);
+		}), e.addEventListener("scroll", u, { passive: !0 }), n(() => {
+			t.disconnect(), r.disconnect(), e.removeEventListener("scroll", u);
 		});
 	}), {
-		canScrollUp: i,
-		canScrollDown: o,
-		refresh: c
+		canScrollUp: o,
+		canScrollDown: c,
+		refresh: u
 	};
 }
 //#endregion
-export { r as useScrollEdges };
+export { a as useScrollEdges };
 
 //# sourceMappingURL=useScrollEdges.js.map

package/dist/hooks/useScrollEdges.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollEdges.js","names":["useScrollEdges","canScrollUp","setCanScrollUp","createSignal","canScrollDown","setCanScrollDown","refresh","el","target","createEffect","resizeObserver","mutationObserver","onCleanup"],"sources":["../../src/hooks/useScrollEdges.ts"],"sourcesContent":["import { createEffect, createSignal, onCleanup, type Accessor } from \"solid-js\";\n\nexport interface ScrollEdges {\n  /** 上方是否还有未显示的内容 */\n  canScrollUp: Accessor<boolean>;\n  /** 下方是否还有未显示的内容 */\n  canScrollDown: Accessor<boolean>;\n  /** 手动刷新一次边缘状态(如打开、内容变化后) */\n  refresh: () => void;\n}\n\n/**\n * 跟踪某个滚动容器上方/下方是否还有未显示的内容，用于驱动滚动提示箭头。\n *\n * 监听 scroll(passive) + ResizeObserver(容器与首个子元素尺寸) +\n * MutationObserver(childList/subtree)，因此面板高度变化、选项增删后显隐都能及时更新。\n */\nexport function useScrollEdges(\n  target: Accessor<HTMLElement | undefined>,\n): ScrollEdges {\n  const [canScrollUp, setCanScrollUp] = createSignal(false);\n  const [canScrollDown, setCanScrollDown] = createSignal(false);\n\n  const refresh = () => {\n    const el = target();\n    if (!el) {\n      setCanScrollUp(false);\n      setCanScrollDown(false);\n      return;\n    }\n    setCanScrollUp(el.scrollTop > 1);\n    setCanScrollDown(el.scrollTop + el.clientHeight < el.scrollHeight - 1);\n  };\n\n  createEffect(() => {\n    const el = target();\n    if (!el) return;\n\n    refresh();\n\n    const resizeObserver = new ResizeObserver(refresh);\n    resizeObserver.observe(el);\n    if (el.firstElementChild) resizeObserver.observe(el.firstElementChild);\n\n    const mutationObserver = new MutationObserver(refresh);\n    mutationObserver.observe(el, { childList: true, subtree: true });\n\n    el.addEventListener(\"scroll\", refresh, { passive: true });\n    onCleanup(() => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      el.removeEventListener(\"scroll\", refresh);\n    });\n  });\n\n  return { canScrollUp, canScrollDown, refresh };\n}\n"],"mappings":";;AAiBA,SAAgBA,EACd,GACa;CACb,IAAM,CAACC,GAAaC,KAAkBC,EAAa,EAAK,GAClD,CAACC,GAAeC,KAAoBF,EAAa,EAAK,GAEtDG,UAAgB;EACpB,IAAMC,IAAKC,EAAO;EAClB,IAAI,CAACD,GAAI;GAEP,AADAL,EAAe,EAAK,GACpBG,EAAiB,EAAK;GACtB;EACF;EAEA,AADAH,EAAeK,EAAG,YAAY,CAAC,GAC/BF,EAAiBE,EAAG,YAAYA,EAAG,eAAeA,EAAG,eAAe,CAAC;CACvE;CAuBA,OArBAE,QAAmB;EACjB,IAAMF,IAAKC,EAAO;EAClB,IAAI,CAACD,GAAI;EAET,EAAQ;EAER,IAAMG,IAAiB,IAAI,eAAeJ,CAAO;EAEjD,AADAI,EAAe,QAAQH,CAAE,GACrBA,EAAG,qBAAmBG,EAAe,QAAQH,EAAG,iBAAiB;EAErE,IAAMI,IAAmB,IAAI,iBAAiBL,CAAO;EAIrD,AAHAK,EAAiB,QAAQJ,GAAI;GAAE,WAAW;GAAM,SAAS;EAAK,CAAC,GAE/DA,EAAG,iBAAiB,UAAUD,GAAS,EAAE,SAAS,GAAK,CAAC,GACxDM,QAAgB;GAGd,AAFAF,EAAe,WAAW,GAC1BC,EAAiB,WAAW,GAC5BJ,EAAG,oBAAoB,UAAUD,CAAO;EAC1C,CAAC;CACH,CAAC,GAEM;EAAE;EAAa;EAAe;CAAQ;AAC/C"}
+{"version":3,"file":"useScrollEdges.js","names":["ENTER_THRESHOLD","EXIT_THRESHOLD","useScrollEdges","canScrollUp","setCanScrollUp","createSignal","canScrollDown","setCanScrollDown","refresh","el","target","top","remaining","prev","createEffect","resizeObserver","mutationObserver","onCleanup"],"sources":["../../src/hooks/useScrollEdges.ts"],"sourcesContent":["import { createEffect, createSignal, onCleanup, type Accessor } from \"solid-js\";\n\nexport interface ScrollEdges {\n  /** 上方是否还有未显示的内容 */\n  canScrollUp: Accessor<boolean>;\n  /** 下方是否还有未显示的内容 */\n  canScrollDown: Accessor<boolean>;\n  /** 手动刷新一次边缘状态(如打开、内容变化后) */\n  refresh: () => void;\n}\n\n/** 进入/退出阈值分开(迟滞),避免在边界 1px 处反复翻转导致箭头闪动 */\nconst ENTER_THRESHOLD = 4;\nconst EXIT_THRESHOLD = 1;\n\n/**\n * 跟踪某个滚动容器上方/下方是否还有未显示的内容，用于驱动滚动提示箭头。\n *\n * 监听 scroll(passive) + ResizeObserver(容器与首个子元素尺寸) +\n * MutationObserver(childList/subtree)，因此面板高度变化、选项增删后显隐都能及时更新。\n *\n * 显隐用**迟滞阈值**：从\"无内容\"变为\"有内容\"要超过 4px，反向要回落到 1px 以内，\n * 避免在滚动到边界时 canScroll* 每帧抖动(箭头反复出现/消失)。\n */\nexport function useScrollEdges(\n  target: Accessor<HTMLElement | undefined>,\n): ScrollEdges {\n  const [canScrollUp, setCanScrollUp] = createSignal(false);\n  const [canScrollDown, setCanScrollDown] = createSignal(false);\n\n  const refresh = () => {\n    const el = target();\n    if (!el) {\n      setCanScrollUp(false);\n      setCanScrollDown(false);\n      return;\n    }\n    const top = el.scrollTop;\n    const remaining = el.scrollHeight - el.clientHeight - top;\n    setCanScrollUp((prev) =>\n      prev ? top > EXIT_THRESHOLD : top > ENTER_THRESHOLD,\n    );\n    setCanScrollDown((prev) =>\n      prev ? remaining > EXIT_THRESHOLD : remaining > ENTER_THRESHOLD,\n    );\n  };\n\n  createEffect(() => {\n    const el = target();\n    if (!el) return;\n\n    refresh();\n\n    const resizeObserver = new ResizeObserver(refresh);\n    resizeObserver.observe(el);\n    if (el.firstElementChild) resizeObserver.observe(el.firstElementChild);\n\n    const mutationObserver = new MutationObserver(refresh);\n    mutationObserver.observe(el, { childList: true, subtree: true });\n\n    el.addEventListener(\"scroll\", refresh, { passive: true });\n    onCleanup(() => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      el.removeEventListener(\"scroll\", refresh);\n    });\n  });\n\n  return { canScrollUp, canScrollDown, refresh };\n}\n"],"mappings":";;AAYA,IAAMA,IAAkB,GAClBC,IAAiB;AAWvB,SAAgBC,EACd,GACa;CACb,IAAM,CAACC,GAAaC,KAAkBC,EAAa,EAAK,GAClD,CAACC,GAAeC,KAAoBF,EAAa,EAAK,GAEtDG,UAAgB;EACpB,IAAMC,IAAKC,EAAO;EAClB,IAAI,CAACD,GAAI;GAEP,AADAL,EAAe,EAAK,GACpBG,EAAiB,EAAK;GACtB;EACF;EACA,IAAMI,IAAMF,EAAG,WACTG,IAAYH,EAAG,eAAeA,EAAG,eAAeE;EAItD,AAHAP,GAAgB,MACdS,IAAOF,IAAMV,IAAiBU,IAAMX,CACtC,GACAO,GAAkB,MAChBM,IAAOD,IAAYX,IAAiBW,IAAYZ,CAClD;CACF;CAuBA,OArBAc,QAAmB;EACjB,IAAML,IAAKC,EAAO;EAClB,IAAI,CAACD,GAAI;EAET,EAAQ;EAER,IAAMM,IAAiB,IAAI,eAAeP,CAAO;EAEjD,AADAO,EAAe,QAAQN,CAAE,GACrBA,EAAG,qBAAmBM,EAAe,QAAQN,EAAG,iBAAiB;EAErE,IAAMO,IAAmB,IAAI,iBAAiBR,CAAO;EAIrD,AAHAQ,EAAiB,QAAQP,GAAI;GAAE,WAAW;GAAM,SAAS;EAAK,CAAC,GAE/DA,EAAG,iBAAiB,UAAUD,GAAS,EAAE,SAAS,GAAK,CAAC,GACxDS,QAAgB;GAGd,AAFAF,EAAe,WAAW,GAC1BC,EAAiB,WAAW,GAC5BP,EAAG,oBAAoB,UAAUD,CAAO;EAC1C,CAAC;CACH,CAAC,GAEM;EAAE;EAAa;EAAe;CAAQ;AAC/C"}

package/dist/hooks/useScrollLock.js

@@ -1,20 +1,17 @@
-import { createEffect as e, onCleanup as t } from "solid-js";
+import { isOverflowElement as e } from "../lib/positioner/utils/dom.js";
+import { createEffect as t, onCleanup as n } from "solid-js";
 //#region src/hooks/useScrollLock.ts
-var n = 0, r, i = /* @__PURE__ */ new Set();
-function a(e) {
-	let { overflow: t, overflowX: n, overflowY: r } = getComputedStyle(e);
-	return /auto|scroll|overlay|hidden/.test(t + n + r);
-}
+var r = 0, i, a = /* @__PURE__ */ new Set();
 function o() {
-	let e = document.documentElement;
-	return a(e) ? e : document.body;
+	let t = document.documentElement;
+	return e(t) ? t : document.body;
 }
 function s() {
 	return typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("scrollbar-gutter", "stable");
 }
 function c(e) {
 	if (!(e instanceof Element)) return !1;
-	for (let t of i) if (e.closest(t)) return !0;
+	for (let t of a) if (e.closest(t)) return !0;
 	return !1;
 }
 function l() {
@@ -42,17 +39,17 @@ function l() {
 	};
 }
 function u(e) {
-	n += 1, e && i.add(e), n === 1 && (r = l());
+	r += 1, e && a.add(e), r === 1 && (i = l());
 	let t = !1;
 	return () => {
-		t || (t = !0, --n, n === 0 && (r?.(), r = void 0, i.clear()));
+		t || (t = !0, --r, r === 0 && (i?.(), i = void 0, a.clear()));
 	};
 }
-function d(n, r) {
-	e(() => {
-		if (!n()) return;
-		let e = u(r?.allowedSelector);
-		t(e);
+function d(e, r) {
+	t(() => {
+		if (!e()) return;
+		let t = u(r?.allowedSelector);
+		n(t);
 	});
 }
 //#endregion

package/dist/hooks/useScrollLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollLock.js","names":["lockCount","release","allowedSelectors","isOverflowElement","el","overflow","overflowX","overflowY","getViewportScroller","html","supportsStableScrollbarGutter","isWithinAllowedScroll","target","selector","lockViewport","body","scroller","previous","scrollbarWidth","gutterSupported","padding","preventScroll","event","acquireLock","allowedSelector","released","useScrollLock","locked","unlock","options"],"sources":["../../src/hooks/useScrollLock.ts"],"sourcesContent":["import { createEffect, onCleanup, type Accessor } from \"solid-js\";\n\nexport interface UseScrollLockOptions {\n  /**\n   * 允许在锁滚动期间继续滚动的容器选择器(通常是浮层自身)。\n   * 未命中该选择器的滚轮/触摸滚动会被拦截;不传则整个页面都锁定滚动。\n   */\n  allowedSelector?: string;\n}\n\n// 多个浮层/嵌套浮层可能同时持锁,用计数避免其中一个关闭就提前恢复页面滚动。\nlet lockCount = 0;\nlet release: (() => void) | undefined;\n// 各持锁浮层允许滚动的容器选择器。preventScroll 读取的是实时集合,\n// 因此即使某个选择器在锁生效之后才加入,也能立即对它放行。\nconst allowedSelectors = new Set<string>();\n\n/** 元素自身是否建立了滚动容器(与 positioner 里的判断口径一致) */\nfunction isOverflowElement(el: Element): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el);\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowX + overflowY);\n}\n\n/**\n * 页面的滚动容器:html 自己建立了滚动上下文时锁 html,否则锁 body\n * ——把 overflow 写在另一个元素上并不会锁住页面(Base UI 同样的判断)。\n */\nfunction getViewportScroller(): HTMLElement {\n  const html = document.documentElement;\n  return isOverflowElement(html) ? html : document.body;\n}\n\nfunction supportsStableScrollbarGutter(): boolean {\n  return (\n    typeof CSS !== \"undefined\" &&\n    typeof CSS.supports === \"function\" &&\n    CSS.supports(\"scrollbar-gutter\", \"stable\")\n  );\n}\n\nfunction isWithinAllowedScroll(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false;\n  for (const selector of allowedSelectors) {\n    if (target.closest(selector)) return true;\n  }\n  return false;\n}\n\nfunction lockViewport(): () => void {\n  const html = document.documentElement;\n  const body = document.body;\n  const scroller = getViewportScroller();\n\n  const previous = {\n    htmlScrollbarGutter: html.style.scrollbarGutter,\n    scrollerOverflowX: scroller.style.overflowX,\n    scrollerOverflowY: scroller.style.overflowY,\n    bodyPaddingRight: body.style.paddingRight,\n    scrollTop: scroller.scrollTop,\n    scrollLeft: scroller.scrollLeft,\n  };\n\n  // 抵消滚动条消失带来的横向抖动:能用 scrollbar-gutter 就用它,\n  // 否则退化成给 body 补一个滚动条宽度的右内边距。\n  // 只有页面自身真的存在占位滚动条时才需要补偿:滚动条长在某个嵌套容器上时,\n  // 锁 html/body 并不会移除那条滚动条,再给 html 加 gutter 只会额外多出一条空白\n  // (滚动条 + gutter 双倍宽度),反而破坏布局。\n  const scrollbarWidth = Math.max(0, window.innerWidth - html.clientWidth);\n  const gutterSupported = supportsStableScrollbarGutter();\n  if (scrollbarWidth > 0) {\n    if (gutterSupported) {\n      html.style.scrollbarGutter = \"stable\";\n    } else {\n      const padding =\n        Number.parseFloat(getComputedStyle(body).paddingRight) || 0;\n      body.style.paddingRight = `${padding + scrollbarWidth}px`;\n    }\n  }\n\n  scroller.style.overflowX = \"hidden\";\n  scroller.style.overflowY = \"hidden\";\n\n  // 兜底:部分浏览器即使 overflow:hidden 仍能被滚轮/触摸滚动,\n  // 因此直接拦截浮层之外的滚动事件;浮层内部(命中 allowedSelector)保留滚动能力。\n  const preventScroll = (event: Event) => {\n    if (isWithinAllowedScroll(event.target)) return;\n    event.preventDefault();\n  };\n  document.addEventListener(\"wheel\", preventScroll, { passive: false });\n  document.addEventListener(\"touchmove\", preventScroll, { passive: false });\n\n  return () => {\n    html.style.scrollbarGutter = previous.htmlScrollbarGutter;\n    if (!gutterSupported) {\n      body.style.paddingRight = previous.bodyPaddingRight;\n    }\n    scroller.style.overflowX = previous.scrollerOverflowX;\n    scroller.style.overflowY = previous.scrollerOverflowY;\n    document.removeEventListener(\"wheel\", preventScroll);\n    document.removeEventListener(\"touchmove\", preventScroll);\n    scroller.scrollTop = previous.scrollTop;\n    scroller.scrollLeft = previous.scrollLeft;\n  };\n}\n\nfunction acquireLock(allowedSelector?: string): () => void {\n  lockCount += 1;\n  if (allowedSelector) allowedSelectors.add(allowedSelector);\n  if (lockCount === 1) release = lockViewport();\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    lockCount -= 1;\n    if (lockCount === 0) {\n      release?.();\n      release = undefined;\n      // 全部释放后清空放行名单,避免残留的选择器影响下一次锁。\n      allowedSelectors.clear();\n    }\n  };\n}\n\n/**\n * 浮层打开时锁定页面滚动,关闭后恢复——对齐 Base UI 的 modal 行为\n * (文档滚动被锁定、浮层之外的滚轮/触摸滚动被拦截),避免浮窗锚点随页面滚动而\"飘移\"。\n *\n * 多个浮层可同时持锁(引用计数);`allowedSelector` 命中的容器内仍可滚动,\n * 通常传入浮层自身,例如 Popover 传 `[data-slot=\"popover-content\"]`。\n */\nexport function useScrollLock(\n  locked: Accessor<boolean>,\n  options?: UseScrollLockOptions,\n) {\n  createEffect(() => {\n    if (!locked()) return;\n    const unlock = acquireLock(options?.allowedSelector);\n    onCleanup(unlock);\n  });\n}\n"],"mappings":";;AAWA,IAAIA,IAAY,GACZC,GAGEC,oBAAmB,IAAI,IAAY;AAGzC,SAASC,EAAkB,GAAsB;CAC/C,IAAM,EAAE,aAAU,cAAW,iBAAc,iBAAiBC,CAAE;CAC9D,OAAO,6BAA6B,KAAKC,IAAWC,IAAYC,CAAS;AAC3E;AAMA,SAASC,IAAmC;CAC1C,IAAMC,IAAO,SAAS;CACtB,OAAON,EAAkBM,CAAI,IAAIA,IAAO,SAAS;AACnD;AAEA,SAASC,IAAyC;CAChD,OACE,OAAO,MAAQ,OACf,OAAO,IAAI,YAAa,cACxB,IAAI,SAAS,oBAAoB,QAAQ;AAE7C;AAEA,SAASC,EAAsB,GAAqC;CAClE,IAAI,EAAEC,aAAkB,UAAU,OAAO;CACzC,KAAK,IAAMC,KAAYX,GACrB,IAAIU,EAAO,QAAQC,CAAQ,GAAG,OAAO;CAEvC,OAAO;AACT;AAEA,SAASC,IAA2B;CAClC,IAAML,IAAO,SAAS,iBAChBM,IAAO,SAAS,MAChBC,IAAWR,EAAoB,GAE/BS,IAAW;EACf,qBAAqBR,EAAK,MAAM;EAChC,mBAAmBO,EAAS,MAAM;EAClC,mBAAmBA,EAAS,MAAM;EAClC,kBAAkBD,EAAK,MAAM;EAC7B,WAAWC,EAAS;EACpB,YAAYA,EAAS;CACvB,GAOME,IAAiB,KAAK,IAAI,GAAG,OAAO,aAAaT,EAAK,WAAW,GACjEU,IAAkBT,EAA8B;CACtD,IAAIQ,IAAiB,GAAG;EACtB,IAAIC,GACF,EAAK,MAAM,kBAAkB;OACxB;GACL,IAAMC,IACJ,OAAO,WAAW,iBAAiBL,CAAI,CAAC,CAAC,YAAY,KAAK;GAC5D,EAAK,MAAM,eAAe,GAAGK,IAAUF,EAAe;EACxD;CACF;CAGA,AADA,EAAS,MAAM,YAAY,UAC3B,EAAS,MAAM,YAAY;CAI3B,IAAMG,KAAiB,MAAiB;EACtC,AAAIV,EAAsBW,EAAM,MAAM,KACtCA,EAAM,eAAe;CACvB;CAIA,OAHA,SAAS,iBAAiB,SAASD,GAAe,EAAE,SAAS,GAAM,CAAC,GACpE,SAAS,iBAAiB,aAAaA,GAAe,EAAE,SAAS,GAAM,CAAC,SAE3D;EAUX,AATA,EAAK,MAAM,kBAAkBJ,EAAS,qBACjCE,MACH,EAAK,MAAM,eAAeF,EAAS,mBAErC,EAAS,MAAM,YAAYA,EAAS,mBACpC,EAAS,MAAM,YAAYA,EAAS,mBACpC,SAAS,oBAAoB,SAASI,CAAa,GACnD,SAAS,oBAAoB,aAAaA,CAAa,GACvD,EAAS,YAAYJ,EAAS,WAC9B,EAAS,aAAaA,EAAS;CACjC;AACF;AAEA,SAASM,EAAY,GAAsC;CAGzD,AAFA,KAAa,GACTC,KAAiBtB,EAAiB,IAAIsB,CAAe,GACrDxB,MAAc,MAAG,IAAUc,EAAa;CAE5C,IAAIW,IAAW;CACf,aAAa;EACX,AAAIA,MACJ,IAAW,IACX,KACIzB,MAAc,MAChBC,IAAU,GACV,IAAU,KAAA,GAEVC,EAAiB,MAAM;CAE3B;AACF;AASA,SAAgBwB,EACd,GACA,GACA;CACA,QAAmB;EACjB,IAAI,CAACC,EAAO,GAAG;EACf,IAAMC,IAASL,EAAYM,GAAS,eAAe;EACnD,EAAUD,CAAM;CAClB,CAAC;AACH"}
+{"version":3,"file":"useScrollLock.js","names":["lockCount","release","allowedSelectors","getViewportScroller","html","isOverflowElement","supportsStableScrollbarGutter","isWithinAllowedScroll","target","selector","lockViewport","body","scroller","previous","scrollbarWidth","gutterSupported","padding","preventScroll","event","acquireLock","allowedSelector","released","useScrollLock","locked","unlock","options"],"sources":["../../src/hooks/useScrollLock.ts"],"sourcesContent":["import { createEffect, onCleanup, type Accessor } from \"solid-js\";\nimport { isOverflowElement } from \"~/lib\";\n\nexport interface UseScrollLockOptions {\n  /**\n   * 允许在锁滚动期间继续滚动的容器选择器(通常是浮层自身)。\n   * 未命中该选择器的滚轮/触摸滚动会被拦截;不传则整个页面都锁定滚动。\n   */\n  allowedSelector?: string;\n}\n\n// 多个浮层/嵌套浮层可能同时持锁,用计数避免其中一个关闭就提前恢复页面滚动。\nlet lockCount = 0;\nlet release: (() => void) | undefined;\n// 各持锁浮层允许滚动的容器选择器。preventScroll 读取的是实时集合,\n// 因此即使某个选择器在锁生效之后才加入,也能立即对它放行。\nconst allowedSelectors = new Set<string>();\n\n/**\n * 页面的滚动容器:html 自己建立了滚动上下文时锁 html,否则锁 body\n * ——把 overflow 写在另一个元素上并不会锁住页面(Base UI 同样的判断)。\n *\n * `isOverflowElement` 复用 positioner 的实现,保证\"锁哪个元素\"与\n * autoUpdate 监听哪些祖先 scroll 的口径完全一致。\n */\nfunction getViewportScroller(): HTMLElement {\n  const html = document.documentElement;\n  return isOverflowElement(html) ? html : document.body;\n}\n\nfunction supportsStableScrollbarGutter(): boolean {\n  return (\n    typeof CSS !== \"undefined\" &&\n    typeof CSS.supports === \"function\" &&\n    CSS.supports(\"scrollbar-gutter\", \"stable\")\n  );\n}\n\nfunction isWithinAllowedScroll(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false;\n  for (const selector of allowedSelectors) {\n    if (target.closest(selector)) return true;\n  }\n  return false;\n}\n\nfunction lockViewport(): () => void {\n  const html = document.documentElement;\n  const body = document.body;\n  const scroller = getViewportScroller();\n\n  const previous = {\n    htmlScrollbarGutter: html.style.scrollbarGutter,\n    scrollerOverflowX: scroller.style.overflowX,\n    scrollerOverflowY: scroller.style.overflowY,\n    bodyPaddingRight: body.style.paddingRight,\n    scrollTop: scroller.scrollTop,\n    scrollLeft: scroller.scrollLeft,\n  };\n\n  // 抵消滚动条消失带来的横向抖动:能用 scrollbar-gutter 就用它,\n  // 否则退化成给 body 补一个滚动条宽度的右内边距。\n  // 只有页面自身真的存在占位滚动条时才需要补偿:滚动条长在某个嵌套容器上时,\n  // 锁 html/body 并不会移除那条滚动条,再给 html 加 gutter 只会额外多出一条空白\n  // (滚动条 + gutter 双倍宽度),反而破坏布局。\n  const scrollbarWidth = Math.max(0, window.innerWidth - html.clientWidth);\n  const gutterSupported = supportsStableScrollbarGutter();\n  if (scrollbarWidth > 0) {\n    if (gutterSupported) {\n      html.style.scrollbarGutter = \"stable\";\n    } else {\n      const padding =\n        Number.parseFloat(getComputedStyle(body).paddingRight) || 0;\n      body.style.paddingRight = `${padding + scrollbarWidth}px`;\n    }\n  }\n\n  scroller.style.overflowX = \"hidden\";\n  scroller.style.overflowY = \"hidden\";\n\n  // 兜底:部分浏览器即使 overflow:hidden 仍能被滚轮/触摸滚动,\n  // 因此直接拦截浮层之外的滚动事件;浮层内部(命中 allowedSelector)保留滚动能力。\n  const preventScroll = (event: Event) => {\n    if (isWithinAllowedScroll(event.target)) return;\n    event.preventDefault();\n  };\n  document.addEventListener(\"wheel\", preventScroll, { passive: false });\n  document.addEventListener(\"touchmove\", preventScroll, { passive: false });\n\n  return () => {\n    html.style.scrollbarGutter = previous.htmlScrollbarGutter;\n    if (!gutterSupported) {\n      body.style.paddingRight = previous.bodyPaddingRight;\n    }\n    scroller.style.overflowX = previous.scrollerOverflowX;\n    scroller.style.overflowY = previous.scrollerOverflowY;\n    document.removeEventListener(\"wheel\", preventScroll);\n    document.removeEventListener(\"touchmove\", preventScroll);\n    scroller.scrollTop = previous.scrollTop;\n    scroller.scrollLeft = previous.scrollLeft;\n  };\n}\n\nfunction acquireLock(allowedSelector?: string): () => void {\n  lockCount += 1;\n  if (allowedSelector) allowedSelectors.add(allowedSelector);\n  if (lockCount === 1) release = lockViewport();\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    lockCount -= 1;\n    if (lockCount === 0) {\n      release?.();\n      release = undefined;\n      // 全部释放后清空放行名单,避免残留的选择器影响下一次锁。\n      allowedSelectors.clear();\n    }\n  };\n}\n\n/**\n * 浮层打开时锁定页面滚动,关闭后恢复——对齐 Base UI 的 modal 行为\n * (文档滚动被锁定、浮层之外的滚轮/触摸滚动被拦截),避免浮窗锚点随页面滚动而\"飘移\"。\n *\n * 多个浮层可同时持锁(引用计数);`allowedSelector` 命中的容器内仍可滚动,\n * 通常传入浮层自身,例如 Popover 传 `[data-slot=\"popover-content\"]`。\n */\nexport function useScrollLock(\n  locked: Accessor<boolean>,\n  options?: UseScrollLockOptions,\n) {\n  createEffect(() => {\n    if (!locked()) return;\n    const unlock = acquireLock(options?.allowedSelector);\n    onCleanup(unlock);\n  });\n}\n"],"mappings":";;;AAYA,IAAIA,IAAY,GACZC,GAGEC,oBAAmB,IAAI,IAAY;AASzC,SAASC,IAAmC;CAC1C,IAAMC,IAAO,SAAS;CACtB,OAAOC,EAAkBD,CAAI,IAAIA,IAAO,SAAS;AACnD;AAEA,SAASE,IAAyC;CAChD,OACE,OAAO,MAAQ,OACf,OAAO,IAAI,YAAa,cACxB,IAAI,SAAS,oBAAoB,QAAQ;AAE7C;AAEA,SAASC,EAAsB,GAAqC;CAClE,IAAI,EAAEC,aAAkB,UAAU,OAAO;CACzC,KAAK,IAAMC,KAAYP,GACrB,IAAIM,EAAO,QAAQC,CAAQ,GAAG,OAAO;CAEvC,OAAO;AACT;AAEA,SAASC,IAA2B;CAClC,IAAMN,IAAO,SAAS,iBAChBO,IAAO,SAAS,MAChBC,IAAWT,EAAoB,GAE/BU,IAAW;EACf,qBAAqBT,EAAK,MAAM;EAChC,mBAAmBQ,EAAS,MAAM;EAClC,mBAAmBA,EAAS,MAAM;EAClC,kBAAkBD,EAAK,MAAM;EAC7B,WAAWC,EAAS;EACpB,YAAYA,EAAS;CACvB,GAOME,IAAiB,KAAK,IAAI,GAAG,OAAO,aAAaV,EAAK,WAAW,GACjEW,IAAkBT,EAA8B;CACtD,IAAIQ,IAAiB,GAAG;EACtB,IAAIC,GACF,EAAK,MAAM,kBAAkB;OACxB;GACL,IAAMC,IACJ,OAAO,WAAW,iBAAiBL,CAAI,CAAC,CAAC,YAAY,KAAK;GAC5D,EAAK,MAAM,eAAe,GAAGK,IAAUF,EAAe;EACxD;CACF;CAGA,AADA,EAAS,MAAM,YAAY,UAC3B,EAAS,MAAM,YAAY;CAI3B,IAAMG,KAAiB,MAAiB;EACtC,AAAIV,EAAsBW,EAAM,MAAM,KACtCA,EAAM,eAAe;CACvB;CAIA,OAHA,SAAS,iBAAiB,SAASD,GAAe,EAAE,SAAS,GAAM,CAAC,GACpE,SAAS,iBAAiB,aAAaA,GAAe,EAAE,SAAS,GAAM,CAAC,SAE3D;EAUX,AATA,EAAK,MAAM,kBAAkBJ,EAAS,qBACjCE,MACH,EAAK,MAAM,eAAeF,EAAS,mBAErC,EAAS,MAAM,YAAYA,EAAS,mBACpC,EAAS,MAAM,YAAYA,EAAS,mBACpC,SAAS,oBAAoB,SAASI,CAAa,GACnD,SAAS,oBAAoB,aAAaA,CAAa,GACvD,EAAS,YAAYJ,EAAS,WAC9B,EAAS,aAAaA,EAAS;CACjC;AACF;AAEA,SAASM,EAAY,GAAsC;CAGzD,AAFA,KAAa,GACTC,KAAiBlB,EAAiB,IAAIkB,CAAe,GACrDpB,MAAc,MAAG,IAAUU,EAAa;CAE5C,IAAIW,IAAW;CACf,aAAa;EACX,AAAIA,MACJ,IAAW,IACX,KACIrB,MAAc,MAChBC,IAAU,GACV,IAAU,KAAA,GAEVC,EAAiB,MAAM;CAE3B;AACF;AASA,SAAgBoB,EACd,GACA,GACA;CACA,QAAmB;EACjB,IAAI,CAACC,EAAO,GAAG;EACf,IAAMC,IAASL,EAAYM,GAAS,eAAe;EACnD,EAAUD,CAAM;CAClB,CAAC;AACH"}

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export * from './components/badge';
 export * from './components/breadcrumb';
 export * from './components/button';
 export * from './components/button-group';
+export * from './components/bubble';
 export * from './components/card';
 export * from './components/calendar';
 export * from './components/carousel';
@@ -18,24 +19,32 @@ export * from './components/context-menu';
 export * from './components/date-picker';
 export * from './components/data-table';
 export * from './components/dialog';
+export * from './components/drawer';
 export * from './components/dropdown-menu';
 export * from './components/empty';
 export * from './components/field';
+export * from './components/hover-card';
 export * from './components/image';
 export * from './components/input';
 export * from './components/input-group';
 export * from './components/item';
 export * from './components/kbd';
 export * from './components/label';
+export * from './components/marker';
+export * from './components/message';
+export * from './components/message-scroller';
 export * from './components/pagination';
 export * from './components/number-input';
 export * from './components/popover';
 export * from './components/progress';
+export * from './components/questionnaire';
 export * from './components/radio-group';
+export * from './components/resizable';
 export * from './components/scroll-area';
 export * from './components/scroll-arrows';
 export * from './components/select';
 export * from './components/separator';
+export * from './components/sheet';
 export * from './components/sidebar';
 export * from './components/skeleton';
 export * from './components/slider';