@neut/ui 0.0.15 → 0.0.17

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

@@ -0,0 +1,18 @@
+import { Portal as e, createComponent as t } from "solid-js/web";
+import { splitProps as n } from "solid-js";
+//#region src/components/context-menu/ContextMenuPortal/ContextMenuPortal.tsx
+function r(r) {
+	let [i] = n(r, ["container", "children"]);
+	return t(e, {
+		get mount() {
+			return i.container;
+		},
+		get children() {
+			return i.children;
+		}
+	});
+}
+//#endregion
+export { r as ContextMenuPortal };
+
+//# sourceMappingURL=ContextMenuPortal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuPortal.js","names":["splitProps","ParentProps","Portal","ContextMenuPortalProps","container","Node","ContextMenuPortal","props","local","_$createComponent","mount","children","_$createComponent","ContextMenuPortal","local","splitProps","props","createComponent","Portal"],"sources":["../../../../src/components/context-menu/ContextMenuPortal/ContextMenuPortal.tsx"],"sourcesContent":["import { splitProps, type ParentProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\n\n/**\n * ContextMenuPortal props,对齐 Base UI `ContextMenu.Portal`。\n * Solid 的 `<Portal>` 本身不渲染包裹元素,因此 `className` / `style` 之类的\n * 透传属性在这里没有意义,只保留 `container`。\n */\nexport interface ContextMenuPortalProps extends ParentProps {\n  /** 把浮层挂载到哪个父节点,默认 document.body */\n  container?: Node;\n}\n\n/**\n * 把子节点渲染到 `container`(默认 body)。\n * 注意:`ContextMenuContent` 内部已经自带 Portal,通常不需要再手动包一层;\n * 该组件保留是为了与 shadcn/Base UI 的导出集合保持一致。\n */\nexport function ContextMenuPortal(props: ContextMenuPortalProps) {\n  const [local] = splitProps(props, [\"container\", \"children\"]);\n  return <Portal mount={local.container}>{local.children}</Portal>;\n}\n"],"mappings":";;;AAkBA,SAAgBM,EAAkBC,GAA+B;CAC/D,IAAM,CAACC,KAASR,EAAWO,GAAO,CAAC,aAAa,UAAU,CAAC;CAC3D,OAAAE,EAAQP,GAAM;EAAA,IAACQ,QAAK;GAAA,OAAEF,EAAMJ;EAAS;EAAA,IAAAO,WAAA;GAAA,OAAGH,EAAMG;EAAQ;CAAA,CAAA;AACxD"}

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

@@ -0,0 +1,2 @@
+export { ContextMenuPortal } from './ContextMenuPortal';
+export type { ContextMenuPortalProps } from './ContextMenuPortal';

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

