@neut/ui 0.0.15 → 0.0.17

package/dist/components/context-menu/ContextMenuContent/ContextMenuPopupSurface.js

@@ -0,0 +1,102 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { getAlignment as t } from "../../../lib/positioner/core/placement.js";
+import { ScrollArrows as n } from "../../scroll-arrows/ScrollArrows.js";
+import { getContextMenuTransformOrigin as r, resolveContextMenuDataSide as i } from "../context-menu.utils.js";
+import { ContextMenuPopupContext as a } from "../context-menu.context.js";
+import { Portal as o, createComponent as s, delegateEvents as c, effect as l, insert as u, mergeProps as d, setAttribute as f, spread as p, style as m, template as h, use as g } from "solid-js/web";
+import { Show as _, createEffect as v, createSignal as y, onCleanup as b } from "solid-js";
+//#region src/components/context-menu/ContextMenuContent/ContextMenuPopupSurface.tsx
+var x = /*#__PURE__*/ h("<div class=\"isolate z-50 outline-none\"style=z-index:50><div role=menu tabindex=-1>"), S = e("z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none", "no-scrollbar [&::-webkit-scrollbar]:hidden", "data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95");
+function C(c) {
+	let h = c.runtime, [C, w] = y("closed");
+	v(() => {
+		if (c.open()) {
+			let e = requestAnimationFrame(() => w("open"));
+			b(() => cancelAnimationFrame(e));
+		} else w("closed");
+	}), v(() => {
+		c.open() && h.popupEl() && h.setupOnOpen();
+	});
+	let T = () => h.placement(), E = () => i(c.side(), T(), c.dir()), D = () => t(T()) ?? "center", O = () => r(T());
+	return s(_, {
+		get when() {
+			return c.open();
+		},
+		get children() {
+			return s(o, { get children() {
+				var t = x(), r = t.firstChild;
+				return g((e) => {
+					h.setPositionerEl(e);
+					let t = c.registerMenuElement(e);
+					b(() => {
+						t(), h.setPositionerEl(void 0);
+					});
+				}, t), r.addEventListener("pointerleave", () => c.onPointerLeave?.()), r.addEventListener("pointerenter", () => c.onPointerEnter?.()), r.$$keydown = (e) => {
+					c.onKeyDown?.(e), h.onKeyDown(e);
+				}, g((e) => {
+					h.setPopupEl(e), b(() => h.setPopupEl(void 0));
+				}, r), p(r, d({
+					get id() {
+						return c.contentId;
+					},
+					get "data-slot"() {
+						return c.dataSlot;
+					},
+					get "data-open"() {
+						return C() === "open" ? "" : void 0;
+					},
+					get "data-side"() {
+						return E();
+					},
+					get "data-align"() {
+						return D();
+					},
+					get "aria-activedescendant"() {
+						return h.popupCtx.activeId();
+					},
+					get class() {
+						return e(S, c.class);
+					},
+					get style() {
+						return {
+							"transform-origin": O(),
+							"--transform-origin": O(),
+							"max-height": h.availableHeight() == null ? void 0 : `${h.availableHeight()}px`,
+							"--available-height": h.availableHeight() == null ? void 0 : `${h.availableHeight()}px`,
+							...typeof c.style == "object" ? c.style : void 0
+						};
+					}
+				}, () => c.rest), !1, !0), u(r, s(a.Provider, {
+					get value() {
+						return h.popupCtx;
+					},
+					get children() {
+						return c.children;
+					}
+				})), u(t, s(n, {
+					get target() {
+						return h.popupEl;
+					},
+					upClass: "rounded-t-lg",
+					downClass: "rounded-b-lg"
+				}), null), l((e) => {
+					var n = c.positionerSlot ?? "context-menu-positioner", r = E(), i = D(), a = {
+						...h.pos.floatingStyles(),
+						opacity: +!!h.pos.isPositioned()
+					};
+					return n !== e.e && f(t, "data-slot", e.e = n), r !== e.t && f(t, "data-side", e.t = r), i !== e.a && f(t, "data-align", e.a = i), e.o = m(t, a, e.o), e;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0
+				}), t;
+			} });
+		}
+	});
+}
+c(["keydown"]);
+//#endregion
+export { C as ContextMenuPopupSurface };
+
+//# sourceMappingURL=ContextMenuPopupSurface.js.map

