@xihan-ui/vue 2.1.0 → 3.1.0

package/dist/components/menu/use-menu.js

@@ -8,7 +8,7 @@ import { createRuntimeConfig, createScope } from "@xihan-ui/core";
 import { connectMenu, createMenuTreeNode, menuMachine } from "@xihan-ui/headless";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/menu/use-menu.ts
-function useMenuImpl(props, onOpenChange, onSelect, treeParent) {
+function useMenuImpl(props, onOpenChange, onSelect, onCheckboxValueChange, onRadioValueChange, treeParent) {
 	const xhConfig = useXhConfig();
 	const triggerRef = ref(null);
 	const positionerRef = ref(null);
@@ -26,7 +26,9 @@ function useMenuImpl(props, onOpenChange, onSelect, treeParent) {
 	service = useMachine(menuMachine, () => ({
 		...props,
 		onOpenChange,
-		onSelect: treeParent ? tree.select : onSelect
+		onSelect: treeParent ? tree.select : onSelect,
+		onCheckboxValueChange,
+		onRadioValueChange
 	}), scope);
 	const releaseParent = treeParent?.registerChild(tree);
 	onBeforeUnmount(() => releaseParent?.());
@@ -71,12 +73,12 @@ function useMenuImpl(props, onOpenChange, onSelect, treeParent) {
 	};
 }
 /** 公开 composable：建立一棵独立菜单树。 */
-function useMenu(props, onOpenChange, onSelect) {
-	return useMenuImpl(props, onOpenChange, onSelect);
+function useMenu(props, onOpenChange, onSelect, onCheckboxValueChange, onRadioValueChange) {
+	return useMenuImpl(props, onOpenChange, onSelect, onCheckboxValueChange, onRadioValueChange);
 }
 /** 组合部件内部入口：把子菜单连接到 headless 逻辑树。 */
-function useMenuWithParent(props, onOpenChange, treeParent) {
-	return useMenuImpl(props, onOpenChange, void 0, treeParent);
+function useMenuWithParent(props, onOpenChange, treeParent, onCheckboxValueChange, onRadioValueChange) {
+	return useMenuImpl(props, onOpenChange, void 0, onCheckboxValueChange, onRadioValueChange, treeParent);
 }
 //#endregion
 export { useMenu, useMenuWithParent };

package/dist/components/menu/use-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu.js","names":[],"sources":["../../../src/components/menu/use-menu.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use menu 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { MenuApi, MenuSchema, MenuTreeNode } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectMenu, createMenuTreeNode, menuMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, onBeforeUnmount, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface MenuContext {\n  service: Service<MenuSchema>\n  api: ComputedRef<MenuApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** Portal 之外的逻辑父子、悬停区域与选择收链由 headless 节点统一维护。 */\n  tree: MenuTreeNode\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nfunction useMenuImpl(\n  props: MenuSchema['props'],\n  onOpenChange?: MenuSchema['props']['onOpenChange'],\n  onSelect?: MenuSchema['props']['onSelect'],\n  treeParent?: MenuTreeNode,\n): MenuContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  let service: Service<MenuSchema> | null = null\n  const tree = createMenuTreeNode({\n    getPositioner: () => positionerRef.value,\n    isOpen: () => service?.state.get() === 'open',\n    close: () => service?.send({ type: 'CLOSE' }),\n    isRoot: () => !(service?.prop('submenu') ?? props.submenu),\n    onRootSelect: details => onSelect?.(details),\n  })\n  service = useMachine(menuMachine, () => ({\n    ...props,\n    onOpenChange,\n    onSelect: treeParent ? tree.select : onSelect,\n  }), scope)\n  const releaseParent = treeParent?.registerChild(tree)\n  onBeforeUnmount(() => releaseParent?.())\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互；\n      // 浮层壳一并记上：条目列表之外还浮着自绘滚动条，按住它拖动不该把菜单消解掉\n      branches: () => [triggerRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n    service.refs.set('getHoverBranches', tree.getHoverBranches)\n  }\n\n  const api = computed(() => connectMenu(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, service, api, triggerRef, positionerRef, contentRef, tree, portalTarget }\n}\n\n/** 公开 composable：建立一棵独立菜单树。 */\nexport function useMenu(\n  props: MenuSchema['props'],\n  onOpenChange?: MenuSchema['props']['onOpenChange'],\n  onSelect?: MenuSchema['props']['onSelect'],\n): MenuContext {\n  return useMenuImpl(props, onOpenChange, onSelect)\n}\n\n/** 组合部件内部入口：把子菜单连接到 headless 逻辑树。 */\nexport function useMenuWithParent(\n  props: MenuSchema['props'],\n  onOpenChange: MenuSchema['props']['onOpenChange'] | undefined,\n  treeParent: MenuTreeNode,\n): MenuContext {\n  return useMenuImpl(props, onOpenChange, undefined, treeParent)\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAS,YACP,OACA,cACA,UACA,YACa;CACb,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,IAAI,UAAsC;CAC1C,MAAM,OAAO,mBAAmB;EAC9B,qBAAqB,cAAc;EACnC,cAAc,SAAS,MAAM,IAAI,MAAM;EACvC,aAAa,SAAS,KAAK,EAAE,MAAM,QAAQ,CAAC;EAC5C,cAAc,EAAE,SAAS,KAAK,SAAS,KAAK,MAAM;EAClD,eAAc,YAAW,WAAW,OAAO;CAC7C,CAAC;CACD,UAAU,WAAW,oBAAoB;EACvC,GAAG;EACH;EACA,UAAU,aAAa,KAAK,SAAS;CACvC,IAAI,KAAK;CACT,MAAM,gBAAgB,YAAY,cAAc,IAAI;CACpD,sBAAsB,gBAAgB,CAAC;CAGvC,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EACvD,QAAQ,KAAK,IAAI,oBAAoB,KAAK,gBAAgB;CAC5D;CAEA,MAAM,MAAM,eAAe,YAAY,SAAS,YAAY,CAAC;CAE7D,MAAM,UAAU,eAAe;EAC7B;EACA,cAAc,IAAI,MAAM;EACxB;EACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;CAC/D,CAAC;CAED,MAAM,eAAe,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAAM;CAE/H,OAAO;EAAE;EAAS;EAAS;EAAK;EAAY;EAAe;EAAY;EAAM;CAAa;AAC5F;;AAGA,SAAgB,QACd,OACA,cACA,UACa;CACb,OAAO,YAAY,OAAO,cAAc,QAAQ;AAClD;;AAGA,SAAgB,kBACd,OACA,cACA,YACa;CACb,OAAO,YAAY,OAAO,cAAc,KAAA,GAAW,UAAU;AAC/D"}
+{"version":3,"file":"use-menu.js","names":[],"sources":["../../../src/components/menu/use-menu.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use menu 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { MenuApi, MenuSchema, MenuTreeNode } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectMenu, createMenuTreeNode, menuMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, onBeforeUnmount, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface MenuContext {\n  service: Service<MenuSchema>\n  api: ComputedRef<MenuApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** Portal 之外的逻辑父子、悬停区域与选择收链由 headless 节点统一维护。 */\n  tree: MenuTreeNode\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nfunction useMenuImpl(\n  props: MenuSchema['props'],\n  onOpenChange?: MenuSchema['props']['onOpenChange'],\n  onSelect?: MenuSchema['props']['onSelect'],\n  onCheckboxValueChange?: MenuSchema['props']['onCheckboxValueChange'],\n  onRadioValueChange?: MenuSchema['props']['onRadioValueChange'],\n  treeParent?: MenuTreeNode,\n): MenuContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  let service: Service<MenuSchema> | null = null\n  const tree = createMenuTreeNode({\n    getPositioner: () => positionerRef.value,\n    isOpen: () => service?.state.get() === 'open',\n    close: () => service?.send({ type: 'CLOSE' }),\n    isRoot: () => !(service?.prop('submenu') ?? props.submenu),\n    onRootSelect: details => onSelect?.(details),\n  })\n  service = useMachine(menuMachine, () => ({\n    ...props,\n    onOpenChange,\n    onSelect: treeParent ? tree.select : onSelect,\n    onCheckboxValueChange,\n    onRadioValueChange,\n  }), scope)\n  const releaseParent = treeParent?.registerChild(tree)\n  onBeforeUnmount(() => releaseParent?.())\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互；\n      // 浮层壳一并记上：条目列表之外还浮着自绘滚动条，按住它拖动不该把菜单消解掉\n      branches: () => [triggerRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n    service.refs.set('getHoverBranches', tree.getHoverBranches)\n  }\n\n  const api = computed(() => connectMenu(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, service, api, triggerRef, positionerRef, contentRef, tree, portalTarget }\n}\n\n/** 公开 composable：建立一棵独立菜单树。 */\nexport function useMenu(\n  props: MenuSchema['props'],\n  onOpenChange?: MenuSchema['props']['onOpenChange'],\n  onSelect?: MenuSchema['props']['onSelect'],\n  onCheckboxValueChange?: MenuSchema['props']['onCheckboxValueChange'],\n  onRadioValueChange?: MenuSchema['props']['onRadioValueChange'],\n): MenuContext {\n  return useMenuImpl(props, onOpenChange, onSelect, onCheckboxValueChange, onRadioValueChange)\n}\n\n/** 组合部件内部入口：把子菜单连接到 headless 逻辑树。 */\nexport function useMenuWithParent(\n  props: MenuSchema['props'],\n  onOpenChange: MenuSchema['props']['onOpenChange'] | undefined,\n  treeParent: MenuTreeNode,\n  onCheckboxValueChange?: MenuSchema['props']['onCheckboxValueChange'],\n  onRadioValueChange?: MenuSchema['props']['onRadioValueChange'],\n): MenuContext {\n  return useMenuImpl(props, onOpenChange, undefined, onCheckboxValueChange, onRadioValueChange, treeParent)\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAS,YACP,OACA,cACA,UACA,uBACA,oBACA,YACa;CACb,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,IAAI,UAAsC;CAC1C,MAAM,OAAO,mBAAmB;EAC9B,qBAAqB,cAAc;EACnC,cAAc,SAAS,MAAM,IAAI,MAAM;EACvC,aAAa,SAAS,KAAK,EAAE,MAAM,QAAQ,CAAC;EAC5C,cAAc,EAAE,SAAS,KAAK,SAAS,KAAK,MAAM;EAClD,eAAc,YAAW,WAAW,OAAO;CAC7C,CAAC;CACD,UAAU,WAAW,oBAAoB;EACvC,GAAG;EACH;EACA,UAAU,aAAa,KAAK,SAAS;EACrC;EACA;CACF,IAAI,KAAK;CACT,MAAM,gBAAgB,YAAY,cAAc,IAAI;CACpD,sBAAsB,gBAAgB,CAAC;CAGvC,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EACvD,QAAQ,KAAK,IAAI,oBAAoB,KAAK,gBAAgB;CAC5D;CAEA,MAAM,MAAM,eAAe,YAAY,SAAS,YAAY,CAAC;CAE7D,MAAM,UAAU,eAAe;EAC7B;EACA,cAAc,IAAI,MAAM;EACxB;EACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;CAC/D,CAAC;CAED,MAAM,eAAe,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAAM;CAE/H,OAAO;EAAE;EAAS;EAAS;EAAK;EAAY;EAAe;EAAY;EAAM;CAAa;AAC5F;;AAGA,SAAgB,QACd,OACA,cACA,UACA,uBACA,oBACa;CACb,OAAO,YAAY,OAAO,cAAc,UAAU,uBAAuB,kBAAkB;AAC7F;;AAGA,SAAgB,kBACd,OACA,cACA,YACA,uBACA,oBACa;CACb,OAAO,YAAY,OAAO,cAAc,KAAA,GAAW,uBAAuB,oBAAoB,UAAU;AAC1G"}

package/dist/components/menubar/context.js

@@ -24,7 +24,7 @@ function provideMenubarItem(ctx) {
 }
 function useMenubarItemContext() {
 	const ctx = inject(ITEM_KEY, null);
-	if (!ctx) throw new Error("[xh] Menubar 条目子部件必须用在 XhMenubarItem 内");
+	if (!ctx) throw new Error("[xh] Menubar 条目子部件必须用在 XhMenubarItem / XhMenubarCheckboxItem / XhMenubarRadioItem 内");
 	return ctx;
 }
 function provideMenubarGroup(ctx) {

package/dist/components/menubar/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/menubar/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { MenubarContentProps, MenubarGroupProps, MenubarItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { MenubarContext } from './use-menubar'\nimport { inject, provide } from 'vue'\n\n/** 某一项菜单声明的身份，供它的 positioner / content 取到同一个值（两者与 trigger 依靠它互相认领）。 */\nexport interface MenubarMenuContext {\n  menu: ComputedRef<MenubarContentProps>\n  /** 这张菜单的内容节点：positioner 给它配自绘条，content 挂载后写回。 */\n  contentRef: Ref<HTMLElement | null>\n}\n\n/** 条目声明的值与禁用，供 item-text / item-indicator 等子部件复用同一份声明。 */\nexport interface MenubarItemContext {\n  item: ComputedRef<MenubarItemProps>\n}\n\n/** 分组声明的身份，供分组标题取到同一个值（标题的 id 由它派生）。 */\nexport interface MenubarGroupContext {\n  group: ComputedRef<MenubarGroupProps>\n}\n\nconst KEY: InjectionKey<MenubarContext> = Symbol.for('xh-menubar')\nconst MENU_KEY: InjectionKey<MenubarMenuContext> = Symbol.for('xh-menubar-menu')\nconst ITEM_KEY: InjectionKey<MenubarItemContext> = Symbol.for('xh-menubar-item')\nconst GROUP_KEY: InjectionKey<MenubarGroupContext> = Symbol.for('xh-menubar-group')\n\nexport function provideMenubar(ctx: MenubarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useMenubarContext(): MenubarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Menubar 部件必须用在 XhMenubarRoot 内')\n  return ctx\n}\n\nexport function provideMenubarMenu(ctx: MenubarMenuContext): void {\n  provide(MENU_KEY, ctx)\n}\n\n/** 取所属菜单项的身份，不在 positioner 内时返回 null（此时 content 须自带 value）。 */\nexport function useMenubarMenuContext(): MenubarMenuContext | null {\n  return inject(MENU_KEY, null)\n}\n\nexport function provideMenubarItem(ctx: MenubarItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useMenubarItemContext(): MenubarItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Menubar 条目子部件必须用在 XhMenubarItem 内')\n  return ctx\n}\n\nexport function provideMenubarGroup(ctx: MenubarGroupContext): void {\n  provide(GROUP_KEY, ctx)\n}\n\nexport function useMenubarGroupContext(): MenubarGroupContext {\n  const ctx = inject(GROUP_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Menubar 分组标题必须用在 XhMenubarGroup 内')\n  return ctx\n}\n\n/** 子菜单触发条目要同时访问父菜单栏与本子菜单，这里保存父层句柄与它在父层中的身份。 */\nexport interface MenubarSubHandle {\n  parent: MenubarContext\n  value: string\n  disabled?: boolean\n}\n\nconst SUB_KEY: InjectionKey<MenubarSubHandle> = Symbol.for('xh-menubar-sub')\n\nexport function provideMenubarSub(handle: MenubarSubHandle): void {\n  provide(SUB_KEY, handle)\n}\n\nexport function useMenubarSubContext(): MenubarSubHandle {\n  const handle = inject(SUB_KEY, null)\n  if (!handle)\n    throw new Error('[xh] MenubarSubTrigger 必须用在 XhMenubarSub 内')\n  return handle\n}\n"],"mappings":";;AA6BA,MAAM,MAAoC,OAAO,IAAI,YAAY;AACjE,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAC/E,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAC/E,MAAM,YAA+C,OAAO,IAAI,kBAAkB;AAElF,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;;AAGA,SAAgB,wBAAmD;CACjE,OAAO,OAAO,UAAU,IAAI;AAC9B;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT;AAEA,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT;AASA,MAAM,UAA0C,OAAO,IAAI,gBAAgB;AAE3E,SAAgB,kBAAkB,QAAgC;CAChE,QAAQ,SAAS,MAAM;AACzB;AAEA,SAAgB,uBAAyC;CACvD,MAAM,SAAS,OAAO,SAAS,IAAI;CACnC,IAAI,CAAC,QACH,MAAM,IAAI,MAAM,4CAA4C;CAC9D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/menubar/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { MenubarAnyItemProps, MenubarContentProps, MenubarGroupProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { MenubarContext } from './use-menubar'\nimport { inject, provide } from 'vue'\n\n/** 某一项菜单声明的身份，供它的 positioner / content 取到同一个值（两者与 trigger 依靠它互相认领）。 */\nexport interface MenubarMenuContext {\n  menu: ComputedRef<MenubarContentProps>\n  /** 这张菜单的内容节点：positioner 给它配自绘条，content 挂载后写回。 */\n  contentRef: Ref<HTMLElement | null>\n}\n\n/** 条目声明的值与禁用，供 item-text / item-indicator 等子部件复用同一份声明。 */\nexport interface MenubarItemContext {\n  item: ComputedRef<MenubarAnyItemProps>\n}\n\n/** 分组声明的身份，供分组标题取到同一个值（标题的 id 由它派生）。 */\nexport interface MenubarGroupContext {\n  group: ComputedRef<MenubarGroupProps>\n}\n\nconst KEY: InjectionKey<MenubarContext> = Symbol.for('xh-menubar')\nconst MENU_KEY: InjectionKey<MenubarMenuContext> = Symbol.for('xh-menubar-menu')\nconst ITEM_KEY: InjectionKey<MenubarItemContext> = Symbol.for('xh-menubar-item')\nconst GROUP_KEY: InjectionKey<MenubarGroupContext> = Symbol.for('xh-menubar-group')\n\nexport function provideMenubar(ctx: MenubarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useMenubarContext(): MenubarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Menubar 部件必须用在 XhMenubarRoot 内')\n  return ctx\n}\n\nexport function provideMenubarMenu(ctx: MenubarMenuContext): void {\n  provide(MENU_KEY, ctx)\n}\n\n/** 取所属菜单项的身份，不在 positioner 内时返回 null（此时 content 须自带 value）。 */\nexport function useMenubarMenuContext(): MenubarMenuContext | null {\n  return inject(MENU_KEY, null)\n}\n\nexport function provideMenubarItem(ctx: MenubarItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useMenubarItemContext(): MenubarItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Menubar 条目子部件必须用在 XhMenubarItem / XhMenubarCheckboxItem / XhMenubarRadioItem 内')\n  return ctx\n}\n\nexport function provideMenubarGroup(ctx: MenubarGroupContext): void {\n  provide(GROUP_KEY, ctx)\n}\n\nexport function useMenubarGroupContext(): MenubarGroupContext {\n  const ctx = inject(GROUP_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Menubar 分组标题必须用在 XhMenubarGroup 内')\n  return ctx\n}\n\n/** 子菜单触发条目要同时访问父菜单栏与本子菜单，这里保存父层句柄与它在父层中的身份。 */\nexport interface MenubarSubHandle {\n  parent: MenubarContext\n  value: string\n  disabled?: boolean\n}\n\nconst SUB_KEY: InjectionKey<MenubarSubHandle> = Symbol.for('xh-menubar-sub')\n\nexport function provideMenubarSub(handle: MenubarSubHandle): void {\n  provide(SUB_KEY, handle)\n}\n\nexport function useMenubarSubContext(): MenubarSubHandle {\n  const handle = inject(SUB_KEY, null)\n  if (!handle)\n    throw new Error('[xh] MenubarSubTrigger 必须用在 XhMenubarSub 内')\n  return handle\n}\n"],"mappings":";;AA6BA,MAAM,MAAoC,OAAO,IAAI,YAAY;AACjE,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAC/E,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAC/E,MAAM,YAA+C,OAAO,IAAI,kBAAkB;AAElF,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;;AAGA,SAAgB,wBAAmD;CACjE,OAAO,OAAO,UAAU,IAAI;AAC9B;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qFAAqF;CACvG,OAAO;AACT;AAEA,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT;AASA,MAAM,UAA0C,OAAO,IAAI,gBAAgB;AAE3E,SAAgB,kBAAkB,QAAgC;CAChE,QAAQ,SAAS,MAAM;AACzB;AAEA,SAAgB,uBAAyC;CACvD,MAAM,SAAS,OAAO,SAAS,IAAI;CACnC,IAAI,CAAC,QACH,MAAM,IAAI,MAAM,4CAA4C;CAC9D,OAAO;AACT"}

package/dist/components/menubar/menubar.d.ts

@@ -1,15 +1,27 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
 import { Direction, Orientation, Placement, Size, Tone } from "@xihan-ui/core";
-import { MenubarApi, MenubarNode, MenubarNodeMeta, MenubarSchema } from "@xihan-ui/headless";
+import { MenuNode, MenubarApi, MenubarNode, MenubarNodeMeta, MenubarRadioValue, MenubarSchema } from "@xihan-ui/headless";
 //#region src/components/menubar/menubar.d.ts
 type MenubarProps = MenubarSchema['props'];
 /** 默认插槽的载荷：当前展开的菜单项、是否有菜单展开，以及切换展开项的命令。 */
-type MenubarRootSlotProps = Pick<MenubarApi, 'value' | 'open' | 'setValue'>;
+type MenubarRootSlotProps = Pick<MenubarApi, 'value' | 'open' | 'setValue' | 'checkboxValue' | 'radioValue' | 'setCheckboxValue' | 'setRadioValue'>;
 declare const XhMenubarRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<MenubarNode[]>;
   };
+  checkboxValue: {
+    type: PropType<string[]>;
+  };
+  defaultCheckboxValue: {
+    type: PropType<string[]>;
+  };
+  radioValue: {
+    type: PropType<MenubarRadioValue>;
+  };
+  defaultRadioValue: {
+    type: PropType<MenubarRadioValue>;
+  };
   value: {
     type: PropType<string | null>;
   };
@@ -54,11 +66,25 @@ declare const XhMenubarRoot: import("vue").DefineComponent<import("vue").Extract
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'value-change': (_details: PayloadOf<MenubarProps, "onValueChange">) => true;
   select: (_details: PayloadOf<MenubarProps, "onSelect">) => true;
+  'checkbox-value-change': (_details: PayloadOf<MenubarProps, "onCheckboxValueChange">) => true;
+  'radio-value-change': (_details: PayloadOf<MenubarProps, "onRadioValueChange">) => true;
   'update:value': (_value: PayloadOf<MenubarProps, "onValueChange">["value"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<MenubarNode[]>;
   };
+  checkboxValue: {
+    type: PropType<string[]>;
+  };
+  defaultCheckboxValue: {
+    type: PropType<string[]>;
+  };
+  radioValue: {
+    type: PropType<MenubarRadioValue>;
+  };
+  defaultRadioValue: {
+    type: PropType<MenubarRadioValue>;
+  };
   value: {
     type: PropType<string | null>;
   };
@@ -102,6 +128,8 @@ declare const XhMenubarRoot: import("vue").DefineComponent<import("vue").Extract
   onSelect?: ((_details: import("@xihan-ui/headless").MenubarSelectDetails) => any) | undefined;
   "onValue-change"?: ((_details: import("@xihan-ui/headless").MenubarValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
+  "onCheckbox-value-change"?: ((_details: import("@xihan-ui/headless").ContextMenuCheckboxValueChangeDetails) => any) | undefined;
+  "onRadio-value-change"?: ((_details: import("@xihan-ui/headless").ContextMenuRadioValueChangeDetails) => any) | undefined;
 }>, {
   loop: boolean;
   disabled: boolean;
@@ -188,18 +216,11 @@ declare const XhMenubarGroup: import("vue").DefineComponent<import("vue").Extrac
     required: true;
   };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhMenubarGroupLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-  [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhMenubarItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const XhMenubarRadioGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
     required: true;
   };
-  disabled: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -207,13 +228,13 @@ declare const XhMenubarItem: import("vue").DefineComponent<import("vue").Extract
     type: StringConstructor;
     required: true;
   };
-  disabled: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-}>> & Readonly<{}>, {
-  disabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhMenubarGroupLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhMenubarItem: any;
+declare const XhMenubarCheckboxItem: any;
+declare const XhMenubarRadioItem: any;
 declare const XhMenubarItemText: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -254,6 +275,10 @@ declare const XhMenubarSub: import("vue").DefineComponent<import("vue").ExtractP
     type: BooleanConstructor;
     default: undefined;
   };
+  /** 子层的条目数据：显示文本与禁用的事实源，按数据铺子层时由默认树代填。 */
+  collection: {
+    type: PropType<MenuNode[]>;
+  };
   placement: {
     type: PropType<Placement>;
   };
@@ -298,6 +323,10 @@ declare const XhMenubarSub: import("vue").DefineComponent<import("vue").ExtractP
     type: BooleanConstructor;
     default: undefined;
   };
+  /** 子层的条目数据：显示文本与禁用的事实源，按数据铺子层时由默认树代填。 */
+  collection: {
+    type: PropType<MenuNode[]>;
+  };
   placement: {
     type: PropType<Placement>;
   };
@@ -341,5 +370,5 @@ declare const XhMenubarSubTrigger: import("vue").DefineComponent<{}, () => VNode
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { MenubarRootSlotProps, MenubarSubSlotProps, XhMenubarArrow, XhMenubarContent, XhMenubarGroup, XhMenubarGroupLabel, XhMenubarItem, XhMenubarItemDescription, XhMenubarItemIndicator, XhMenubarItemShortcut, XhMenubarItemSuffix, XhMenubarItemText, XhMenubarPositioner, XhMenubarRoot, XhMenubarSeparator, XhMenubarSub, XhMenubarSubTrigger, XhMenubarTrigger };
+export { MenubarRootSlotProps, MenubarSubSlotProps, XhMenubarArrow, XhMenubarCheckboxItem, XhMenubarContent, XhMenubarGroup, XhMenubarGroupLabel, XhMenubarItem, XhMenubarItemDescription, XhMenubarItemIndicator, XhMenubarItemShortcut, XhMenubarItemSuffix, XhMenubarItemText, XhMenubarPositioner, XhMenubarRadioGroup, XhMenubarRadioItem, XhMenubarRoot, XhMenubarSeparator, XhMenubarSub, XhMenubarSubTrigger, XhMenubarTrigger };
 //# sourceMappingURL=menubar.d.ts.map

package/dist/components/menubar/menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../../src/components/menubar/menubar.ts"],"mappings":";;;;;KAqCK,eAAe;;KAmBR,uBAAuB,KAAK;cAa3B,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;IACb,MAAA;;;IACO,MAAA;;;IACD,MAAA,SAAS;;;;;;;IAEjB,MAAA,SAAS;;;;;;;;;;;IAGH,MAAA,SAAS;;;;;;IAEd,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EAChB,SAAA,UAAA,UAAU;EACN,iBAAA,QAAA,UAAU;;;IAlBN,MAAA,SAAS;;;IACb,MAAA;;;IACO,MAAA;;;IACD,MAAA,SAAS;;;;;;;IAEjB,MAAA,SAAS;;;;;;;;;;;IAGH,MAAA,SAAS;;;;;;IAEd,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;;;;;;;EAS7B,WAAC,OAAO,yBAAyB;;EAEpC,QAAC,MAAM,oBAAoB;;EAEpB,iBAAC,MAAM,oBAAoB;;EAE3B,iBAAC,MAAM,oBAAoB;kCAuB7C;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAqD3B;cAEW,mCAAmB,8BAAA;;;;;;;IAKC,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;MAsBxC,oDAAA;cAEW,gCAAgB,8BAAA;;;;;;;;;;MAyD3B,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;MAWzB,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAqCxB;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,0BAAA,oBAAA,4BAAA;;8BASzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;UAsEe;EACf;EACA,UAAU;;cAGC,4BAAY,8BAAA;;;;;;;;;;;IAMQ,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IAOf,MAAA,SAAS;;;;IAER,MAAA,SAAS;;;;IAET,MAAA,SAAS;;;;;;;;;;;;;;;IAXJ,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IAOf,MAAA,SAAS;;;;IAER,MAAA,SAAS;;;;IAET,MAAA,SAAS;;;;;;;EAGvB,WAAC,OAAO,wBAAwB;kCA6B5C;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAkB9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../../src/components/menubar/menubar.ts"],"mappings":";;;;;KAsCK,eAAe;;KAmBR,uBAAuB,KAAK;cAa3B,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;IACN,MAAA;;;IACO,MAAA;;;IACT,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACrB,MAAA;;;IACO,MAAA;;;IACD,MAAA,SAAS;;;;;;;IAEjB,MAAA,SAAS;;;;;;;;;;;IAGH,MAAA,SAAS;;;;;;IAEd,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EAChB,SAAA,UAAA,UAAU;EACK,0BAAA,UAAA,UAAU;EACb,uBAAA,UAAA,UAAU;EAClB,iBAAA,QAAA,UAAU;;;IAxBN,MAAA,SAAS;;;IACN,MAAA;;;IACO,MAAA;;;IACT,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACrB,MAAA;;;IACO,MAAA;;;IACD,MAAA,SAAS;;;;;;;IAEjB,MAAA,SAAS;;;;;;;;;;;IAGH,MAAA,SAAS;;;;;;IAEd,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;;;;;;;;;EAW7B,WAAC,OAAO,yBAAyB;;EAEpC,QAAC,MAAM,oBAAoB;;EAEpB,iBAAC,MAAM,oBAAoB;;EAE3B,iBAAC,MAAM,oBAAoB;kCAiC7C;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAqD3B;cAEW,mCAAmB,8BAAA;;;;;;;IAKC,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;MAsBxC,oDAAA;cAEW,gCAAgB,8BAAA;;;;;;;;;;MAyD3B,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;MAWzB,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAW9B,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAoDW;cACA;cACA;cAEA,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,0BAAA,oBAAA,4BAAA;;8BASzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;UA2Ee;EACf;EACA,UAAU;;cAGC,4BAAY,8BAAA;;;;;;;;;;;;IAOQ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IAOf,MAAA,SAAS;;;;IAER,MAAA,SAAS;;;;IAET,MAAA,SAAS;;;;;;;;;;;;;;;;IAZJ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IAOf,MAAA,SAAS;;;;IAER,MAAA,SAAS;;;;IAET,MAAA,SAAS;;;;;;;EAGvB,WAAC,OAAO,wBAAwB;kCA6B5C;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAkB9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/menubar/menubar.js

@@ -1,11 +1,12 @@
 import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 import { withXhConfig } from "../../config/config.js";
-import { XhPortal } from "../../runtime/portal.js";
-import { useScrollbars } from "../../runtime/use-scrollbars.js";
 import { mergePartProps } from "../../runtime/merge-props.js";
 import { mergeIntoChild } from "../../runtime/as-child.js";
+import { XhPortal } from "../../runtime/portal.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
 import { provideMenu, useMenuContext } from "../menu/context.js";
 import { useMenuWithParent } from "../menu/use-menu.js";
+import { MenuDefaultNodes, XhMenuContent, XhMenuPositioner } from "../menu/menu.js";
 import { provideMenubar, provideMenubarGroup, provideMenubarItem, provideMenubarMenu, provideMenubarSub, useMenubarContext, useMenubarGroupContext, useMenubarItemContext, useMenubarMenuContext, useMenubarSubContext } from "./context.js";
 import { useMenubar } from "./use-menubar.js";
 import { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from "vue";
@@ -29,6 +30,10 @@ const XhMenubarRoot = defineComponent({
 	name: "XhMenubarRoot",
 	props: {
 		collection: { type: Array },
+		checkboxValue: { type: Array },
+		defaultCheckboxValue: { type: Array },
+		radioValue: { type: Object },
+		defaultRadioValue: { type: Object },
 		value: { type: String },
 		defaultValue: { type: String },
 		orientation: { type: String },
@@ -54,6 +59,8 @@ const XhMenubarRoot = defineComponent({
 	emits: {
 		"value-change": (_details) => true,
 		"select": (_details) => true,
+		"checkbox-value-change": (_details) => true,
+		"radio-value-change": (_details) => true,
 		"update:value": (_value) => true
 	},
 	slots: Object,
@@ -63,7 +70,7 @@ const XhMenubarRoot = defineComponent({
 			emit("update:value", details.value);
 		};
 		const notifySelect = (details) => emit("select", details);
-		const ctx = useMenubar(withXhConfig("menubar", props), notifyValue, notifySelect);
+		const ctx = useMenubar(withXhConfig("menubar", props), notifyValue, notifySelect, (details) => emit("checkbox-value-change", details), (details) => emit("radio-value-change", details));
 		provideMenubar(ctx);
 		return () => h("div", {
 			...ctx.api.value.getRootProps(),
@@ -73,7 +80,11 @@ const XhMenubarRoot = defineComponent({
 		}, slots.default ? slots.default({
 			value: ctx.api.value.value,
 			open: ctx.api.value.open,
-			setValue: ctx.api.value.setValue
+			setValue: ctx.api.value.setValue,
+			checkboxValue: ctx.api.value.checkboxValue,
+			radioValue: ctx.api.value.radioValue,
+			setCheckboxValue: ctx.api.value.setCheckboxValue,
+			setRadioValue: ctx.api.value.setRadioValue
 		}) : props.collection ? renderDefaultTree(ctx.api.value.collection, {
 			"item": slots.item,
 			"item-prefix": slots["item-prefix"],
@@ -234,6 +245,19 @@ const XhMenubarGroup = defineComponent({
 		return () => h("div", ctx.api.value.getGroupProps(group.value), slots.default?.());
 	}
 });
+const XhMenubarRadioGroup = defineComponent({
+	name: "XhMenubarRadioGroup",
+	props: { value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useMenubarContext();
+		const group = computed(() => ({ value: props.value }));
+		provideMenubarGroup({ group });
+		return () => h("div", ctx.api.value.getRadioGroupProps(group.value), slots.default?.());
+	}
+});
 const XhMenubarGroupLabel = defineComponent({
 	name: "XhMenubarGroupLabel",
 	setup(_, { slots }) {
@@ -242,46 +266,71 @@ const XhMenubarGroupLabel = defineComponent({
 		return () => h("span", ctx.api.value.getGroupLabelProps(group.value), slots.default?.());
 	}
 });
-const XhMenubarItem = defineComponent({
-	name: "XhMenubarItem",
-	props: {
-		value: {
-			type: String,
-			required: true
+function createMenubarItemComponent(name, kind) {
+	return defineComponent({
+		name,
+		props: {
+			value: {
+				type: String,
+				required: true
+			},
+			disabled: {
+				type: Boolean,
+				default: void 0
+			},
+			closeOnSelect: {
+				type: Boolean,
+				default: void 0
+			}
 		},
-		disabled: {
-			type: Boolean,
-			default: void 0
-		}
-	},
-	setup(props, { slots }) {
-		const ctx = useMenubarContext();
-		const item = computed(() => ({
-			value: props.value,
-			disabled: props.disabled
-		}));
-		provideMenubarItem({ item });
-		const itemEl = ref(null);
-		watch(() => props.value, (next, prev) => {
-			if (next === prev) return;
-			const { service } = ctx;
-			if (service.getStatus() !== "Started") return;
-			if (itemEl.value && service.scope.getActiveElement() === itemEl.value) service.send({
-				type: "ITEM.FOCUS",
-				value: next
+		setup(props, { slots }) {
+			const ctx = useMenubarContext();
+			const radioGroup = kind === "radio" ? useMenubarGroupContext() : null;
+			const item = computed(() => kind === "radio" ? {
+				value: props.value,
+				disabled: props.disabled,
+				closeOnSelect: props.closeOnSelect,
+				kind,
+				group: radioGroup.group.value.value
+			} : kind === "checkbox" ? {
+				value: props.value,
+				disabled: props.disabled,
+				closeOnSelect: props.closeOnSelect,
+				kind
+			} : {
+				value: props.value,
+				disabled: props.disabled,
+				kind
 			});
-		});
-		onBeforeUnmount(() => {
-			const { service } = ctx;
-			if (service.getStatus() !== "Started") return;
-			if (itemEl.value && service.scope.getActiveElement() === itemEl.value) service.send({ type: "ITEM.LOST" });
-		});
-		return () => h("div", {
-			...ctx.api.value.getItemProps(item.value),
-			ref: itemEl
-		}, slots.default?.());
-	}
-});
+			provideMenubarItem({ item });
+			const itemEl = ref(null);
+			watch(() => props.value, (next, prev) => {
+				if (next === prev) return;
+				const { service } = ctx;
+				if (service.getStatus() !== "Started") return;
+				if (itemEl.value && service.scope.getActiveElement() === itemEl.value) service.send({
+					type: "ITEM.FOCUS",
+					value: next
+				});
+			});
+			onBeforeUnmount(() => {
+				const { service } = ctx;
+				if (service.getStatus() !== "Started") return;
+				if (itemEl.value && service.scope.getActiveElement() === itemEl.value) service.send({ type: "ITEM.LOST" });
+			});
+			return () => {
+				const declaration = item.value;
+				return h("div", {
+					...declaration.kind === "checkbox" ? ctx.api.value.getCheckboxItemProps(declaration) : declaration.kind === "radio" ? ctx.api.value.getRadioItemProps(declaration) : ctx.api.value.getItemProps(declaration),
+					ref: itemEl
+				}, slots.default?.());
+			};
+		}
+	});
+}
+const XhMenubarItem = /* @__PURE__ */ createMenubarItemComponent("XhMenubarItem", "item");
+const XhMenubarCheckboxItem = /* @__PURE__ */ createMenubarItemComponent("XhMenubarCheckboxItem", "checkbox");
+const XhMenubarRadioItem = /* @__PURE__ */ createMenubarItemComponent("XhMenubarRadioItem", "radio");
 const XhMenubarItemText = defineComponent({
 	name: "XhMenubarItemText",
 	setup(_, { slots }) {
@@ -361,13 +410,15 @@ function renderDefaultTree(collection, itemSlots) {
 * `item-prefix` / `item-suffix` 插槽各接管首尾一格，其余槽照旧由数据铺。
 */
 function renderNode(meta, itemSlots) {
+	if (meta.children) return renderSubmenu(meta);
 	const prefix = itemSlots["item-prefix"];
 	const suffix = itemSlots["item-suffix"];
-	return h(XhMenubarItem, {
+	return h(meta.kind === "checkbox" ? XhMenubarCheckboxItem : meta.kind === "radio" ? XhMenubarRadioItem : XhMenubarItem, {
 		key: meta.value,
-		value: meta.value
+		value: meta.value,
+		closeOnSelect: meta.closeOnSelect
 	}, () => [
-		...prefix ? [h(XhMenubarItemIndicator, null, () => prefix(meta))] : [],
+		...prefix ? [h(XhMenubarItemIndicator, null, () => prefix(meta))] : meta.kind !== "item" ? [h(XhMenubarItemIndicator)] : [],
 		h(XhMenubarItemText, null, () => itemSlots.item?.(meta) ?? meta.label),
 		...meta.description != null ? [h(XhMenubarItemDescription, null, () => meta.description)] : [],
 		...meta.shortcut != null ? [h(XhMenubarItemShortcut, null, () => meta.shortcut)] : [],
@@ -381,7 +432,7 @@ function renderNodes(collection, itemSlots) {
 		const lead = runIndex > 0 && head.separatorBefore ? [h(XhMenubarSeparator, { key: `separator:${head.value}` })] : [];
 		if (head.group == null) return [...lead, renderNode(head, itemSlots)];
 		const groupLabel = run.find((node) => node.groupLabel != null)?.groupLabel ?? null;
-		return [...lead, h(XhMenubarGroup, {
+		return [...lead, h(head.kind === "radio" ? XhMenubarRadioGroup : XhMenubarGroup, {
 			key: `group:${head.group}`,
 			value: head.group
 		}, () => [...groupLabel != null ? [h(XhMenubarGroupLabel, null, () => groupLabel)] : [], ...run.flatMap((node, index) => [...index > 0 && node.separatorBefore ? [h(XhMenubarSeparator, { key: `separator:${node.value}` })] : [], renderNode(node, itemSlots)])])];
@@ -399,6 +450,8 @@ const XhMenubarSub = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/** 子层的条目数据：显示文本与禁用的事实源，按数据铺子层时由默认树代填。 */
+		collection: { type: Array },
 		placement: { type: String },
 		offset: { type: Number },
 		loop: {
@@ -464,7 +517,16 @@ const XhMenubarSubTrigger = defineComponent({
 		}, slots.default?.());
 	}
 });
+/** 带 children 的条目铺成子菜单：子层跑的是 menu 机器，条目按数据铺、不经本层的插槽。 */
+function renderSubmenu(meta) {
+	return h(XhMenubarSub, {
+		key: meta.value,
+		value: meta.value,
+		disabled: meta.disabled || void 0,
+		collection: meta.children
+	}, () => [h(XhMenubarSubTrigger, null, () => [meta.label]), h(XhMenuPositioner, null, () => [h(XhMenuContent, null, () => [h(MenuDefaultNodes)])])]);
+}
 //#endregion
-export { XhMenubarArrow, XhMenubarContent, XhMenubarGroup, XhMenubarGroupLabel, XhMenubarItem, XhMenubarItemDescription, XhMenubarItemIndicator, XhMenubarItemShortcut, XhMenubarItemSuffix, XhMenubarItemText, XhMenubarPositioner, XhMenubarRoot, XhMenubarSeparator, XhMenubarSub, XhMenubarSubTrigger, XhMenubarTrigger };
+export { XhMenubarArrow, XhMenubarCheckboxItem, XhMenubarContent, XhMenubarGroup, XhMenubarGroupLabel, XhMenubarItem, XhMenubarItemDescription, XhMenubarItemIndicator, XhMenubarItemShortcut, XhMenubarItemSuffix, XhMenubarItemText, XhMenubarPositioner, XhMenubarRadioGroup, XhMenubarRadioItem, XhMenubarRoot, XhMenubarSeparator, XhMenubarSub, XhMenubarSubTrigger, XhMenubarTrigger };
 
 //# sourceMappingURL=menubar.js.map