@xihan-ui/vue 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +59 -0
- package/README.md +1 -1
- package/dist/components/cascader/cascader.d.ts +2 -0
- package/dist/components/cascader/cascader.d.ts.map +1 -1
- package/dist/components/cascader/cascader.js +3 -1
- package/dist/components/cascader/cascader.js.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.js +30 -11
- package/dist/components/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/components/checkbox-group/use-checkbox-group.d.ts +6 -1
- package/dist/components/checkbox-group/use-checkbox-group.d.ts.map +1 -1
- package/dist/components/checkbox-group/use-checkbox-group.js +7 -3
- package/dist/components/checkbox-group/use-checkbox-group.js.map +1 -1
- package/dist/components/color-field/color-field.d.ts +2 -0
- package/dist/components/color-field/color-field.d.ts.map +1 -1
- package/dist/components/color-field/color-field.js +3 -1
- package/dist/components/color-field/color-field.js.map +1 -1
- package/dist/components/color-picker/color-picker.d.ts +76 -9
- package/dist/components/color-picker/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker/color-picker.js +87 -6
- package/dist/components/color-picker/color-picker.js.map +1 -1
- package/dist/components/color-picker/context.js +10 -1
- package/dist/components/color-picker/context.js.map +1 -1
- package/dist/components/color-picker/use-color-picker.js +14 -4
- package/dist/components/color-picker/use-color-picker.js.map +1 -1
- package/dist/components/color-swatch-picker/color-swatch-picker.d.ts.map +1 -1
- package/dist/components/color-swatch-picker/color-swatch-picker.js +21 -4
- package/dist/components/color-swatch-picker/color-swatch-picker.js.map +1 -1
- package/dist/components/color-swatch-picker/use-color-swatch-picker.d.ts +6 -1
- package/dist/components/color-swatch-picker/use-color-swatch-picker.d.ts.map +1 -1
- package/dist/components/color-swatch-picker/use-color-swatch-picker.js +7 -3
- package/dist/components/color-swatch-picker/use-color-swatch-picker.js.map +1 -1
- package/dist/components/combobox/combobox.d.ts +2 -0
- package/dist/components/combobox/combobox.d.ts.map +1 -1
- package/dist/components/combobox/combobox.js +3 -1
- package/dist/components/combobox/combobox.js.map +1 -1
- package/dist/components/command/command.d.ts +3 -3
- package/dist/components/context-menu/context-menu.d.ts +9 -1
- package/dist/components/context-menu/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu/context-menu.js +9 -0
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/date-field/date-field.d.ts +6 -2
- package/dist/components/date-field/date-field.d.ts.map +1 -1
- package/dist/components/date-field/date-field.js +5 -2
- package/dist/components/date-field/date-field.js.map +1 -1
- package/dist/components/date-picker/context.js +10 -1
- package/dist/components/date-picker/context.js.map +1 -1
- package/dist/components/date-picker/date-picker.d.ts +58 -3
- package/dist/components/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker.js +76 -5
- package/dist/components/date-picker/date-picker.js.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.d.ts +27 -1
- package/dist/components/date-range-picker/date-range-picker.d.ts.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.js +9 -1
- package/dist/components/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/components/dialog/dialog.d.ts +1 -1
- package/dist/components/drawer/drawer.d.ts +1 -1
- package/dist/components/field/context.d.ts +6 -1
- package/dist/components/field/context.d.ts.map +1 -1
- package/dist/components/field/context.js +10 -1
- package/dist/components/field/context.js.map +1 -1
- package/dist/components/field/field.d.ts +9 -1
- package/dist/components/field/field.d.ts.map +1 -1
- package/dist/components/field/field.js +14 -2
- package/dist/components/field/field.js.map +1 -1
- package/dist/components/field/use-field-control.d.ts +8 -1
- package/dist/components/field/use-field-control.d.ts.map +1 -1
- package/dist/components/field/use-field-control.js +14 -1
- package/dist/components/field/use-field-control.js.map +1 -1
- package/dist/components/file-upload/file-upload.d.ts +2 -0
- package/dist/components/file-upload/file-upload.d.ts.map +1 -1
- package/dist/components/file-upload/file-upload.js +3 -1
- package/dist/components/file-upload/file-upload.js.map +1 -1
- package/dist/components/float-button/float-button.d.ts +26 -1
- package/dist/components/float-button/float-button.d.ts.map +1 -1
- package/dist/components/float-button/float-button.js +17 -5
- package/dist/components/float-button/float-button.js.map +1 -1
- package/dist/components/float-button/use-float-button.js +7 -1
- package/dist/components/float-button/use-float-button.js.map +1 -1
- package/dist/components/form/context.js +5 -1
- package/dist/components/form/context.js.map +1 -1
- package/dist/components/form/use-form-control.js +1 -1
- package/dist/components/markdown-stream/markdown-stream.d.ts +1 -1
- package/dist/components/menu/menu.js +29 -1
- package/dist/components/menu/menu.js.map +1 -1
- package/dist/components/menubar/menubar.d.ts +9 -1
- package/dist/components/menubar/menubar.d.ts.map +1 -1
- package/dist/components/menubar/menubar.js +13 -0
- package/dist/components/menubar/menubar.js.map +1 -1
- package/dist/components/pin-input/pin-input.d.ts.map +1 -1
- package/dist/components/pin-input/pin-input.js +7 -1
- package/dist/components/pin-input/pin-input.js.map +1 -1
- package/dist/components/popconfirm/popconfirm.d.ts +20 -1
- package/dist/components/popconfirm/popconfirm.d.ts.map +1 -1
- package/dist/components/popconfirm/popconfirm.js +7 -0
- package/dist/components/popconfirm/popconfirm.js.map +1 -1
- package/dist/components/popconfirm/use-popconfirm.js +2 -0
- package/dist/components/popconfirm/use-popconfirm.js.map +1 -1
- package/dist/components/popover/popover.d.ts +1 -1
- package/dist/components/radio-group/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group/radio-group.js +25 -6
- package/dist/components/radio-group/radio-group.js.map +1 -1
- package/dist/components/radio-group/use-radio-group.d.ts +5 -0
- package/dist/components/radio-group/use-radio-group.d.ts.map +1 -1
- package/dist/components/radio-group/use-radio-group.js +4 -1
- package/dist/components/radio-group/use-radio-group.js.map +1 -1
- package/dist/components/rating/rating.d.ts.map +1 -1
- package/dist/components/rating/rating.js +7 -1
- package/dist/components/rating/rating.js.map +1 -1
- package/dist/components/reasoning/reasoning.d.ts +1 -1
- package/dist/components/select/select.d.ts +2 -0
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +3 -1
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/signature-pad/signature-pad.d.ts +2 -0
- package/dist/components/signature-pad/signature-pad.d.ts.map +1 -1
- package/dist/components/signature-pad/signature-pad.js +3 -1
- package/dist/components/signature-pad/signature-pad.js.map +1 -1
- package/dist/components/slider/slider.d.ts.map +1 -1
- package/dist/components/slider/slider.js +7 -1
- package/dist/components/slider/slider.js.map +1 -1
- package/dist/components/sortable/sortable.d.ts +1 -1
- package/dist/components/table/table.d.ts +2 -2
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/tags-input/tags-input.d.ts +2 -0
- package/dist/components/tags-input/tags-input.d.ts.map +1 -1
- package/dist/components/tags-input/tags-input.js +3 -1
- package/dist/components/tags-input/tags-input.js.map +1 -1
- package/dist/components/text-field/text-field.d.ts +2 -0
- package/dist/components/text-field/text-field.d.ts.map +1 -1
- package/dist/components/text-field/text-field.js +3 -1
- package/dist/components/text-field/text-field.js.map +1 -1
- package/dist/components/time-field/time-field.d.ts +2 -0
- package/dist/components/time-field/time-field.d.ts.map +1 -1
- package/dist/components/time-field/time-field.js +3 -1
- package/dist/components/time-field/time-field.js.map +1 -1
- package/dist/components/time-picker/context.js +10 -1
- package/dist/components/time-picker/context.js.map +1 -1
- package/dist/components/time-picker/time-picker.d.ts +78 -9
- package/dist/components/time-picker/time-picker.d.ts.map +1 -1
- package/dist/components/time-picker/time-picker.js +89 -8
- package/dist/components/time-picker/time-picker.js.map +1 -1
- package/dist/components/time-range-picker/time-range-picker.d.ts +2 -0
- package/dist/components/time-range-picker/time-range-picker.d.ts.map +1 -1
- package/dist/components/time-range-picker/time-range-picker.js +3 -1
- package/dist/components/time-range-picker/time-range-picker.js.map +1 -1
- package/dist/components/toggle-group/toggle-group.d.ts.map +1 -1
- package/dist/components/toggle-group/toggle-group.js +7 -1
- package/dist/components/toggle-group/toggle-group.js.map +1 -1
- package/dist/components/tour/tour.d.ts +1 -1
- package/dist/components/tree/tree.d.ts +2 -2
- package/dist/components/tree/tree.js +1 -1
- package/dist/components/tree/tree.js.map +1 -1
- package/dist/components/tree-select/tree-select.d.ts +2 -0
- package/dist/components/tree-select/tree-select.d.ts.map +1 -1
- package/dist/components/tree-select/tree-select.js +3 -1
- package/dist/components/tree-select/tree-select.js.map +1 -1
- package/dist/components/truncate/truncate.d.ts.map +1 -1
- package/dist/components/truncate/truncate.js +4 -8
- package/dist/components/truncate/truncate.js.map +1 -1
- package/dist/index.d.ts +7 -7
- package/dist/index.js +8 -8
- package/dist/package.js +1 -1
- package/dist/runtime/portal.js +2 -0
- package/dist/runtime/portal.js.map +1 -1
- package/dist/runtime/with-handlers.js +25 -0
- package/dist/runtime/with-handlers.js.map +1 -0
- package/package.json +15 -15
|
@@ -416,6 +416,7 @@ function renderNodes(collection, itemSlots) {
|
|
|
416
416
|
* (与 ContextMenu 的 item 插槽语义不同,那边填的是文字槽)。
|
|
417
417
|
*/
|
|
418
418
|
function renderItem(meta, itemSlots) {
|
|
419
|
+
if (meta.children) return renderSubmenu(meta, itemSlots);
|
|
419
420
|
const prefix = itemSlots["item-prefix"];
|
|
420
421
|
const suffix = itemSlots["item-suffix"];
|
|
421
422
|
return h(meta.kind === "checkbox" ? XhMenuCheckboxItem : meta.kind === "radio" ? XhMenuRadioItem : XhMenuItem, {
|
|
@@ -430,7 +431,34 @@ function renderItem(meta, itemSlots) {
|
|
|
430
431
|
...suffix ? [h(XhMenuItemSuffix, null, () => suffix(meta))] : []
|
|
431
432
|
]);
|
|
432
433
|
}
|
|
434
|
+
/**
|
|
435
|
+
* 子菜单那一层的条目:从本层机器的 collection 现铺,条目带 children 的再往下一层。
|
|
436
|
+
* 默认树内部用;Menubar 与 ContextMenu 按数据铺子层时也用它。不作为公开组件导出。
|
|
437
|
+
*/
|
|
438
|
+
const MenuDefaultNodes = /* @__PURE__ */ defineComponent({
|
|
439
|
+
name: "MenuDefaultNodes",
|
|
440
|
+
props: { itemSlots: {
|
|
441
|
+
type: Object,
|
|
442
|
+
default: () => ({})
|
|
443
|
+
} },
|
|
444
|
+
setup(props) {
|
|
445
|
+
const ctx = useMenuContext();
|
|
446
|
+
return () => renderNodes(ctx.api.value.collection, props.itemSlots);
|
|
447
|
+
}
|
|
448
|
+
});
|
|
449
|
+
/**
|
|
450
|
+
* 带 children 的条目铺成子菜单:本条是入口,下一层交给子菜单机器的 collection 现铺,深度不限。
|
|
451
|
+
* 子层与本层同用这几个插槽,载荷是子层自己的条目元信息。
|
|
452
|
+
*/
|
|
453
|
+
function renderSubmenu(meta, itemSlots) {
|
|
454
|
+
return h(XhMenuSub, {
|
|
455
|
+
key: meta.value,
|
|
456
|
+
value: meta.value,
|
|
457
|
+
disabled: meta.disabled || void 0,
|
|
458
|
+
collection: meta.children
|
|
459
|
+
}, () => [h(XhMenuSubTrigger, null, () => itemSlots.item?.(meta) ?? [meta.label]), h(XhMenuPositioner, null, () => [h(XhMenuContent, null, () => [h(MenuDefaultNodes, { itemSlots })])])]);
|
|
460
|
+
}
|
|
433
461
|
//#endregion
|
|
434
|
-
export { XhMenuArrow, XhMenuCheckboxItem, XhMenuContent, XhMenuGroup, XhMenuGroupLabel, XhMenuItem, XhMenuItemDescription, XhMenuItemIndicator, XhMenuItemShortcut, XhMenuItemSuffix, XhMenuItemText, XhMenuPositioner, XhMenuRadioGroup, XhMenuRadioItem, XhMenuRoot, XhMenuSeparator, XhMenuSub, XhMenuSubTrigger, XhMenuTrigger };
|
|
462
|
+
export { MenuDefaultNodes, XhMenuArrow, XhMenuCheckboxItem, XhMenuContent, XhMenuGroup, XhMenuGroupLabel, XhMenuItem, XhMenuItemDescription, XhMenuItemIndicator, XhMenuItemShortcut, XhMenuItemSuffix, XhMenuItemText, XhMenuPositioner, XhMenuRadioGroup, XhMenuRadioItem, XhMenuRoot, XhMenuSeparator, XhMenuSub, XhMenuSubTrigger, XhMenuTrigger };
|
|
435
463
|
|
|
436
464
|
//# sourceMappingURL=menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","names":["mergeVueProps","mergeProps"],"sources":["../../../src/components/menu/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// 提供 menu 相关实现。\n\nimport type { Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { MenuAnyItemProps, MenuApi, MenuGroupProps, MenuNode, MenuNodeMeta, MenuRadioValue, MenuSchema, MenuTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { groupAdjacentRuns, mergeProps } from '@xihan-ui/core'\nimport { computed, defineComponent, h, mergeProps as mergeVueProps, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { provideMenu, provideMenuGroup, provideMenuItem, provideMenuSub, useMenuContext, useMenuGroupContext, useMenuItemContext, useMenuSubContext } from './context'\nimport { useMenu, useMenuWithParent } from './use-menu'\n\ntype MenuProps = MenuSchema['props']\n\n/** 默认插槽的载荷:展开态与修改展开的动作。 */\nexport type MenuRootSlotProps = Pick<MenuApi, 'open' | 'setOpen' | 'checkboxValue' | 'radioValue' | 'setCheckboxValue' | 'setRadioValue'>\n\n/** 代铺条目时可逐槽接管的三个插槽;三个都不写即完全按数据铺。 */\nexport interface MenuItemSlots {\n /** 整条的接管口:写了它,代铺的标记位、文字、说明与快捷键一概不铺。 */\n 'item'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行首那一格(与数据里的 indicator 同一个部件),其余槽照旧由数据铺。 */\n 'item-prefix'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺。 */\n 'item-suffix'?: (node: MenuNodeMeta) => VNode[]\n}\n\nexport const XhMenuRoot = /* @__PURE__ */ defineComponent({\n name: 'XhMenuRoot',\n // 缺省值由 connect 给出;普通类型省略 default,Boolean 显式保留 undefined\n props: {\n collection: { type: Array as PropType<MenuNode[]> },\n checkboxValue: { type: Array as PropType<string[]> },\n defaultCheckboxValue: { type: Array as PropType<string[]> },\n radioValue: { type: Object as PropType<MenuRadioValue> },\n defaultRadioValue: { type: Object as PropType<MenuRadioValue> },\n open: { type: Boolean, default: undefined },\n defaultOpen: Boolean,\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n loop: { type: Boolean, default: undefined },\n dir: { type: String as PropType<Direction> },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n typeahead: { type: Boolean, default: undefined },\n disabled: { type: Boolean, default: undefined },\n translations: { type: Object as PropType<Partial<MenuTranslations>> },\n openOnHover: { type: Boolean, default: undefined },\n hoverOpenDelay: { type: Number },\n hoverCloseDelay: { type: Number },\n /**\n * 只提供 collection 时,触发器插槽给出的节点直接作为触发器使用,不再外包一个 <button>。\n * 放置部件的写法有 XhMenuTrigger 自己的 asChild,该 prop 是自动铺设路径的同一能力。\n */\n triggerAsChild: Boolean,\n },\n // open-change 携带 { open }、select 携带 { value },update:open 携带裸布尔\n emits: {\n 'open-change': (_details: PayloadOf<MenuProps, 'onOpenChange'>) => true,\n 'select': (_details: PayloadOf<MenuProps, 'onSelect'>) => true,\n 'checkbox-value-change': (_details: PayloadOf<MenuProps, 'onCheckboxValueChange'>) => true,\n 'radio-value-change': (_details: PayloadOf<MenuProps, 'onRadioValueChange'>) => true,\n 'update:open': (_open: PayloadOf<MenuProps, 'onOpenChange'>['open']) => true,\n },\n slots: Object as SlotsType<{\n 'default'?: (props: MenuRootSlotProps) => VNode[]\n 'trigger'?: () => VNode[]\n /** 整条的接管口:写了它,代铺的各格一概不铺,作者自己放置部件 */\n 'item'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行首那一格,其余槽照旧由数据铺 */\n 'item-prefix'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺 */\n 'item-suffix'?: (node: MenuNodeMeta) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const notifyOpen: MenuProps['onOpenChange'] = (details) => {\n emit('open-change', details)\n emit('update:open', details.open)\n }\n const notifySelect: MenuProps['onSelect'] = details => emit('select', details)\n const notifyCheckboxValue: MenuProps['onCheckboxValueChange'] = details => emit('checkbox-value-change', details)\n const notifyRadioValue: MenuProps['onRadioValueChange'] = details => emit('radio-value-change', details)\n const ctx = useMenu(withXhConfig('menu', props) as MenuProps, notifyOpen, notifySelect, notifyCheckboxValue, notifyRadioValue)\n provideMenu(ctx)\n return () => (slots.default\n ? slots.default({\n open: ctx.api.value.open,\n setOpen: ctx.api.value.setOpen,\n checkboxValue: ctx.api.value.checkboxValue,\n radioValue: ctx.api.value.radioValue,\n setCheckboxValue: ctx.api.value.setCheckboxValue,\n setRadioValue: ctx.api.value.setRadioValue,\n })\n : props.collection\n ? renderDefaultTree(ctx.api.value.collection, slots.trigger?.() ?? null, { 'item': slots.item, 'item-prefix': slots['item-prefix'], 'item-suffix': slots['item-suffix'] }, props.triggerAsChild)\n : [])\n },\n})\n\nexport const XhMenuTrigger = /* @__PURE__ */ defineComponent({\n name: 'XhMenuTrigger',\n // 直通属性自己合:Vue 默认把作者的处理器排在部件的后面,这里改成作者先跑\n inheritAttrs: false,\n props: {\n /** 借用作者的子节点作为触发器,不再渲染自己的包裹元素;子节点须恰好一个。 */\n asChild: Boolean,\n },\n setup(props, { slots, attrs }) {\n const ctx = useMenuContext()\n return () => {\n const part = mergePartProps({\n ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n }, attrs)\n const children = slots.default?.()\n // asChild:把触发器属性合到作者的节点上,不再自己渲染包裹元素\n if (props.asChild) {\n const merged = mergeIntoChild(children, part, 'menu')\n if (merged)\n return merged\n }\n return h('button', part, children)\n }\n },\n})\n\nexport const XhMenuPositioner = /* @__PURE__ */ defineComponent({\n name: 'XhMenuPositioner',\n props: {\n /** 本实例的 Portal 容器;优先于应用级配置。 */\n container: { type: Object as PropType<Element> },\n },\n // 根是 Teleport,Vue 不会把直通属性合上去,作者写的 class 与 style 得自己接住落到 positioner 上\n inheritAttrs: false,\n setup(props, { slots, attrs }) {\n const ctx = useMenuContext()\n // 条目列表的自绘条:与 content 同级、绝对定位不占布局,壳是这层已经 fixed 的 positioner;浮层里的条子走 4px 档\n const bars = useScrollbars({ scrollable: () => ctx.contentRef.value, props: { size: 'sm' } })\n // 定位层搬到 portal 落点,逃开祖先的层叠上下文\n return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.triggerRef }, () => [\n h('div', {\n ...mergeVueProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n }, [...(slots.default?.() ?? []), ...bars.render()]),\n ])\n },\n})\n\nexport const XhMenuContent = /* @__PURE__ */ defineComponent({\n name: 'XhMenuContent',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n return () => h('div', {\n ...ctx.api.value.getContentProps() as Record<string, unknown>,\n // 收起跟着退场闸门走:皮肤刻意没给 content 补 [hidden]{display:none}(补了退场\n // 就一帧都播不出来),所以真正的收起落成内联 display——节点始终留在原地\n style: ctx.visible.value ? undefined : { display: 'none' },\n ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n }, slots.default?.())\n },\n})\n\nfunction createMenuItemComponent(name: string, kind: 'item' | 'checkbox' | 'radio'): ReturnType<typeof defineComponent> {\n return defineComponent({\n name,\n props: {\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n closeOnSelect: { type: Boolean, default: undefined },\n },\n setup(props, { slots }) {\n const ctx = useMenuContext()\n const radioGroup = kind === 'radio' ? useMenuGroupContext() : null\n const item = computed<MenuAnyItemProps>(() => kind === 'radio'\n ? { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind, group: radioGroup!.group.value.value }\n : { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind })\n provideMenuItem({ item })\n // 本条目持有焦点时,value 变更按新值重报焦点条目,卸载时上报焦点丢失\n const itemEl = ref<HTMLElement | null>(null)\n watch(() => props.value, (next, prev) => {\n if (next === prev)\n return\n const svc = ctx.service\n if (svc.getStatus() !== 'Started')\n return\n if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n svc.send({ type: 'ITEM.FOCUS', value: next })\n })\n onBeforeUnmount(() => {\n const { service } = ctx\n // 根已停机时不再送事件\n if (service.getStatus() !== 'Started')\n return\n // 按「本节点当下正持有焦点」判定,不按 value 比对\n if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n service.send({ type: 'ITEM.LOST' })\n })\n return () => {\n const declaration = item.value\n const part = declaration.kind === 'checkbox'\n ? ctx.api.value.getCheckboxItemProps(declaration)\n : declaration.kind === 'radio'\n ? ctx.api.value.getRadioItemProps(declaration)\n : ctx.api.value.getItemProps(declaration)\n return h('div', { ...part as Record<string, unknown>, ref: itemEl }, slots.default?.())\n }\n },\n })\n}\n\nexport const XhMenuItem = /* @__PURE__ */ createMenuItemComponent('XhMenuItem', 'item')\nexport const XhMenuCheckboxItem = /* @__PURE__ */ createMenuItemComponent('XhMenuCheckboxItem', 'checkbox')\nexport const XhMenuRadioItem = /* @__PURE__ */ createMenuItemComponent('XhMenuRadioItem', 'radio')\n\n/** 默认插槽的载荷:本层子菜单的展开态与修改展开的动作。 */\nexport type MenuSubSlotProps = Pick<MenuApi, 'open' | 'setOpen'>\n\n/**\n * 子菜单:内部再运行一台 menu 状态机(submenu 模式),触发条目由 XhMenuSubTrigger\n * 渲染为父菜单条目与本子菜单触发器的双重身份。本身不渲染节点。\n */\nexport const XhMenuSub = /* @__PURE__ */ defineComponent({\n name: 'XhMenuSub',\n props: {\n /** 它在父菜单中的条目身份。 */\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n collection: { type: Array as PropType<MenuNode[]> },\n checkboxValue: { type: Array as PropType<string[]> },\n defaultCheckboxValue: { type: Array as PropType<string[]> },\n radioValue: { type: Object as PropType<MenuRadioValue> },\n defaultRadioValue: { type: Object as PropType<MenuRadioValue> },\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n loop: { type: Boolean, default: undefined },\n openOnHover: { type: Boolean, default: undefined },\n hoverOpenDelay: { type: Number },\n /** 文字方向;默认继承父层。子层被迁移到浮层落点,无法继承父层的方向。 */\n dir: { type: String as PropType<Direction> },\n /** 语气;默认继承父层。子层是浮层落点下的同级节点,CSS 私有槽无法继承。 */\n tone: { type: String as PropType<Tone> },\n /** 尺寸;默认继承父层,理由同 tone。 */\n size: { type: String as PropType<Size> },\n hoverCloseDelay: { type: Number },\n },\n emits: {\n 'checkbox-value-change': (_details: PayloadOf<MenuProps, 'onCheckboxValueChange'>) => true,\n 'radio-value-change': (_details: PayloadOf<MenuProps, 'onRadioValueChange'>) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: MenuSubSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const parent = useMenuContext()\n const ctx = useMenuWithParent(\n {\n ...props,\n submenu: true,\n dir: props.dir ?? parent.service.prop('dir'),\n tone: props.tone ?? parent.service.prop('tone'),\n size: props.size ?? parent.service.prop('size'),\n } as MenuProps,\n undefined,\n parent.tree,\n details => emit('checkbox-value-change', details),\n details => emit('radio-value-change', details),\n )\n // 覆盖菜单上下文:本子树内的部件都归子机器\n provideMenu(ctx)\n provideMenuSub({ parent, value: props.value, disabled: props.disabled })\n // 父层收起(Escape、外点、选中)时本层跟着收,层层传导\n watch(() => parent.api.value.open, (open) => {\n if (!open)\n ctx.api.value.setOpen(false)\n })\n return () => slots.default?.({ open: ctx.api.value.open, setOpen: ctx.api.value.setOpen })\n },\n})\n\nexport const XhMenuSubTrigger = /* @__PURE__ */ defineComponent({\n name: 'XhMenuSubTrigger',\n setup(_, { slots }) {\n const sub = useMenuSubContext()\n const ctx = useMenuContext()\n return () => h('div', {\n ...mergeProps(\n sub.parent.api.value.getItemProps({ value: sub.value, disabled: sub.disabled }) as Record<string, unknown>,\n ctx.api.value.getSubmenuTriggerProps({ value: sub.value, disabled: sub.disabled }) as Record<string, unknown>,\n ),\n // 子菜单的定位锚点就是这一条\n ref: (el: unknown) => {\n ctx.triggerRef.value = el as HTMLElement\n },\n }, slots.default?.())\n },\n})\n\n/** 条目中的文字载体:连打检索取它,图标与副文本的文字因此不进入检索串 */\nexport const XhMenuItemText = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemText',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的标记位(勾选、图标),纯装饰 */\nexport const XhMenuItemIndicator = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemIndicator',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的副文本,排在文字下一行 */\nexport const XhMenuItemDescription = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemDescription',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemDescriptionProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的快捷键提示,贴行尾;纯装饰,读屏从条目文字取意 */\nexport const XhMenuItemShortcut = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemShortcut',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemShortcutProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目行尾的作者内容(计数、徽标、次级图标);家族只管落位,不规定字号与颜色 */\nexport const XhMenuItemSuffix = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemSuffix',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemSuffixProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuGroup = /* @__PURE__ */ defineComponent({\n name: 'XhMenuGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenuContext()\n const group = computed<MenuGroupProps>(() => ({ value: props.value }))\n provideMenuGroup({ group })\n return () => h('div', ctx.api.value.getGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuRadioGroup = /* @__PURE__ */ defineComponent({\n name: 'XhMenuRadioGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenuContext()\n const group = computed<MenuGroupProps>(() => ({ value: props.value }))\n provideMenuGroup({ group })\n return () => h('div', ctx.api.value.getRadioGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuGroupLabel = /* @__PURE__ */ defineComponent({\n name: 'XhMenuGroupLabel',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { group } = useMenuGroupContext()\n return () => h('span', ctx.api.value.getGroupLabelProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuSeparator = /* @__PURE__ */ defineComponent({\n name: 'XhMenuSeparator',\n setup() {\n const ctx = useMenuContext()\n return () => h('div', ctx.api.value.getSeparatorProps() as Record<string, unknown>)\n },\n})\n\nexport const XhMenuArrow = /* @__PURE__ */ defineComponent({\n name: 'XhMenuArrow',\n setup() {\n const ctx = useMenuContext()\n return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构,作者只提供数据。\n * 与手写部件产出的 DOM 完全一致,需要修改结构时写默认插槽,行为不变。\n * 触发器内容归作者,由 trigger 插槽承载;条目内容默认是 label,可由 item 插槽接管。\n */\nfunction renderDefaultTree(\n collection: readonly MenuNodeMeta[],\n trigger: (VNode | string)[] | null,\n itemSlots: MenuItemSlots,\n triggerAsChild?: boolean,\n): VNode[] {\n return [\n h(XhMenuTrigger, { asChild: triggerAsChild }, () => trigger ?? []),\n h(XhMenuPositioner, null, () => [\n h(XhMenuContent, null, () => renderNodes(collection, itemSlots)),\n ]),\n ]\n}\n\n/** content 的内容:分组段铺为 group,段首的分隔线落在 group 外面。 */\nfunction renderNodes(\n collection: readonly MenuNodeMeta[],\n itemSlots: MenuItemSlots,\n): VNode[] {\n return groupAdjacentRuns(collection, node => node.group).flatMap((run, runIndex) => {\n const head = run[0]!\n // 首条上的标记不产出分隔线:菜单开头不留一道空隔\n const lead = runIndex > 0 && head.separatorBefore\n ? [h(XhMenuSeparator, { key: `separator:${head.value}` })]\n : []\n if (head.group == null)\n return [...lead, renderItem(head, itemSlots)]\n const groupLabel = run.find(node => node.groupLabel != null)?.groupLabel ?? null\n return [\n ...lead,\n h(head.kind === 'radio' ? XhMenuRadioGroup : XhMenuGroup, { key: `group:${head.group}`, value: head.group }, () => [\n ...(groupLabel != null ? [h(XhMenuGroupLabel, null, () => groupLabel)] : []),\n ...run.flatMap((node, index) => [\n ...(index > 0 && node.separatorBefore ? [h(XhMenuSeparator, { key: `separator:${node.value}` })] : []),\n renderItem(node, itemSlots),\n ]),\n ]),\n ]\n })\n}\n\n/**\n * 单个条目:按数据铺标记位、文字、说明与快捷键,未提供的那几个不铺对应部件。\n *\n * 三个插槽各管一段,不必为了改一处把整条重搭:\n * - `item-prefix` / `item-suffix` 只接管行首与行尾那一格,其余槽照旧由数据铺。\n * 行首那一格与数据里的 `indicator` 同一个部件,插槽在场时以它为准。\n * - `item` 是整条的接管口:写了它,上面几格一概不铺,作者自己放置 XhMenuItemText 等部件\n * (与 ContextMenu 的 item 插槽语义不同,那边填的是文字槽)。\n */\nfunction renderItem(\n meta: MenuNodeMeta,\n itemSlots: MenuItemSlots,\n): VNode {\n const prefix = itemSlots['item-prefix']\n const suffix = itemSlots['item-suffix']\n const Item = meta.kind === 'checkbox' ? XhMenuCheckboxItem : meta.kind === 'radio' ? XhMenuRadioItem : XhMenuItem\n return h(Item, { key: meta.value, value: meta.value, closeOnSelect: meta.closeOnSelect }, () => itemSlots.item?.(meta) ?? [\n ...(prefix\n ? [h(XhMenuItemIndicator, null, () => prefix(meta))]\n : meta.indicator != null\n ? [h(XhMenuItemIndicator, null, () => meta.indicator)]\n : meta.kind !== 'item' ? [h(XhMenuItemIndicator)] : []),\n h(XhMenuItemText, null, () => meta.label),\n ...(meta.description != null ? [h(XhMenuItemDescription, null, () => meta.description)] : []),\n ...(meta.shortcut != null ? [h(XhMenuItemShortcut, null, () => meta.shortcut)] : []),\n ...(suffix ? [h(XhMenuItemSuffix, null, () => suffix(meta))] : []),\n ])\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"menu.js","names":["mergeVueProps","mergeProps"],"sources":["../../../src/components/menu/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// 提供 menu 相关实现。\n\nimport type { Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { MenuAnyItemProps, MenuApi, MenuGroupProps, MenuNode, MenuNodeMeta, MenuRadioValue, MenuSchema, MenuTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { groupAdjacentRuns, mergeProps } from '@xihan-ui/core'\nimport { computed, defineComponent, h, mergeProps as mergeVueProps, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { provideMenu, provideMenuGroup, provideMenuItem, provideMenuSub, useMenuContext, useMenuGroupContext, useMenuItemContext, useMenuSubContext } from './context'\nimport { useMenu, useMenuWithParent } from './use-menu'\n\ntype MenuProps = MenuSchema['props']\n\n/** 默认插槽的载荷:展开态与修改展开的动作。 */\nexport type MenuRootSlotProps = Pick<MenuApi, 'open' | 'setOpen' | 'checkboxValue' | 'radioValue' | 'setCheckboxValue' | 'setRadioValue'>\n\n/** 代铺条目时可逐槽接管的三个插槽;三个都不写即完全按数据铺。 */\nexport interface MenuItemSlots {\n /** 整条的接管口:写了它,代铺的标记位、文字、说明与快捷键一概不铺。 */\n 'item'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行首那一格(与数据里的 indicator 同一个部件),其余槽照旧由数据铺。 */\n 'item-prefix'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺。 */\n 'item-suffix'?: (node: MenuNodeMeta) => VNode[]\n}\n\nexport const XhMenuRoot = /* @__PURE__ */ defineComponent({\n name: 'XhMenuRoot',\n // 缺省值由 connect 给出;普通类型省略 default,Boolean 显式保留 undefined\n props: {\n collection: { type: Array as PropType<MenuNode[]> },\n checkboxValue: { type: Array as PropType<string[]> },\n defaultCheckboxValue: { type: Array as PropType<string[]> },\n radioValue: { type: Object as PropType<MenuRadioValue> },\n defaultRadioValue: { type: Object as PropType<MenuRadioValue> },\n open: { type: Boolean, default: undefined },\n defaultOpen: Boolean,\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n loop: { type: Boolean, default: undefined },\n dir: { type: String as PropType<Direction> },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n typeahead: { type: Boolean, default: undefined },\n disabled: { type: Boolean, default: undefined },\n translations: { type: Object as PropType<Partial<MenuTranslations>> },\n openOnHover: { type: Boolean, default: undefined },\n hoverOpenDelay: { type: Number },\n hoverCloseDelay: { type: Number },\n /**\n * 只提供 collection 时,触发器插槽给出的节点直接作为触发器使用,不再外包一个 <button>。\n * 放置部件的写法有 XhMenuTrigger 自己的 asChild,该 prop 是自动铺设路径的同一能力。\n */\n triggerAsChild: Boolean,\n },\n // open-change 携带 { open }、select 携带 { value },update:open 携带裸布尔\n emits: {\n 'open-change': (_details: PayloadOf<MenuProps, 'onOpenChange'>) => true,\n 'select': (_details: PayloadOf<MenuProps, 'onSelect'>) => true,\n 'checkbox-value-change': (_details: PayloadOf<MenuProps, 'onCheckboxValueChange'>) => true,\n 'radio-value-change': (_details: PayloadOf<MenuProps, 'onRadioValueChange'>) => true,\n 'update:open': (_open: PayloadOf<MenuProps, 'onOpenChange'>['open']) => true,\n },\n slots: Object as SlotsType<{\n 'default'?: (props: MenuRootSlotProps) => VNode[]\n 'trigger'?: () => VNode[]\n /** 整条的接管口:写了它,代铺的各格一概不铺,作者自己放置部件 */\n 'item'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行首那一格,其余槽照旧由数据铺 */\n 'item-prefix'?: (node: MenuNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺 */\n 'item-suffix'?: (node: MenuNodeMeta) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const notifyOpen: MenuProps['onOpenChange'] = (details) => {\n emit('open-change', details)\n emit('update:open', details.open)\n }\n const notifySelect: MenuProps['onSelect'] = details => emit('select', details)\n const notifyCheckboxValue: MenuProps['onCheckboxValueChange'] = details => emit('checkbox-value-change', details)\n const notifyRadioValue: MenuProps['onRadioValueChange'] = details => emit('radio-value-change', details)\n const ctx = useMenu(withXhConfig('menu', props) as MenuProps, notifyOpen, notifySelect, notifyCheckboxValue, notifyRadioValue)\n provideMenu(ctx)\n return () => (slots.default\n ? slots.default({\n open: ctx.api.value.open,\n setOpen: ctx.api.value.setOpen,\n checkboxValue: ctx.api.value.checkboxValue,\n radioValue: ctx.api.value.radioValue,\n setCheckboxValue: ctx.api.value.setCheckboxValue,\n setRadioValue: ctx.api.value.setRadioValue,\n })\n : props.collection\n ? renderDefaultTree(ctx.api.value.collection, slots.trigger?.() ?? null, { 'item': slots.item, 'item-prefix': slots['item-prefix'], 'item-suffix': slots['item-suffix'] }, props.triggerAsChild)\n : [])\n },\n})\n\nexport const XhMenuTrigger = /* @__PURE__ */ defineComponent({\n name: 'XhMenuTrigger',\n // 直通属性自己合:Vue 默认把作者的处理器排在部件的后面,这里改成作者先跑\n inheritAttrs: false,\n props: {\n /** 借用作者的子节点作为触发器,不再渲染自己的包裹元素;子节点须恰好一个。 */\n asChild: Boolean,\n },\n setup(props, { slots, attrs }) {\n const ctx = useMenuContext()\n return () => {\n const part = mergePartProps({\n ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n }, attrs)\n const children = slots.default?.()\n // asChild:把触发器属性合到作者的节点上,不再自己渲染包裹元素\n if (props.asChild) {\n const merged = mergeIntoChild(children, part, 'menu')\n if (merged)\n return merged\n }\n return h('button', part, children)\n }\n },\n})\n\nexport const XhMenuPositioner = /* @__PURE__ */ defineComponent({\n name: 'XhMenuPositioner',\n props: {\n /** 本实例的 Portal 容器;优先于应用级配置。 */\n container: { type: Object as PropType<Element> },\n },\n // 根是 Teleport,Vue 不会把直通属性合上去,作者写的 class 与 style 得自己接住落到 positioner 上\n inheritAttrs: false,\n setup(props, { slots, attrs }) {\n const ctx = useMenuContext()\n // 条目列表的自绘条:与 content 同级、绝对定位不占布局,壳是这层已经 fixed 的 positioner;浮层里的条子走 4px 档\n const bars = useScrollbars({ scrollable: () => ctx.contentRef.value, props: { size: 'sm' } })\n // 定位层搬到 portal 落点,逃开祖先的层叠上下文\n return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.triggerRef }, () => [\n h('div', {\n ...mergeVueProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n }, [...(slots.default?.() ?? []), ...bars.render()]),\n ])\n },\n})\n\nexport const XhMenuContent = /* @__PURE__ */ defineComponent({\n name: 'XhMenuContent',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n return () => h('div', {\n ...ctx.api.value.getContentProps() as Record<string, unknown>,\n // 收起跟着退场闸门走:皮肤刻意没给 content 补 [hidden]{display:none}(补了退场\n // 就一帧都播不出来),所以真正的收起落成内联 display——节点始终留在原地\n style: ctx.visible.value ? undefined : { display: 'none' },\n ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n }, slots.default?.())\n },\n})\n\nfunction createMenuItemComponent(name: string, kind: 'item' | 'checkbox' | 'radio'): ReturnType<typeof defineComponent> {\n return defineComponent({\n name,\n props: {\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n closeOnSelect: { type: Boolean, default: undefined },\n },\n setup(props, { slots }) {\n const ctx = useMenuContext()\n const radioGroup = kind === 'radio' ? useMenuGroupContext() : null\n const item = computed<MenuAnyItemProps>(() => kind === 'radio'\n ? { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind, group: radioGroup!.group.value.value }\n : { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind })\n provideMenuItem({ item })\n // 本条目持有焦点时,value 变更按新值重报焦点条目,卸载时上报焦点丢失\n const itemEl = ref<HTMLElement | null>(null)\n watch(() => props.value, (next, prev) => {\n if (next === prev)\n return\n const svc = ctx.service\n if (svc.getStatus() !== 'Started')\n return\n if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n svc.send({ type: 'ITEM.FOCUS', value: next })\n })\n onBeforeUnmount(() => {\n const { service } = ctx\n // 根已停机时不再送事件\n if (service.getStatus() !== 'Started')\n return\n // 按「本节点当下正持有焦点」判定,不按 value 比对\n if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n service.send({ type: 'ITEM.LOST' })\n })\n return () => {\n const declaration = item.value\n const part = declaration.kind === 'checkbox'\n ? ctx.api.value.getCheckboxItemProps(declaration)\n : declaration.kind === 'radio'\n ? ctx.api.value.getRadioItemProps(declaration)\n : ctx.api.value.getItemProps(declaration)\n return h('div', { ...part as Record<string, unknown>, ref: itemEl }, slots.default?.())\n }\n },\n })\n}\n\nexport const XhMenuItem = /* @__PURE__ */ createMenuItemComponent('XhMenuItem', 'item')\nexport const XhMenuCheckboxItem = /* @__PURE__ */ createMenuItemComponent('XhMenuCheckboxItem', 'checkbox')\nexport const XhMenuRadioItem = /* @__PURE__ */ createMenuItemComponent('XhMenuRadioItem', 'radio')\n\n/** 默认插槽的载荷:本层子菜单的展开态与修改展开的动作。 */\nexport type MenuSubSlotProps = Pick<MenuApi, 'open' | 'setOpen'>\n\n/**\n * 子菜单:内部再运行一台 menu 状态机(submenu 模式),触发条目由 XhMenuSubTrigger\n * 渲染为父菜单条目与本子菜单触发器的双重身份。本身不渲染节点。\n */\nexport const XhMenuSub = /* @__PURE__ */ defineComponent({\n name: 'XhMenuSub',\n props: {\n /** 它在父菜单中的条目身份。 */\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n collection: { type: Array as PropType<MenuNode[]> },\n checkboxValue: { type: Array as PropType<string[]> },\n defaultCheckboxValue: { type: Array as PropType<string[]> },\n radioValue: { type: Object as PropType<MenuRadioValue> },\n defaultRadioValue: { type: Object as PropType<MenuRadioValue> },\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n loop: { type: Boolean, default: undefined },\n openOnHover: { type: Boolean, default: undefined },\n hoverOpenDelay: { type: Number },\n /** 文字方向;默认继承父层。子层被迁移到浮层落点,无法继承父层的方向。 */\n dir: { type: String as PropType<Direction> },\n /** 语气;默认继承父层。子层是浮层落点下的同级节点,CSS 私有槽无法继承。 */\n tone: { type: String as PropType<Tone> },\n /** 尺寸;默认继承父层,理由同 tone。 */\n size: { type: String as PropType<Size> },\n hoverCloseDelay: { type: Number },\n },\n emits: {\n 'checkbox-value-change': (_details: PayloadOf<MenuProps, 'onCheckboxValueChange'>) => true,\n 'radio-value-change': (_details: PayloadOf<MenuProps, 'onRadioValueChange'>) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: MenuSubSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const parent = useMenuContext()\n const ctx = useMenuWithParent(\n {\n ...props,\n submenu: true,\n dir: props.dir ?? parent.service.prop('dir'),\n tone: props.tone ?? parent.service.prop('tone'),\n size: props.size ?? parent.service.prop('size'),\n } as MenuProps,\n undefined,\n parent.tree,\n details => emit('checkbox-value-change', details),\n details => emit('radio-value-change', details),\n )\n // 覆盖菜单上下文:本子树内的部件都归子机器\n provideMenu(ctx)\n provideMenuSub({ parent, value: props.value, disabled: props.disabled })\n // 父层收起(Escape、外点、选中)时本层跟着收,层层传导\n watch(() => parent.api.value.open, (open) => {\n if (!open)\n ctx.api.value.setOpen(false)\n })\n return () => slots.default?.({ open: ctx.api.value.open, setOpen: ctx.api.value.setOpen })\n },\n})\n\nexport const XhMenuSubTrigger = /* @__PURE__ */ defineComponent({\n name: 'XhMenuSubTrigger',\n setup(_, { slots }) {\n const sub = useMenuSubContext()\n const ctx = useMenuContext()\n return () => h('div', {\n ...mergeProps(\n sub.parent.api.value.getItemProps({ value: sub.value, disabled: sub.disabled }) as Record<string, unknown>,\n ctx.api.value.getSubmenuTriggerProps({ value: sub.value, disabled: sub.disabled }) as Record<string, unknown>,\n ),\n // 子菜单的定位锚点就是这一条\n ref: (el: unknown) => {\n ctx.triggerRef.value = el as HTMLElement\n },\n }, slots.default?.())\n },\n})\n\n/** 条目中的文字载体:连打检索取它,图标与副文本的文字因此不进入检索串 */\nexport const XhMenuItemText = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemText',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的标记位(勾选、图标),纯装饰 */\nexport const XhMenuItemIndicator = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemIndicator',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的副文本,排在文字下一行 */\nexport const XhMenuItemDescription = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemDescription',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemDescriptionProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的快捷键提示,贴行尾;纯装饰,读屏从条目文字取意 */\nexport const XhMenuItemShortcut = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemShortcut',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemShortcutProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目行尾的作者内容(计数、徽标、次级图标);家族只管落位,不规定字号与颜色 */\nexport const XhMenuItemSuffix = /* @__PURE__ */ defineComponent({\n name: 'XhMenuItemSuffix',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { item } = useMenuItemContext()\n return () => h('span', ctx.api.value.getItemSuffixProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuGroup = /* @__PURE__ */ defineComponent({\n name: 'XhMenuGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenuContext()\n const group = computed<MenuGroupProps>(() => ({ value: props.value }))\n provideMenuGroup({ group })\n return () => h('div', ctx.api.value.getGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuRadioGroup = /* @__PURE__ */ defineComponent({\n name: 'XhMenuRadioGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenuContext()\n const group = computed<MenuGroupProps>(() => ({ value: props.value }))\n provideMenuGroup({ group })\n return () => h('div', ctx.api.value.getRadioGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuGroupLabel = /* @__PURE__ */ defineComponent({\n name: 'XhMenuGroupLabel',\n setup(_, { slots }) {\n const ctx = useMenuContext()\n const { group } = useMenuGroupContext()\n return () => h('span', ctx.api.value.getGroupLabelProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenuSeparator = /* @__PURE__ */ defineComponent({\n name: 'XhMenuSeparator',\n setup() {\n const ctx = useMenuContext()\n return () => h('div', ctx.api.value.getSeparatorProps() as Record<string, unknown>)\n },\n})\n\nexport const XhMenuArrow = /* @__PURE__ */ defineComponent({\n name: 'XhMenuArrow',\n setup() {\n const ctx = useMenuContext()\n return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构,作者只提供数据。\n * 与手写部件产出的 DOM 完全一致,需要修改结构时写默认插槽,行为不变。\n * 触发器内容归作者,由 trigger 插槽承载;条目内容默认是 label,可由 item 插槽接管。\n */\nfunction renderDefaultTree(\n collection: readonly MenuNodeMeta[],\n trigger: (VNode | string)[] | null,\n itemSlots: MenuItemSlots,\n triggerAsChild?: boolean,\n): VNode[] {\n return [\n h(XhMenuTrigger, { asChild: triggerAsChild }, () => trigger ?? []),\n h(XhMenuPositioner, null, () => [\n h(XhMenuContent, null, () => renderNodes(collection, itemSlots)),\n ]),\n ]\n}\n\n/** content 的内容:分组段铺为 group,段首的分隔线落在 group 外面。 */\nfunction renderNodes(\n collection: readonly MenuNodeMeta[],\n itemSlots: MenuItemSlots,\n): VNode[] {\n return groupAdjacentRuns(collection, node => node.group).flatMap((run, runIndex) => {\n const head = run[0]!\n // 首条上的标记不产出分隔线:菜单开头不留一道空隔\n const lead = runIndex > 0 && head.separatorBefore\n ? [h(XhMenuSeparator, { key: `separator:${head.value}` })]\n : []\n if (head.group == null)\n return [...lead, renderItem(head, itemSlots)]\n const groupLabel = run.find(node => node.groupLabel != null)?.groupLabel ?? null\n return [\n ...lead,\n h(head.kind === 'radio' ? XhMenuRadioGroup : XhMenuGroup, { key: `group:${head.group}`, value: head.group }, () => [\n ...(groupLabel != null ? [h(XhMenuGroupLabel, null, () => groupLabel)] : []),\n ...run.flatMap((node, index) => [\n ...(index > 0 && node.separatorBefore ? [h(XhMenuSeparator, { key: `separator:${node.value}` })] : []),\n renderItem(node, itemSlots),\n ]),\n ]),\n ]\n })\n}\n\n/**\n * 单个条目:按数据铺标记位、文字、说明与快捷键,未提供的那几个不铺对应部件。\n *\n * 三个插槽各管一段,不必为了改一处把整条重搭:\n * - `item-prefix` / `item-suffix` 只接管行首与行尾那一格,其余槽照旧由数据铺。\n * 行首那一格与数据里的 `indicator` 同一个部件,插槽在场时以它为准。\n * - `item` 是整条的接管口:写了它,上面几格一概不铺,作者自己放置 XhMenuItemText 等部件\n * (与 ContextMenu 的 item 插槽语义不同,那边填的是文字槽)。\n */\nfunction renderItem(\n meta: MenuNodeMeta,\n itemSlots: MenuItemSlots,\n): VNode {\n if (meta.children)\n return renderSubmenu(meta, itemSlots)\n const prefix = itemSlots['item-prefix']\n const suffix = itemSlots['item-suffix']\n const Item = meta.kind === 'checkbox' ? XhMenuCheckboxItem : meta.kind === 'radio' ? XhMenuRadioItem : XhMenuItem\n return h(Item, { key: meta.value, value: meta.value, closeOnSelect: meta.closeOnSelect }, () => itemSlots.item?.(meta) ?? [\n ...(prefix\n ? [h(XhMenuItemIndicator, null, () => prefix(meta))]\n : meta.indicator != null\n ? [h(XhMenuItemIndicator, null, () => meta.indicator)]\n : meta.kind !== 'item' ? [h(XhMenuItemIndicator)] : []),\n h(XhMenuItemText, null, () => meta.label),\n ...(meta.description != null ? [h(XhMenuItemDescription, null, () => meta.description)] : []),\n ...(meta.shortcut != null ? [h(XhMenuItemShortcut, null, () => meta.shortcut)] : []),\n ...(suffix ? [h(XhMenuItemSuffix, null, () => suffix(meta))] : []),\n ])\n}\n\n/**\n * 子菜单那一层的条目:从本层机器的 collection 现铺,条目带 children 的再往下一层。\n * 默认树内部用;Menubar 与 ContextMenu 按数据铺子层时也用它。不作为公开组件导出。\n */\nexport const MenuDefaultNodes = /* @__PURE__ */ defineComponent({\n name: 'MenuDefaultNodes',\n props: {\n itemSlots: { type: Object as PropType<MenuItemSlots>, default: () => ({}) },\n },\n setup(props) {\n const ctx = useMenuContext()\n return () => renderNodes(ctx.api.value.collection, props.itemSlots)\n },\n})\n\n/**\n * 带 children 的条目铺成子菜单:本条是入口,下一层交给子菜单机器的 collection 现铺,深度不限。\n * 子层与本层同用这几个插槽,载荷是子层自己的条目元信息。\n */\nfunction renderSubmenu(meta: MenuNodeMeta, itemSlots: MenuItemSlots): VNode {\n return h(XhMenuSub, { key: meta.value, value: meta.value, disabled: meta.disabled || undefined, collection: meta.children as MenuNode[] }, () => [\n h(XhMenuSubTrigger, null, () => itemSlots.item?.(meta) ?? [meta.label]),\n h(XhMenuPositioner, null, () => [h(XhMenuContent, null, () => [h(MenuDefaultNodes, { itemSlots })])]),\n ])\n}\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PayloadOf } from "../../runtime/payload.js";
|
|
2
2
|
import { PropType, SlotsType, VNode } from "vue";
|
|
3
3
|
import { Direction, Orientation, Placement, Size, Tone } from "@xihan-ui/core";
|
|
4
|
-
import { MenubarApi, MenubarNode, MenubarNodeMeta, MenubarRadioValue, MenubarSchema } from "@xihan-ui/headless";
|
|
4
|
+
import { MenuNode, MenubarApi, MenubarNode, MenubarNodeMeta, MenubarRadioValue, MenubarSchema } from "@xihan-ui/headless";
|
|
5
5
|
//#region src/components/menubar/menubar.d.ts
|
|
6
6
|
type MenubarProps = MenubarSchema['props'];
|
|
7
7
|
/** 默认插槽的载荷:当前展开的菜单项、是否有菜单展开,以及切换展开项的命令。 */
|
|
@@ -275,6 +275,10 @@ declare const XhMenubarSub: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
275
275
|
type: BooleanConstructor;
|
|
276
276
|
default: undefined;
|
|
277
277
|
};
|
|
278
|
+
/** 子层的条目数据:显示文本与禁用的事实源,按数据铺子层时由默认树代填。 */
|
|
279
|
+
collection: {
|
|
280
|
+
type: PropType<MenuNode[]>;
|
|
281
|
+
};
|
|
278
282
|
placement: {
|
|
279
283
|
type: PropType<Placement>;
|
|
280
284
|
};
|
|
@@ -319,6 +323,10 @@ declare const XhMenubarSub: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
319
323
|
type: BooleanConstructor;
|
|
320
324
|
default: undefined;
|
|
321
325
|
};
|
|
326
|
+
/** 子层的条目数据:显示文本与禁用的事实源,按数据铺子层时由默认树代填。 */
|
|
327
|
+
collection: {
|
|
328
|
+
type: PropType<MenuNode[]>;
|
|
329
|
+
};
|
|
322
330
|
placement: {
|
|
323
331
|
type: PropType<Placement>;
|
|
324
332
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../../src/components/menubar/menubar.ts"],"mappings":";;;;;
|
|
1
|
+
{"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"}
|
|
@@ -6,6 +6,7 @@ import { XhPortal } from "../../runtime/portal.js";
|
|
|
6
6
|
import { useScrollbars } from "../../runtime/use-scrollbars.js";
|
|
7
7
|
import { provideMenu, useMenuContext } from "../menu/context.js";
|
|
8
8
|
import { useMenuWithParent } from "../menu/use-menu.js";
|
|
9
|
+
import { MenuDefaultNodes, XhMenuContent, XhMenuPositioner } from "../menu/menu.js";
|
|
9
10
|
import { provideMenubar, provideMenubarGroup, provideMenubarItem, provideMenubarMenu, provideMenubarSub, useMenubarContext, useMenubarGroupContext, useMenubarItemContext, useMenubarMenuContext, useMenubarSubContext } from "./context.js";
|
|
10
11
|
import { useMenubar } from "./use-menubar.js";
|
|
11
12
|
import { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from "vue";
|
|
@@ -409,6 +410,7 @@ function renderDefaultTree(collection, itemSlots) {
|
|
|
409
410
|
* `item-prefix` / `item-suffix` 插槽各接管首尾一格,其余槽照旧由数据铺。
|
|
410
411
|
*/
|
|
411
412
|
function renderNode(meta, itemSlots) {
|
|
413
|
+
if (meta.children) return renderSubmenu(meta);
|
|
412
414
|
const prefix = itemSlots["item-prefix"];
|
|
413
415
|
const suffix = itemSlots["item-suffix"];
|
|
414
416
|
return h(meta.kind === "checkbox" ? XhMenubarCheckboxItem : meta.kind === "radio" ? XhMenubarRadioItem : XhMenubarItem, {
|
|
@@ -448,6 +450,8 @@ const XhMenubarSub = defineComponent({
|
|
|
448
450
|
type: Boolean,
|
|
449
451
|
default: void 0
|
|
450
452
|
},
|
|
453
|
+
/** 子层的条目数据:显示文本与禁用的事实源,按数据铺子层时由默认树代填。 */
|
|
454
|
+
collection: { type: Array },
|
|
451
455
|
placement: { type: String },
|
|
452
456
|
offset: { type: Number },
|
|
453
457
|
loop: {
|
|
@@ -513,6 +517,15 @@ const XhMenubarSubTrigger = defineComponent({
|
|
|
513
517
|
}, slots.default?.());
|
|
514
518
|
}
|
|
515
519
|
});
|
|
520
|
+
/** 带 children 的条目铺成子菜单:子层跑的是 menu 机器,条目按数据铺、不经本层的插槽。 */
|
|
521
|
+
function renderSubmenu(meta) {
|
|
522
|
+
return h(XhMenubarSub, {
|
|
523
|
+
key: meta.value,
|
|
524
|
+
value: meta.value,
|
|
525
|
+
disabled: meta.disabled || void 0,
|
|
526
|
+
collection: meta.children
|
|
527
|
+
}, () => [h(XhMenubarSubTrigger, null, () => [meta.label]), h(XhMenuPositioner, null, () => [h(XhMenuContent, null, () => [h(MenuDefaultNodes)])])]);
|
|
528
|
+
}
|
|
516
529
|
//#endregion
|
|
517
530
|
export { XhMenubarArrow, XhMenubarCheckboxItem, XhMenubarContent, XhMenubarGroup, XhMenubarGroupLabel, XhMenubarItem, XhMenubarItemDescription, XhMenubarItemIndicator, XhMenubarItemShortcut, XhMenubarItemSuffix, XhMenubarItemText, XhMenubarPositioner, XhMenubarRadioGroup, XhMenubarRadioItem, XhMenubarRoot, XhMenubarSeparator, XhMenubarSub, XhMenubarSubTrigger, XhMenubarTrigger };
|
|
518
531
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.js","names":[],"sources":["../../../src/components/menubar/menubar.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// 提供 menubar 相关实现。\n\nimport type { Direction, Orientation, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { PresenceHandle } from '@xihan-ui/core/presence'\nimport type { MenubarAnyItemProps, MenubarApi, MenubarContentProps, MenubarGroupProps, MenubarNode, MenubarNodeMeta, MenubarRadioValue, MenubarSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { MenubarPartRegistry } from './use-menubar'\nimport { createRuntimeConfig, groupAdjacentRuns } from '@xihan-ui/core'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { provideMenu, useMenuContext } from '../menu/context'\nimport { useMenuWithParent } from '../menu/use-menu'\nimport {\n provideMenubar,\n provideMenubarGroup,\n provideMenubarItem,\n provideMenubarMenu,\n provideMenubarSub,\n useMenubarContext,\n useMenubarGroupContext,\n useMenubarItemContext,\n useMenubarMenuContext,\n useMenubarSubContext,\n} from './context'\nimport { useMenubar } from './use-menubar'\n\ntype MenubarProps = MenubarSchema['props']\n\n/** 在 ref 回调中把节点按 value 登记进菜单栏取值表,value 变更时迁移到新键,卸载时注销 */\nfunction useMenubarPart(register: MenubarPartRegistry, value: () => string): (el: HTMLElement | null) => void {\n const node = ref<HTMLElement | null>(null)\n watch(value, (next, prev) => {\n if (next === prev)\n return\n register(prev, null)\n register(next, node.value)\n })\n onBeforeUnmount(() => register(value(), null))\n return (el) => {\n node.value = el\n register(value(), el)\n }\n}\n\n/** 默认插槽的载荷:当前展开的菜单项、是否有菜单展开,以及切换展开项的命令。 */\nexport type MenubarRootSlotProps = Pick<MenubarApi, 'value' | 'open' | 'setValue' | 'checkboxValue' | 'radioValue' | 'setCheckboxValue' | 'setRadioValue'>\n\n/** role=menubar 根节点:trigger 的 roving tabindex 作用域,各菜单浮层也挂在其内 */\n/** 代铺条目时可逐槽接管的三个插槽;三个都不写即完全按数据铺。 */\nexport interface MenubarItemSlots {\n /** 只填条目的文字槽,其余槽照旧由数据铺。 */\n item?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行首那一格,其余槽照旧由数据铺。 */\n ['item-prefix']?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺。 */\n ['item-suffix']?: (node: MenubarNodeMeta) => VNode[]\n}\n\nexport const XhMenubarRoot = defineComponent({\n name: 'XhMenubarRoot',\n // 缺省值由机器与 connect 决定;普通类型省略 default,Boolean 显式保留 undefined\n props: {\n collection: { type: Array as PropType<MenubarNode[]> },\n checkboxValue: { type: Array as PropType<string[]> },\n defaultCheckboxValue: { type: Array as PropType<string[]> },\n radioValue: { type: Object as PropType<MenubarRadioValue> },\n defaultRadioValue: { type: Object as PropType<MenubarRadioValue> },\n value: { type: String as PropType<string | null> },\n defaultValue: { type: String as PropType<string | null> },\n orientation: { type: String as PropType<Orientation> },\n loop: { type: Boolean, default: undefined },\n dir: { type: String as PropType<Direction> },\n disabled: { type: Boolean, default: undefined },\n typeahead: { type: Boolean, default: undefined },\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n translations: { type: Object as PropType<MenubarProps['translations']> },\n },\n // value-change 携带 { value }、select 携带 { menu, value },update:value 携带裸值\n emits: {\n 'value-change': (_details: PayloadOf<MenubarProps, 'onValueChange'>) => true,\n 'select': (_details: PayloadOf<MenubarProps, 'onSelect'>) => true,\n 'checkbox-value-change': (_details: PayloadOf<MenubarProps, 'onCheckboxValueChange'>) => true,\n 'radio-value-change': (_details: PayloadOf<MenubarProps, 'onRadioValueChange'>) => true,\n 'update:value': (_value: PayloadOf<MenubarProps, 'onValueChange'>['value']) => true,\n },\n slots: Object as SlotsType<{\n 'default'?: (props: MenubarRootSlotProps) => VNode[]\n /** 只填条目的文字槽,标记位、副文本与快捷键照旧由数据铺 */\n 'item'?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行首那一格,其余槽照旧由数据铺 */\n 'item-prefix'?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺 */\n 'item-suffix'?: (node: MenubarNodeMeta) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const notifyValue: MenubarProps['onValueChange'] = (details) => {\n emit('value-change', details)\n emit('update:value', details.value)\n }\n const notifySelect: MenubarProps['onSelect'] = details => emit('select', details)\n const ctx = useMenubar(\n withXhConfig('menubar', props) as MenubarProps,\n notifyValue,\n notifySelect,\n details => emit('checkbox-value-change', details),\n details => emit('radio-value-change', details),\n )\n provideMenubar(ctx)\n return () => h('div', {\n ...ctx.api.value.getRootProps() as Record<string, unknown>,\n ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n }, slots.default\n ? slots.default({\n value: ctx.api.value.value,\n open: ctx.api.value.open,\n setValue: ctx.api.value.setValue,\n checkboxValue: ctx.api.value.checkboxValue,\n radioValue: ctx.api.value.radioValue,\n setCheckboxValue: ctx.api.value.setCheckboxValue,\n setRadioValue: ctx.api.value.setRadioValue,\n })\n : props.collection\n ? renderDefaultTree(ctx.api.value.collection, { 'item': slots.item, 'item-prefix': slots['item-prefix'], 'item-suffix': slots['item-suffix'] })\n : [])\n },\n})\n\nexport const XhMenubarTrigger = defineComponent({\n name: 'XhMenubarTrigger',\n // 直通属性自己合:Vue 默认把作者的处理器排在部件的后面,这里改成作者先跑\n inheritAttrs: false,\n props: {\n value: { type: String, required: true },\n // 缺省交给 connect 回 collection 里查,写死 false 会盖掉数据里的禁用\n disabled: { type: Boolean, default: undefined },\n /** 借用作者的子节点作为触发器,不再渲染自己的包裹元素;子节点须恰好一个。 */\n asChild: Boolean,\n },\n setup(props, { slots, attrs }) {\n const ctx = useMenubarContext()\n // trigger 同时作为定位锚点与焦点归还目标\n const setEl = useMenubarPart(ctx.registerTrigger, () => props.value)\n // 本入口持有焦点时,value 变更重报焦点入口,卸载时上报菜单栏失焦\n const triggerEl = ref<HTMLElement | null>(null)\n watch(() => props.value, (next, prev) => {\n if (next === prev)\n return\n const { service } = ctx\n if (service.getStatus() !== 'Started')\n return\n if (triggerEl.value && service.scope.getActiveElement() === triggerEl.value)\n service.send({ type: 'TRIGGER.FOCUS', value: next, disabled: props.disabled })\n })\n onBeforeUnmount(() => {\n const { service } = ctx\n // 整条栏一起卸载时根部件先停机,此刻送事件会在 dev 下抛\n if (service.getStatus() !== 'Started')\n return\n // 按「本入口当下正持有焦点」判定,不按 value 比对\n if (triggerEl.value && service.scope.getActiveElement() === triggerEl.value)\n service.send({ type: 'MENUBAR.BLUR' })\n })\n return () => {\n const part = mergePartProps({\n ...ctx.api.value.getTriggerProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n ref: (el: unknown) => {\n triggerEl.value = el as HTMLElement | null\n setEl(el as HTMLElement | null)\n },\n }, attrs)\n const children = slots.default?.()\n // asChild:把触发器属性合到作者的节点上,不再自己渲染包裹元素\n if (props.asChild) {\n const merged = mergeIntoChild(children, part, 'menubar')\n if (merged)\n return merged\n }\n return h('button', part, children)\n }\n },\n})\n\nexport const XhMenubarPositioner = defineComponent({\n name: 'XhMenubarPositioner',\n props: {\n value: { type: String, required: true },\n /** 本实例的 Portal 容器;优先于应用级配置。 */\n container: { type: Object as PropType<Element> },\n },\n // 根是 Teleport,Vue 不会把直通属性合上去,作者写的 class 与 style 得自己接住落到 positioner 上\n inheritAttrs: false,\n setup(props, { slots, attrs }) {\n const ctx = useMenubarContext()\n const menu = computed<MenubarContentProps>(() => ({ value: props.value }))\n // 供内部 content 继承 value,并把它的内容节点写回来给自绘条\n const contentRef = ref<HTMLElement | null>(null)\n provideMenubarMenu({ menu, contentRef })\n const setEl = useMenubarPart(ctx.registerPositioner, () => props.value)\n // 这张菜单的条目列表的自绘条:与 content 同级、绝对定位不占布局,壳是这层已经 fixed 的 positioner;\n // 一张菜单一套,浮层里的条子走 4px 档\n const bars = useScrollbars({ scrollable: () => contentRef.value, props: { size: 'sm' } })\n // 每张菜单各搬各的定位层到 portal 落点,逃开祖先的层叠上下文\n return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.rootRef }, () => [\n h('div', {\n ...mergeProps(ctx.api.value.getPositionerProps(menu.value) as Record<string, unknown>, attrs),\n ref: (el: unknown) => setEl(el as HTMLElement | null),\n }, [...(slots.default?.() ?? []), ...bars.render()]),\n ])\n },\n})\n\nexport const XhMenubarContent = defineComponent({\n name: 'XhMenubarContent',\n props: {\n // 缺省时沿用外层 positioner 提供的身份,无 positioner 时必填\n value: { type: String },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const inherited = useMenubarMenuContext()\n if (props.value == null && !inherited)\n throw new Error('[xh] XhMenubarContent 必须写在 XhMenubarPositioner 内,或自带 value')\n const menu = computed<MenubarContentProps>(() => ({ value: props.value ?? inherited!.menu.value.value }))\n const setEl = useMenubarPart(ctx.registerContent, () => menu.value.value)\n // 一个菜单一份退场闸门:它们各开各的、动画各跑各的,一份管不过来。\n // 开合判据直接取 connect 这一帧的产出,不另起一套——两边各判一次迟早会说岔\n const contentRef = ref<HTMLElement | null>(null)\n let presence: PresenceHandle | null = null\n let presenceValue: string | null = null\n const sendPresence = (event: MenubarSchema['event']): void => {\n const deliver = (): void => {\n if (ctx.service.getStatus() === 'Started')\n ctx.service.send(event)\n }\n if (ctx.service.getStatus() === 'Started')\n deliver()\n else\n queueMicrotask(deliver)\n }\n const visible = useOverlayExit({\n config: typeof document === 'undefined' ? null : createRuntimeConfig(),\n isOpen: () => (ctx.api.value.getContentProps(menu.value) as Record<string, unknown>).hidden !== true,\n contentRef,\n onPresence: (next) => {\n const previous = presence\n const previousValue = presenceValue\n presence = next\n presenceValue = next ? menu.value.value : null\n if (next)\n sendPresence({ type: 'PRESENCE.SET', value: presenceValue!, presence: next, connected: true })\n else if (previous && previousValue != null)\n sendPresence({ type: 'PRESENCE.SET', value: previousValue, presence: previous, connected: false })\n },\n })\n return () => h('div', {\n ...ctx.api.value.getContentProps(menu.value) as Record<string, unknown>,\n // 收起跟着闸门走:皮肤刻意没给 content 补 [hidden]{display:none}(补了退场就一帧都\n // 播不出来),所以真正的收起落成内联 display\n style: visible.value ? undefined : { display: 'none' },\n ref: (el: unknown) => {\n contentRef.value = el as HTMLElement | null\n setEl(el as HTMLElement | null)\n // 写回给外层 positioner:它按这个节点配自绘条\n if (inherited)\n inherited.contentRef.value = el as HTMLElement | null\n },\n }, slots.default?.())\n },\n})\n\nexport const XhMenubarGroup = defineComponent({\n name: 'XhMenubarGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const group = computed<MenubarGroupProps>(() => ({ value: props.value }))\n provideMenubarGroup({ group })\n return () => h('div', ctx.api.value.getGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenubarRadioGroup = defineComponent({\n name: 'XhMenubarRadioGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const group = computed<MenubarGroupProps>(() => ({ value: props.value }))\n provideMenubarGroup({ group })\n return () => h('div', ctx.api.value.getRadioGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenubarGroupLabel = defineComponent({\n name: 'XhMenubarGroupLabel',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { group } = useMenubarGroupContext()\n return () => h('span', ctx.api.value.getGroupLabelProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nfunction createMenubarItemComponent(name: string, kind: 'item' | 'checkbox' | 'radio'): ReturnType<typeof defineComponent> {\n return defineComponent({\n name,\n props: {\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n closeOnSelect: { type: Boolean, default: undefined },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const radioGroup = kind === 'radio' ? useMenubarGroupContext() : null\n const item = computed<MenubarAnyItemProps>(() => kind === 'radio'\n ? { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind, group: radioGroup!.group.value.value }\n : kind === 'checkbox'\n ? { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind }\n : { value: props.value, disabled: props.disabled, kind })\n provideMenubarItem({ item })\n // 本条目持有焦点时,value 变更重报焦点条目,卸载时上报焦点丢失\n const itemEl = ref<HTMLElement | null>(null)\n watch(() => props.value, (next, prev) => {\n if (next === prev)\n return\n const { service } = ctx\n if (service.getStatus() !== 'Started')\n return\n if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n service.send({ type: 'ITEM.FOCUS', value: next })\n })\n onBeforeUnmount(() => {\n const { service } = ctx\n // 整组一起卸载时根部件先停机,此刻送事件会在 dev 下抛\n if (service.getStatus() !== 'Started')\n return\n // 按「本节点当下正持有焦点」判定,不按 value 比对\n if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n service.send({ type: 'ITEM.LOST' })\n })\n return () => {\n const declaration = item.value\n const part = declaration.kind === 'checkbox'\n ? ctx.api.value.getCheckboxItemProps(declaration)\n : declaration.kind === 'radio'\n ? ctx.api.value.getRadioItemProps(declaration)\n : ctx.api.value.getItemProps(declaration)\n return h('div', { ...part as Record<string, unknown>, ref: itemEl }, slots.default?.())\n }\n },\n })\n}\n\nexport const XhMenubarItem = /* @__PURE__ */ createMenubarItemComponent('XhMenubarItem', 'item')\nexport const XhMenubarCheckboxItem = /* @__PURE__ */ createMenubarItemComponent('XhMenubarCheckboxItem', 'checkbox')\nexport const XhMenubarRadioItem = /* @__PURE__ */ createMenubarItemComponent('XhMenubarRadioItem', 'radio')\n\nexport const XhMenubarItemText = defineComponent({\n name: 'XhMenubarItemText',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenubarItemIndicator = defineComponent({\n name: 'XhMenubarItemIndicator',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的副文本,排在文字下一行 */\nexport const XhMenubarItemDescription = defineComponent({\n name: 'XhMenubarItemDescription',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemDescriptionProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的快捷键提示,贴行尾;纯装饰,读屏从条目文字取意 */\nexport const XhMenubarItemShortcut = defineComponent({\n name: 'XhMenubarItemShortcut',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemShortcutProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目行尾的作者内容(计数、徽标、次级图标);家族只管落位,不规定字号与颜色 */\nexport const XhMenubarItemSuffix = defineComponent({\n name: 'XhMenubarItemSuffix',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemSuffixProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 指向本菜单锚点的箭头,纯装饰;须写在同一菜单的 positioner 中 */\nexport const XhMenubarArrow = defineComponent({\n name: 'XhMenubarArrow',\n setup() {\n const ctx = useMenubarContext()\n const menu = useMenubarMenuContext()\n if (!menu)\n throw new Error('[xh] XhMenubarArrow 必须用在 XhMenubarPositioner 内')\n return () => h('div', ctx.api.value.getArrowProps(menu.menu.value) as Record<string, unknown>)\n },\n})\n\nexport const XhMenubarSeparator = defineComponent({\n name: 'XhMenubarSeparator',\n setup() {\n const ctx = useMenubarContext()\n return () => h('div', ctx.api.value.getSeparatorProps() as Record<string, unknown>)\n },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构,作者只提供数据。\n * 一排入口排在前、各自菜单的浮层排在后,与手写部件产出的 DOM 完全一致;\n * 需要修改结构时写默认插槽,行为不变。\n */\nfunction renderDefaultTree(\n collection: readonly MenubarNodeMeta[],\n itemSlots: MenubarItemSlots,\n): VNode[] {\n return [\n ...collection.map(menu =>\n h(XhMenubarTrigger, { key: `trigger:${menu.value}`, value: menu.value }, () => menu.label),\n ),\n ...collection.map(menu =>\n h(XhMenubarPositioner, { key: `positioner:${menu.value}`, value: menu.value }, () => [\n h(XhMenubarContent, null, () => renderNodes(menu.items, itemSlots)),\n ]),\n ),\n ]\n}\n\n/**\n * 单个条目:文字在上,副文本在下,未提供副文本时不铺设该部件。\n * `item-prefix` / `item-suffix` 插槽各接管首尾一格,其余槽照旧由数据铺。\n */\nfunction renderNode(\n meta: MenubarNodeMeta,\n itemSlots: MenubarItemSlots,\n): VNode {\n const prefix = itemSlots['item-prefix']\n const suffix = itemSlots['item-suffix']\n const Item = meta.kind === 'checkbox' ? XhMenubarCheckboxItem : meta.kind === 'radio' ? XhMenubarRadioItem : XhMenubarItem\n return h(Item, { key: meta.value, value: meta.value, closeOnSelect: meta.closeOnSelect }, () => [\n ...(prefix\n ? [h(XhMenubarItemIndicator, null, () => prefix(meta))]\n : meta.kind !== 'item' ? [h(XhMenubarItemIndicator)] : []),\n h(XhMenubarItemText, null, () => itemSlots.item?.(meta) ?? meta.label),\n ...(meta.description != null ? [h(XhMenubarItemDescription, null, () => meta.description)] : []),\n ...(meta.shortcut != null ? [h(XhMenubarItemShortcut, null, () => meta.shortcut)] : []),\n ...(suffix ? [h(XhMenubarItemSuffix, null, () => suffix(meta))] : []),\n ])\n}\n\n/** content 的内容:分组段铺为 group,段首的分隔线落在 group 外面。 */\nfunction renderNodes(\n collection: readonly MenubarNodeMeta[],\n itemSlots: MenubarItemSlots,\n): VNode[] {\n return groupAdjacentRuns(collection, node => node.group).flatMap((run, runIndex) => {\n const head = run[0]!\n // 首条上的标记不产出分隔线:菜单开头不留一道空隔\n const lead = runIndex > 0 && head.separatorBefore\n ? [h(XhMenubarSeparator, { key: `separator:${head.value}` })]\n : []\n if (head.group == null)\n return [...lead, renderNode(head, itemSlots)]\n const groupLabel = run.find(node => node.groupLabel != null)?.groupLabel ?? null\n return [\n ...lead,\n h(head.kind === 'radio' ? XhMenubarRadioGroup : XhMenubarGroup, { key: `group:${head.group}`, value: head.group }, () => [\n ...(groupLabel != null ? [h(XhMenubarGroupLabel, null, () => groupLabel)] : []),\n ...run.flatMap((node, index) => [\n ...(index > 0 && node.separatorBefore ? [h(XhMenubarSeparator, { key: `separator:${node.value}` })] : []),\n renderNode(node, itemSlots),\n ]),\n ]),\n ]\n })\n}\n\n/** XhMenubarSub 默认插槽得到的载荷。 */\nexport interface MenubarSubSlotProps {\n open: boolean\n setOpen: (next: boolean) => void\n}\n\nexport const XhMenubarSub = defineComponent({\n name: 'XhMenubarSub',\n props: {\n /** 它在所属菜单中的条目身份。 */\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n loop: { type: Boolean, default: undefined },\n openOnHover: { type: Boolean, default: undefined },\n hoverOpenDelay: { type: Number },\n hoverCloseDelay: { type: Number },\n /** 文字方向;默认继承父层。子层被迁移到浮层落点,无法继承父层的方向。 */\n dir: { type: String as PropType<Direction> },\n /** 语气;默认继承父层。子层是浮层落点下的同级节点,CSS 私有槽无法继承。 */\n tone: { type: String as PropType<Tone> },\n /** 尺寸;默认继承父层,理由同 tone。 */\n size: { type: String as PropType<Size> },\n },\n slots: Object as SlotsType<{\n default?: (props: MenubarSubSlotProps) => VNode[]\n }>,\n setup(props, { slots }) {\n const parent = useMenubarContext()\n const owner = useMenubarMenuContext()\n if (!owner)\n throw new Error('[xh] MenubarSub 必须用在 XhMenubarPositioner 内')\n // 子层跑的是一台子菜单模式的 menu 机器:菜单栏那台是单机器单锚点,装不下第二层\n const sub = useMenuWithParent(\n {\n ...props,\n submenu: true,\n dir: props.dir ?? parent.service.prop('dir'),\n tone: props.tone ?? parent.service.prop('tone'),\n size: props.size ?? parent.service.prop('size'),\n },\n undefined,\n parent.tree,\n )\n // 子树内的 XhMenu 系部件都归子机器\n provideMenu(sub)\n provideMenubarSub({ parent, value: props.value, disabled: props.disabled })\n // 所属那张菜单收起时本层跟着收,层层传导\n watch(() => parent.api.value.isOpen(owner.menu.value.value), (open) => {\n if (!open)\n sub.api.value.setOpen(false)\n })\n return () => slots.default?.({ open: sub.api.value.open, setOpen: sub.api.value.setOpen })\n },\n})\n\nexport const XhMenubarSubTrigger = defineComponent({\n name: 'XhMenubarSubTrigger',\n setup(_, { slots }) {\n const handle = useMenubarSubContext()\n const sub = useMenuContext()\n return () => h('div', {\n // 合并序=子先父后:父层的 data-scope/data-part 胜出,菜单栏的方向键与选中照常认它。\n // 反过来写会让节点带上 data-scope=\"menu\",菜单栏按自己的 scope 查条目就一条都找不到\n ...mergeProps(\n sub.api.value.getSubmenuTriggerProps({ value: handle.value, disabled: handle.disabled }) as Record<string, unknown>,\n handle.parent.api.value.getItemProps({ value: handle.value, disabled: handle.disabled }) as Record<string, unknown>,\n ),\n // 子菜单的定位锚点就是这一条\n ref: (el: unknown) => {\n sub.triggerRef.value = el as HTMLElement\n },\n }, slots.default?.())\n },\n})\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"menubar.js","names":[],"sources":["../../../src/components/menubar/menubar.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// 提供 menubar 相关实现。\n\nimport type { Direction, Orientation, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { PresenceHandle } from '@xihan-ui/core/presence'\nimport type { MenubarAnyItemProps, MenubarApi, MenubarContentProps, MenubarGroupProps, MenubarNode, MenubarNodeMeta, MenubarRadioValue, MenubarSchema, MenuNode } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { MenubarPartRegistry } from './use-menubar'\nimport { createRuntimeConfig, groupAdjacentRuns } from '@xihan-ui/core'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { provideMenu, useMenuContext } from '../menu/context'\nimport { MenuDefaultNodes, XhMenuContent, XhMenuPositioner } from '../menu/menu'\nimport { useMenuWithParent } from '../menu/use-menu'\nimport {\n provideMenubar,\n provideMenubarGroup,\n provideMenubarItem,\n provideMenubarMenu,\n provideMenubarSub,\n useMenubarContext,\n useMenubarGroupContext,\n useMenubarItemContext,\n useMenubarMenuContext,\n useMenubarSubContext,\n} from './context'\nimport { useMenubar } from './use-menubar'\n\ntype MenubarProps = MenubarSchema['props']\n\n/** 在 ref 回调中把节点按 value 登记进菜单栏取值表,value 变更时迁移到新键,卸载时注销 */\nfunction useMenubarPart(register: MenubarPartRegistry, value: () => string): (el: HTMLElement | null) => void {\n const node = ref<HTMLElement | null>(null)\n watch(value, (next, prev) => {\n if (next === prev)\n return\n register(prev, null)\n register(next, node.value)\n })\n onBeforeUnmount(() => register(value(), null))\n return (el) => {\n node.value = el\n register(value(), el)\n }\n}\n\n/** 默认插槽的载荷:当前展开的菜单项、是否有菜单展开,以及切换展开项的命令。 */\nexport type MenubarRootSlotProps = Pick<MenubarApi, 'value' | 'open' | 'setValue' | 'checkboxValue' | 'radioValue' | 'setCheckboxValue' | 'setRadioValue'>\n\n/** role=menubar 根节点:trigger 的 roving tabindex 作用域,各菜单浮层也挂在其内 */\n/** 代铺条目时可逐槽接管的三个插槽;三个都不写即完全按数据铺。 */\nexport interface MenubarItemSlots {\n /** 只填条目的文字槽,其余槽照旧由数据铺。 */\n item?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行首那一格,其余槽照旧由数据铺。 */\n ['item-prefix']?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺。 */\n ['item-suffix']?: (node: MenubarNodeMeta) => VNode[]\n}\n\nexport const XhMenubarRoot = defineComponent({\n name: 'XhMenubarRoot',\n // 缺省值由机器与 connect 决定;普通类型省略 default,Boolean 显式保留 undefined\n props: {\n collection: { type: Array as PropType<MenubarNode[]> },\n checkboxValue: { type: Array as PropType<string[]> },\n defaultCheckboxValue: { type: Array as PropType<string[]> },\n radioValue: { type: Object as PropType<MenubarRadioValue> },\n defaultRadioValue: { type: Object as PropType<MenubarRadioValue> },\n value: { type: String as PropType<string | null> },\n defaultValue: { type: String as PropType<string | null> },\n orientation: { type: String as PropType<Orientation> },\n loop: { type: Boolean, default: undefined },\n dir: { type: String as PropType<Direction> },\n disabled: { type: Boolean, default: undefined },\n typeahead: { type: Boolean, default: undefined },\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n translations: { type: Object as PropType<MenubarProps['translations']> },\n },\n // value-change 携带 { value }、select 携带 { menu, value },update:value 携带裸值\n emits: {\n 'value-change': (_details: PayloadOf<MenubarProps, 'onValueChange'>) => true,\n 'select': (_details: PayloadOf<MenubarProps, 'onSelect'>) => true,\n 'checkbox-value-change': (_details: PayloadOf<MenubarProps, 'onCheckboxValueChange'>) => true,\n 'radio-value-change': (_details: PayloadOf<MenubarProps, 'onRadioValueChange'>) => true,\n 'update:value': (_value: PayloadOf<MenubarProps, 'onValueChange'>['value']) => true,\n },\n slots: Object as SlotsType<{\n 'default'?: (props: MenubarRootSlotProps) => VNode[]\n /** 只填条目的文字槽,标记位、副文本与快捷键照旧由数据铺 */\n 'item'?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行首那一格,其余槽照旧由数据铺 */\n 'item-prefix'?: (node: MenubarNodeMeta) => VNode[]\n /** 只接管行尾那一格(计数、徽标、次级图标),其余槽照旧由数据铺 */\n 'item-suffix'?: (node: MenubarNodeMeta) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const notifyValue: MenubarProps['onValueChange'] = (details) => {\n emit('value-change', details)\n emit('update:value', details.value)\n }\n const notifySelect: MenubarProps['onSelect'] = details => emit('select', details)\n const ctx = useMenubar(\n withXhConfig('menubar', props) as MenubarProps,\n notifyValue,\n notifySelect,\n details => emit('checkbox-value-change', details),\n details => emit('radio-value-change', details),\n )\n provideMenubar(ctx)\n return () => h('div', {\n ...ctx.api.value.getRootProps() as Record<string, unknown>,\n ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n }, slots.default\n ? slots.default({\n value: ctx.api.value.value,\n open: ctx.api.value.open,\n setValue: ctx.api.value.setValue,\n checkboxValue: ctx.api.value.checkboxValue,\n radioValue: ctx.api.value.radioValue,\n setCheckboxValue: ctx.api.value.setCheckboxValue,\n setRadioValue: ctx.api.value.setRadioValue,\n })\n : props.collection\n ? renderDefaultTree(ctx.api.value.collection, { 'item': slots.item, 'item-prefix': slots['item-prefix'], 'item-suffix': slots['item-suffix'] })\n : [])\n },\n})\n\nexport const XhMenubarTrigger = defineComponent({\n name: 'XhMenubarTrigger',\n // 直通属性自己合:Vue 默认把作者的处理器排在部件的后面,这里改成作者先跑\n inheritAttrs: false,\n props: {\n value: { type: String, required: true },\n // 缺省交给 connect 回 collection 里查,写死 false 会盖掉数据里的禁用\n disabled: { type: Boolean, default: undefined },\n /** 借用作者的子节点作为触发器,不再渲染自己的包裹元素;子节点须恰好一个。 */\n asChild: Boolean,\n },\n setup(props, { slots, attrs }) {\n const ctx = useMenubarContext()\n // trigger 同时作为定位锚点与焦点归还目标\n const setEl = useMenubarPart(ctx.registerTrigger, () => props.value)\n // 本入口持有焦点时,value 变更重报焦点入口,卸载时上报菜单栏失焦\n const triggerEl = ref<HTMLElement | null>(null)\n watch(() => props.value, (next, prev) => {\n if (next === prev)\n return\n const { service } = ctx\n if (service.getStatus() !== 'Started')\n return\n if (triggerEl.value && service.scope.getActiveElement() === triggerEl.value)\n service.send({ type: 'TRIGGER.FOCUS', value: next, disabled: props.disabled })\n })\n onBeforeUnmount(() => {\n const { service } = ctx\n // 整条栏一起卸载时根部件先停机,此刻送事件会在 dev 下抛\n if (service.getStatus() !== 'Started')\n return\n // 按「本入口当下正持有焦点」判定,不按 value 比对\n if (triggerEl.value && service.scope.getActiveElement() === triggerEl.value)\n service.send({ type: 'MENUBAR.BLUR' })\n })\n return () => {\n const part = mergePartProps({\n ...ctx.api.value.getTriggerProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n ref: (el: unknown) => {\n triggerEl.value = el as HTMLElement | null\n setEl(el as HTMLElement | null)\n },\n }, attrs)\n const children = slots.default?.()\n // asChild:把触发器属性合到作者的节点上,不再自己渲染包裹元素\n if (props.asChild) {\n const merged = mergeIntoChild(children, part, 'menubar')\n if (merged)\n return merged\n }\n return h('button', part, children)\n }\n },\n})\n\nexport const XhMenubarPositioner = defineComponent({\n name: 'XhMenubarPositioner',\n props: {\n value: { type: String, required: true },\n /** 本实例的 Portal 容器;优先于应用级配置。 */\n container: { type: Object as PropType<Element> },\n },\n // 根是 Teleport,Vue 不会把直通属性合上去,作者写的 class 与 style 得自己接住落到 positioner 上\n inheritAttrs: false,\n setup(props, { slots, attrs }) {\n const ctx = useMenubarContext()\n const menu = computed<MenubarContentProps>(() => ({ value: props.value }))\n // 供内部 content 继承 value,并把它的内容节点写回来给自绘条\n const contentRef = ref<HTMLElement | null>(null)\n provideMenubarMenu({ menu, contentRef })\n const setEl = useMenubarPart(ctx.registerPositioner, () => props.value)\n // 这张菜单的条目列表的自绘条:与 content 同级、绝对定位不占布局,壳是这层已经 fixed 的 positioner;\n // 一张菜单一套,浮层里的条子走 4px 档\n const bars = useScrollbars({ scrollable: () => contentRef.value, props: { size: 'sm' } })\n // 每张菜单各搬各的定位层到 portal 落点,逃开祖先的层叠上下文\n return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.rootRef }, () => [\n h('div', {\n ...mergeProps(ctx.api.value.getPositionerProps(menu.value) as Record<string, unknown>, attrs),\n ref: (el: unknown) => setEl(el as HTMLElement | null),\n }, [...(slots.default?.() ?? []), ...bars.render()]),\n ])\n },\n})\n\nexport const XhMenubarContent = defineComponent({\n name: 'XhMenubarContent',\n props: {\n // 缺省时沿用外层 positioner 提供的身份,无 positioner 时必填\n value: { type: String },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const inherited = useMenubarMenuContext()\n if (props.value == null && !inherited)\n throw new Error('[xh] XhMenubarContent 必须写在 XhMenubarPositioner 内,或自带 value')\n const menu = computed<MenubarContentProps>(() => ({ value: props.value ?? inherited!.menu.value.value }))\n const setEl = useMenubarPart(ctx.registerContent, () => menu.value.value)\n // 一个菜单一份退场闸门:它们各开各的、动画各跑各的,一份管不过来。\n // 开合判据直接取 connect 这一帧的产出,不另起一套——两边各判一次迟早会说岔\n const contentRef = ref<HTMLElement | null>(null)\n let presence: PresenceHandle | null = null\n let presenceValue: string | null = null\n const sendPresence = (event: MenubarSchema['event']): void => {\n const deliver = (): void => {\n if (ctx.service.getStatus() === 'Started')\n ctx.service.send(event)\n }\n if (ctx.service.getStatus() === 'Started')\n deliver()\n else\n queueMicrotask(deliver)\n }\n const visible = useOverlayExit({\n config: typeof document === 'undefined' ? null : createRuntimeConfig(),\n isOpen: () => (ctx.api.value.getContentProps(menu.value) as Record<string, unknown>).hidden !== true,\n contentRef,\n onPresence: (next) => {\n const previous = presence\n const previousValue = presenceValue\n presence = next\n presenceValue = next ? menu.value.value : null\n if (next)\n sendPresence({ type: 'PRESENCE.SET', value: presenceValue!, presence: next, connected: true })\n else if (previous && previousValue != null)\n sendPresence({ type: 'PRESENCE.SET', value: previousValue, presence: previous, connected: false })\n },\n })\n return () => h('div', {\n ...ctx.api.value.getContentProps(menu.value) as Record<string, unknown>,\n // 收起跟着闸门走:皮肤刻意没给 content 补 [hidden]{display:none}(补了退场就一帧都\n // 播不出来),所以真正的收起落成内联 display\n style: visible.value ? undefined : { display: 'none' },\n ref: (el: unknown) => {\n contentRef.value = el as HTMLElement | null\n setEl(el as HTMLElement | null)\n // 写回给外层 positioner:它按这个节点配自绘条\n if (inherited)\n inherited.contentRef.value = el as HTMLElement | null\n },\n }, slots.default?.())\n },\n})\n\nexport const XhMenubarGroup = defineComponent({\n name: 'XhMenubarGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const group = computed<MenubarGroupProps>(() => ({ value: props.value }))\n provideMenubarGroup({ group })\n return () => h('div', ctx.api.value.getGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenubarRadioGroup = defineComponent({\n name: 'XhMenubarRadioGroup',\n props: {\n value: { type: String, required: true },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const group = computed<MenubarGroupProps>(() => ({ value: props.value }))\n provideMenubarGroup({ group })\n return () => h('div', ctx.api.value.getRadioGroupProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenubarGroupLabel = defineComponent({\n name: 'XhMenubarGroupLabel',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { group } = useMenubarGroupContext()\n return () => h('span', ctx.api.value.getGroupLabelProps(group.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nfunction createMenubarItemComponent(name: string, kind: 'item' | 'checkbox' | 'radio'): ReturnType<typeof defineComponent> {\n return defineComponent({\n name,\n props: {\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n closeOnSelect: { type: Boolean, default: undefined },\n },\n setup(props, { slots }) {\n const ctx = useMenubarContext()\n const radioGroup = kind === 'radio' ? useMenubarGroupContext() : null\n const item = computed<MenubarAnyItemProps>(() => kind === 'radio'\n ? { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind, group: radioGroup!.group.value.value }\n : kind === 'checkbox'\n ? { value: props.value, disabled: props.disabled, closeOnSelect: props.closeOnSelect, kind }\n : { value: props.value, disabled: props.disabled, kind })\n provideMenubarItem({ item })\n // 本条目持有焦点时,value 变更重报焦点条目,卸载时上报焦点丢失\n const itemEl = ref<HTMLElement | null>(null)\n watch(() => props.value, (next, prev) => {\n if (next === prev)\n return\n const { service } = ctx\n if (service.getStatus() !== 'Started')\n return\n if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n service.send({ type: 'ITEM.FOCUS', value: next })\n })\n onBeforeUnmount(() => {\n const { service } = ctx\n // 整组一起卸载时根部件先停机,此刻送事件会在 dev 下抛\n if (service.getStatus() !== 'Started')\n return\n // 按「本节点当下正持有焦点」判定,不按 value 比对\n if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n service.send({ type: 'ITEM.LOST' })\n })\n return () => {\n const declaration = item.value\n const part = declaration.kind === 'checkbox'\n ? ctx.api.value.getCheckboxItemProps(declaration)\n : declaration.kind === 'radio'\n ? ctx.api.value.getRadioItemProps(declaration)\n : ctx.api.value.getItemProps(declaration)\n return h('div', { ...part as Record<string, unknown>, ref: itemEl }, slots.default?.())\n }\n },\n })\n}\n\nexport const XhMenubarItem = /* @__PURE__ */ createMenubarItemComponent('XhMenubarItem', 'item')\nexport const XhMenubarCheckboxItem = /* @__PURE__ */ createMenubarItemComponent('XhMenubarCheckboxItem', 'checkbox')\nexport const XhMenubarRadioItem = /* @__PURE__ */ createMenubarItemComponent('XhMenubarRadioItem', 'radio')\n\nexport const XhMenubarItemText = defineComponent({\n name: 'XhMenubarItemText',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhMenubarItemIndicator = defineComponent({\n name: 'XhMenubarItemIndicator',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的副文本,排在文字下一行 */\nexport const XhMenubarItemDescription = defineComponent({\n name: 'XhMenubarItemDescription',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemDescriptionProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目中的快捷键提示,贴行尾;纯装饰,读屏从条目文字取意 */\nexport const XhMenubarItemShortcut = defineComponent({\n name: 'XhMenubarItemShortcut',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemShortcutProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 条目行尾的作者内容(计数、徽标、次级图标);家族只管落位,不规定字号与颜色 */\nexport const XhMenubarItemSuffix = defineComponent({\n name: 'XhMenubarItemSuffix',\n setup(_, { slots }) {\n const ctx = useMenubarContext()\n const { item } = useMenubarItemContext()\n return () => h('span', ctx.api.value.getItemSuffixProps(item.value) as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 指向本菜单锚点的箭头,纯装饰;须写在同一菜单的 positioner 中 */\nexport const XhMenubarArrow = defineComponent({\n name: 'XhMenubarArrow',\n setup() {\n const ctx = useMenubarContext()\n const menu = useMenubarMenuContext()\n if (!menu)\n throw new Error('[xh] XhMenubarArrow 必须用在 XhMenubarPositioner 内')\n return () => h('div', ctx.api.value.getArrowProps(menu.menu.value) as Record<string, unknown>)\n },\n})\n\nexport const XhMenubarSeparator = defineComponent({\n name: 'XhMenubarSeparator',\n setup() {\n const ctx = useMenubarContext()\n return () => h('div', ctx.api.value.getSeparatorProps() as Record<string, unknown>)\n },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构,作者只提供数据。\n * 一排入口排在前、各自菜单的浮层排在后,与手写部件产出的 DOM 完全一致;\n * 需要修改结构时写默认插槽,行为不变。\n */\nfunction renderDefaultTree(\n collection: readonly MenubarNodeMeta[],\n itemSlots: MenubarItemSlots,\n): VNode[] {\n return [\n ...collection.map(menu =>\n h(XhMenubarTrigger, { key: `trigger:${menu.value}`, value: menu.value }, () => menu.label),\n ),\n ...collection.map(menu =>\n h(XhMenubarPositioner, { key: `positioner:${menu.value}`, value: menu.value }, () => [\n h(XhMenubarContent, null, () => renderNodes(menu.items, itemSlots)),\n ]),\n ),\n ]\n}\n\n/**\n * 单个条目:文字在上,副文本在下,未提供副文本时不铺设该部件。\n * `item-prefix` / `item-suffix` 插槽各接管首尾一格,其余槽照旧由数据铺。\n */\nfunction renderNode(\n meta: MenubarNodeMeta,\n itemSlots: MenubarItemSlots,\n): VNode {\n if (meta.children)\n return renderSubmenu(meta)\n const prefix = itemSlots['item-prefix']\n const suffix = itemSlots['item-suffix']\n const Item = meta.kind === 'checkbox' ? XhMenubarCheckboxItem : meta.kind === 'radio' ? XhMenubarRadioItem : XhMenubarItem\n return h(Item, { key: meta.value, value: meta.value, closeOnSelect: meta.closeOnSelect }, () => [\n ...(prefix\n ? [h(XhMenubarItemIndicator, null, () => prefix(meta))]\n : meta.kind !== 'item' ? [h(XhMenubarItemIndicator)] : []),\n h(XhMenubarItemText, null, () => itemSlots.item?.(meta) ?? meta.label),\n ...(meta.description != null ? [h(XhMenubarItemDescription, null, () => meta.description)] : []),\n ...(meta.shortcut != null ? [h(XhMenubarItemShortcut, null, () => meta.shortcut)] : []),\n ...(suffix ? [h(XhMenubarItemSuffix, null, () => suffix(meta))] : []),\n ])\n}\n\n/** content 的内容:分组段铺为 group,段首的分隔线落在 group 外面。 */\nfunction renderNodes(\n collection: readonly MenubarNodeMeta[],\n itemSlots: MenubarItemSlots,\n): VNode[] {\n return groupAdjacentRuns(collection, node => node.group).flatMap((run, runIndex) => {\n const head = run[0]!\n // 首条上的标记不产出分隔线:菜单开头不留一道空隔\n const lead = runIndex > 0 && head.separatorBefore\n ? [h(XhMenubarSeparator, { key: `separator:${head.value}` })]\n : []\n if (head.group == null)\n return [...lead, renderNode(head, itemSlots)]\n const groupLabel = run.find(node => node.groupLabel != null)?.groupLabel ?? null\n return [\n ...lead,\n h(head.kind === 'radio' ? XhMenubarRadioGroup : XhMenubarGroup, { key: `group:${head.group}`, value: head.group }, () => [\n ...(groupLabel != null ? [h(XhMenubarGroupLabel, null, () => groupLabel)] : []),\n ...run.flatMap((node, index) => [\n ...(index > 0 && node.separatorBefore ? [h(XhMenubarSeparator, { key: `separator:${node.value}` })] : []),\n renderNode(node, itemSlots),\n ]),\n ]),\n ]\n })\n}\n\n/** XhMenubarSub 默认插槽得到的载荷。 */\nexport interface MenubarSubSlotProps {\n open: boolean\n setOpen: (next: boolean) => void\n}\n\nexport const XhMenubarSub = defineComponent({\n name: 'XhMenubarSub',\n props: {\n /** 它在所属菜单中的条目身份。 */\n value: { type: String, required: true },\n disabled: { type: Boolean, default: undefined },\n /** 子层的条目数据:显示文本与禁用的事实源,按数据铺子层时由默认树代填。 */\n collection: { type: Array as PropType<MenuNode[]> },\n placement: { type: String as PropType<Placement> },\n offset: { type: Number },\n loop: { type: Boolean, default: undefined },\n openOnHover: { type: Boolean, default: undefined },\n hoverOpenDelay: { type: Number },\n hoverCloseDelay: { type: Number },\n /** 文字方向;默认继承父层。子层被迁移到浮层落点,无法继承父层的方向。 */\n dir: { type: String as PropType<Direction> },\n /** 语气;默认继承父层。子层是浮层落点下的同级节点,CSS 私有槽无法继承。 */\n tone: { type: String as PropType<Tone> },\n /** 尺寸;默认继承父层,理由同 tone。 */\n size: { type: String as PropType<Size> },\n },\n slots: Object as SlotsType<{\n default?: (props: MenubarSubSlotProps) => VNode[]\n }>,\n setup(props, { slots }) {\n const parent = useMenubarContext()\n const owner = useMenubarMenuContext()\n if (!owner)\n throw new Error('[xh] MenubarSub 必须用在 XhMenubarPositioner 内')\n // 子层跑的是一台子菜单模式的 menu 机器:菜单栏那台是单机器单锚点,装不下第二层\n const sub = useMenuWithParent(\n {\n ...props,\n submenu: true,\n dir: props.dir ?? parent.service.prop('dir'),\n tone: props.tone ?? parent.service.prop('tone'),\n size: props.size ?? parent.service.prop('size'),\n },\n undefined,\n parent.tree,\n )\n // 子树内的 XhMenu 系部件都归子机器\n provideMenu(sub)\n provideMenubarSub({ parent, value: props.value, disabled: props.disabled })\n // 所属那张菜单收起时本层跟着收,层层传导\n watch(() => parent.api.value.isOpen(owner.menu.value.value), (open) => {\n if (!open)\n sub.api.value.setOpen(false)\n })\n return () => slots.default?.({ open: sub.api.value.open, setOpen: sub.api.value.setOpen })\n },\n})\n\nexport const XhMenubarSubTrigger = defineComponent({\n name: 'XhMenubarSubTrigger',\n setup(_, { slots }) {\n const handle = useMenubarSubContext()\n const sub = useMenuContext()\n return () => h('div', {\n // 合并序=子先父后:父层的 data-scope/data-part 胜出,菜单栏的方向键与选中照常认它。\n // 反过来写会让节点带上 data-scope=\"menu\",菜单栏按自己的 scope 查条目就一条都找不到\n ...mergeProps(\n sub.api.value.getSubmenuTriggerProps({ value: handle.value, disabled: handle.disabled }) as Record<string, unknown>,\n handle.parent.api.value.getItemProps({ value: handle.value, disabled: handle.disabled }) as Record<string, unknown>,\n ),\n // 子菜单的定位锚点就是这一条\n ref: (el: unknown) => {\n sub.triggerRef.value = el as HTMLElement\n },\n }, slots.default?.())\n },\n})\n\n/** 带 children 的条目铺成子菜单:子层跑的是 menu 机器,条目按数据铺、不经本层的插槽。 */\nfunction renderSubmenu(meta: MenubarNodeMeta): VNode {\n return h(XhMenubarSub, { key: meta.value, value: meta.value, disabled: meta.disabled || undefined, collection: meta.children as MenuNode[] }, () => [\n h(XhMenubarSubTrigger, null, () => [meta.label]),\n h(XhMenuPositioner, null, () => [h(XhMenuContent, null, () => [h(MenuDefaultNodes)])]),\n ])\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pin-input.d.ts","names":[],"sources":["../../../src/components/pin-input/pin-input.ts"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"pin-input.d.ts","names":[],"sources":["../../../src/components/pin-input/pin-input.ts"],"mappings":";;;;;KAkBK,gBAAgB;;KAGT,wBAAwB,KAClC;cAIW,8BAAc,8BAAA;;IAIC,MAAA;;;IACO,MAAA;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACR,mBAAA,UAAA,UAAU;EACd,iBAAA,QAAA,UAAU;;;IAxBX,MAAA;;;IACO,MAAA;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EASvC,WAAC,OAAO,0BAA0B;kCAuB9C;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;IAIW,MAAA;;;;;;;IAAA,MAAA;;;MAMrC,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { withXhConfig } from "../../config/config.js";
|
|
2
2
|
import { useFormControlProps } from "../form/use-form-control.js";
|
|
3
|
+
import { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
|
|
3
4
|
import { providePinInput, usePinInputContext } from "./context.js";
|
|
4
5
|
import { usePinInput } from "./use-pin-input.js";
|
|
5
6
|
import { defineComponent, h } from "vue";
|
|
@@ -55,7 +56,12 @@ const XhPinInputRoot = defineComponent({
|
|
|
55
56
|
onValueComplete
|
|
56
57
|
});
|
|
57
58
|
providePinInput(ctx);
|
|
58
|
-
|
|
59
|
+
const fieldWiring = useFieldGroupWiring();
|
|
60
|
+
const fieldLabel = useFieldLabelWiring();
|
|
61
|
+
return () => h("div", fieldLabel.value({
|
|
62
|
+
...fieldWiring.value,
|
|
63
|
+
...ctx.api.value.getRootProps()
|
|
64
|
+
}), slots.default?.({
|
|
59
65
|
value: ctx.api.value.value,
|
|
60
66
|
valueAsString: ctx.api.value.valueAsString,
|
|
61
67
|
complete: ctx.api.value.complete,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pin-input.js","names":[],"sources":["../../../src/components/pin-input/pin-input.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// 提供 pin input 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { PinInputApi, PinInputSchema, PinInputTranslations, PinInputType } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { providePinInput, usePinInputContext } from './context'\nimport { usePinInput } from './use-pin-input'\n\ntype PinInputProps = PinInputSchema['props']\n\n/** 默认插槽的载荷:逐格的值与拼接后的串、是否填满、格数与焦点所在格,以及修改值、清空的命令。 */\nexport type PinInputRootSlotProps = Pick<\n PinInputApi,\n 'value' | 'valueAsString' | 'complete' | 'length' | 'focusedIndex' | 'setValue' | 'clear'\n>\n\nexport const XhPinInputRoot = defineComponent({\n name: 'XhPinInputRoot',\n props: {\n // 缺席值 undefined 表示非受控\n value: { type: Array as PropType<string[]> },\n defaultValue: { type: Array as PropType<string[]> },\n // 缺省值由 connect 给出;普通类型省略 default,Boolean 显式保留 undefined\n length: { type: Number },\n type: { type: String as PropType<PinInputType> },\n pattern: { type: String },\n mask: Boolean,\n otp: Boolean,\n placeholder: { type: String },\n disabled: { type: Boolean, default: undefined },\n readOnly: { type: Boolean, default: undefined },\n required: { type: Boolean, default: undefined },\n invalid: { type: Boolean, default: undefined },\n blurOnComplete: Boolean,\n name: { type: String },\n variant: { type: String as PropType<ControlVariant> },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n translations: { type: Object as PropType<Partial<PinInputTranslations>> },\n },\n // value-change 携带 { value, valueAsString },update:value 携带裸数组\n emits: {\n 'value-change': (_details: PayloadOf<PinInputProps, 'onValueChange'>) => true,\n 'value-complete': (_details: PayloadOf<PinInputProps, 'onValueComplete'>) => true,\n 'update:value': (_value: PayloadOf<PinInputProps, 'onValueChange'>['value']) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: PinInputRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const onValueChange: PinInputProps['onValueChange'] = (details) => {\n emit('value-change', details)\n emit('update:value', details.value)\n }\n const onValueComplete: PinInputProps['onValueComplete'] = details => emit('value-complete', details)\n const ctx = usePinInput(withXhConfig('pin-input', useFormControlProps(props)) as PinInputProps, { onValueChange, onValueComplete })\n providePinInput(ctx)\n return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown
|
|
1
|
+
{"version":3,"file":"pin-input.js","names":[],"sources":["../../../src/components/pin-input/pin-input.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// 提供 pin input 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { PinInputApi, PinInputSchema, PinInputTranslations, PinInputType } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFieldGroupWiring, useFieldLabelWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { providePinInput, usePinInputContext } from './context'\nimport { usePinInput } from './use-pin-input'\n\ntype PinInputProps = PinInputSchema['props']\n\n/** 默认插槽的载荷:逐格的值与拼接后的串、是否填满、格数与焦点所在格,以及修改值、清空的命令。 */\nexport type PinInputRootSlotProps = Pick<\n PinInputApi,\n 'value' | 'valueAsString' | 'complete' | 'length' | 'focusedIndex' | 'setValue' | 'clear'\n>\n\nexport const XhPinInputRoot = defineComponent({\n name: 'XhPinInputRoot',\n props: {\n // 缺席值 undefined 表示非受控\n value: { type: Array as PropType<string[]> },\n defaultValue: { type: Array as PropType<string[]> },\n // 缺省值由 connect 给出;普通类型省略 default,Boolean 显式保留 undefined\n length: { type: Number },\n type: { type: String as PropType<PinInputType> },\n pattern: { type: String },\n mask: Boolean,\n otp: Boolean,\n placeholder: { type: String },\n disabled: { type: Boolean, default: undefined },\n readOnly: { type: Boolean, default: undefined },\n required: { type: Boolean, default: undefined },\n invalid: { type: Boolean, default: undefined },\n blurOnComplete: Boolean,\n name: { type: String },\n variant: { type: String as PropType<ControlVariant> },\n tone: { type: String as PropType<Tone> },\n size: { type: String as PropType<Size> },\n translations: { type: Object as PropType<Partial<PinInputTranslations>> },\n },\n // value-change 携带 { value, valueAsString },update:value 携带裸数组\n emits: {\n 'value-change': (_details: PayloadOf<PinInputProps, 'onValueChange'>) => true,\n 'value-complete': (_details: PayloadOf<PinInputProps, 'onValueComplete'>) => true,\n 'update:value': (_value: PayloadOf<PinInputProps, 'onValueChange'>['value']) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: PinInputRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const onValueChange: PinInputProps['onValueChange'] = (details) => {\n emit('value-change', details)\n emit('update:value', details.value)\n }\n const onValueComplete: PinInputProps['onValueComplete'] = details => emit('value-complete', details)\n const ctx = usePinInput(withXhConfig('pin-input', useFormControlProps(props)) as PinInputProps, { onValueChange, onValueComplete })\n providePinInput(ctx)\n // 放进表单字段时,字段的标题与说明接到整组上:读屏进组时念组名与说明,每格的名字仍是「第几格」\n const fieldWiring = useFieldGroupWiring()\n const fieldLabel = useFieldLabelWiring()\n return () => h('div', fieldLabel.value({ ...fieldWiring.value, ...ctx.api.value.getRootProps() as Record<string, unknown> }), slots.default?.({\n value: ctx.api.value.value,\n valueAsString: ctx.api.value.valueAsString,\n complete: ctx.api.value.complete,\n length: ctx.api.value.length,\n focusedIndex: ctx.api.value.focusedIndex,\n setValue: ctx.api.value.setValue,\n clear: ctx.api.value.clear,\n }))\n },\n})\n\nexport const XhPinInputLabel = defineComponent({\n name: 'XhPinInputLabel',\n setup(_, { slots }) {\n const ctx = usePinInputContext()\n // 必须是原生 label,getLabelProps 的 for 恒写向首格\n return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 分段:相邻的几格圈为一段(123-456 这种分段写法)。 */\nexport const XhPinInputGroup = defineComponent({\n name: 'XhPinInputGroup',\n setup(_, { slots }) {\n const ctx = usePinInputContext()\n return () => h('div', ctx.api.value.getGroupProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\n/** 段与段之间的分隔;对读屏隐藏。 */\nexport const XhPinInputSeparator = defineComponent({\n name: 'XhPinInputSeparator',\n setup(_, { slots }) {\n const ctx = usePinInputContext()\n return () => h('span', ctx.api.value.getSeparatorProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhPinInputInput = defineComponent({\n name: 'XhPinInputInput',\n props: {\n // 下标由作者声明,兼收字符串以支持模板里写 index=\"0\"\n index: { type: [Number, String] as PropType<number | string>, required: true },\n },\n setup(props) {\n const ctx = usePinInputContext()\n return () => h('input', ctx.api.value.getInputProps({ index: Math.trunc(Number(props.index)) }) as Record<string, unknown>)\n },\n})\n\nexport const XhPinInputHiddenInput = defineComponent({\n name: 'XhPinInputHiddenInput',\n setup() {\n const ctx = usePinInputContext()\n return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n },\n})\n"],"mappings":"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"}
|