package/dist/components/context-menu/ContextMenuContent/ContextMenuPopupSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuPopupSurface.js","names":["createEffect","createSignal","onCleanup","Show","Accessor","JSX","Portal","getAlignment","clsx","ScrollArrows","ContextMenuSide","ContextMenuPopupContext","getContextMenuTransformOrigin","resolveContextMenuDataSide","ContextMenuPopupRuntime","CONTENT_CLASS","ContextMenuPopupSurfaceProps","runtime","dataSlot","positionerSlot","contentId","open","side","dir","registerMenuElement","el","HTMLElement","class","style","CSSProperties","onKeyDown","e","KeyboardEvent","onPointerEnter","onPointerLeave","children","Element","rest","Record","ContextMenuPopupSurface","props","animationState","setAnimationState","raf","requestAnimationFrame","cancelAnimationFrame","popupEl","setupOnOpen","placement","dataSide","dataAlign","transformOrigin","_$createComponent","when","_el$","_tmpl$","_el$2","firstChild","_$use","setPositionerEl","unregister","undefined","addEventListener","$$keydown","setPopupEl","_$spread","_$mergeProps","id","data-slot","data-open","data-side","data-align","aria-activedescendant","popupCtx","activeId","availableHeight","_$insert","Provider","value","target","upClass","downClass","_$effect","_p$","_v$","_v$2","_v$3","_v$4","pos","floatingStyles","opacity","isPositioned","_$setAttribute","t","a","o","_$style","_$delegateEvents","_$createComponent","_$mergeProps","_$setAttribute","_$style","_$delegateEvents","_tmpl$","CONTENT_CLASS","clsx","ContextMenuPopupSurface","runtime","props","animationState","setAnimationState","createSignal","createEffect","raf","placement","dataSide","resolveContextMenuDataSide","dataAlign","getAlignment","transformOrigin","getContextMenuTransformOrigin","createComponent","Show","Portal","_el$","_el$2","use","el","unregister","onCleanup","spread","mergeProps","\"class\"","insert","ContextMenuPopupContext","ScrollArrows","effect","_v$","_v$2","_v$3","_v$4","_p$","setAttribute","style","delegateEvents"],"sources":["../../../../src/components/context-menu/ContextMenuContent/ContextMenuPopupSurface.tsx"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  onCleanup,\n  Show,\n  type Accessor,\n  type JSX,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { getAlignment } from \"~/lib\";\nimport { clsx } from \"~/utils\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport type { ContextMenuSide } from \"../context-menu.types\";\nimport { ContextMenuPopupContext } from \"../context-menu.context\";\nimport {\n  getContextMenuTransformOrigin,\n  resolveContextMenuDataSide,\n} from \"../context-menu.utils\";\nimport type { ContextMenuPopupRuntime } from \"./useContextMenuContent\";\n\n/**\n * popup 的视觉样式,直接对齐 shadcn base 版 `ContextMenuContent`。\n * 默认圆角用 base-nova 的 rounded-lg,与本项目 Popover/Select 的观感一致。\n */\nconst CONTENT_CLASS = clsx(\n  \"z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none\",\n  \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n  \"data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n  \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n  \"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n);\n\nexport interface ContextMenuPopupSurfaceProps {\n  runtime: ContextMenuPopupRuntime;\n  /** popup 上的 data-slot 值(根菜单 / 子菜单不同) */\n  dataSlot: string;\n  /** positioner 上的 data-slot 值,默认 context-menu-positioner */\n  positionerSlot?: string;\n  contentId: string;\n  open: Accessor<boolean>;\n  side: Accessor<ContextMenuSide>;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\" | undefined>;\n  registerMenuElement: (el: HTMLElement) => () => void;\n  class?: string;\n  style?: JSX.CSSProperties;\n  onKeyDown?: (e: KeyboardEvent) => void;\n  onPointerEnter?: () => void;\n  onPointerLeave?: () => void;\n  children: JSX.Element;\n  /** 其余透传到 popup 元素的属性 */\n  rest: Record<string, any>;\n}\n\n/**\n * 菜单浮层的展示骨架,根菜单与子菜单共用。\n *\n * 结构分两层(与 Popover/Select 一致):外层只负责 translate 定位,内层负责\n * 视觉样式与进出场动画。同一个元素不能既用 transform 定位又用 transform 做\n * 缩放动画,否则动画播放期间会把定位 transform 整个顶掉。\n */\nexport function ContextMenuPopupSurface(props: ContextMenuPopupSurfaceProps) {\n  const runtime = props.runtime;\n\n  // 打开时延迟一帧再触发进场动画,给首次定位计算留出时间,避免\"先出现在\n  // 旧位置再跳过去\"。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (props.open()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // popup 挂载后聚焦它并高亮第一项(键盘事件依赖 popup 持有焦点)。\n  createEffect(() => {\n    if (props.open() && runtime.popupEl()) runtime.setupOnOpen();\n  });\n\n  const placement = () => runtime.placement();\n  const dataSide = () =>\n    resolveContextMenuDataSide(props.side(), placement(), props.dir());\n  const dataAlign = () => getAlignment(placement()) ?? \"center\";\n  const transformOrigin = () => getContextMenuTransformOrigin(placement());\n\n  return (\n    <Show when={props.open()}>\n      <Portal>\n        <div\n          ref={(el) => {\n            runtime.setPositionerEl(el);\n            const unregister = props.registerMenuElement(el);\n            onCleanup(() => {\n              unregister();\n              runtime.setPositionerEl(undefined);\n            });\n          }}\n          data-slot={props.positionerSlot ?? \"context-menu-positioner\"}\n          data-side={dataSide()}\n          data-align={dataAlign()}\n          class=\"isolate z-50 outline-none\"\n          style={{\n            ...runtime.pos.floatingStyles(),\n            \"z-index\": 50,\n            opacity: runtime.pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            ref={(el) => {\n              runtime.setPopupEl(el);\n              onCleanup(() => runtime.setPopupEl(undefined));\n            }}\n            id={props.contentId}\n            role=\"menu\"\n            tabIndex={-1}\n            data-slot={props.dataSlot}\n            data-open={animationState() === \"open\" ? \"\" : undefined}\n            data-side={dataSide()}\n            data-align={dataAlign()}\n            aria-activedescendant={runtime.popupCtx.activeId()}\n            class={clsx(CONTENT_CLASS, props.class)}\n            style={{\n              \"transform-origin\": transformOrigin(),\n              \"--transform-origin\": transformOrigin(),\n              \"max-height\":\n                runtime.availableHeight() != null\n                  ? `${runtime.availableHeight()}px`\n                  : undefined,\n              \"--available-height\":\n                runtime.availableHeight() != null\n                  ? `${runtime.availableHeight()}px`\n                  : undefined,\n              ...(typeof props.style === \"object\" ? props.style : undefined),\n            }}\n            onKeyDown={(e) => {\n              props.onKeyDown?.(e);\n              runtime.onKeyDown(e);\n            }}\n            onPointerEnter={() => props.onPointerEnter?.()}\n            onPointerLeave={() => props.onPointerLeave?.()}\n            {...props.rest}\n          >\n            <ContextMenuPopupContext.Provider value={runtime.popupCtx}>\n              {props.children}\n            </ContextMenuPopupContext.Provider>\n          </div>\n          <ScrollArrows\n            target={runtime.popupEl}\n            upClass=\"rounded-t-lg\"\n            downClass=\"rounded-b-lg\"\n          />\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":"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"}

package/dist/components/context-menu/ContextMenuContent/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenuContent } from './ContextMenuContent';
+export type { ContextMenuContentProps } from './ContextMenuContent.types';

package/dist/components/context-menu/ContextMenuContent/useContextMenuContent.d.ts

@@ -0,0 +1,52 @@
+import { Accessor } from 'solid-js';
+import { Placement, Positioner, ReferenceElement } from '../../../lib';
+import { ContextMenuAlign, ContextMenuContextValue, ContextMenuOrientation, ContextMenuPopupContextValue, ContextMenuSide, ContextMenuSubmenuContextValue } from '../context-menu.types';
+export interface CreateContextMenuPopupOptions {
+    root: ContextMenuContextValue;
+    /** 该浮层自身的打开状态(根菜单 = root.open,子菜单 = submenu.open) */
+    open: Accessor<boolean>;
+    /** 父级浮层:根菜单为 undefined,子菜单为触发它的那个浮层 */
+    parent?: ContextMenuPopupContextValue;
+    isSubmenu: boolean;
+    /** 定位锚点:根菜单是鼠标坐标的虚拟元素,子菜单是子菜单触发器 */
+    reference: Accessor<ReferenceElement | undefined>;
+    side: Accessor<ContextMenuSide>;
+    align: Accessor<ContextMenuAlign>;
+    sideOffset: Accessor<number>;
+    alignOffset: Accessor<number>;
+    collisionPadding: Accessor<number>;
+    dir: Accessor<"ltr" | "rtl" | "auto" | undefined>;
+    /** 子菜单可以覆盖根组件的行为;不传则回退到 root 上的值 */
+    loopFocus?: Accessor<boolean>;
+    orientation?: Accessor<ContextMenuOrientation>;
+    highlightItemOnHover?: Accessor<boolean>;
+    /** 子菜单场景下提供,用于 ArrowLeft / Escape 只关闭当前子菜单 */
+    submenu?: ContextMenuSubmenuContextValue;
+}
+export interface ContextMenuPopupRuntime {
+    popupCtx: ContextMenuPopupContextValue;
+    pos: Positioner;
+    /** 真正承载焦点的 popup 元素 */
+    popupEl: Accessor<HTMLElement | undefined>;
+    setPopupEl: (el: HTMLElement | undefined) => void;
+    /** 负责定位的外层元素 */
+    positionerEl: Accessor<HTMLElement | undefined>;
+    setPositionerEl: (el: HTMLElement | undefined) => void;
+    /** size 中间件算出的可用高度,用于 max-height 滚动 */
+    availableHeight: Accessor<number | undefined>;
+    placement: Accessor<Placement>;
+    onKeyDown: (e: KeyboardEvent) => void;
+    /** 打开后聚焦 popup 并把高亮落到第一项 */
+    setupOnOpen: () => void;
+}
+/**
+ * 一个浮层(根菜单或子菜单)的运行时:定位、菜单项注册、高亮/键盘导航、
+ * 类型头(typeahead)以及开关联动都收敛在这里。`ContextMenuContent` 与
+ * `ContextMenuSubContent` 共用它,只是传入的锚点与父子关系不同。
+ *
+ * 交互模型:焦点始终落在 popup 上,高亮项通过 `aria-activedescendant` 表达
+ * (而不是把真实焦点在菜单项之间搬来搬去)。这与本项目 Select 的做法一致,
+ * 既避免了焦点在 Portal / 子菜单之间的来回跳,也让"关闭后把焦点还给触发器"
+ * 变得非常简单。
+ */
+export declare function createContextMenuPopupRuntime(options: CreateContextMenuPopupOptions): ContextMenuPopupRuntime;

