@neut/ui 0.0.17 → 0.0.18

package/dist/lib/positioner/index.d.ts

@@ -5,6 +5,7 @@ export { getSide, getAlignment, getOppositePlacement, getOppositeAlignmentPlacem
 export { autoUpdate } from './auto-update';
 export type { AutoUpdateOptions } from './auto-update';
 export * from './utils/floating';
+export { getOverflowAncestors, getRectRelativeTo, getViewportBoundary, getViewportRect, isOverflowElement, } from './utils/dom';
 export { createVirtualElement } from './virtual-element';
 export type { PointOptions } from './virtual-element';
 export { offset, shift, flip, arrow, size, hide, containingBlockOffset, } from './middleware';

package/dist/lib/positioner/utils/dom.d.ts

@@ -12,5 +12,13 @@ export declare function getViewportRect(el: ReferenceElement): Rect;
 export declare function getRectRelativeTo(el: ReferenceElement, strategy: Strategy): Rect;
 /** 当前视口作为默认边界（用于 shift / flip 的溢出检测），strategy 决定坐标系 */
 export declare function getViewportBoundary(strategy: Strategy, padding?: number): Rect;
+/**
+ * 元素自身是否建立了滚动容器。
+ *
+ * 导出原因:`hooks/useScrollLock` 需要用它判断页面滚动条长在 html 还是 body 上,
+ * 之前那里也有一份逐字重复的实现。两处口径必须一致(同一个正则、同样只看
+ * overflow 三属性),否则"锁哪个元素"和"哪些祖先要监听 scroll"会不一致。
+ */
+export declare function isOverflowElement(el: Element): boolean;
 /** 找到所有可能影响布局的可滚动祖先 + window，用于 autoUpdate 监听 scroll/resize */
 export declare function getOverflowAncestors(node: Element): Array<Element | Window>;

package/dist/lib/positioner/utils/dom.js

@@ -38,6 +38,6 @@ function i(e) {
 	return t.push(window), t;
 }
 //#endregion
-export { i as getOverflowAncestors, t as getRectRelativeTo, n as getViewportBoundary, e as getViewportRect };
+export { i as getOverflowAncestors, t as getRectRelativeTo, n as getViewportBoundary, e as getViewportRect, r as isOverflowElement };
 
 //# sourceMappingURL=dom.js.map

package/dist/lib/positioner/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":["getViewportRect","rect","el","getRectRelativeTo","strategy","scrollX","scrollY","getViewportBoundary","width","height","padding","isOverflowElement","overflow","overflowX","overflowY","getOverflowAncestors","result","node"],"sources":["../../../../src/lib/positioner/utils/dom.ts"],"sourcesContent":["import type { ReferenceElement, Rect, Strategy } from \"../types\";\n\n/** 把 DOMRect 转成纯数据对象（视口坐标系）；同时兼容虚拟参照元素 */\nexport function getViewportRect(el: ReferenceElement): Rect {\n  const rect = el.getBoundingClientRect();\n  return { x: rect.x, y: rect.y, width: rect.width, height: rect.height };\n}\n\n/**\n * 根据 strategy 得到参与计算的矩形：\n * - fixed：直接用视口坐标（配合 position:fixed 使用最简单可靠）\n * - absolute：加上页面滚动偏移，换算成“文档坐标”\n *   （假设 floating 元素最终被挂载在 <body> 下，即最近定位祖先是 body/html，\n *    这是 Portal 到 body 的常见用法；如果你的 floating 元素有自定义的\n *    非 static 定位祖先，请优先使用 strategy: 'fixed'）\n */\nexport function getRectRelativeTo(\n  el: ReferenceElement,\n  strategy: Strategy,\n): Rect {\n  const rect = getViewportRect(el);\n  if (strategy === \"fixed\") return rect;\n  const scrollX = window.scrollX ?? window.pageXOffset;\n  const scrollY = window.scrollY ?? window.pageYOffset;\n  return {\n    x: rect.x + scrollX,\n    y: rect.y + scrollY,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\n/** 当前视口作为默认边界（用于 shift / flip 的溢出检测），strategy 决定坐标系 */\nexport function getViewportBoundary(strategy: Strategy, padding = 0): Rect {\n  const width = document.documentElement.clientWidth;\n  const height = document.documentElement.clientHeight;\n  const scrollX =\n    strategy === \"fixed\" ? 0 : (window.scrollX ?? window.pageXOffset);\n  const scrollY =\n    strategy === \"fixed\" ? 0 : (window.scrollY ?? window.pageYOffset);\n  return {\n    x: scrollX + padding,\n    y: scrollY + padding,\n    width: width - padding * 2,\n    height: height - padding * 2,\n  };\n}\n\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/** 找到所有可能影响布局的可滚动祖先 + window，用于 autoUpdate 监听 scroll/resize */\nexport function getOverflowAncestors(node: Element): Array<Element | Window> {\n  const result: Array<Element | Window> = [];\n  let el: Element | null = node.parentElement;\n\n  while (el) {\n    if (isOverflowElement(el)) {\n      result.push(el);\n    }\n    el = el.parentElement;\n  }\n\n  result.push(window);\n  return result;\n}\n"],"mappings":";AAGA,SAAgBA,EAAgB,GAA4B;CAC1D,IAAMC,IAAOC,EAAG,sBAAsB;CACtC,OAAO;EAAE,GAAGD,EAAK;EAAG,GAAGA,EAAK;EAAG,OAAOA,EAAK;EAAO,QAAQA,EAAK;CAAO;AACxE;AAUA,SAAgBE,EACd,GACA,GACM;CACN,IAAMF,IAAOD,EAAgBE,CAAE;CAC/B,IAAIE,MAAa,SAAS,OAAOH;CACjC,IAAMI,IAAU,OAAO,WAAW,OAAO,aACnCC,IAAU,OAAO,WAAW,OAAO;CACzC,OAAO;EACL,GAAGL,EAAK,IAAII;EACZ,GAAGJ,EAAK,IAAIK;EACZ,OAAOL,EAAK;EACZ,QAAQA,EAAK;CACf;AACF;AAGA,SAAgBM,EAAoB,GAAoB,IAAU,GAAS;CACzE,IAAMC,IAAQ,SAAS,gBAAgB,aACjCC,IAAS,SAAS,gBAAgB,cAClCJ,IACJD,MAAa,UAAU,IAAK,OAAO,WAAW,OAAO,aACjDE,IACJF,MAAa,UAAU,IAAK,OAAO,WAAW,OAAO;CACvD,OAAO;EACL,GAAGC,IAAUK;EACb,GAAGJ,IAAUI;EACb,OAAOF,IAAQE,IAAU;EACzB,QAAQD,IAASC,IAAU;CAC7B;AACF;AAEA,SAASC,EAAkB,GAAsB;CAC/C,IAAM,EAAE,aAAU,cAAW,iBAAc,iBAAiBT,CAAE;CAC9D,OAAO,6BAA6B,KAAKU,IAAWC,IAAYC,CAAS;AAC3E;AAGA,SAAgBC,EAAqB,GAAwC;CAC3E,IAAMC,IAAkC,CAAC,GACrCd,IAAqBe,EAAK;CAE9B,OAAOf,IAIL,AAHIS,EAAkBT,CAAE,KACtBc,EAAO,KAAKd,CAAE,GAEhB,IAAKA,EAAG;CAIV,OADAc,EAAO,KAAK,MAAM,GACXA;AACT"}
+{"version":3,"file":"dom.js","names":["getViewportRect","rect","el","getRectRelativeTo","strategy","scrollX","scrollY","getViewportBoundary","width","height","padding","isOverflowElement","overflow","overflowX","overflowY","getOverflowAncestors","result","node"],"sources":["../../../../src/lib/positioner/utils/dom.ts"],"sourcesContent":["import type { ReferenceElement, Rect, Strategy } from \"../types\";\n\n/** 把 DOMRect 转成纯数据对象（视口坐标系）；同时兼容虚拟参照元素 */\nexport function getViewportRect(el: ReferenceElement): Rect {\n  const rect = el.getBoundingClientRect();\n  return { x: rect.x, y: rect.y, width: rect.width, height: rect.height };\n}\n\n/**\n * 根据 strategy 得到参与计算的矩形：\n * - fixed：直接用视口坐标（配合 position:fixed 使用最简单可靠）\n * - absolute：加上页面滚动偏移，换算成“文档坐标”\n *   （假设 floating 元素最终被挂载在 <body> 下，即最近定位祖先是 body/html，\n *    这是 Portal 到 body 的常见用法；如果你的 floating 元素有自定义的\n *    非 static 定位祖先，请优先使用 strategy: 'fixed'）\n */\nexport function getRectRelativeTo(\n  el: ReferenceElement,\n  strategy: Strategy,\n): Rect {\n  const rect = getViewportRect(el);\n  if (strategy === \"fixed\") return rect;\n  const scrollX = window.scrollX ?? window.pageXOffset;\n  const scrollY = window.scrollY ?? window.pageYOffset;\n  return {\n    x: rect.x + scrollX,\n    y: rect.y + scrollY,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\n/** 当前视口作为默认边界（用于 shift / flip 的溢出检测），strategy 决定坐标系 */\nexport function getViewportBoundary(strategy: Strategy, padding = 0): Rect {\n  const width = document.documentElement.clientWidth;\n  const height = document.documentElement.clientHeight;\n  const scrollX =\n    strategy === \"fixed\" ? 0 : (window.scrollX ?? window.pageXOffset);\n  const scrollY =\n    strategy === \"fixed\" ? 0 : (window.scrollY ?? window.pageYOffset);\n  return {\n    x: scrollX + padding,\n    y: scrollY + padding,\n    width: width - padding * 2,\n    height: height - padding * 2,\n  };\n}\n\n/**\n * 元素自身是否建立了滚动容器。\n *\n * 导出原因:`hooks/useScrollLock` 需要用它判断页面滚动条长在 html 还是 body 上,\n * 之前那里也有一份逐字重复的实现。两处口径必须一致(同一个正则、同样只看\n * overflow 三属性),否则\"锁哪个元素\"和\"哪些祖先要监听 scroll\"会不一致。\n */\nexport function isOverflowElement(el: Element): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el);\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowX + overflowY);\n}\n\n/** 找到所有可能影响布局的可滚动祖先 + window，用于 autoUpdate 监听 scroll/resize */\nexport function getOverflowAncestors(node: Element): Array<Element | Window> {\n  const result: Array<Element | Window> = [];\n  let el: Element | null = node.parentElement;\n\n  while (el) {\n    if (isOverflowElement(el)) {\n      result.push(el);\n    }\n    el = el.parentElement;\n  }\n\n  result.push(window);\n  return result;\n}\n"],"mappings":";AAGA,SAAgBA,EAAgB,GAA4B;CAC1D,IAAMC,IAAOC,EAAG,sBAAsB;CACtC,OAAO;EAAE,GAAGD,EAAK;EAAG,GAAGA,EAAK;EAAG,OAAOA,EAAK;EAAO,QAAQA,EAAK;CAAO;AACxE;AAUA,SAAgBE,EACd,GACA,GACM;CACN,IAAMF,IAAOD,EAAgBE,CAAE;CAC/B,IAAIE,MAAa,SAAS,OAAOH;CACjC,IAAMI,IAAU,OAAO,WAAW,OAAO,aACnCC,IAAU,OAAO,WAAW,OAAO;CACzC,OAAO;EACL,GAAGL,EAAK,IAAII;EACZ,GAAGJ,EAAK,IAAIK;EACZ,OAAOL,EAAK;EACZ,QAAQA,EAAK;CACf;AACF;AAGA,SAAgBM,EAAoB,GAAoB,IAAU,GAAS;CACzE,IAAMC,IAAQ,SAAS,gBAAgB,aACjCC,IAAS,SAAS,gBAAgB,cAClCJ,IACJD,MAAa,UAAU,IAAK,OAAO,WAAW,OAAO,aACjDE,IACJF,MAAa,UAAU,IAAK,OAAO,WAAW,OAAO;CACvD,OAAO;EACL,GAAGC,IAAUK;EACb,GAAGJ,IAAUI;EACb,OAAOF,IAAQE,IAAU;EACzB,QAAQD,IAASC,IAAU;CAC7B;AACF;AASA,SAAgBC,EAAkB,GAAsB;CACtD,IAAM,EAAE,aAAU,cAAW,iBAAc,iBAAiBT,CAAE;CAC9D,OAAO,6BAA6B,KAAKU,IAAWC,IAAYC,CAAS;AAC3E;AAGA,SAAgBC,EAAqB,GAAwC;CAC3E,IAAMC,IAAkC,CAAC,GACrCd,IAAqBe,EAAK;CAE9B,OAAOf,IAIL,AAHIS,EAAkBT,CAAE,KACtBc,EAAO,KAAKd,CAAE,GAEhB,IAAKA,EAAG;CAIV,OADAc,EAAO,KAAK,MAAM,GACXA;AACT"}

package/dist/types/props.types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, JSX, ValidComponent } from 'solid-js';
 import { DynamicProps } from 'solid-js/web';
 export type EmptyObject = Record<never, never>;
-export type MouseEventHandler<T extends keyof HTMLElementTagNameMap> = (e?: MouseEvent & {
+export type MouseEventHandler<T extends keyof HTMLElementTagNameMap> = (e: MouseEvent & {
     currentTarget: HTMLElementTagNameMap[T];
     target: Element;
 }) => void;