@@ -0,0 +1,12 @@
+import { ContextMenuRadioGroupProps } from './ContextMenuRadioGroup.types';
+/**
+ * 一组互斥的单选项。与 Base UI 一致:选中某项默认**不**关闭菜单。
+ * 选中值通过 context 共享给内部 `<ContextMenuRadioItem>`。
+ *
+ * RadioGroup 自身就是一个 `role="group"` 容器,因此这里同时提供
+ * `ContextMenuGroupContext`:这样 shadcn 示例里把 `<ContextMenuLabel>` 直接
+ * 放在 `<ContextMenuRadioGroup>` 内部也能正常工作(标签 id 会写到该组的
+ * `aria-labelledby` 上)。组件里若再套一层 `<ContextMenuGroup>`,内层 Label
+ * 会关联到最近的组,行为同样正确。
+ */
+export declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,48 @@
+import { createChangeEventDetails as e } from "../context-menu.utils.js";
+import { ContextMenuGroupContext as t, ContextMenuRadioGroupContext as n } from "../context-menu.context.js";
+import { createComponent as r, insert as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
+import { createMemo as c, createSignal as l, splitProps as u } from "solid-js";
+//#region src/components/context-menu/ContextMenuRadioGroup/ContextMenuRadioGroup.tsx
+var d = /*#__PURE__*/ s("<div role=group data-slot=context-menu-radio-group>");
+function f(s) {
+	let [f, p] = u(s, [
+		"class",
+		"children",
+		"value",
+		"defaultValue",
+		"onValueChange",
+		"disabled"
+	]), [m, h] = l(s.defaultValue), g = c(() => s.value === void 0 ? m() : s.value), [_, v] = l(), y = {
+		labelId: _,
+		setLabelId: v
+	}, b = {
+		value: g,
+		setValue: (t, n) => {
+			s.value === void 0 && h(() => t), s.onValueChange?.(t, e("item-press", n));
+		},
+		disabled: () => !!f.disabled
+	};
+	return r(n.Provider, {
+		value: b,
+		get children() {
+			return r(t.Provider, {
+				value: y,
+				get children() {
+					var e = d();
+					return o(e, a({
+						get "aria-labelledby"() {
+							return _();
+						},
+						get class() {
+							return f.class;
+						}
+					}, p), !1, !0), i(e, () => f.children), e;
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { f as ContextMenuRadioGroup };
+
+//# sourceMappingURL=ContextMenuRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuRadioGroup.js","names":["createMemo","createSignal","splitProps","ContextMenuGroupContext","ContextMenuRadioGroupContext","ContextMenuGroupContextValue","ContextMenuRadioGroupContextValue","createChangeEventDetails","ContextMenuRadioGroupProps","ContextMenuRadioGroup","props","local","rest","internalValue","setInternalValue","defaultValue","value","undefined","labelId","setLabelId","groupCtx","ctx","setValue","next","event","onValueChange","disabled","_$createComponent","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","aria-labelledby","class","_$insert","_$createComponent","_$mergeProps","_tmpl$","ContextMenuRadioGroup","local","rest","splitProps","props","internalValue","setInternalValue","createSignal","value","createMemo","labelId","setLabelId","groupCtx","ctx","next","createChangeEventDetails","event","createComponent","ContextMenuRadioGroupContext","ContextMenuGroupContext","_el$","spread","mergeProps","\"class\"","insert"],"sources":["../../../../src/components/context-menu/ContextMenuRadioGroup/ContextMenuRadioGroup.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps } from \"solid-js\";\nimport {\n  ContextMenuGroupContext,\n  ContextMenuRadioGroupContext,\n} from \"../context-menu.context\";\nimport type {\n  ContextMenuGroupContextValue,\n  ContextMenuRadioGroupContextValue,\n} from \"../context-menu.types\";\nimport { createChangeEventDetails } from \"../context-menu.utils\";\nimport type { ContextMenuRadioGroupProps } from \"./ContextMenuRadioGroup.types\";\n\n/**\n * 一组互斥的单选项。与 Base UI 一致:选中某项默认**不**关闭菜单。\n * 选中值通过 context 共享给内部 `<ContextMenuRadioItem>`。\n *\n * RadioGroup 自身就是一个 `role=\"group\"` 容器,因此这里同时提供\n * `ContextMenuGroupContext`:这样 shadcn 示例里把 `<ContextMenuLabel>` 直接\n * 放在 `<ContextMenuRadioGroup>` 内部也能正常工作(标签 id 会写到该组的\n * `aria-labelledby` 上)。组件里若再套一层 `<ContextMenuGroup>`,内层 Label\n * 会关联到最近的组,行为同样正确。\n */\nexport function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps) {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"disabled\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const [labelId, setLabelId] = createSignal<string>();\n  const groupCtx: ContextMenuGroupContextValue = { labelId, setLabelId };\n\n  const ctx: ContextMenuRadioGroupContextValue = {\n    value,\n    setValue: (next, event) => {\n      if (props.value === undefined) setInternalValue(() => next);\n      props.onValueChange?.(\n        next,\n        createChangeEventDetails(\"item-press\", event),\n      );\n    },\n    disabled: () => !!local.disabled,\n  };\n\n  return (\n    <ContextMenuRadioGroupContext.Provider value={ctx}>\n      <ContextMenuGroupContext.Provider value={groupCtx}>\n        <div\n          role=\"group\"\n          aria-labelledby={labelId()}\n          data-slot=\"context-menu-radio-group\"\n          class={local.class}\n          {...rest}\n        >\n          {local.children}\n        </div>\n      </ContextMenuGroupContext.Provider>\n    </ContextMenuRadioGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgBS,EAAsBC,GAAmC;CACvE,IAAM,CAACC,GAAOC,KAAQV,EAAWQ,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACG,GAAeC,KAAoBb,EAAaS,EAAMK,YAAY,GACnEC,IAAQhB,QACZU,EAAMM,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BH,EAAMM,KACpC,GAEM,CAACE,GAASC,KAAclB,EAAqB,GAC7CmB,IAAyC;EAAEF;EAASC;CAAW,GAE/DE,IAAyC;EAC7CL;EACAM,WAAWC,GAAMC,MAAU;GAEzBd,AADIA,EAAMM,UAAUC,KAAAA,KAAWH,QAAuBS,CAAI,GAC1Db,EAAMe,gBACJF,GACAhB,EAAyB,cAAciB,CAAK,CAC9C;EACF;EACAE,gBAAgB,CAAC,CAACf,EAAMe;CAC1B;CAEA,OAAAC,EACGvB,EAA6BwB,UAAQ;EAACZ,OAAOK;EAAG,IAAAQ,WAAA;GAAA,OAAAF,EAC9CxB,EAAwByB,UAAQ;IAACZ,OAAOI;IAAQ,IAAAS,WAAA;KAAA,IAAAC,IAAAC,EAAA;KAQ9B,OAR8BC,EAAAF,GAAAG,EAAA;MAAA,IAAA,oBAAA;OAAA,OAG5Bf,EAAQ;MAAC;MAAA,IAAA6C,QAAA;OAAA,OAEnBpD,EAAMwB;MAAK;KAAA,GACdvB,CAAI,GAAA,IAAA,EAAA,GAAAwB,EAAAN,SAEPnB,EAAMkB,QAAQ,GAAAC;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB"}

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

@@ -0,0 +1,14 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+import { ContextMenuChangeEventDetails } from '../context-menu.types';
+/** ContextMenuRadioGroup props,对齐 Base UI `ContextMenu.RadioGroup` */
+export interface ContextMenuRadioGroupProps extends BaseProps, ParentProps {
+    /** 受控选中值;不传则内部自管理 */
+    value?: any;
+    /** 非受控模式下的初始选中值 */
+    defaultValue?: any;
+    onValueChange?: (value: any, eventDetails: ContextMenuChangeEventDetails) => void;
+    /** 整组禁用,内部 RadioItem 一起失效 */
+    disabled?: boolean;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { ContextMenuRadioItemProps } from './ContextMenuRadioItem.types';
+/**
+ * RadioGroup 中的单选项,角色为 `menuitemradio`。
+ * 选中状态完全由所属 `<ContextMenuRadioGroup>` 的值决定。
+ */
+export declare function ContextMenuRadioItem(props: ContextMenuRadioItemProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,74 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useContextMenuRadioGroup as t } from "../context-menu.context.js";
+import { useContextMenuEntry as n } from "../context-menu.entry.js";
+import { contextMenuCheckableItemClass as r, contextMenuIndicatorClass as i } from "../context-menu.styles.js";
+import { className as a, createComponent as o, delegateEvents as s, insert as c, mergeProps as l, spread as u, template as d, use as f } from "solid-js/web";
+import { Show as p, splitProps as m } from "solid-js";
+import { Check as h } from "lucide-solid";
+//#region src/components/context-menu/ContextMenuRadioItem/ContextMenuRadioItem.tsx
+var g = /*#__PURE__*/ d("<div role=menuitemradio tabindex=-1 data-slot=context-menu-radio-item><span>");
+function _(s) {
+	let d = t("ContextMenuRadioItem"), [_, v] = m(s, [
+		"class",
+		"children",
+		"value",
+		"disabled",
+		"inset",
+		"label",
+		"closeOnClick",
+		"onClick"
+	]), y = () => !!_.disabled || d.disabled(), b = () => d.value() === s.value, x, S = n({
+		component: "ContextMenuRadioItem",
+		element: () => x,
+		disabled: y,
+		label: () => _.label
+	}), C = (e) => {
+		y() || (_.onClick?.(e), !e.defaultPrevented && (d.setValue(s.value, e), _.closeOnClick && S.popup.closeAll("item-press", e)));
+	};
+	return (() => {
+		var t = g(), n = t.firstChild;
+		return t.$$pointermove = () => S.highlight(), t.addEventListener("pointerenter", () => S.highlight()), t.$$click = C, f((e) => {
+			x = e;
+		}, t), u(t, l({
+			get id() {
+				return S.id;
+			},
+			get "aria-checked"() {
+				return b();
+			},
+			get "data-inset"() {
+				return _.inset ? "" : void 0;
+			},
+			get "data-checked"() {
+				return b() ? "" : void 0;
+			},
+			get "data-unchecked"() {
+				return b() ? void 0 : "";
+			},
+			get "data-highlighted"() {
+				return S.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), a(n, i), c(n, o(p, {
+			get when() {
+				return b();
+			},
+			get children() {
+				return o(h, {});
+			}
+		})), c(t, () => _.children, null), t;
+	})();
+}
+s(["click", "pointermove"]);
+//#endregion
+export { _ as ContextMenuRadioItem };
+
+//# sourceMappingURL=ContextMenuRadioItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuRadioItem.js","names":["Show","splitProps","Check","clsx","useContextMenuRadioGroup","useContextMenuEntry","contextMenuCheckableItemClass","contextMenuIndicatorClass","ContextMenuRadioItemProps","ContextMenuRadioItem","props","group","local","rest","disabled","checked","value","element","HTMLDivElement","entry","component","label","handleClick","e","MouseEvent","onClick","defaultPrevented","setValue","closeOnClick","popup","closeAll","_el$","_tmpl$","_el$2","firstChild","$$pointermove","highlight","addEventListener","$$click","_$use","el","_$spread","_$mergeProps","id","aria-checked","data-inset","inset","undefined","data-checked","data-unchecked","data-highlighted","isActive","data-disabled","aria-disabled","class","_$className","_$insert","_$createComponent","when","children","_$delegateEvents","_$mergeProps","_$createComponent","_$delegateEvents","_tmpl$","ContextMenuRadioItem","group","useContextMenuRadioGroup","local","rest","splitProps","props","disabled","checked","element","entry","useContextMenuEntry","handleClick","_el$","_el$2","use","el","spread","mergeProps","\"class\"","clsx","contextMenuCheckableItemClass","className","contextMenuIndicatorClass","insert","createComponent","Show","Check","delegateEvents"],"sources":["../../../../src/components/context-menu/ContextMenuRadioItem/ContextMenuRadioItem.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useContextMenuRadioGroup } from \"../context-menu.context\";\nimport { useContextMenuEntry } from \"../context-menu.entry\";\nimport {\n  contextMenuCheckableItemClass,\n  contextMenuIndicatorClass,\n} from \"../context-menu.styles\";\nimport type { ContextMenuRadioItemProps } from \"./ContextMenuRadioItem.types\";\n\n/**\n * RadioGroup 中的单选项,角色为 `menuitemradio`。\n * 选中状态完全由所属 `<ContextMenuRadioGroup>` 的值决定。\n */\nexport function ContextMenuRadioItem(props: ContextMenuRadioItemProps) {\n  const group = useContextMenuRadioGroup(\"ContextMenuRadioItem\");\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"value\",\n    \"disabled\",\n    \"inset\",\n    \"label\",\n    \"closeOnClick\",\n    \"onClick\",\n  ]);\n\n  const disabled = () => !!local.disabled || group.disabled();\n  const checked = () => group.value() === props.value;\n\n  let element: HTMLDivElement | undefined;\n\n  const entry = useContextMenuEntry({\n    component: \"ContextMenuRadioItem\",\n    element: () => element,\n    disabled,\n    label: () => local.label,\n  });\n\n  const handleClick = (e: MouseEvent) => {\n    if (disabled()) return;\n    local.onClick?.(e);\n    if (e.defaultPrevented) return;\n\n    group.setValue(props.value, e);\n\n    if (local.closeOnClick) entry.popup.closeAll(\"item-press\", e);\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        element = el;\n      }}\n      id={entry.id}\n      role=\"menuitemradio\"\n      tabIndex={-1}\n      aria-checked={checked()}\n      data-slot=\"context-menu-radio-item\"\n      data-inset={local.inset ? \"\" : undefined}\n      data-checked={checked() ? \"\" : undefined}\n      data-unchecked={checked() ? undefined : \"\"}\n      data-highlighted={entry.isActive() ? \"\" : undefined}\n      data-disabled={disabled() ? \"\" : undefined}\n      aria-disabled={disabled() ? \"true\" : undefined}\n      onClick={handleClick}\n      onPointerEnter={() => entry.highlight()}\n      onPointerMove={() => entry.highlight()}\n      class={clsx(contextMenuCheckableItemClass, local.class)}\n      {...rest}\n    >\n      <span class={contextMenuIndicatorClass}>\n        <Show when={checked()}>\n          <Check />\n        </Show>\n      </span>\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgBS,EAAqBC,GAAkC;CACrE,IAAMC,IAAQP,EAAyB,sBAAsB,GACvD,CAACQ,GAAOC,KAAQZ,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEKI,UAAiB,CAAC,CAACF,EAAME,YAAYH,EAAMG,SAAS,GACpDC,UAAgBJ,EAAMK,MAAM,MAAMN,EAAMM,OAE1CC,GAEEE,IAAQd,EAAoB;EAChCe,WAAW;EACXH,eAAeA;EACfH;EACAO,aAAaT,EAAMS;CACrB,CAAC,GAEKC,KAAeC,MAAkB;EACrC,AAAIT,EAAS,MACbF,EAAMa,UAAUF,CAAC,GACbA,GAAEG,qBAENf,EAAMgB,SAASjB,EAAMM,OAAOO,CAAC,GAEzBX,EAAMgB,gBAAcT,EAAMU,MAAMC,SAAS,cAAcP,CAAC;CAC9D;CAEA,cAAA;EAAA,IAAAQ,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EA2BmB,OA3BnBH,EAAAI,sBAkByBhB,EAAMiB,UAAU,GAACL,EAAAM,iBAAA,sBADhBlB,EAAMiB,UAAU,CAAC,GAAAL,EAAAO,UAD9BhB,GAAWiB,GAddC,MAAO;GACXvB,IAAUuB;EACZ,GAACT,CAAA,GAAAU,EAAAV,GAAAW,EAAA;GAAA,IACDC,KAAE;IAAA,OAAExB,EAAMwB;GAAE;GAAA,IAAA,iBAAA;IAAA,OAGE5B,EAAQ;GAAC;GAAA,IAAA,eAAA;IAAA,OAEXH,EAAMkC,QAAQ,KAAKC,KAAAA;GAAS;GAAA,IAAA,iBAAA;IAAA,OAC1BhC,EAAQ,IAAI,KAAKgC,KAAAA;GAAS;GAAA,IAAA,mBAAA;IAAA,OACxBhC,EAAQ,IAAIgC,KAAAA,IAAY;GAAE;GAAA,IAAA,qBAAA;IAAA,OACxB5B,EAAMgC,SAAS,IAAI,KAAKJ,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACpCjC,EAAS,IAAI,KAAKiC,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OAC3BjC,EAAS,IAAI,SAASiC,KAAAA;GAAS;GAAA,IAAAqC,QAAA;IAAA,OAIvCjF,EAAKG,GAA+BM,EAAM0C,KAAK;GAAC;EAAA,GACnDzC,CAAI,GAAA,IAAA,EAAA,GAAA0C,EAAAtB,GAEK1B,CAAyB,GAAAiD,EAAAvB,GAAAwB,EACnCzD,GAAI;GAAA,IAAC0D,OAAI;IAAA,OAAE3C,EAAQ;GAAC;GAAA,IAAA4C,WAAA;IAAA,OAAAF,EAClBvD,GAAK,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAAsD,EAAAzB,SAGTnB,EAAM+C,UAAQ,IAAA,GAAA5B;CAAA,EAAA,CAAA;AAGrB;AAAC6B,EAAA,CAAA,SAAA,aAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/** ContextMenuRadioItem props,对齐 Base UI `ContextMenu.RadioItem` */
+export interface ContextMenuRadioItemProps extends BaseProps, ParentProps {
+    /** 该项的值;选中时写入所属 RadioGroup */
+    value: any;
+    disabled?: boolean;
+    /** 左侧对齐到带图标项的文字位置 */
+    inset?: boolean;
+    /** 键盘字符导航匹配用的文本 */
+    label?: string;
+    /** 点击后是否关闭菜单,默认 false(与 Base UI 一致) */
+    closeOnClick?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,9 @@
+import { ContextMenuSeparatorProps } from './ContextMenuSeparator.types';
+/**
+ * 菜单项之间的分隔线,复用项目已有的 `Separator`(与 SelectSeparator /
+ * SidebarSeparator / ButtonGroupSeparator 是同一套写法)。
+ *
+ * 这里额外补上 `role="separator"` 与 `aria-orientation`:Base UI 的
+ * `ContextMenu.Separator` 会暴露这个角色,而通用 Separator 组件本身不设置。
+ */
+export declare function ContextMenuSeparator(props: ContextMenuSeparatorProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Separator as t } from "../../separator/Separator.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { mergeProps as i, splitProps as a } from "solid-js";
+//#region src/components/context-menu/ContextMenuSeparator/ContextMenuSeparator.tsx
+function o(o) {
+	let s = i({ orientation: "horizontal" }, o), [c, l] = a(s, ["class", "orientation"]);
+	return n(t, r(l, {
+		"data-slot": "context-menu-separator",
+		get orientation() {
+			return c.orientation;
+		},
+		role: "separator",
+		get "aria-orientation"() {
+			return c.orientation;
+		},
+		get class() {
+			return e("-mx-1 my-1", c.class);
+		}
+	}));
+}
+//#endregion
+export { o as ContextMenuSeparator };
+
+//# sourceMappingURL=ContextMenuSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSeparator.js","names":["mergeProps","splitProps","Separator","SeparatorProps","clsx","ContextMenuSeparatorProps","ContextMenuSeparator","props","merged","orientation","const","local","rest","_$createComponent","_$mergeProps","role","aria-orientation","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","ContextMenuSeparator","merged","props","local","rest","splitProps","createComponent","Separator","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/context-menu/ContextMenuSeparator/ContextMenuSeparator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { Separator, type SeparatorProps } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\nimport type { ContextMenuSeparatorProps } from \"./ContextMenuSeparator.types\";\n\n/**\n * 菜单项之间的分隔线,复用项目已有的 `Separator`(与 SelectSeparator /\n * SidebarSeparator / ButtonGroupSeparator 是同一套写法)。\n *\n * 这里额外补上 `role=\"separator\"` 与 `aria-orientation`:Base UI 的\n * `ContextMenu.Separator` 会暴露这个角色,而通用 Separator 组件本身不设置。\n */\nexport function ContextMenuSeparator(props: ContextMenuSeparatorProps) {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"orientation\"]);\n\n  return (\n    <Separator\n      {...(rest as SeparatorProps)}\n      data-slot=\"context-menu-separator\"\n      orientation={local.orientation}\n      role=\"separator\"\n      aria-orientation={local.orientation}\n      class={clsx(\"-mx-1 my-1\", local.class)}\n    />\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgBM,EAAqBC,GAAkC;CACrE,IAAMC,IAASR,EAAW,EAAES,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAQX,EAAWO,GAAQ,CAAC,SAAS,aAAa,CAAC;CAEjE,OAAAK,EACGX,GAASY,EACHF,GAAsB;EAAA,aAAA;EAAA,IAE3BH,cAAW;GAAA,OAAEE,EAAMF;EAAW;EAC9BM,MAAI;EAAA,IAAA,qBAAA;GAAA,OACcJ,EAAMF;EAAW;EAAA,IAAAsB,QAAA;GAAA,OAC5B3B,EAAK,cAAcO,EAAMM,KAAK;EAAC;CAAA,CAAA,CAAA;AAG5C"}

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

@@ -0,0 +1,8 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/** ContextMenuSeparator props,对齐 Base UI `ContextMenu.Separator` */
+export interface ContextMenuSeparatorProps extends BaseProps, ParentProps {
+    /** 分隔线方向,默认 'horizontal'(shadcn 仅内置横向样式) */
+    orientation?: "horizontal" | "vertical";
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { ContextMenuShortcutProps } from './ContextMenuShortcut.types';
+/**
+ * 菜单项右侧的快捷键提示文本,例如 `<ContextMenuShortcut>⌘K</ContextMenuShortcut>`。
+ * 本身不参与交互,只是在菜单项被高亮时跟随变色(靠 group-data 选择器)。
+ */
+export declare function ContextMenuShortcut(props: ContextMenuShortcutProps): import('solid-js').JSX.Element;

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;