package/dist/components/context-menu/ContextMenuContent/useContextMenuContent.js

@@ -0,0 +1,153 @@
+import { createPositioner as e } from "../../../lib/positioner/create-positioner.js";
+import { offset as t } from "../../../lib/positioner/middleware/offset.js";
+import { shift as n } from "../../../lib/positioner/middleware/shift.js";
+import { flip as r } from "../../../lib/positioner/middleware/flip.js";
+import { size as i } from "../../../lib/positioner/middleware/size.js";
+import { hide as a } from "../../../lib/positioner/middleware/hide.js";
+import { containingBlockOffset as o } from "../../../lib/positioner/middleware/containing-block-offset.js";
+import { toContextMenuPlacement as s } from "../context-menu.utils.js";
+import { createEffect as c, createMemo as l, createSignal as u, createUniqueId as d, onCleanup as f } from "solid-js";
+//#region src/components/context-menu/ContextMenuContent/useContextMenuContent.ts
+var p = 500;
+function m(m) {
+	let { root: h } = m, g = () => m.loopFocus?.() ?? h.loopFocus(), _ = () => m.orientation?.() ?? h.orientation(), v = () => m.highlightItemOnHover?.() ?? h.highlightItemOnHover(), [y, b] = u(), [x, S] = u(), [C, w] = u([]), [T, E] = u(), [D, O] = u(), [k, A] = u(), j = `context-menu-popup-${d()}`, M = e(m.reference, x, {
+		placement: () => s(m.side(), m.align(), m.dir()),
+		strategy: "fixed",
+		middleware: () => [
+			t({
+				mainAxis: m.sideOffset(),
+				crossAxis: m.alignOffset()
+			}),
+			r(),
+			n({ padding: m.collisionPadding() }),
+			i({
+				padding: m.collisionPadding(),
+				apply: ({ availableHeight: e }) => A(e)
+			}),
+			a(),
+			o()
+		]
+	}), N = l(() => [...C()].sort((e, t) => e.element === t.element ? 0 : e.element.compareDocumentPosition(t.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1)), P = l(() => N().filter((e) => !e.disabled())), F = () => N().find((e) => e.id === T()), I = (e) => (w((t) => [...t, e]), () => w((t) => t.filter((t) => t.id !== e.id))), L = () => O(void 0), R = (e) => {
+		E(e);
+		let t = D();
+		t && t.id !== e && L();
+	}, z = (e) => {
+		let t = P();
+		if (t.length === 0) return;
+		let n = t.findIndex((e) => e.id === T()), r;
+		n === -1 ? r = e > 0 ? 0 : t.length - 1 : (r = n + e, r < 0 ? r = g() ? t.length - 1 : 0 : r >= t.length && (r = g() ? 0 : t.length - 1)), R(t[r].id);
+	}, B = () => {
+		let e = P();
+		R(e.length > 0 ? e[0].id : void 0);
+	}, V = () => {
+		let e = P();
+		R(e.length > 0 ? e[e.length - 1].id : void 0);
+	};
+	c(() => {
+		let e = T();
+		e && N().find((t) => t.id === e)?.element.scrollIntoView({ block: "nearest" });
+	}), c(() => {
+		m.open() || (E(void 0), O(void 0));
+	});
+	let H = "", U, W = (e) => {
+		H += e.toLowerCase(), U !== void 0 && window.clearTimeout(U), U = window.setTimeout(() => {
+			H = "", U = void 0;
+		}, p);
+		let t = P().find((e) => e.label().toLowerCase().startsWith(H));
+		t && R(t.id);
+	};
+	return f(() => {
+		U !== void 0 && window.clearTimeout(U);
+	}), {
+		popupCtx: {
+			root: h,
+			parent: m.parent,
+			submenu: m.submenu,
+			menuId: j,
+			isSubmenu: m.isSubmenu,
+			popup: y,
+			setPopup: (e) => b(e),
+			items: N,
+			registerItem: I,
+			activeId: T,
+			setActiveId: R,
+			activeEntry: F,
+			moveActive: z,
+			focusFirst: B,
+			focusLast: V,
+			highlight: (e) => R(e),
+			openPopupState: D,
+			openPopup: (e, t, n) => O({
+				id: e,
+				reason: t,
+				event: n
+			}),
+			closeOpenPopup: L,
+			closeAll: (e, t) => h.closeAll(e, t),
+			highlightItemOnHover: v
+		},
+		pos: M,
+		popupEl: y,
+		setPopupEl: (e) => b(e),
+		positionerEl: x,
+		setPositionerEl: (e) => S(e),
+		availableHeight: k,
+		placement: M.placement,
+		onKeyDown: (e) => {
+			let t = m.submenu, n = _() === "horizontal";
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), z(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), z(-1);
+					break;
+				case "ArrowRight": {
+					if (n) {
+						e.preventDefault(), z(1);
+						break;
+					}
+					let t = F();
+					t?.hasPopup() && (e.preventDefault(), t.openPopup?.("list-navigation", e));
+					break;
+				}
+				case "ArrowLeft":
+					if (n) {
+						e.preventDefault(), z(-1);
+						break;
+					}
+					t && (e.preventDefault(), e.stopPropagation(), t.closeSubmenu("list-navigation", e, !0));
+					break;
+				case "Home":
+					e.preventDefault(), B();
+					break;
+				case "End":
+					e.preventDefault(), V();
+					break;
+				case "Enter":
+				case " ": {
+					e.preventDefault();
+					let t = F();
+					t && !t.disabled() && t.activate();
+					break;
+				}
+				case "Escape":
+					e.preventDefault(), e.stopPropagation(), t && !t.closeParentOnEsc() ? t.closeSubmenu("escape-key", e, !0) : h.closeAll("escape-key", e);
+					break;
+				case "Tab":
+					e.preventDefault(), h.closeAll("focus-out", e);
+					break;
+				default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && W(e.key);
+			}
+		},
+		setupOnOpen: () => {
+			queueMicrotask(() => {
+				m.open() && (y()?.focus({ preventScroll: !0 }), T() === void 0 && B());
+			});
+		}
+	};
+}
+//#endregion
+export { m as createContextMenuPopupRuntime };
+
+//# sourceMappingURL=useContextMenuContent.js.map

