@neut/ui 0.0.16 → 0.0.17

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

@@ -0,0 +1,42 @@
+import { getAlignment as e, getSide as t } from "../core/placement.js";
+import { offset as n } from "../middleware/offset.js";
+import { shift as r } from "../middleware/shift.js";
+import { flip as i } from "../middleware/flip.js";
+import { arrow as a } from "../middleware/arrow.js";
+import { hide as o } from "../middleware/hide.js";
+import { containingBlockOffset as s } from "../middleware/containing-block-offset.js";
+//#region src/lib/positioner/utils/floating.ts
+function c(e, t) {
+	return e === "inline-start" ? t === "rtl" ? "right" : "left" : e === "inline-end" ? t === "rtl" ? "left" : "right" : e;
+}
+function l(e, t, n) {
+	let r = c(e, n);
+	return t === "center" ? r : `${r}-${t}`;
+}
+function u(n) {
+	let r = t(n), i = e(n), a = i === "start" ? "0%" : i === "end" ? "100%" : "50%";
+	switch (r) {
+		case "top": return `${a} 100%`;
+		case "bottom": return `${a} 0%`;
+		case "left": return `100% ${a}`;
+		case "right": return `0% ${a}`;
+	}
+}
+function d(e) {
+	let t = [
+		n({
+			mainAxis: e.sideOffset,
+			crossAxis: e.alignOffset ?? 0
+		}),
+		i(),
+		r({ padding: e.collisionPadding ?? 8 })
+	];
+	return e.arrowElement && t.push(a({
+		element: e.arrowElement,
+		padding: e.arrowPadding ?? 6
+	})), t.push(o(), s()), t;
+}
+//#endregion
+export { d as createFloatingMiddleware, u as getTransformOrigin, c as toPhysicalSide, l as toPlacement };
+
+//# sourceMappingURL=floating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"floating.js","names":["toPhysicalSide","side","dir","toPlacement","physical","align","getTransformOrigin","getSide","placement","getAlignment","cross","createFloatingMiddleware","middleware","offset","options","flip","shift","arrow","hide","containingBlockOffset"],"sources":["../../../../src/lib/positioner/utils/floating.ts"],"sourcesContent":["import { getAlignment, getSide } from \"../core/placement\";\nimport {\n  arrow,\n  containingBlockOffset,\n  flip,\n  hide,\n  offset,\n  shift,\n} from \"../middleware\";\nimport type { Alignment, Middleware, Placement, Side } from \"../types\";\n\n/** Base UI 的逻辑方向:按 dir 映射到物理方向 */\nexport type LogicalSide = Side | \"inline-start\" | \"inline-end\";\n\nexport function toPhysicalSide(side: LogicalSide, dir?: string): Side {\n  if (side === \"inline-start\") return dir === \"rtl\" ? \"right\" : \"left\";\n  if (side === \"inline-end\") return dir === \"rtl\" ? \"left\" : \"right\";\n  return side;\n}\n\n/** shadcn/Base UI 风格的 side + align 组合成核心库的 Placement */\nexport function toPlacement(\n  side: LogicalSide,\n  align: Alignment | \"center\",\n  dir?: string,\n): Placement {\n  const physical = toPhysicalSide(side, dir);\n  return align === \"center\" ? physical : (`${physical}-${align}` as Placement);\n}\n\n/** 缩放动画锚点落在贴近 trigger 的那条边(不是几何中心) */\nexport function getTransformOrigin(placement: Placement): string {\n  const side = getSide(placement);\n  const align = getAlignment(placement);\n  const cross = align === \"start\" ? \"0%\" : align === \"end\" ? \"100%\" : \"50%\";\n  switch (side) {\n    case \"top\":\n      return `${cross} 100%`;\n    case \"bottom\":\n      return `${cross} 0%`;\n    case \"left\":\n      return `100% ${cross}`;\n    case \"right\":\n      return `0% ${cross}`;\n  }\n}\n\nexport interface FloatingMiddlewareOptions {\n  /** 沿主轴与 reference 的间距 */\n  sideOffset: number;\n  /** 沿交叉轴的偏移 */\n  alignOffset?: number;\n  /** 距视口边缘的最小间距 */\n  collisionPadding?: number;\n  /** 传入则加入 arrow middleware(必须排在 flip/shift 之后) */\n  arrowElement?: () => Element | undefined;\n  arrowPadding?: number;\n}\n\n/**\n * Popover / Tooltip / HoverCard / Select 等浮层共用的定位管线:\n * offset → flip → shift → [arrow] → hide → containingBlockOffset。\n * 抽到 positioner 里,避免每个组件各抄一份。\n */\nexport function createFloatingMiddleware(\n  options: FloatingMiddlewareOptions,\n): Middleware[] {\n  const middleware: Middleware[] = [\n    offset({\n      mainAxis: options.sideOffset,\n      crossAxis: options.alignOffset ?? 0,\n    }),\n    flip(),\n    shift({ padding: options.collisionPadding ?? 8 }),\n  ];\n  if (options.arrowElement) {\n    middleware.push(\n      arrow({\n        element: options.arrowElement,\n        padding: options.arrowPadding ?? 6,\n      }),\n    );\n  }\n  middleware.push(hide(), containingBlockOffset());\n  return middleware;\n}\n"],"mappings":";;;;;;;;AAcA,SAAgBA,EAAe,GAAmB,GAAoB;CAGpE,OAFIC,MAAS,iBAAuBC,MAAQ,QAAQ,UAAU,SAC1DD,MAAS,eAAqBC,MAAQ,QAAQ,SAAS,UACpDD;AACT;AAGA,SAAgBE,EACd,GACA,GACA,GACW;CACX,IAAMC,IAAWJ,EAAeC,GAAMC,CAAG;CACzC,OAAOG,MAAU,WAAWD,IAAY,GAAGA,EAAS,GAAGC;AACzD;AAGA,SAAgBC,EAAmB,GAA8B;CAC/D,IAAML,IAAOM,EAAQC,CAAS,GACxBH,IAAQI,EAAaD,CAAS,GAC9BE,IAAQL,MAAU,UAAU,OAAOA,MAAU,QAAQ,SAAS;CACpE,QAAQJ,GAAR;EACE,KAAK,OACH,OAAO,GAAGS,EAAM;EAClB,KAAK,UACH,OAAO,GAAGA,EAAM;EAClB,KAAK,QACH,OAAO,QAAQA;EACjB,KAAK,SACH,OAAO,MAAMA;CACjB;AACF;AAmBA,SAAgBC,EACd,GACc;CACd,IAAMC,IAA2B;EAC/BC,EAAO;GACL,UAAUC,EAAQ;GAClB,WAAWA,EAAQ,eAAe;EACpC,CAAC;EACDC,EAAK;EACLC,EAAM,EAAE,SAASF,EAAQ,oBAAoB,EAAE,CAAC;CAClD;CAUA,OATIA,EAAQ,gBACVF,EAAW,KACTK,EAAM;EACJ,SAASH,EAAQ;EACjB,SAASA,EAAQ,gBAAgB;CACnC,CAAC,CACH,GAEFF,EAAW,KAAKM,EAAK,GAAGC,EAAsB,CAAC,GACxCP;AACT"}