@neut/ui 0.0.15 → 0.0.16

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

@@ -0,0 +1,19 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { contextMenuShortcutClass as t } from "../context-menu.styles.js";
+import { insert as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { splitProps as o } from "solid-js";
+//#region src/components/context-menu/ContextMenuShortcut/ContextMenuShortcut.tsx
+var s = /*#__PURE__*/ a("<span data-slot=context-menu-shortcut>");
+function c(a) {
+	let [c, l] = o(a, ["class", "children"]);
+	return (() => {
+		var a = s();
+		return i(a, r({ get class() {
+			return e(t, c.class);
+		} }, l), !1, !0), n(a, () => c.children), a;
+	})();
+}
+//#endregion
+export { c as ContextMenuShortcut };
+
+//# sourceMappingURL=ContextMenuShortcut.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuShortcut.js","names":["splitProps","clsx","contextMenuShortcutClass","ContextMenuShortcutProps","ContextMenuShortcut","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","children","_$mergeProps","_tmpl$","ContextMenuShortcut","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","contextMenuShortcutClass","insert"],"sources":["../../../../src/components/context-menu/ContextMenuShortcut/ContextMenuShortcut.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { contextMenuShortcutClass } from \"../context-menu.styles\";\nimport type { ContextMenuShortcutProps } from \"./ContextMenuShortcut.types\";\n\n/**\n * 菜单项右侧的快捷键提示文本,例如 `<ContextMenuShortcut>⌘K</ContextMenuShortcut>`。\n * 本身不参与交互,只是在菜单项被高亮时跟随变色(靠 group-data 选择器)。\n */\nexport function ContextMenuShortcut(props: ContextMenuShortcutProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      class={clsx(contextMenuShortcutClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBI,EAAoBC,GAAiC;CACnE,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,UAAU,CAAC;CAE7D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMmB,OANnBC,EAAAF,GAAAG,EAAA,EAAA,IAAAc,QAAA;GAAA,OAGWxB,EAAKC,GAA0BI,EAAMM,KAAK;EAAC,EAAA,GAC9CL,CAAI,GAAA,IAAA,EAAA,GAAAM,EAAAL,SAEPF,EAAMQ,QAAQ,GAAAN;CAAA,EAAA,CAAA;AAGrB"}

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

@@ -0,0 +1,6 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/** ContextMenuShortcut props;本质是一个带样式的 `<span>` */
+export interface ContextMenuShortcutProps extends BaseProps, ParentProps {
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import { ContextMenuSubProps } from './ContextMenuSub.types';
+/**
+ * 子菜单根组件:不渲染 DOM,维护子菜单的开关状态、定位锚点(触发器)与
+ * 与父浮层之间的联动(同一时间只允许一个子菜单打开)。
+ */
+export declare function ContextMenuSub(props: ContextMenuSubProps): JSX.Element;

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

@@ -0,0 +1,55 @@
+import { useContextMenuContext as e } from "../ContextMenu/ContextMenu.context.js";
+import { createChangeEventDetails as t } from "../context-menu.utils.js";
+import { ContextMenuSubmenuContext as n, useContextMenuPopup as r } from "../context-menu.context.js";
+import { createComponent as i } from "solid-js/web";
+import { createMemo as a, createSignal as o, onCleanup as s } from "solid-js";
+//#region src/components/context-menu/ContextMenuSub/ContextMenuSub.tsx
+var c = 100;
+function l(l) {
+	let u = e("ContextMenuSub"), d = r("ContextMenuSub"), [f, p] = o(l.defaultOpen ?? !1), m = a(() => l.open === void 0 ? f() : l.open), h = a(() => !!l.disabled), g = a(() => !!l.closeParentOnEsc), _ = a(() => l.loopFocus ?? u.loopFocus()), v = a(() => l.orientation ?? u.orientation()), y = a(() => l.highlightItemOnHover ?? u.highlightItemOnHover()), [b, x] = o(), [S, C] = o(), w, T = () => {
+		w !== void 0 && (window.clearTimeout(w), w = void 0);
+	};
+	s(T);
+	let E = (e, n, r) => {
+		l.open === void 0 && p(e), l.onOpenChange?.(e, t(n, r, b()));
+	}, D = (e, t, n = !1) => {
+		let r = S();
+		T(), m() && E(!1, e, t), r && d.openPopupState()?.id === r && d.closeOpenPopup(), n && r && (d.setActiveId(r), d.popup()?.focus({ preventScroll: !0 }));
+	}, O = {
+		root: u,
+		parentPopup: d,
+		open: m,
+		setOpen: E,
+		disabled: h,
+		closeParentOnEsc: g,
+		loopFocus: _,
+		orientation: v,
+		highlightItemOnHover: y,
+		trigger: b,
+		setTrigger: x,
+		itemId: S,
+		setItemId: C,
+		openSubmenu: (e, t) => {
+			if (h()) return;
+			let n = S();
+			n && (T(), !m() && (d.openPopup(n, e, t), E(!0, e, t)));
+		},
+		closeSubmenu: D,
+		scheduleClose: (e = c) => {
+			T(), w = window.setTimeout(() => {
+				w = void 0, D("trigger-hover");
+			}, Math.max(e, c));
+		},
+		cancelClose: T
+	};
+	return i(n.Provider, {
+		value: O,
+		get children() {
+			return l.children;
+		}
+	});
+}
+//#endregion
+export { l as ContextMenuSub };
+
+//# sourceMappingURL=ContextMenuSub.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSub.js","names":["createMemo","createSignal","onCleanup","JSX","useContextMenuContext","ContextMenuSubmenuContext","useContextMenuPopup","ContextMenuChangeEventReason","ContextMenuSubmenuContextValue","createChangeEventDetails","ContextMenuSubProps","HOVER_CLOSE_GRACE","ContextMenuSub","props","Element","root","parentPopup","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","closeParentOnEsc","loopFocus","orientation","highlightItemOnHover","trigger","setTrigger","HTMLElement","itemId","setItemId","closeTimer","cancelClose","window","clearTimeout","setOpen","next","reason","event","Event","onOpenChange","closeSubmenu","focusTrigger","id","openPopupState","closeOpenPopup","setActiveId","popup","focus","preventScroll","openSubmenu","openPopup","scheduleClose","delay","setTimeout","Math","max","ctx","_$createComponent","Provider","value","children","_$createComponent","HOVER_CLOSE_GRACE","ContextMenuSub","root","useContextMenuContext","parentPopup","useContextMenuPopup","internalOpen","setInternalOpen","createSignal","props","open","createMemo","disabled","closeParentOnEsc","loopFocus","orientation","highlightItemOnHover","trigger","setTrigger","itemId","setItemId","closeTimer","cancelClose","setOpen","next","createChangeEventDetails","reason","event","closeSubmenu","id","focusTrigger","ctx","delay","createComponent","ContextMenuSubmenuContext"],"sources":["../../../../src/components/context-menu/ContextMenuSub/ContextMenuSub.tsx"],"sourcesContent":["import { createMemo, createSignal, onCleanup, type JSX } from \"solid-js\";\nimport { useContextMenuContext } from \"../ContextMenu/ContextMenu.context\";\nimport {\n  ContextMenuSubmenuContext,\n  useContextMenuPopup,\n} from \"../context-menu.context\";\nimport type {\n  ContextMenuChangeEventReason,\n  ContextMenuSubmenuContextValue,\n} from \"../context-menu.types\";\nimport { createChangeEventDetails } from \"../context-menu.utils\";\nimport type { ContextMenuSubProps } from \"./ContextMenuSub.types\";\n\n/** 鼠标穿越触发器与子菜单之间的间隙时的防抖下限(毫秒) */\nconst HOVER_CLOSE_GRACE = 100;\n\n/**\n * 子菜单根组件:不渲染 DOM,维护子菜单的开关状态、定位锚点(触发器)与\n * 与父浮层之间的联动(同一时间只允许一个子菜单打开)。\n */\nexport function ContextMenuSub(props: ContextMenuSubProps): JSX.Element {\n  const root = useContextMenuContext(\"ContextMenuSub\");\n  const parentPopup = useContextMenuPopup(\"ContextMenuSub\");\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const closeParentOnEsc = createMemo(() => !!props.closeParentOnEsc);\n  const loopFocus = createMemo(() => props.loopFocus ?? root.loopFocus());\n  const orientation = createMemo(() => props.orientation ?? root.orientation());\n  const highlightItemOnHover = createMemo(\n    () => props.highlightItemOnHover ?? root.highlightItemOnHover(),\n  );\n\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const [itemId, setItemId] = createSignal<string>();\n\n  let closeTimer: number | undefined;\n  const cancelClose = () => {\n    if (closeTimer !== undefined) {\n      window.clearTimeout(closeTimer);\n      closeTimer = undefined;\n    }\n  };\n  onCleanup(cancelClose);\n\n  const setOpen = (\n    next: boolean,\n    reason: ContextMenuChangeEventReason,\n    event?: Event,\n  ) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(\n      next,\n      createChangeEventDetails(reason, event, trigger()),\n    );\n  };\n\n  const closeSubmenu = (\n    reason: ContextMenuChangeEventReason,\n    event?: Event,\n    focusTrigger = false,\n  ) => {\n    const id = itemId();\n    cancelClose();\n    // 先关自己再清父浮层的登记:写信号会同步刷新相关 effect,若反过来,\n    // 子菜单触发器的同步 effect 会抢先以 \"list-navigation\" 的 reason 关掉它,\n    // 覆盖掉这里想上报的真实关闭原因。\n    if (open()) setOpen(false, reason, event);\n    if (id && parentPopup.openPopupState()?.id === id) {\n      parentPopup.closeOpenPopup();\n    }\n\n    if (focusTrigger && id) {\n      // 焦点还给父浮层,并重新高亮触发器,键盘可以继续在父菜单里导航\n      parentPopup.setActiveId(id);\n      parentPopup.popup()?.focus({ preventScroll: true });\n    }\n  };\n\n  const openSubmenu = (reason: ContextMenuChangeEventReason, event?: Event) => {\n    if (disabled()) return;\n    const id = itemId();\n    if (!id) return;\n    cancelClose();\n    if (open()) return;\n    // 先登记到父浮层,父浮层据此保证\"同时只有一个子菜单打开\"\n    parentPopup.openPopup(id, reason, event);\n    setOpen(true, reason, event);\n  };\n\n  const scheduleClose = (delay = HOVER_CLOSE_GRACE) => {\n    cancelClose();\n    closeTimer = window.setTimeout(\n      () => {\n        closeTimer = undefined;\n        closeSubmenu(\"trigger-hover\");\n      },\n      Math.max(delay, HOVER_CLOSE_GRACE),\n    );\n  };\n\n  const ctx: ContextMenuSubmenuContextValue = {\n    root,\n    parentPopup,\n    open,\n    setOpen,\n    disabled,\n    closeParentOnEsc,\n    loopFocus,\n    orientation,\n    highlightItemOnHover,\n    trigger,\n    setTrigger,\n    itemId,\n    setItemId,\n    openSubmenu,\n    closeSubmenu,\n    scheduleClose,\n    cancelClose,\n  };\n\n  return (\n    <ContextMenuSubmenuContext.Provider value={ctx}>\n      {props.children}\n    </ContextMenuSubmenuContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAcA,IAAMW,IAAoB;AAM1B,SAAgBC,EAAeC,GAAyC;CACtE,IAAME,IAAOX,EAAsB,gBAAgB,GAC7CY,IAAcV,EAAoB,gBAAgB,GAElD,CAACW,GAAcC,KAAmBjB,EACtCY,EAAMM,eAAe,EACvB,GACMC,IAAOpB,QACXa,EAAMO,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BJ,EAAMO,IACnC,GACME,IAAWtB,QAAiB,CAAC,CAACa,EAAMS,QAAQ,GAC5CC,IAAmBvB,QAAiB,CAAC,CAACa,EAAMU,gBAAgB,GAC5DC,IAAYxB,QAAiBa,EAAMW,aAAaT,EAAKS,UAAU,CAAC,GAChEC,IAAczB,QAAiBa,EAAMY,eAAeV,EAAKU,YAAY,CAAC,GACtEC,IAAuB1B,QACrBa,EAAMa,wBAAwBX,EAAKW,qBAAqB,CAChE,GAEM,CAACC,GAASC,KAAc3B,EAA0B,GAClD,CAAC6B,GAAQC,KAAa9B,EAAqB,GAE7C+B,GACEC,UAAoB;EACxB,AAAID,MAAeX,KAAAA,MACjBa,OAAOC,aAAaH,CAAU,GAC9BA,IAAaX,KAAAA;CAEjB;CACAnB,EAAU+B,CAAW;CAErB,IAAMG,KACJC,GACAC,GACAC,MACG;EAEH1B,AADIA,EAAMO,SAASC,KAAAA,KAAWH,EAAgBmB,CAAI,GAClDxB,EAAM4B,eACJJ,GACA5B,EAAyB6B,GAAQC,GAAOZ,EAAQ,CAAC,CACnD;CACF,GAEMe,KACJJ,GACAC,GACAI,IAAe,OACZ;EACH,IAAMC,IAAKd,EAAO;EAUlB,AATAG,EAAY,GAIRb,EAAK,KAAGgB,EAAQ,IAAOE,GAAQC,CAAK,GACpCK,KAAM5B,EAAY6B,eAAe,CAAC,EAAED,OAAOA,KAC7C5B,EAAY8B,eAAe,GAGzBH,KAAgBC,MAElB5B,EAAY+B,YAAYH,CAAE,GAC1B5B,EAAYgC,MAAM,CAAC,EAAEC,MAAM,EAAEC,eAAe,GAAK,CAAC;CAEtD,GAwBMQ,IAAsC;EAC1C3C;EACAC;EACAI;EACAgB;EACAd;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAoB,cApCmBb,GAAsCC,MAAkB;GAC3E,IAAIjB,EAAS,GAAG;GAChB,IAAMsB,IAAKd,EAAO;GAClB,AAAKc,MACLX,EAAY,GACRb,GAAK,MAETJ,EAAYoC,UAAUR,GAAIN,GAAQC,CAAK,GACvCH,EAAQ,IAAME,GAAQC,CAAK;EAC7B;EA4BEG;EACAW,gBA3BqBC,IAAQ3C,MAAsB;GAEnDqB,AADAC,EAAY,GACZD,IAAaE,OAAOqB,iBACZ;IAEJb,AADAV,IAAaX,KAAAA,GACbqB,EAAa,eAAe;GAC9B,GACAc,KAAKC,IAAIH,GAAO3C,CAAiB,CACnC;EACF;EAmBEsB;CACF;CAEA,OAAA0B,EACGtD,EAA0BuD,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAC3CjD,EAAMiD;EAAQ;CAAA,CAAA;AAGrB"}

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

@@ -0,0 +1,18 @@
+import { ParentProps } from 'solid-js';
+import { ContextMenuChangeEventDetails, ContextMenuOrientation } from '../context-menu.types';
+/**
+ * ContextMenuSub props,对齐 Base UI `ContextMenu.SubmenuRoot`。
+ * 不渲染自己的 DOM,只作为一级子菜单的状态容器。
+ */
+export interface ContextMenuSubProps extends ParentProps {
+    /** 受控打开状态;不传则内部自管理 */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, eventDetails: ContextMenuChangeEventDetails) => void;
+    disabled?: boolean;
+    /** 子菜单内按 Escape 时,是否连同父菜单一起关闭,默认 false */
+    closeParentOnEsc?: boolean;
+    loopFocus?: boolean;
+    orientation?: ContextMenuOrientation;
+    highlightItemOnHover?: boolean;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { ContextMenuSubContentProps } from './ContextMenuSubContent.types';
+/**
+ * 子菜单的浮层内容。定位锚点是子菜单触发器,而不是鼠标坐标;
+ * 其余(键盘导航、高亮、关闭行为)与根菜单共用同一套运行时。
+ */
+export declare function ContextMenuSubContent(props: ContextMenuSubContentProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,83 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { cancelSubmenuCloseChain as t } from "../context-menu.utils.js";
+import { useContextMenuSubmenu as n } from "../context-menu.context.js";
+import { ContextMenuPopupSurface as r } from "../ContextMenuContent/ContextMenuPopupSurface.js";
+import { createContextMenuPopupRuntime as i } from "../ContextMenuContent/useContextMenuContent.js";
+import { createComponent as a } from "solid-js/web";
+import { createEffect as o, on as s, splitProps as c } from "solid-js";
+//#region src/components/context-menu/ContextMenuSubContent/ContextMenuSubContent.tsx
+function l(l) {
+	let u = n("ContextMenuSubContent"), [d, f] = c(l, [
+		"class",
+		"style",
+		"children",
+		"side",
+		"align",
+		"sideOffset",
+		"alignOffset",
+		"collisionPadding",
+		"dir",
+		"finalFocus",
+		"onKeyDown",
+		"onPointerEnter",
+		"onPointerLeave"
+	]), p = () => d.side ?? "right", m = i({
+		root: u.root,
+		open: u.open,
+		parent: u.parentPopup,
+		isSubmenu: !0,
+		reference: u.trigger,
+		submenu: u,
+		loopFocus: u.loopFocus,
+		orientation: u.orientation,
+		highlightItemOnHover: u.highlightItemOnHover,
+		side: p,
+		align: () => d.align ?? "start",
+		sideOffset: () => d.sideOffset ?? 0,
+		alignOffset: () => d.alignOffset ?? 4,
+		collisionPadding: () => d.collisionPadding ?? 5,
+		dir: () => d.dir
+	});
+	return o(s(u.open, (e, t) => {
+		if (!t || e || !u.root.open()) return;
+		let n = u.itemId();
+		n && (u.parentPopup.setActiveId(n), u.parentPopup.popup()?.focus({ preventScroll: !0 }));
+	}, { defer: !0 })), a(r, {
+		runtime: m,
+		dataSlot: "context-menu-sub-content",
+		get contentId() {
+			return m.popupCtx.menuId;
+		},
+		get open() {
+			return u.open;
+		},
+		side: p,
+		dir: () => d.dir,
+		get registerMenuElement() {
+			return u.root.registerMenuElement;
+		},
+		get class() {
+			return e("shadow-lg", d.class);
+		},
+		get style() {
+			return d.style;
+		},
+		get onKeyDown() {
+			return d.onKeyDown;
+		},
+		onPointerEnter: () => {
+			t(u), d.onPointerEnter?.();
+		},
+		onPointerLeave: () => {
+			u.scheduleClose(), d.onPointerLeave?.();
+		},
+		rest: f,
+		get children() {
+			return d.children;
+		}
+	});
+}
+//#endregion
+export { l as ContextMenuSubContent };
+
+//# sourceMappingURL=ContextMenuSubContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSubContent.js","names":["createEffect","on","splitProps","clsx","ContextMenuPopupSurface","createContextMenuPopupRuntime","useContextMenuSubmenu","cancelSubmenuCloseChain","ContextMenuSubContentProps","ContextMenuSubContent","props","submenu","local","rest","side","align","runtime","root","open","parent","parentPopup","isSubmenu","reference","trigger","loopFocus","orientation","highlightItemOnHover","sideOffset","alignOffset","collisionPadding","dir","isOpen","previous","id","itemId","setActiveId","popup","focus","preventScroll","defer","_$createComponent","dataSlot","contentId","popupCtx","menuId","registerMenuElement","class","style","onKeyDown","onPointerEnter","onPointerLeave","scheduleClose","children","_$createComponent","ContextMenuSubContent","submenu","useContextMenuSubmenu","local","rest","splitProps","props","side","runtime","createContextMenuPopupRuntime","createEffect","on","previous","isOpen","id","createComponent","ContextMenuPopupSurface","\"class\"","clsx","cancelSubmenuCloseChain"],"sources":["../../../../src/components/context-menu/ContextMenuSubContent/ContextMenuSubContent.tsx"],"sourcesContent":["import { createEffect, on, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ContextMenuPopupSurface } from \"../ContextMenuContent/ContextMenuPopupSurface\";\nimport { createContextMenuPopupRuntime } from \"../ContextMenuContent/useContextMenuContent\";\nimport { useContextMenuSubmenu } from \"../context-menu.context\";\nimport { cancelSubmenuCloseChain } from \"../context-menu.utils\";\nimport type { ContextMenuSubContentProps } from \"./ContextMenuSubContent.types\";\n\n/**\n * 子菜单的浮层内容。定位锚点是子菜单触发器,而不是鼠标坐标;\n * 其余(键盘导航、高亮、关闭行为)与根菜单共用同一套运行时。\n */\nexport function ContextMenuSubContent(props: ContextMenuSubContentProps) {\n  const submenu = useContextMenuSubmenu(\"ContextMenuSubContent\");\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"children\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"dir\",\n    \"finalFocus\",\n    \"onKeyDown\",\n    \"onPointerEnter\",\n    \"onPointerLeave\",\n  ]);\n\n  const side = () => local.side ?? \"right\";\n  const align = () => local.align ?? \"start\";\n\n  const runtime = createContextMenuPopupRuntime({\n    root: submenu.root,\n    open: submenu.open,\n    parent: submenu.parentPopup,\n    isSubmenu: true,\n    reference: submenu.trigger,\n    submenu,\n    loopFocus: submenu.loopFocus,\n    orientation: submenu.orientation,\n    highlightItemOnHover: submenu.highlightItemOnHover,\n    side,\n    align,\n    sideOffset: () => local.sideOffset ?? 0,\n    alignOffset: () => local.alignOffset ?? 4,\n    collisionPadding: () => local.collisionPadding ?? 5,\n    dir: () => local.dir,\n  });\n\n  // 子菜单关闭后把焦点还给父浮层,并重新高亮触发器。\n  // (通过鼠标移出/高亮切换关闭时不会走 closeSubmenu 的 focusTrigger 分支)\n  createEffect(\n    on(\n      submenu.open,\n      (isOpen, previous) => {\n        if (!previous || isOpen) return;\n        if (!submenu.root.open()) return;\n        const id = submenu.itemId();\n        if (!id) return;\n        submenu.parentPopup.setActiveId(id);\n        submenu.parentPopup.popup()?.focus({ preventScroll: true });\n      },\n      { defer: true },\n    ),\n  );\n\n  return (\n    <ContextMenuPopupSurface\n      runtime={runtime}\n      dataSlot=\"context-menu-sub-content\"\n      contentId={runtime.popupCtx.menuId}\n      open={submenu.open}\n      side={side}\n      dir={() => local.dir}\n      registerMenuElement={submenu.root.registerMenuElement}\n      class={clsx(\"shadow-lg\", local.class)}\n      style={local.style}\n      onKeyDown={local.onKeyDown}\n      onPointerEnter={() => {\n        cancelSubmenuCloseChain(submenu);\n        local.onPointerEnter?.();\n      }}\n      onPointerLeave={() => {\n        submenu.scheduleClose();\n        local.onPointerLeave?.();\n      }}\n      rest={rest}\n    >\n      {local.children}\n    </ContextMenuPopupSurface>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBS,EAAsBC,GAAmC;CACvE,IAAMC,IAAUL,EAAsB,uBAAuB,GACvD,CAACM,GAAOC,KAAQX,EAAWQ,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAgB,CACjB,GAEKI,UAAaF,EAAME,QAAQ,SAG3BE,IAAUX,EAA8B;EAC5CY,MAAMN,EAAQM;EACdC,MAAMP,EAAQO;EACdC,QAAQR,EAAQS;EAChBC,WAAW;EACXC,WAAWX,EAAQY;EACnBZ;EACAa,WAAWb,EAAQa;EACnBC,aAAad,EAAQc;EACrBC,sBAAsBf,EAAQe;EAC9BZ;EACAC,aAbkBH,EAAMG,SAAS;EAcjCY,kBAAkBf,EAAMe,cAAc;EACtCC,mBAAmBhB,EAAMgB,eAAe;EACxCC,wBAAwBjB,EAAMiB,oBAAoB;EAClDC,WAAWlB,EAAMkB;CACnB,CAAC;CAmBD,OAfA9B,EACEC,EACEU,EAAQO,OACPa,GAAQC,MAAa;EAEpB,IADI,CAACA,KAAYD,KACb,CAACpB,EAAQM,KAAKC,KAAK,GAAG;EAC1B,IAAMe,IAAKtB,EAAQuB,OAAO;EAC1B,AAAKD,MACLtB,EAAQS,YAAYe,YAAYF,CAAE,GAClCtB,EAAQS,YAAYgB,MAAM,CAAC,EAAEC,MAAM,EAAEC,eAAe,GAAK,CAAC;CAC5D,GACA,EAAEC,OAAO,GAAK,CAChB,CACF,GAEAC,EACGpC,GAAuB;EACbY;EACTyB,UAAQ;EAAA,IACRC,YAAS;GAAA,OAAE1B,EAAQ2B,SAASC;EAAM;EAAA,IAClC1B,OAAI;GAAA,OAAEP,EAAQO;EAAI;EACZJ;EACNgB,WAAWlB,EAAMkB;EAAG,IACpBe,sBAAmB;GAAA,OAAElC,EAAQM,KAAK4B;EAAmB;EAAA,IAAA0B,QAAA;GAAA,OAC9CpE,EAAK,aAAaS,EAAMkC,KAAK;EAAC;EAAA,IACrCC,QAAK;GAAA,OAAEnC,EAAMmC;EAAK;EAAA,IAClBC,YAAS;GAAA,OAAEpC,EAAMoC;EAAS;EAC1BC,sBAAsB;GAEpBrC,AADAL,EAAwBI,CAAO,GAC/BC,EAAMqC,iBAAiB;EACzB;EACAC,sBAAsB;GAEpBtC,AADAD,EAAQwC,cAAc,GACtBvC,EAAMsC,iBAAiB;EACzB;EACMrC;EAAI,IAAAuC,WAAA;GAAA,OAETxC,EAAMwC;EAAQ;CAAA,CAAA;AAGrB"}

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

@@ -0,0 +1,17 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+import { ContextMenuAlign, ContextMenuSide } from '../context-menu.types';
+/**
+ * ContextMenuSubContent props:与 `ContextMenuContent` 相同
+ * (shadcn 里 SubContent 就是复用 Content,只是 data-slot / 样式略有差异)。
+ */
+export interface ContextMenuSubContentProps extends BaseProps, ParentProps {
+    side?: ContextMenuSide;
+    align?: ContextMenuAlign;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number;
+    /** 与 Content 保持 API 一致;子菜单的焦点回收统一由根菜单的 finalFocus 决定 */
+    finalFocus?: boolean;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { ContextMenuSubTriggerProps } from './ContextMenuSubTrigger.types';
+/**
+ * 打开子菜单的菜单项。内置一个右向箭头(和 shadcn 一致),
+ * 悬停 `delay` 毫秒后打开,点击切换,右方向键由父浮层的键盘处理逻辑打开。
+ */
+export declare function ContextMenuSubTrigger(props: ContextMenuSubTriggerProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,96 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useContextMenuSubmenu as t } from "../context-menu.context.js";
+import { useContextMenuEntry as n } from "../context-menu.entry.js";
+import { contextMenuSubTriggerClass as r } from "../context-menu.styles.js";
+import { createComponent as i, delegateEvents as a, insert as o, mergeProps as s, spread as c, template as l, use as u } from "solid-js/web";
+import { createEffect as d, onCleanup as f, onMount as p, splitProps as m } from "solid-js";
+import { ChevronRight as h } from "lucide-solid";
+//#region src/components/context-menu/ContextMenuSubTrigger/ContextMenuSubTrigger.tsx
+var g = /*#__PURE__*/ l("<div role=menuitem aria-haspopup=menu tabindex=-1 data-slot=context-menu-sub-trigger>");
+function _(a) {
+	let l = t("ContextMenuSubTrigger"), [_, v] = m(a, [
+		"class",
+		"children",
+		"inset",
+		"disabled",
+		"label",
+		"openOnHover",
+		"delay",
+		"closeDelay",
+		"onClick"
+	]), y = () => !!_.disabled || l.disabled(), b, x = n({
+		component: "ContextMenuSubTrigger",
+		element: () => b,
+		disabled: y,
+		label: () => _.label,
+		hasPopup: () => !0,
+		openPopup: (e, t) => l.openSubmenu(e, t)
+	});
+	p(() => {
+		l.setItemId(x.id), f(() => l.setItemId(void 0));
+	});
+	let S = !1;
+	d(() => {
+		let e = l.parentPopup.openPopupState();
+		if (e?.id === x.id) {
+			S = !0;
+			return;
+		}
+		if (S && l.open()) {
+			S = !1, l.setOpen(!1, e ? "sibling-open" : "list-navigation");
+			return;
+		}
+		l.open() || (S = !1);
+	});
+	let C, w = () => {
+		C !== void 0 && (window.clearTimeout(C), C = void 0);
+	};
+	f(w), d(() => {
+		l.open() && w();
+	});
+	let T = () => {
+		x.highlight(), l.cancelClose(), !y() && (_.openOnHover === !1 || l.open() || (w(), C = window.setTimeout(() => {
+			C = void 0, l.openSubmenu("trigger-hover");
+		}, _.delay ?? 100)));
+	}, E = () => {
+		w(), l.open() && l.scheduleClose(_.closeDelay ?? 0);
+	}, D = (e) => {
+		y() || (_.onClick?.(e), !e.defaultPrevented && (l.open() ? l.closeSubmenu("trigger-press", e, !1) : l.openSubmenu("trigger-press", e)));
+	};
+	return (() => {
+		var t = g();
+		return t.$$pointermove = () => x.highlight(), t.addEventListener("pointerleave", E), t.addEventListener("pointerenter", T), t.$$click = D, u((e) => {
+			b = e, l.setTrigger(e), f(() => l.setTrigger(void 0));
+		}, t), c(t, s({
+			get id() {
+				return x.id;
+			},
+			get "aria-expanded"() {
+				return l.open() ? "true" : "false";
+			},
+			get "data-inset"() {
+				return _.inset ? "" : void 0;
+			},
+			get "data-open"() {
+				return l.open() ? "" : void 0;
+			},
+			get "data-highlighted"() {
+				return x.isActive() ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return y() ? "" : void 0;
+			},
+			get "aria-disabled"() {
+				return y() ? "true" : void 0;
+			},
+			get class() {
+				return e(r, _.class);
+			}
+		}, v), !1, !0), o(t, () => _.children, null), o(t, i(h, { class: "ml-auto" }), null), t;
+	})();
+}
+a(["click", "pointermove"]);
+//#endregion
+export { _ as ContextMenuSubTrigger };
+
+//# sourceMappingURL=ContextMenuSubTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSubTrigger.js","names":["createEffect","onCleanup","onMount","splitProps","ChevronRight","clsx","useContextMenuSubmenu","useContextMenuEntry","contextMenuSubTriggerClass","ContextMenuSubTriggerProps","ContextMenuSubTrigger","props","submenu","local","rest","disabled","element","HTMLDivElement","entry","component","label","hasPopup","openPopup","reason","event","openSubmenu","setItemId","id","undefined","openedViaParent","state","parentPopup","openPopupState","open","setOpen","openTimer","clearOpenTimer","window","clearTimeout","handlePointerEnter","highlight","cancelClose","openOnHover","setTimeout","delay","handlePointerLeave","scheduleClose","closeDelay","handleClick","e","MouseEvent","onClick","defaultPrevented","closeSubmenu","_el$","_tmpl$","$$pointermove","addEventListener","$$click","_$use","el","setTrigger","_$spread","_$mergeProps","aria-expanded","data-inset","inset","data-open","data-highlighted","isActive","data-disabled","aria-disabled","class","_$insert","children","_$createComponent","_$delegateEvents","_$mergeProps","_$createComponent","_$delegateEvents","_tmpl$","ContextMenuSubTrigger","submenu","useContextMenuSubmenu","local","rest","splitProps","props","disabled","element","entry","useContextMenuEntry","reason","event","onCleanup","openedViaParent","state","openTimer","clearOpenTimer","createEffect","handlePointerEnter","handlePointerLeave","handleClick","_el$","use","el","spread","mergeProps","\"class\"","clsx","contextMenuSubTriggerClass","insert","createComponent","ChevronRight","delegateEvents"],"sources":["../../../../src/components/context-menu/ContextMenuSubTrigger/ContextMenuSubTrigger.tsx"],"sourcesContent":["import { createEffect, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { ChevronRight } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuSubmenu } from \"../context-menu.context\";\nimport { useContextMenuEntry } from \"../context-menu.entry\";\nimport { contextMenuSubTriggerClass } from \"../context-menu.styles\";\nimport type { ContextMenuSubTriggerProps } from \"./ContextMenuSubTrigger.types\";\n\n/**\n * 打开子菜单的菜单项。内置一个右向箭头(和 shadcn 一致),\n * 悬停 `delay` 毫秒后打开,点击切换,右方向键由父浮层的键盘处理逻辑打开。\n */\nexport function ContextMenuSubTrigger(props: ContextMenuSubTriggerProps) {\n  const submenu = useContextMenuSubmenu(\"ContextMenuSubTrigger\");\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"inset\",\n    \"disabled\",\n    \"label\",\n    \"openOnHover\",\n    \"delay\",\n    \"closeDelay\",\n    \"onClick\",\n  ]);\n\n  const disabled = () => !!local.disabled || submenu.disabled();\n\n  let element: HTMLDivElement | undefined;\n\n  const entry = useContextMenuEntry({\n    component: \"ContextMenuSubTrigger\",\n    element: () => element,\n    disabled,\n    label: () => local.label,\n    hasPopup: () => true,\n    openPopup: (reason, event) => submenu.openSubmenu(reason, event),\n  });\n\n  onMount(() => {\n    submenu.setItemId(entry.id);\n    onCleanup(() => submenu.setItemId(undefined));\n  });\n\n  // 父浮层里\"当前打开的子菜单\"一旦不是自己(比如高亮移到了别的项),\n  // 就同步关掉自己,保证同一时间只有一个子菜单。\n  // `openedViaParent` 用来区分\"由本触发器经父浮层打开的\"与\"受控模式直接打开的\",\n  // 后者不会被这里的同步逻辑误关。\n  let openedViaParent = false;\n  createEffect(() => {\n    const state = submenu.parentPopup.openPopupState();\n    if (state?.id === entry.id) {\n      openedViaParent = true;\n      return;\n    }\n    if (openedViaParent && submenu.open()) {\n      openedViaParent = false;\n      submenu.setOpen(false, state ? \"sibling-open\" : \"list-navigation\");\n      return;\n    }\n    if (!submenu.open()) openedViaParent = false;\n  });\n\n  let openTimer: number | undefined;\n  const clearOpenTimer = () => {\n    if (openTimer !== undefined) {\n      window.clearTimeout(openTimer);\n      openTimer = undefined;\n    }\n  };\n  onCleanup(clearOpenTimer);\n\n  // 子菜单一旦（以任何方式）打开就撤销还在等待的悬停定时器，\n  // 否则它会在之后触发 openSubmenu，把刚关掉的子菜单又打开。\n  createEffect(() => {\n    if (submenu.open()) clearOpenTimer();\n  });\n\n  const handlePointerEnter = () => {\n    entry.highlight();\n    submenu.cancelClose();\n    if (disabled()) return;\n    if (local.openOnHover === false || submenu.open()) return;\n    clearOpenTimer();\n    openTimer = window.setTimeout(() => {\n      openTimer = undefined;\n      submenu.openSubmenu(\"trigger-hover\");\n    }, local.delay ?? 100);\n  };\n\n  const handlePointerLeave = () => {\n    clearOpenTimer();\n    if (submenu.open()) submenu.scheduleClose(local.closeDelay ?? 0);\n  };\n\n  const handleClick = (e: MouseEvent) => {\n    if (disabled()) return;\n    local.onClick?.(e);\n    if (e.defaultPrevented) return;\n\n    if (submenu.open()) {\n      submenu.closeSubmenu(\"trigger-press\", e, false);\n    } else {\n      submenu.openSubmenu(\"trigger-press\", e);\n    }\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        element = el;\n        // 子菜单以触发器元素为定位锚点,必须登记到 SubmenuContext,\n        // 否则 SubContent 的 positioner 拿不到 reference,浮层会停在\n        // 未定位状态(opacity:0)或落到错误坐标。\n        submenu.setTrigger(el);\n        onCleanup(() => submenu.setTrigger(undefined));\n      }}\n      id={entry.id}\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={submenu.open() ? \"true\" : \"false\"}\n      tabIndex={-1}\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={local.inset ? \"\" : undefined}\n      data-open={submenu.open() ? \"\" : undefined}\n      data-highlighted={entry.isActive() ? \"\" : undefined}\n      data-disabled={disabled() ? \"\" : undefined}\n      aria-disabled={disabled() ? \"true\" : undefined}\n      onClick={handleClick}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n      onPointerMove={() => entry.highlight()}\n      class={clsx(contextMenuSubTriggerClass, local.class)}\n      {...rest}\n    >\n      {local.children}\n      <ChevronRight class=\"ml-auto\" />\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/**
+ * ContextMenuSubTrigger props,对齐 Base UI `ContextMenu.SubmenuTrigger`。
+ * 渲染一个带右侧箭头图标的菜单项,悬停/点击/右方向键都会打开子菜单。
+ */
+export interface ContextMenuSubTriggerProps extends BaseProps, ParentProps {
+    /** 左侧对齐到带图标项的文字位置 */
+    inset?: boolean;
+    disabled?: boolean;
+    /** 键盘字符导航匹配用的文本 */
+    label?: string;
+    /** 悬停是否打开子菜单,默认 true */
+    openOnHover?: boolean;
+    /** 悬停多久后打开(毫秒),默认 100 */
+    delay?: number;
+    /** 移出多久后关闭(毫秒),默认 0;实现里会保留 100ms 的穿越容忍 */
+    closeDelay?: number;
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,13 @@
+import { ValidComponent } from 'solid-js';
+import { ContextMenuTriggerProps } from './ContextMenuTrigger.types';
+/**
+ * ContextMenu 的触发区域,默认渲染 `<div>`,支持通过 `component` 多态渲染成
+ * 任意标签或组件(与 TooltipTrigger 一致)。通过以下方式打开菜单:
+ * - 右键(contextmenu 事件),锚定到鼠标坐标
+ * - 触摸/手写笔长按 500ms,锚定到按下坐标
+ * - 键盘 Shift+F10 或菜单键,锚定到触发器中心
+ *
+ * 事件逻辑在 `useContextMenuTrigger` 里用 `addEventListener` 绑定,因此调用方
+ * 自己传入的 `onClick` / `onContextMenu` 不会被覆盖。
+ */
+export declare const ContextMenuTrigger: <T extends ValidComponent = "div">(props: ContextMenuTriggerProps<T>) => import('solid-js').JSX.Element;

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

@@ -0,0 +1,34 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeRefs as t } from "../../../utils/ref.js";
+import { useContextMenuTrigger as n } from "./useContextMenuTrigger.js";
+import { Dynamic as r, createComponent as i, mergeProps as a } from "solid-js/web";
+//#region src/components/context-menu/ContextMenuTrigger/ContextMenuTrigger.tsx
+var o = (o) => {
+	let { ctx: s, attachListeners: c } = n();
+	return i(r, a(o, {
+		get component() {
+			return o.component ?? "div";
+		},
+		ref(e) {
+			var n = t((e) => s.setTrigger(e), o.ref, c);
+			typeof n == "function" && n(e);
+		},
+		"data-slot": "context-menu-trigger",
+		get "data-popup-open"() {
+			return s.open() ? "" : void 0;
+		},
+		get "data-pressed"() {
+			return s.open() ? "" : void 0;
+		},
+		get tabIndex() {
+			return o.tabIndex ?? 0;
+		},
+		get class() {
+			return e("select-none", o.class);
+		}
+	}));
+};
+//#endregion
+export { o as ContextMenuTrigger };
+
+//# sourceMappingURL=ContextMenuTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.js","names":["ValidComponent","Dynamic","clsx","mergeRefs","useContextMenuTrigger","ContextMenuTriggerProps","ContextMenuTrigger","props","T","ctx","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","el","setTrigger","HTMLElement","data-popup-open","open","undefined","data-pressed","tabIndex","class","_$createComponent","_$mergeProps","ContextMenuTrigger","useContextMenuTrigger","createComponent","Dynamic","mergeProps","props","_ref$","mergeRefs","ctx","el","attachListeners","r$","\"class\"","clsx"],"sources":["../../../../src/components/context-menu/ContextMenuTrigger/ContextMenuTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { useContextMenuTrigger } from \"./useContextMenuTrigger\";\nimport type { ContextMenuTriggerProps } from \"./ContextMenuTrigger.types\";\n\n/**\n * ContextMenu 的触发区域,默认渲染 `<div>`,支持通过 `component` 多态渲染成\n * 任意标签或组件(与 TooltipTrigger 一致)。通过以下方式打开菜单:\n * - 右键(contextmenu 事件),锚定到鼠标坐标\n * - 触摸/手写笔长按 500ms,锚定到按下坐标\n * - 键盘 Shift+F10 或菜单键,锚定到触发器中心\n *\n * 事件逻辑在 `useContextMenuTrigger` 里用 `addEventListener` 绑定,因此调用方\n * 自己传入的 `onClick` / `onContextMenu` 不会被覆盖。\n */\nexport const ContextMenuTrigger = <T extends ValidComponent = \"div\">(\n  props: ContextMenuTriggerProps<T>,\n) => {\n  const { ctx, attachListeners } = useContextMenuTrigger();\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? \"div\"}\n      ref={mergeRefs(\n        (el) => ctx.setTrigger(el as HTMLElement),\n        props.ref,\n        attachListeners,\n      )}\n      data-slot=\"context-menu-trigger\"\n      data-popup-open={ctx.open() ? \"\" : undefined}\n      data-pressed={ctx.open() ? \"\" : undefined}\n      tabIndex={props.tabIndex ?? 0}\n      class={clsx(\"select-none\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;AAgBA,IAAaM,KACXC,MACG;CACH,IAAM,EAAEE,QAAKC,uBAAoBN,EAAsB;CAEvD,OAAAO,EACGV,GAAOW,EACFL,GAAK;EAAA,IACTM,YAAS;GAAA,OAAGN,EAAMM,aAAgC;EAAK;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAClDb,GACFc,MAAOR,EAAIS,WAAWD,CAAiB,GACxCV,EAAMO,KACNJ,CACF;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,aAAA;EAAA,IAAA,oBAAA;GAAA,OAEgBN,EAAIY,KAAK,IAAI,KAAKC,KAAAA;EAAS;EAAA,IAAA,iBAAA;GAAA,OAC9Bb,EAAIY,KAAK,IAAI,KAAKC,KAAAA;EAAS;EAAA,IACzCE,WAAQ;GAAA,OAAEjB,EAAMiB,YAAY;EAAC;EAAA,IAAAgB,QAAA;GAAA,OACtBtC,EAAK,eAAeK,EAAMkB,KAAK;EAAC;CAAA,CAAA,CAAA;AAG7C"}

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

@@ -0,0 +1,15 @@
+import { ValidComponent } from 'solid-js';
+import { PolymorphicProps } from '../../../types';
+/**
+ * ContextMenuTrigger props,对齐 Base UI `ContextMenu.Trigger`。
+ * 与 TooltipTrigger / Button 一致支持多态渲染:通过 `component` 指定真实标签或
+ * 组件,默认渲染 `<div>`(与 shadcn 的用法一致)。
+ *
+ * @example
+ * ```tsx
+ * <ContextMenuTrigger>右键区域</ContextMenuTrigger>
+ * <ContextMenuTrigger component="button">按钮触发器</ContextMenuTrigger>
+ * <ContextMenuTrigger component={A} href="/docs">链接触发器</ContextMenuTrigger>
+ * ```
+ */
+export type ContextMenuTriggerProps<T extends ValidComponent = "div"> = PolymorphicProps<T>;

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

@@ -0,0 +1,4 @@
+export { ContextMenuTrigger } from './ContextMenuTrigger';
+export type { ContextMenuTriggerProps } from './ContextMenuTrigger.types';
+export { useContextMenuTrigger } from './useContextMenuTrigger';
+export type { UseContextMenuTriggerResult } from './useContextMenuTrigger';

package/dist/components/context-menu/ContextMenuTrigger/useContextMenuTrigger.d.ts

@@ -0,0 +1,23 @@
+import { useContextMenuContext } from '../ContextMenu/ContextMenu.context';
+export interface UseContextMenuTriggerResult {
+    ctx: ReturnType<typeof useContextMenuContext>;
+    /**
+     * 把右键 / 长按 / 键盘唤起菜单的原生事件绑定到真正的 DOM 元素上(通过 ref 调用)。
+     * 用 addEventListener 而不是 JSX 的 onXxx prop,是为了不占用这些 prop 名——
+     * 调用方可以在触发器上自由传自己的 `onClick` / `onContextMenu`,两者互不覆盖。
+     * 这与 TooltipTrigger 是同一套约定。
+     */
+    attachListeners: (el: Element) => void;
+}
+/**
+ * 封装 ContextMenuTrigger 需要绑定的所有事件逻辑:
+ * - contextmenu(右键):锚定到鼠标坐标
+ * - pointerdown(触摸/手写笔)后持续 500ms 视为长按,锚定到按下坐标;抖动超过
+ *   阈值、抬起或取消都会撤销
+ * - keydown(Shift+F10 / 菜单键):锚定到触发器中心,满足键盘可达性
+ *
+ * 事件直接绑在 `el` 上,不依赖具体标签类型,因此触发器可以多态渲染成
+ * div / button / 任意组件。回调参数统一声明为 `Event` 再在内部收窄,
+ * 这是为了兼容 `Element.addEventListener` 的重载(与 TooltipTrigger 一致)。
+ */
+export declare function useContextMenuTrigger(): UseContextMenuTriggerResult;

package/dist/components/context-menu/ContextMenuTrigger/useContextMenuTrigger.js

@@ -0,0 +1,47 @@
+import { useContextMenuContext as e } from "../ContextMenu/ContextMenu.context.js";
+import { onCleanup as t } from "solid-js";
+//#region src/components/context-menu/ContextMenuTrigger/useContextMenuTrigger.ts
+var n = 500, r = 10;
+function i() {
+	let i = e("ContextMenuTrigger");
+	return {
+		ctx: i,
+		attachListeners: (e) => {
+			let a, o, s = () => {
+				a !== void 0 && (window.clearTimeout(a), a = void 0);
+			}, c = (t) => {
+				if (i.disabled()) return;
+				let n = t;
+				n.preventDefault(), i.openAt(n.clientX, n.clientY, e, n, "trigger-press");
+			}, l = (t) => {
+				let r = t;
+				r.pointerType === "mouse" || i.disabled() || (o = {
+					x: r.clientX,
+					y: r.clientY
+				}, s(), a = window.setTimeout(() => {
+					a = void 0, i.openAt(r.clientX, r.clientY, e, r, "trigger-press");
+				}, n));
+			}, u = (e) => {
+				if (!o || a === void 0) return;
+				let t = e, n = t.clientX - o.x, i = t.clientY - o.y;
+				Math.hypot(n, i) > r && s();
+			}, d = () => {
+				o = void 0, s();
+			}, f = (t) => {
+				if (i.disabled()) return;
+				let n = t;
+				if (!(n.key === "ContextMenu" || n.shiftKey && n.key === "F10")) return;
+				n.preventDefault();
+				let r = e.getBoundingClientRect();
+				i.openAt(r.left + r.width / 2, r.top + r.height / 2, e, n, "trigger-press");
+			};
+			e.addEventListener("contextmenu", c), e.addEventListener("pointerdown", l), e.addEventListener("pointermove", u), e.addEventListener("pointerup", d), e.addEventListener("pointercancel", d), e.addEventListener("keydown", f), t(() => {
+				s(), e.removeEventListener("contextmenu", c), e.removeEventListener("pointerdown", l), e.removeEventListener("pointermove", u), e.removeEventListener("pointerup", d), e.removeEventListener("pointercancel", d), e.removeEventListener("keydown", f);
+			});
+		}
+	};
+}
+//#endregion
+export { i as useContextMenuTrigger };
+
+//# sourceMappingURL=useContextMenuTrigger.js.map

package/dist/components/context-menu/ContextMenuTrigger/useContextMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenuTrigger.js","names":["LONG_PRESS_DELAY","LONG_PRESS_MOVE_TOLERANCE","useContextMenuTrigger","ctx","useContextMenuContext","longPressTimer","pressOrigin","clearLongPress","onContextMenu","e","event","el","onPointerDown","onPointerMove","dx","dy","onPointerEnd","onKeyDown","rect","onCleanup"],"sources":["../../../../src/components/context-menu/ContextMenuTrigger/useContextMenuTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useContextMenuContext } from \"../ContextMenu/ContextMenu.context\";\n\n/** 触摸长按唤起菜单的时间阈值(毫秒),与 Base UI 保持一致 */\nconst LONG_PRESS_DELAY = 500;\n/** 长按期间允许的手指抖动距离(像素),超过即取消 */\nconst LONG_PRESS_MOVE_TOLERANCE = 10;\n\nexport interface UseContextMenuTriggerResult {\n  ctx: ReturnType<typeof useContextMenuContext>;\n  /**\n   * 把右键 / 长按 / 键盘唤起菜单的原生事件绑定到真正的 DOM 元素上(通过 ref 调用)。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop,是为了不占用这些 prop 名——\n   * 调用方可以在触发器上自由传自己的 `onClick` / `onContextMenu`,两者互不覆盖。\n   * 这与 TooltipTrigger 是同一套约定。\n   */\n  attachListeners: (el: Element) => void;\n}\n\n/**\n * 封装 ContextMenuTrigger 需要绑定的所有事件逻辑:\n * - contextmenu(右键):锚定到鼠标坐标\n * - pointerdown(触摸/手写笔)后持续 500ms 视为长按,锚定到按下坐标;抖动超过\n *   阈值、抬起或取消都会撤销\n * - keydown(Shift+F10 / 菜单键):锚定到触发器中心,满足键盘可达性\n *\n * 事件直接绑在 `el` 上,不依赖具体标签类型,因此触发器可以多态渲染成\n * div / button / 任意组件。回调参数统一声明为 `Event` 再在内部收窄,\n * 这是为了兼容 `Element.addEventListener` 的重载(与 TooltipTrigger 一致)。\n */\nexport function useContextMenuTrigger(): UseContextMenuTriggerResult {\n  const ctx = useContextMenuContext(\"ContextMenuTrigger\");\n\n  const attachListeners = (el: Element) => {\n    let longPressTimer: number | undefined;\n    let pressOrigin: { x: number; y: number } | undefined;\n\n    const clearLongPress = () => {\n      if (longPressTimer !== undefined) {\n        window.clearTimeout(longPressTimer);\n        longPressTimer = undefined;\n      }\n    };\n\n    const onContextMenu = (event: Event) => {\n      if (ctx.disabled()) return;\n      const e = event as MouseEvent;\n      e.preventDefault();\n      ctx.openAt(e.clientX, e.clientY, el, e, \"trigger-press\");\n    };\n\n    const onPointerDown = (event: Event) => {\n      const e = event as PointerEvent;\n      // 鼠标右键由 contextmenu 处理,这里只负责触摸/手写笔长按\n      if (e.pointerType === \"mouse\" || ctx.disabled()) return;\n      pressOrigin = { x: e.clientX, y: e.clientY };\n      clearLongPress();\n      longPressTimer = window.setTimeout(() => {\n        longPressTimer = undefined;\n        ctx.openAt(e.clientX, e.clientY, el, e, \"trigger-press\");\n      }, LONG_PRESS_DELAY);\n    };\n\n    const onPointerMove = (event: Event) => {\n      if (!pressOrigin || longPressTimer === undefined) return;\n      const e = event as PointerEvent;\n      const dx = e.clientX - pressOrigin.x;\n      const dy = e.clientY - pressOrigin.y;\n      if (Math.hypot(dx, dy) > LONG_PRESS_MOVE_TOLERANCE) clearLongPress();\n    };\n\n    const onPointerEnd = () => {\n      pressOrigin = undefined;\n      clearLongPress();\n    };\n\n    const onKeyDown = (event: Event) => {\n      if (ctx.disabled()) return;\n      const e = event as KeyboardEvent;\n      const isMenuKey =\n        e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n      if (!isMenuKey) return;\n      e.preventDefault();\n      const rect = el.getBoundingClientRect();\n      ctx.openAt(\n        rect.left + rect.width / 2,\n        rect.top + rect.height / 2,\n        el,\n        e,\n        \"trigger-press\",\n      );\n    };\n\n    el.addEventListener(\"contextmenu\", onContextMenu);\n    el.addEventListener(\"pointerdown\", onPointerDown);\n    el.addEventListener(\"pointermove\", onPointerMove);\n    el.addEventListener(\"pointerup\", onPointerEnd);\n    el.addEventListener(\"pointercancel\", onPointerEnd);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      clearLongPress();\n      el.removeEventListener(\"contextmenu\", onContextMenu);\n      el.removeEventListener(\"pointerdown\", onPointerDown);\n      el.removeEventListener(\"pointermove\", onPointerMove);\n      el.removeEventListener(\"pointerup\", onPointerEnd);\n      el.removeEventListener(\"pointercancel\", onPointerEnd);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AAIA,IAAMA,IAAmB,KAEnBC,IAA4B;AAwBlC,SAAgBC,IAAqD;CACnE,IAAMC,IAAMC,EAAsB,oBAAoB;CAgFtD,OAAO;EAAE;EAAK,kBA9EW,MAAgB;GACvC,IAAIC,GACAC,GAEEC,UAAuB;IAC3B,AAAIF,MAAmB,KAAA,MACrB,OAAO,aAAaA,CAAc,GAClC,IAAiB,KAAA;GAErB,GAEMG,KAAiB,MAAiB;IACtC,IAAIL,EAAI,SAAS,GAAG;IACpB,IAAMM,IAAIC;IAEV,AADAD,EAAE,eAAe,GACjBN,EAAI,OAAOM,EAAE,SAASA,EAAE,SAASE,GAAIF,GAAG,eAAe;GACzD,GAEMG,KAAiB,MAAiB;IACtC,IAAMH,IAAIC;IAEV,AAAID,EAAE,gBAAgB,WAAWN,EAAI,SAAS,MAC9C,IAAc;KAAE,GAAGM,EAAE;KAAS,GAAGA,EAAE;IAAQ,GAC3CF,EAAe,GACf,IAAiB,OAAO,iBAAiB;KAEvC,AADA,IAAiB,KAAA,GACjBJ,EAAI,OAAOM,EAAE,SAASA,EAAE,SAASE,GAAIF,GAAG,eAAe;IACzD,GAAGT,CAAgB;GACrB,GAEMa,KAAiB,MAAiB;IACtC,IAAI,CAACP,KAAeD,MAAmB,KAAA,GAAW;IAClD,IAAMI,IAAIC,GACJI,IAAKL,EAAE,UAAUH,EAAY,GAC7BS,IAAKN,EAAE,UAAUH,EAAY;IACnC,AAAI,KAAK,MAAMQ,GAAIC,CAAE,IAAId,KAA2BM,EAAe;GACrE,GAEMS,UAAqB;IAEzB,AADA,IAAc,KAAA,GACdT,EAAe;GACjB,GAEMU,KAAa,MAAiB;IAClC,IAAId,EAAI,SAAS,GAAG;IACpB,IAAMM,IAAIC;IAGV,IAAI,EADFD,EAAE,QAAQ,iBAAkBA,EAAE,YAAYA,EAAE,QAAQ,QACtC;IAChB,EAAE,eAAe;IACjB,IAAMS,IAAOP,EAAG,sBAAsB;IACtC,EAAI,OACFO,EAAK,OAAOA,EAAK,QAAQ,GACzBA,EAAK,MAAMA,EAAK,SAAS,GACzBP,GACAF,GACA,eACF;GACF;GASA,AAPAE,EAAG,iBAAiB,eAAeH,CAAa,GAChDG,EAAG,iBAAiB,eAAeC,CAAa,GAChDD,EAAG,iBAAiB,eAAeE,CAAa,GAChDF,EAAG,iBAAiB,aAAaK,CAAY,GAC7CL,EAAG,iBAAiB,iBAAiBK,CAAY,GACjDL,EAAG,iBAAiB,WAAWM,CAAS,GAExCE,QAAgB;IAOd,AANAZ,EAAe,GACfI,EAAG,oBAAoB,eAAeH,CAAa,GACnDG,EAAG,oBAAoB,eAAeC,CAAa,GACnDD,EAAG,oBAAoB,eAAeE,CAAa,GACnDF,EAAG,oBAAoB,aAAaK,CAAY,GAChDL,EAAG,oBAAoB,iBAAiBK,CAAY,GACpDL,EAAG,oBAAoB,WAAWM,CAAS;GAC7C,CAAC;EACH;CAE8B;AAChC"}

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

@@ -0,0 +1,14 @@
+import { ContextMenuGroupContextValue, ContextMenuPopupContextValue, ContextMenuRadioGroupContextValue, ContextMenuSubmenuContextValue } from './context-menu.types';
+/**
+ * 内部运行时 context。与 `ContextMenu/ContextMenu.context.ts`(根状态)分开:
+ * 根 context 由公开的 `<ContextMenu>` 提供,这里几个由各个浮层/分组组件提供,
+ * 属于实现细节,不对外导出。
+ */
+export declare const ContextMenuPopupContext: import('solid-js').Context<ContextMenuPopupContextValue | undefined>;
+export declare function useContextMenuPopup(component: string): ContextMenuPopupContextValue;
+export declare const ContextMenuSubmenuContext: import('solid-js').Context<ContextMenuSubmenuContextValue | undefined>;
+export declare function useContextMenuSubmenu(component: string): ContextMenuSubmenuContextValue;
+export declare const ContextMenuRadioGroupContext: import('solid-js').Context<ContextMenuRadioGroupContextValue | undefined>;
+export declare function useContextMenuRadioGroup(component: string): ContextMenuRadioGroupContextValue;
+export declare const ContextMenuGroupContext: import('solid-js').Context<ContextMenuGroupContextValue | undefined>;
+export declare function useContextMenuGroup(component: string): ContextMenuGroupContextValue;