package/dist/components/context-menu/ContextMenuContent/useContextMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenuContent.js","names":["TYPEAHEAD_TIMEOUT","createContextMenuPopupRuntime","options","loopFocus","root","orientation","highlightItemOnHover","popupEl","setPopupEl","createSignal","positionerEl","setPositionerEl","items","setItems","activeId","setActiveIdInternal","openPopupState","setOpenPopupState","availableHeight","setAvailableHeight","menuId","createUniqueId","pos","createPositioner","toContextMenuPlacement","offset","flip","shift","size","hide","containingBlockOffset","orderedItems","createMemo","a","b","enabledItems","item","activeEntry","registerItem","list","entry","it","closeOpenPopup","setActiveId","id","state","moveActive","currentIndex","nextIndex","delta","focusFirst","focusLast","createEffect","typeaheadBuffer","typeaheadTimer","runTypeahead","char","match","onCleanup","el","reason","event","submenu","horizontal"],"sources":["../../../../src/components/context-menu/ContextMenuContent/useContextMenuContent.ts"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type Accessor,\n} from \"solid-js\";\nimport {\n  containingBlockOffset,\n  createPositioner,\n  flip,\n  hide,\n  offset,\n  shift,\n  size,\n  type Placement,\n  type Positioner,\n  type ReferenceElement,\n} from \"~/lib\";\nimport type {\n  ContextMenuAlign,\n  ContextMenuContextValue,\n  ContextMenuOpenPopupState,\n  ContextMenuItemEntry,\n  ContextMenuOrientation,\n  ContextMenuPopupContextValue,\n  ContextMenuSide,\n  ContextMenuSubmenuContextValue,\n} from \"../context-menu.types\";\nimport { toContextMenuPlacement } from \"../context-menu.utils\";\n\n/** 键盘字符导航的缓冲窗口(毫秒) */\nconst TYPEAHEAD_TIMEOUT = 500;\n\nexport interface CreateContextMenuPopupOptions {\n  root: ContextMenuContextValue;\n  /** 该浮层自身的打开状态(根菜单 = root.open,子菜单 = submenu.open) */\n  open: Accessor<boolean>;\n  /** 父级浮层:根菜单为 undefined,子菜单为触发它的那个浮层 */\n  parent?: ContextMenuPopupContextValue;\n  isSubmenu: boolean;\n  /** 定位锚点:根菜单是鼠标坐标的虚拟元素,子菜单是子菜单触发器 */\n  reference: Accessor<ReferenceElement | undefined>;\n  side: Accessor<ContextMenuSide>;\n  align: Accessor<ContextMenuAlign>;\n  sideOffset: Accessor<number>;\n  alignOffset: Accessor<number>;\n  collisionPadding: Accessor<number>;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\" | undefined>;\n  /** 子菜单可以覆盖根组件的行为;不传则回退到 root 上的值 */\n  loopFocus?: Accessor<boolean>;\n  orientation?: Accessor<ContextMenuOrientation>;\n  highlightItemOnHover?: Accessor<boolean>;\n  /** 子菜单场景下提供,用于 ArrowLeft / Escape 只关闭当前子菜单 */\n  submenu?: ContextMenuSubmenuContextValue;\n}\n\nexport interface ContextMenuPopupRuntime {\n  popupCtx: ContextMenuPopupContextValue;\n  pos: Positioner;\n  /** 真正承载焦点的 popup 元素 */\n  popupEl: Accessor<HTMLElement | undefined>;\n  setPopupEl: (el: HTMLElement | undefined) => void;\n  /** 负责定位的外层元素 */\n  positionerEl: Accessor<HTMLElement | undefined>;\n  setPositionerEl: (el: HTMLElement | undefined) => void;\n  /** size 中间件算出的可用高度,用于 max-height 滚动 */\n  availableHeight: Accessor<number | undefined>;\n  placement: Accessor<Placement>;\n  onKeyDown: (e: KeyboardEvent) => void;\n  /** 打开后聚焦 popup 并把高亮落到第一项 */\n  setupOnOpen: () => void;\n}\n\n/**\n * 一个浮层(根菜单或子菜单)的运行时:定位、菜单项注册、高亮/键盘导航、\n * 类型头(typeahead)以及开关联动都收敛在这里。`ContextMenuContent` 与\n * `ContextMenuSubContent` 共用它,只是传入的锚点与父子关系不同。\n *\n * 交互模型:焦点始终落在 popup 上,高亮项通过 `aria-activedescendant` 表达\n * (而不是把真实焦点在菜单项之间搬来搬去)。这与本项目 Select 的做法一致,\n * 既避免了焦点在 Portal / 子菜单之间的来回跳,也让\"关闭后把焦点还给触发器\"\n * 变得非常简单。\n */\nexport function createContextMenuPopupRuntime(\n  options: CreateContextMenuPopupOptions,\n): ContextMenuPopupRuntime {\n  const { root } = options;\n  const loopFocus = () => options.loopFocus?.() ?? root.loopFocus();\n  const orientation = () => options.orientation?.() ?? root.orientation();\n  const highlightItemOnHover = () =>\n    options.highlightItemOnHover?.() ?? root.highlightItemOnHover();\n\n  const [popupEl, setPopupEl] = createSignal<HTMLElement>();\n  const [positionerEl, setPositionerEl] = createSignal<HTMLElement>();\n  const [items, setItems] = createSignal<ContextMenuItemEntry[]>([]);\n  const [activeId, setActiveIdInternal] = createSignal<string | undefined>();\n  const [openPopupState, setOpenPopupState] =\n    createSignal<ContextMenuOpenPopupState>();\n  const [availableHeight, setAvailableHeight] = createSignal<number>();\n\n  const menuId = `context-menu-popup-${createUniqueId()}`;\n\n  const pos = createPositioner(options.reference, positionerEl, {\n    placement: () =>\n      toContextMenuPlacement(options.side(), options.align(), options.dir()),\n    strategy: \"fixed\",\n    middleware: () => [\n      offset({\n        mainAxis: options.sideOffset(),\n        crossAxis: options.alignOffset(),\n      }),\n      flip(),\n      shift({ padding: options.collisionPadding() }),\n      size({\n        padding: options.collisionPadding(),\n        apply: ({ availableHeight }) => setAvailableHeight(availableHeight),\n      }),\n      hide(),\n      containingBlockOffset(),\n    ],\n  });\n\n  // 按 DOM 顺序排序,避免调用方用 <For> 动态生成菜单项时顺序错乱。\n  const orderedItems = createMemo(() => {\n    const list = items();\n    return [...list].sort((a, b) => {\n      if (a.element === b.element) return 0;\n      const relation = a.element.compareDocumentPosition(b.element);\n      return relation & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n    });\n  });\n\n  const enabledItems = createMemo(() =>\n    orderedItems().filter((item) => !item.disabled()),\n  );\n\n  const activeEntry = () =>\n    orderedItems().find((item) => item.id === activeId());\n\n  const registerItem = (entry: ContextMenuItemEntry) => {\n    setItems((list) => [...list, entry]);\n    return () => setItems((list) => list.filter((it) => it.id !== entry.id));\n  };\n\n  const closeOpenPopup = () => setOpenPopupState(undefined);\n\n  /** 高亮某项;若高亮切到了别的项,顺手关掉已展开的子菜单 */\n  const setActiveId = (id: string | undefined) => {\n    setActiveIdInternal(id);\n    const state = openPopupState();\n    if (state && state.id !== id) closeOpenPopup();\n  };\n\n  const moveActive = (delta: 1 | -1) => {\n    const list = enabledItems();\n    if (list.length === 0) return;\n    const currentIndex = list.findIndex((item) => item.id === activeId());\n    let nextIndex: number;\n    if (currentIndex === -1) {\n      nextIndex = delta > 0 ? 0 : list.length - 1;\n    } else {\n      nextIndex = currentIndex + delta;\n      if (nextIndex < 0) {\n        nextIndex = loopFocus() ? list.length - 1 : 0;\n      } else if (nextIndex >= list.length) {\n        nextIndex = loopFocus() ? 0 : list.length - 1;\n      }\n    }\n    setActiveId(list[nextIndex].id);\n  };\n\n  const focusFirst = () => {\n    const list = enabledItems();\n    setActiveId(list.length > 0 ? list[0].id : undefined);\n  };\n\n  const focusLast = () => {\n    const list = enabledItems();\n    setActiveId(list.length > 0 ? list[list.length - 1].id : undefined);\n  };\n\n  // 高亮项变化时滚动到可见区域\n  createEffect(() => {\n    const id = activeId();\n    if (!id) return;\n    orderedItems()\n      .find((item) => item.id === id)\n      ?.element.scrollIntoView({ block: \"nearest\" });\n  });\n\n  // 关闭时清空高亮与子菜单状态,保证下次打开重新从第一项开始。\n  createEffect(() => {\n    if (!options.open()) {\n      setActiveIdInternal(undefined);\n      setOpenPopupState(undefined);\n    }\n  });\n\n  // --- 键盘字符导航 ---\n  let typeaheadBuffer = \"\";\n  let typeaheadTimer: number | undefined;\n\n  const runTypeahead = (char: string) => {\n    typeaheadBuffer += char.toLowerCase();\n    if (typeaheadTimer !== undefined) window.clearTimeout(typeaheadTimer);\n    typeaheadTimer = window.setTimeout(() => {\n      typeaheadBuffer = \"\";\n      typeaheadTimer = undefined;\n    }, TYPEAHEAD_TIMEOUT);\n\n    const match = enabledItems().find((item) =>\n      item.label().toLowerCase().startsWith(typeaheadBuffer),\n    );\n    if (match) setActiveId(match.id);\n  };\n\n  onCleanup(() => {\n    if (typeaheadTimer !== undefined) window.clearTimeout(typeaheadTimer);\n  });\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const submenu = options.submenu;\n    const horizontal = orientation() === \"horizontal\";\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        moveActive(1);\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        moveActive(-1);\n        break;\n      case \"ArrowRight\": {\n        if (horizontal) {\n          e.preventDefault();\n          moveActive(1);\n          break;\n        }\n        const entry = activeEntry();\n        if (entry?.hasPopup()) {\n          e.preventDefault();\n          entry.openPopup?.(\"list-navigation\", e);\n        }\n        break;\n      }\n      case \"ArrowLeft\": {\n        if (horizontal) {\n          e.preventDefault();\n          moveActive(-1);\n          break;\n        }\n        if (submenu) {\n          e.preventDefault();\n          // 阻止冒泡,避免父级浮层也处理这次按键\n          e.stopPropagation();\n          submenu.closeSubmenu(\"list-navigation\", e, true);\n        }\n        break;\n      }\n      case \"Home\":\n        e.preventDefault();\n        focusFirst();\n        break;\n      case \"End\":\n        e.preventDefault();\n        focusLast();\n        break;\n      case \"Enter\":\n      case \" \": {\n        e.preventDefault();\n        const entry = activeEntry();\n        if (entry && !entry.disabled()) entry.activate();\n        break;\n      }\n      case \"Escape\": {\n        e.preventDefault();\n        e.stopPropagation();\n        if (submenu && !submenu.closeParentOnEsc()) {\n          submenu.closeSubmenu(\"escape-key\", e, true);\n        } else {\n          root.closeAll(\"escape-key\", e);\n        }\n        break;\n      }\n      case \"Tab\": {\n        // 关闭菜单并把焦点交还触发器,浏览器随后的 Tab 会从触发器之后继续\n        e.preventDefault();\n        root.closeAll(\"focus-out\", e);\n        break;\n      }\n      default: {\n        if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          runTypeahead(e.key);\n        }\n      }\n    }\n  };\n\n  const popupCtx: ContextMenuPopupContextValue = {\n    root,\n    parent: options.parent,\n    submenu: options.submenu,\n    menuId,\n    isSubmenu: options.isSubmenu,\n    popup: popupEl,\n    setPopup: (el) => setPopupEl(el),\n    items: orderedItems,\n    registerItem,\n    activeId,\n    setActiveId,\n    activeEntry,\n    moveActive,\n    focusFirst,\n    focusLast,\n    highlight: (id) => setActiveId(id),\n    openPopupState,\n    openPopup: (id, reason, event) => setOpenPopupState({ id, reason, event }),\n    closeOpenPopup,\n    closeAll: (reason, event) => root.closeAll(reason, event),\n    highlightItemOnHover,\n  };\n\n  /** 浮层挂载完成后的收尾:聚焦 popup(键盘事件依赖它)并高亮第一项 */\n  const setupOnOpen = () => {\n    queueMicrotask(() => {\n      if (!options.open()) return;\n      popupEl()?.focus({ preventScroll: true });\n      if (activeId() === undefined) focusFirst();\n    });\n  };\n\n  return {\n    popupCtx,\n    pos,\n    popupEl,\n    setPopupEl: (el) => setPopupEl(el),\n    positionerEl,\n    setPositionerEl: (el) => setPositionerEl(el),\n    availableHeight,\n    placement: pos.placement,\n    onKeyDown,\n    setupOnOpen,\n  };\n}\n"],"mappings":"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"}

package/dist/components/context-menu/ContextMenuGroup/ContextMenuGroup.d.ts

@@ -0,0 +1,6 @@
+import { ContextMenuGroupProps } from './ContextMenuGroup.types';
+/**
+ * 把相关菜单项分成一组,配合 `<ContextMenuLabel>` 使用。
+ * 组与标签之间通过 `aria-labelledby` 建立无障碍关联。
+ */
+export declare function ContextMenuGroup(props: ContextMenuGroupProps): import('solid-js').JSX.Element;

package/dist/components/context-menu/ContextMenuGroup/ContextMenuGroup.js

@@ -0,0 +1,29 @@
+import { ContextMenuGroupContext as e } from "../context-menu.context.js";
+import { createComponent as t, insert as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { createSignal as o, splitProps as s } from "solid-js";
+//#region src/components/context-menu/ContextMenuGroup/ContextMenuGroup.tsx
+var c = /*#__PURE__*/ a("<div role=group data-slot=context-menu-group>");
+function l(a) {
+	let [l, u] = s(a, ["class", "children"]), [d, f] = o(), p = {
+		labelId: d,
+		setLabelId: f
+	};
+	return t(e.Provider, {
+		value: p,
+		get children() {
+			var e = c();
+			return i(e, r({
+				get "aria-labelledby"() {
+					return d();
+				},
+				get class() {
+					return l.class;
+				}
+			}, u), !1, !0), n(e, () => l.children), e;
+		}
+	});
+}
+//#endregion
+export { l as ContextMenuGroup };
+
+//# sourceMappingURL=ContextMenuGroup.js.map

package/dist/components/context-menu/ContextMenuGroup/ContextMenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuGroup.js","names":["createSignal","splitProps","ContextMenuGroupContext","ContextMenuGroupContextValue","ContextMenuGroupProps","ContextMenuGroup","props","local","rest","labelId","setLabelId","ctx","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","aria-labelledby","class","_$insert","_$createComponent","_$mergeProps","_tmpl$","ContextMenuGroup","local","rest","splitProps","props","labelId","setLabelId","createSignal","ctx","createComponent","ContextMenuGroupContext","_el$","spread","mergeProps","\"class\"","insert"],"sources":["../../../../src/components/context-menu/ContextMenuGroup/ContextMenuGroup.tsx"],"sourcesContent":["import { createSignal, splitProps } from \"solid-js\";\nimport { ContextMenuGroupContext } from \"../context-menu.context\";\nimport type { ContextMenuGroupContextValue } from \"../context-menu.types\";\nimport type { ContextMenuGroupProps } from \"./ContextMenuGroup.types\";\n\n/**\n * 把相关菜单项分成一组,配合 `<ContextMenuLabel>` 使用。\n * 组与标签之间通过 `aria-labelledby` 建立无障碍关联。\n */\nexport function ContextMenuGroup(props: ContextMenuGroupProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n\n  const [labelId, setLabelId] = createSignal<string>();\n  const ctx: ContextMenuGroupContextValue = { labelId, setLabelId };\n\n  return (\n    <ContextMenuGroupContext.Provider value={ctx}>\n      <div\n        role=\"group\"\n        aria-labelledby={labelId()}\n        data-slot=\"context-menu-group\"\n        class={local.class}\n        {...rest}\n      >\n        {local.children}\n      </div>\n    </ContextMenuGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgBK,EAAiBC,GAA8B;CAC7D,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,UAAU,CAAC,GAEvD,CAACG,GAASC,KAAcV,EAAqB,GAC7CW,IAAoC;EAAEF;EAASC;CAAW;CAEhE,OAAAE,EACGV,EAAwBW,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAQzB,OARyBC,EAAAF,GAAAG,EAAA;IAAA,IAAA,oBAAA;KAAA,OAGvBV,EAAQ;IAAC;IAAA,IAAA+B,QAAA;KAAA,OAEnBjC,EAAMc;IAAK;GAAA,GACdb,CAAI,GAAA,IAAA,EAAA,GAAAc,EAAAN,SAEPT,EAAMQ,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/context-menu/ContextMenuGroup/ContextMenuGroup.types.d.ts

@@ -0,0 +1,9 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/**
+ * ContextMenuGroup props,对齐 Base UI `ContextMenu.Group`。
+ * 内部通过 context 把 label 的 id 关联到 `aria-labelledby`。
+ */
+export interface ContextMenuGroupProps extends BaseProps, ParentProps {
+    [key: string]: any;
+}

package/dist/components/context-menu/ContextMenuGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenuGroup } from './ContextMenuGroup';
+export type { ContextMenuGroupProps } from './ContextMenuGroup.types';

package/dist/components/context-menu/ContextMenuItem/ContextMenuItem.d.ts

@@ -0,0 +1,6 @@
+import { ContextMenuItemProps } from './ContextMenuItem.types';
+/**
+ * 一个可点击的菜单项。点击后默认关闭菜单;在 `onClick` 里调用
+ * `event.preventDefault()` 可以阻止关闭(比如需要保持菜单打开的场景)。
+ */
+export declare function ContextMenuItem(props: ContextMenuItemProps): import('solid-js').JSX.Element;

package/dist/components/context-menu/ContextMenuItem/ContextMenuItem.js

@@ -0,0 +1,59 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useContextMenuEntry as t } from "../context-menu.entry.js";
+import { contextMenuItemClass as n } from "../context-menu.styles.js";
+import { delegateEvents as r, insert as i, mergeProps as a, spread as o, template as s, use as c } from "solid-js/web";
+import { splitProps as l } from "solid-js";
+//#region src/components/context-menu/ContextMenuItem/ContextMenuItem.tsx
+var u = /*#__PURE__*/ s("<div role=menuitem tabindex=-1 data-slot=context-menu-item>");
+function d(r) {
+	let [s, d] = l(r, [
+		"class",
+		"children",
+		"inset",
+		"variant",
+		"disabled",
+		"label",
+		"closeOnClick",
+		"onClick"
+	]), f, p = t({
+		component: "ContextMenuItem",
+		element: () => f,
+		disabled: () => !!s.disabled,
+		label: () => s.label
+	}), m = (e) => {
+		s.disabled || (s.onClick?.(e), !e.defaultPrevented && s.closeOnClick !== !1 && p.popup.closeAll("item-press", e));
+	};
+	return (() => {
+		var t = u();
+		return t.$$pointermove = () => p.highlight(), t.addEventListener("pointerenter", () => p.highlight()), t.$$click = m, c((e) => {
+			f = e;
+		}, t), o(t, a({
+			get id() {
+				return p.id;
+			},
+			get "data-inset"() {
+				return s.inset ? "" : void 0;
+			},
+			get "data-variant"() {
+				return s.variant ?? "default";
+			},
+			get "data-highlighted"() {
+				return p.isActive() ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return s.disabled ? "" : void 0;
+			},
+			get "aria-disabled"() {
+				return s.disabled ? "true" : void 0;
+			},
+			get class() {
+				return e(n, s.class);
+			}
+		}, d), !1, !0), i(t, () => s.children), t;
+	})();
+}
+r(["click", "pointermove"]);
+//#endregion
+export { d as ContextMenuItem };
+
+//# sourceMappingURL=ContextMenuItem.js.map

package/dist/components/context-menu/ContextMenuItem/ContextMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.js","names":["splitProps","clsx","useContextMenuEntry","contextMenuItemClass","ContextMenuItemProps","ContextMenuItem","props","local","rest","element","HTMLDivElement","entry","component","disabled","label","handleClick","e","MouseEvent","onClick","defaultPrevented","closeOnClick","popup","closeAll","_el$","_tmpl$","$$pointermove","highlight","addEventListener","$$click","_$use","el","_$spread","_$mergeProps","id","data-inset","inset","undefined","data-variant","variant","data-highlighted","isActive","data-disabled","aria-disabled","class","_$insert","children","_$delegateEvents","_$mergeProps","_$delegateEvents","_tmpl$","ContextMenuItem","local","rest","splitProps","props","element","entry","useContextMenuEntry","handleClick","_el$","use","el","spread","mergeProps","\"class\"","clsx","contextMenuItemClass","insert","delegateEvents"],"sources":["../../../../src/components/context-menu/ContextMenuItem/ContextMenuItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuEntry } from \"../context-menu.entry\";\nimport { contextMenuItemClass } from \"../context-menu.styles\";\nimport type { ContextMenuItemProps } from \"./ContextMenuItem.types\";\n\n/**\n * 一个可点击的菜单项。点击后默认关闭菜单;在 `onClick` 里调用\n * `event.preventDefault()` 可以阻止关闭(比如需要保持菜单打开的场景)。\n */\nexport function ContextMenuItem(props: ContextMenuItemProps) {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"inset\",\n    \"variant\",\n    \"disabled\",\n    \"label\",\n    \"closeOnClick\",\n    \"onClick\",\n  ]);\n\n  let element: HTMLDivElement | undefined;\n\n  const entry = useContextMenuEntry({\n    component: \"ContextMenuItem\",\n    element: () => element,\n    disabled: () => !!local.disabled,\n    label: () => local.label,\n  });\n\n  const handleClick = (e: MouseEvent) => {\n    if (local.disabled) return;\n    local.onClick?.(e);\n    if (e.defaultPrevented) return;\n    if (local.closeOnClick !== false) {\n      entry.popup.closeAll(\"item-press\", e);\n    }\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        element = el;\n      }}\n      id={entry.id}\n      role=\"menuitem\"\n      tabIndex={-1}\n      data-slot=\"context-menu-item\"\n      data-inset={local.inset ? \"\" : undefined}\n      data-variant={local.variant ?? \"default\"}\n      data-highlighted={entry.isActive() ? \"\" : undefined}\n      data-disabled={local.disabled ? \"\" : undefined}\n      aria-disabled={local.disabled ? \"true\" : undefined}\n      onClick={handleClick}\n      onPointerEnter={() => entry.highlight()}\n      onPointerMove={() => entry.highlight()}\n      class={clsx(contextMenuItemClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgBK,EAAgBC,GAA6B;CAC3D,IAAM,CAACC,GAAOC,KAAQR,EAAWM,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEGG,GAEEE,IAAQT,EAAoB;EAChCU,WAAW;EACXH,eAAeA;EACfI,gBAAgB,CAAC,CAACN,EAAMM;EACxBC,aAAaP,EAAMO;CACrB,CAAC,GAEKC,KAAeC,MAAkB;EACrC,AAAIT,EAAMM,aACVN,EAAMW,UAAUF,CAAC,GACbA,GAAEG,oBACFZ,EAAMa,iBAAiB,MACzBT,EAAMU,MAAMC,SAAS,cAAcN,CAAC;CAExC;CAEA,cAAA;EAAA,IAAAO,IAAAC,EAAA;EAoBmB,OApBnBD,EAAAE,sBAgByBd,EAAMe,UAAU,GAACH,EAAAI,iBAAA,sBADhBhB,EAAMe,UAAU,CAAC,GAAAH,EAAAK,UAD9Bb,GAAWc,GAZdC,MAAO;GACXrB,IAAUqB;EACZ,GAACP,CAAA,GAAAQ,EAAAR,GAAAS,EAAA;GAAA,IACDC,KAAE;IAAA,OAAEtB,EAAMsB;GAAE;GAAA,IAAA,eAAA;IAAA,OAIA1B,EAAM4B,QAAQ,KAAKC,KAAAA;GAAS;GAAA,IAAA,iBAAA;IAAA,OAC1B7B,EAAM+B,WAAW;GAAS;GAAA,IAAA,qBAAA;IAAA,OACtB3B,EAAM6B,SAAS,IAAI,KAAKJ,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACpC7B,EAAMM,WAAW,KAAKuB,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OAC/B7B,EAAMM,WAAW,SAASuB,KAAAA;GAAS;GAAA,IAAA4B,QAAA;IAAA,OAI3C/D,EAAKE,GAAsBI,EAAMoC,KAAK;GAAC;EAAA,GAC1CnC,CAAI,GAAA,IAAA,EAAA,GAAAoC,EAAArB,SAEPhB,EAAMsC,QAAQ,GAAAtB;CAAA,EAAA,CAAA;AAGrB;AAACuB,EAAA,CAAA,SAAA,aAAA,CAAA"}

package/dist/components/context-menu/ContextMenuItem/ContextMenuItem.types.d.ts

@@ -0,0 +1,22 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+export type ContextMenuItemVariant = "default" | "destructive";
+/**
+ * ContextMenuItem props,对齐 Base UI `ContextMenu.Item`:
+ * `label` / `closeOnClick` / `nativeButton` / `disabled` / `onClick`。
+ * `inset` 与 `variant` 是 shadcn 在包装层额外加的样式属性。
+ */
+export interface ContextMenuItemProps extends BaseProps, ParentProps {
+    /** 左侧对齐到带图标项的文字位置(shadcn 的 inset 样式) */
+    inset?: boolean;
+    /** 视觉风格,`destructive` 用于危险操作 */
+    variant?: ContextMenuItemVariant;
+    disabled?: boolean;
+    /** 键盘字符导航匹配用的文本,默认取子节点文本 */
+    label?: string;
+    /** 点击后是否关闭菜单,默认 true */
+    closeOnClick?: boolean;
+    /** 在 onClick 里调用 event.preventDefault() 可阻止本次点击关闭菜单 */
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: any;
+}

package/dist/components/context-menu/ContextMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenuItem } from './ContextMenuItem';
+export type { ContextMenuItemProps, ContextMenuItemVariant, } from './ContextMenuItem.types';

package/dist/components/context-menu/ContextMenuLabel/ContextMenuLabel.d.ts

@@ -0,0 +1,6 @@
+import { ContextMenuLabelProps } from './ContextMenuLabel.types';
+/**
+ * 分组标题。挂载时把自身 id 注册给父级 `<ContextMenuGroup>`,
+ * 由后者写到 `aria-labelledby` 上。
+ */
+export declare function ContextMenuLabel(props: ContextMenuLabelProps): import('solid-js').JSX.Element;

package/dist/components/context-menu/ContextMenuLabel/ContextMenuLabel.js

@@ -0,0 +1,31 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { ContextMenuGroupContext as t } from "../context-menu.context.js";
+import { contextMenuLabelClass as n } from "../context-menu.styles.js";
+import { insert as r, mergeProps as i, setAttribute as a, spread as o, template as s } from "solid-js/web";
+import { createUniqueId as c, onCleanup as l, onMount as u, splitProps as d, useContext as f } from "solid-js";
+//#region src/components/context-menu/ContextMenuLabel/ContextMenuLabel.tsx
+var p = /*#__PURE__*/ s("<div data-slot=context-menu-label>");
+function m(s) {
+	let m = f(t), [h, g] = d(s, [
+		"class",
+		"children",
+		"inset"
+	]), _ = `context-menu-label-${c()}`;
+	return u(() => {
+		m?.setLabelId(_), l(() => m?.setLabelId(void 0));
+	}), (() => {
+		var t = p();
+		return a(t, "id", _), o(t, i({
+			get "data-inset"() {
+				return h.inset ? "" : void 0;
+			},
+			get class() {
+				return e(n, h.class);
+			}
+		}, g), !1, !0), r(t, () => h.children), t;
+	})();
+}
+//#endregion
+export { m as ContextMenuLabel };
+
+//# sourceMappingURL=ContextMenuLabel.js.map

package/dist/components/context-menu/ContextMenuLabel/ContextMenuLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuLabel.js","names":["createUniqueId","onCleanup","onMount","splitProps","useContext","clsx","ContextMenuGroupContext","contextMenuLabelClass","ContextMenuLabelProps","ContextMenuLabel","props","group","local","rest","id","setLabelId","undefined","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","data-inset","inset","class","_$insert","children","_$mergeProps","_tmpl$","ContextMenuLabel","group","useContext","ContextMenuGroupContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","contextMenuLabelClass","insert"],"sources":["../../../../src/components/context-menu/ContextMenuLabel/ContextMenuLabel.tsx"],"sourcesContent":["import {\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ContextMenuGroupContext } from \"../context-menu.context\";\nimport { contextMenuLabelClass } from \"../context-menu.styles\";\nimport type { ContextMenuLabelProps } from \"./ContextMenuLabel.types\";\n\n/**\n * 分组标题。挂载时把自身 id 注册给父级 `<ContextMenuGroup>`,\n * 由后者写到 `aria-labelledby` 上。\n */\nexport function ContextMenuLabel(props: ContextMenuLabelProps) {\n  // Label 允许不套 Group；只有存在 Group 时才登记 label id\n  const group = useContext(ContextMenuGroupContext);\n  const [local, rest] = splitProps(props, [\"class\", \"children\", \"inset\"]);\n  const id = `context-menu-label-${createUniqueId()}`;\n\n  onMount(() => {\n    group?.setLabelId(id);\n    onCleanup(() => group?.setLabelId(undefined));\n  });\n\n  return (\n    <div\n      id={id}\n      data-slot=\"context-menu-label\"\n      data-inset={local.inset ? \"\" : undefined}\n      class={clsx(contextMenuLabelClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAgBA,SAAgBS,EAAiBC,GAA8B;CAE7D,IAAMC,IAAQP,EAAWE,CAAuB,GAC1C,CAACM,GAAOC,KAAQV,EAAWO,GAAO;EAAC;EAAS;EAAY;CAAO,CAAC,GAChEI,IAAK,sBAAsBd,EAAe;CAOhD,OALAE,QAAc;EAEZD,AADAU,GAAOI,WAAWD,CAAE,GACpBb,QAAgBU,GAAOI,WAAWC,KAAAA,CAAS,CAAC;CAC9C,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAQmB,OARnBC,EAAAF,GAAA,MAEQH,CAAE,GAAAM,EAAAH,GAAAI,EAAA;GAAA,IAAA,eAAA;IAAA,OAEMT,EAAMW,QAAQ,KAAKP,KAAAA;GAAS;GAAA,IAAA6B,QAAA;IAAA,OACjCxC,EAAKE,GAAuBK,EAAMY,KAAK;GAAC;EAAA,GAC3CX,CAAI,GAAA,IAAA,EAAA,GAAAY,EAAAR,SAEPL,EAAMc,QAAQ,GAAAT;CAAA,EAAA,CAAA;AAGrB"}

package/dist/components/context-menu/ContextMenuLabel/ContextMenuLabel.types.d.ts

@@ -0,0 +1,8 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/** ContextMenuLabel props,对齐 Base UI `ContextMenu.GroupLabel` + shadcn 的 inset */
+export interface ContextMenuLabelProps extends BaseProps, ParentProps {
+    /** 左侧对齐到带图标项的文字位置 */
+    inset?: boolean;
+    [key: string]: any;
+}

package/dist/components/context-menu/ContextMenuLabel/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenuLabel } from './ContextMenuLabel';
+export type { ContextMenuLabelProps } from './ContextMenuLabel.types';

package/dist/components/context-menu/ContextMenuPortal/ContextMenuPortal.d.ts

@@ -0,0 +1,16 @@
+import { ParentProps } from 'solid-js';
+/**
+ * ContextMenuPortal props,对齐 Base UI `ContextMenu.Portal`。
+ * Solid 的 `<Portal>` 本身不渲染包裹元素,因此 `className` / `style` 之类的
+ * 透传属性在这里没有意义,只保留 `container`。
+ */
+export interface ContextMenuPortalProps extends ParentProps {
+    /** 把浮层挂载到哪个父节点,默认 document.body */
+    container?: Node;
+}
+/**
+ * 把子节点渲染到 `container`(默认 body)。
+ * 注意:`ContextMenuContent` 内部已经自带 Portal,通常不需要再手动包一层;
+ * 该组件保留是为了与 shadcn/Base UI 的导出集合保持一致。
+ */
+export declare function ContextMenuPortal(props: ContextMenuPortalProps): import('solid-js').JSX.Element;