@xihan-ui/vue 3.1.0 → 3.2.0

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

@@ -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, 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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"}
+{"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    const visible = ref(false)\n    provideMenubarMenu({ menu, contentRef, visible })\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    // 关着的菜单不建视觉桥：菜单栏上每一项各有一个定位层，几项就是几台挂在祖先链上的观察\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.rootRef, present: visible.value }, () => [\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    // 呈现与否同步写回外层 positioner：同一轮刷新里它就按新值建桥或撤桥\n    if (inherited) {\n      watch(visible, (next) => {\n        inherited.visible.value = next\n      }, { flush: 'sync', immediate: true })\n      onBeforeUnmount(() => {\n        inherited.visible.value = 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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"}

package/dist/components/pagination/pagination.js

@@ -180,7 +180,8 @@ container: { type: Object } },
 				}
 			}, [h("span", select.getValueTextProps(), select.displayText), h("span", select.getIndicatorProps())])])])]), h(XhPortal, {
 				to: props.container ?? ctx.portalTarget.value,
-				source: ctx.pageSizeTriggerRef
+				source: ctx.pageSizeTriggerRef,
+				present: ctx.pageSizeVisible.value
 			}, () => [h("div", {
 				...select.getPositionerProps(),
 				ref: (el) => {
@@ -213,7 +214,8 @@ container: { type: Object } },
 		});
 		return () => h(XhPortal, {
 			to: props.container ?? ctx.portalTarget.value,
-			source: ctx.ellipsisRef
+			source: ctx.ellipsisRef,
+			present: ctx.visible.value
 		}, () => [h("div", {
 			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
 			ref: (el) => {

package/dist/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.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// 提供 pagination 相关实现。\n\nimport type { Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { PaginationApi, PaginationEllipsisSide, PaginationPageSizeChangeDetails, PaginationSchema, PaginationTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePagination, usePaginationContext } from './context'\nimport { usePagination } from './use-pagination'\n\ntype PaginationProps = PaginationSchema['props']\n\n/** 默认插槽的载荷：当前页与总量口径、页码序列与条目区间、前后页页码，以及翻页与按当前页切分数据的动作。 */\nexport type PaginationRootSlotProps = Pick<\n  PaginationApi,\n  | 'page'\n  | 'pageSize'\n  | 'pageSizeOptions'\n  | 'pageItems'\n  | 'openEllipsis'\n  | 'count'\n  | 'totalPages'\n  | 'pages'\n  | 'pageRange'\n  | 'previousPage'\n  | 'nextPage'\n  | 'setPage'\n  | 'goToPrevPage'\n  | 'goToNextPage'\n  | 'setPageSize'\n  | 'slice'\n>\n\nexport const XhPaginationRoot = defineComponent({\n  name: 'XhPaginationRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    count: { type: Number },\n    pageSize: { type: Number },\n    defaultPageSize: { type: Number },\n    pageSizeOptions: { type: Array as PropType<number[]> },\n    page: { type: Number },\n    defaultPage: { type: Number },\n    siblingCount: { type: Number },\n    /** 整组不可交互：按钮、跳页与每页条数一并禁用。 */\n    disabled: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<PaginationTranslations>> },\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    openDelay: { type: Number },\n    closeDelay: { type: Number },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // page-change 携带 { page, pageSize }，update:page 携带裸页码；\n  // 换档同时改页码，两个 update 都发，v-model:page 与 v-model:page-size 才不会各说各话\n  emits: {\n    'page-change': (_details: PayloadOf<PaginationProps, 'onPageChange'>) => true,\n    'update:page': (_page: PayloadOf<PaginationProps, 'onPageChange'>['page']) => true,\n    'page-size-change': (_details: PaginationPageSizeChangeDetails) => true,\n    'update:pageSize': (_pageSize: PaginationPageSizeChangeDetails['pageSize']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PaginationRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PaginationProps['onPageChange'] = (details) => {\n      emit('page-change', details)\n      emit('update:page', details.page)\n    }\n    const notifyPageSize: PaginationProps['onPageSizeChange'] = (details) => {\n      emit('page-size-change', details)\n      emit('update:pageSize', details.pageSize)\n      emit('update:page', details.page)\n    }\n    const ctx = usePagination(withXhConfig('pagination', props) as PaginationProps, notify, notifyPageSize)\n    providePagination(ctx)\n    // 根节点渲染为 nav 地标\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      page: ctx.api.value.page,\n      pageSize: ctx.api.value.pageSize,\n      pageSizeOptions: ctx.api.value.pageSizeOptions,\n      count: ctx.api.value.count,\n      totalPages: ctx.api.value.totalPages,\n      pages: ctx.api.value.pages,\n      pageItems: ctx.api.value.pageItems,\n      openEllipsis: ctx.api.value.openEllipsis,\n      pageRange: ctx.api.value.pageRange,\n      previousPage: ctx.api.value.previousPage,\n      nextPage: ctx.api.value.nextPage,\n      setPage: ctx.api.value.setPage,\n      goToPrevPage: ctx.api.value.goToPrevPage,\n      goToNextPage: ctx.api.value.goToNextPage,\n      setPageSize: ctx.api.value.setPageSize,\n      slice: ctx.api.value.slice,\n    }))\n  },\n})\n\n/** 跳到首页；按需放在上一页之前，没写内容时由皮肤画双箭头。 */\nexport const XhPaginationFirstTrigger = defineComponent({\n  name: 'XhPaginationFirstTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getFirstTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationPrevTrigger = defineComponent({\n  name: 'XhPaginationPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationNextTrigger = defineComponent({\n  name: 'XhPaginationNextTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 跳到末页；按需放在下一页之后，没写内容时由皮肤画双箭头。 */\nexport const XhPaginationLastTrigger = defineComponent({\n  name: 'XhPaginationLastTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getLastTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationItem = defineComponent({\n  name: 'XhPaginationItem',\n  props: {\n    // 这一项对应的页码，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemProps({ page: Number(props.value) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPaginationEllipsisTrigger = defineComponent({\n  name: 'XhPaginationEllipsisTrigger',\n  props: {\n    /** 该省略位所在的一侧：首页与窗口之间是 start，窗口与末页之间是 end。 */\n    side: { type: String as PropType<PaginationEllipsisSide>, default: 'start' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    // 摊开的那一个是定位锚点；两个省略位共用一份定位层，谁开着谁认领\n    return () => {\n      const open = ctx.api.value.openEllipsis === props.side\n      return h('button', {\n        ...ctx.api.value.getEllipsisTriggerProps({ side: props.side }) as Record<string, unknown>,\n        ref: (el: unknown) => {\n          if (open)\n            ctx.ellipsisRef.value = el as HTMLElement\n        },\n      }, slots.default?.())\n    }\n  },\n})\n\n/** 信息区：未写默认插槽时铺设 api.summaryText */\nexport const XhPaginationSummary = defineComponent({\n  name: 'XhPaginationSummary',\n  slots: Object as SlotsType<{\n    default?: (props: { summaryText: string, start: number, end: number, count: number }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      return h(\n        'div',\n        api.getSummaryProps() as Record<string, unknown>,\n        slots.default\n          ? slots.default({\n              summaryText: api.summaryText,\n              start: api.pageRange.start,\n              end: api.pageRange.end,\n              count: api.count,\n            })\n          : api.summaryText,\n      )\n    }\n  },\n})\n\n/** 跳页输入框：输入页码按回车即跳转 */\nexport const XhPaginationJumper = defineComponent({\n  name: 'XhPaginationJumper',\n  setup() {\n    const ctx = usePaginationContext()\n    return () => h('input', ctx.api.value.getJumperProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 每页条数控制器：装配的是库内的 select，不再是原生下拉。\n *\n * 组合发生在这一层：连接层把整份 select 的 api 放在 api.pageSizeSelect 上，\n * 这里据此铺设角色节点（DOM 上带 data-scope=\"select\"，使用 select 的皮肤）。\n * 档位与档位文字都由连接层从 pageSizeOptions 与 translations.pageSizeOption 计算。\n */\nexport const XhPaginationPageSizeSelect = defineComponent({\n  name: 'XhPaginationPageSizeSelect',\n  props: {\n    /** 本实例的 PageSizeSelect Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 渲染出来是「挂载点 + 被搬走的浮层」两截，作者写的 class 与 style 得自己接住落到挂载点上\n  inheritAttrs: false,\n  setup(props, { attrs }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      const select = api.pageSizeSelect\n      return [\n        h('div', mergeProps(api.getPageSizeSelectProps() as Record<string, unknown>, attrs), [\n          h('div', select.getRootProps() as Record<string, unknown>, [\n            h('div', select.getControlProps() as Record<string, unknown>, [\n              h('button', {\n                ...select.getTriggerProps() as Record<string, unknown>,\n                ref: (el: unknown) => { ctx.pageSizeTriggerRef.value = el as HTMLElement },\n              }, [\n                h('span', select.getValueTextProps() as Record<string, unknown>, select.displayText),\n                h('span', select.getIndicatorProps() as Record<string, unknown>),\n              ]),\n            ]),\n          ]),\n        ]),\n        h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.pageSizeTriggerRef }, () => [\n          h('div', {\n            ...select.getPositionerProps() as Record<string, unknown>,\n            ref: (el: unknown) => { ctx.pageSizePositionerRef.value = el as HTMLElement },\n          }, [\n            h('div', {\n              ...select.getContentProps() as Record<string, unknown>,\n              // 收起跟着退场闸门走，与省略位那层同一套写法\n              style: ctx.pageSizeVisible.value ? undefined : { display: 'none' },\n              ref: (el: unknown) => { ctx.pageSizeContentRef.value = el as HTMLElement },\n            }, [\n              h('div', select.getListProps() as Record<string, unknown>, select.collection.map(option =>\n                h('div', {\n                  ...select.getItemProps({ value: option.value }) as Record<string, unknown>,\n                  key: option.value,\n                }, [\n                  h('span', select.getItemTextProps({ value: option.value }) as Record<string, unknown>, option.label),\n                  h('span', select.getItemIndicatorProps({ value: option.value }) as Record<string, unknown>),\n                ]))),\n            ]),\n          ]),\n        ]),\n      ]\n    }\n  },\n})\n\nexport const XhPaginationPositioner = defineComponent({\n  name: 'XhPaginationPositioner',\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 = usePaginationContext()\n    // 折叠页码列表的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    // 浮层里的条子走 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.ellipsisRef }, () => [\n      h('div', {\n        ...mergeProps(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 XhPaginationContent = defineComponent({\n  name: 'XhPaginationContent',\n  slots: Object as SlotsType<{\n    default?: (props: { pages: number[] }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const open = ctx.api.value.openEllipsis\n      const folded = ctx.api.value.pageItems.find(\n        item => item.type === 'ellipsis' && item.side === open,\n      )\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?.({ pages: folded?.type === 'ellipsis' ? folded.pages : [] }))\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.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// 提供 pagination 相关实现。\n\nimport type { Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { PaginationApi, PaginationEllipsisSide, PaginationPageSizeChangeDetails, PaginationSchema, PaginationTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePagination, usePaginationContext } from './context'\nimport { usePagination } from './use-pagination'\n\ntype PaginationProps = PaginationSchema['props']\n\n/** 默认插槽的载荷：当前页与总量口径、页码序列与条目区间、前后页页码，以及翻页与按当前页切分数据的动作。 */\nexport type PaginationRootSlotProps = Pick<\n  PaginationApi,\n  | 'page'\n  | 'pageSize'\n  | 'pageSizeOptions'\n  | 'pageItems'\n  | 'openEllipsis'\n  | 'count'\n  | 'totalPages'\n  | 'pages'\n  | 'pageRange'\n  | 'previousPage'\n  | 'nextPage'\n  | 'setPage'\n  | 'goToPrevPage'\n  | 'goToNextPage'\n  | 'setPageSize'\n  | 'slice'\n>\n\nexport const XhPaginationRoot = defineComponent({\n  name: 'XhPaginationRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    count: { type: Number },\n    pageSize: { type: Number },\n    defaultPageSize: { type: Number },\n    pageSizeOptions: { type: Array as PropType<number[]> },\n    page: { type: Number },\n    defaultPage: { type: Number },\n    siblingCount: { type: Number },\n    /** 整组不可交互：按钮、跳页与每页条数一并禁用。 */\n    disabled: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<PaginationTranslations>> },\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    openDelay: { type: Number },\n    closeDelay: { type: Number },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // page-change 携带 { page, pageSize }，update:page 携带裸页码；\n  // 换档同时改页码，两个 update 都发，v-model:page 与 v-model:page-size 才不会各说各话\n  emits: {\n    'page-change': (_details: PayloadOf<PaginationProps, 'onPageChange'>) => true,\n    'update:page': (_page: PayloadOf<PaginationProps, 'onPageChange'>['page']) => true,\n    'page-size-change': (_details: PaginationPageSizeChangeDetails) => true,\n    'update:pageSize': (_pageSize: PaginationPageSizeChangeDetails['pageSize']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PaginationRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PaginationProps['onPageChange'] = (details) => {\n      emit('page-change', details)\n      emit('update:page', details.page)\n    }\n    const notifyPageSize: PaginationProps['onPageSizeChange'] = (details) => {\n      emit('page-size-change', details)\n      emit('update:pageSize', details.pageSize)\n      emit('update:page', details.page)\n    }\n    const ctx = usePagination(withXhConfig('pagination', props) as PaginationProps, notify, notifyPageSize)\n    providePagination(ctx)\n    // 根节点渲染为 nav 地标\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      page: ctx.api.value.page,\n      pageSize: ctx.api.value.pageSize,\n      pageSizeOptions: ctx.api.value.pageSizeOptions,\n      count: ctx.api.value.count,\n      totalPages: ctx.api.value.totalPages,\n      pages: ctx.api.value.pages,\n      pageItems: ctx.api.value.pageItems,\n      openEllipsis: ctx.api.value.openEllipsis,\n      pageRange: ctx.api.value.pageRange,\n      previousPage: ctx.api.value.previousPage,\n      nextPage: ctx.api.value.nextPage,\n      setPage: ctx.api.value.setPage,\n      goToPrevPage: ctx.api.value.goToPrevPage,\n      goToNextPage: ctx.api.value.goToNextPage,\n      setPageSize: ctx.api.value.setPageSize,\n      slice: ctx.api.value.slice,\n    }))\n  },\n})\n\n/** 跳到首页；按需放在上一页之前，没写内容时由皮肤画双箭头。 */\nexport const XhPaginationFirstTrigger = defineComponent({\n  name: 'XhPaginationFirstTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getFirstTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationPrevTrigger = defineComponent({\n  name: 'XhPaginationPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationNextTrigger = defineComponent({\n  name: 'XhPaginationNextTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 跳到末页；按需放在下一页之后，没写内容时由皮肤画双箭头。 */\nexport const XhPaginationLastTrigger = defineComponent({\n  name: 'XhPaginationLastTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getLastTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationItem = defineComponent({\n  name: 'XhPaginationItem',\n  props: {\n    // 这一项对应的页码，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemProps({ page: Number(props.value) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPaginationEllipsisTrigger = defineComponent({\n  name: 'XhPaginationEllipsisTrigger',\n  props: {\n    /** 该省略位所在的一侧：首页与窗口之间是 start，窗口与末页之间是 end。 */\n    side: { type: String as PropType<PaginationEllipsisSide>, default: 'start' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    // 摊开的那一个是定位锚点；两个省略位共用一份定位层，谁开着谁认领\n    return () => {\n      const open = ctx.api.value.openEllipsis === props.side\n      return h('button', {\n        ...ctx.api.value.getEllipsisTriggerProps({ side: props.side }) as Record<string, unknown>,\n        ref: (el: unknown) => {\n          if (open)\n            ctx.ellipsisRef.value = el as HTMLElement\n        },\n      }, slots.default?.())\n    }\n  },\n})\n\n/** 信息区：未写默认插槽时铺设 api.summaryText */\nexport const XhPaginationSummary = defineComponent({\n  name: 'XhPaginationSummary',\n  slots: Object as SlotsType<{\n    default?: (props: { summaryText: string, start: number, end: number, count: number }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      return h(\n        'div',\n        api.getSummaryProps() as Record<string, unknown>,\n        slots.default\n          ? slots.default({\n              summaryText: api.summaryText,\n              start: api.pageRange.start,\n              end: api.pageRange.end,\n              count: api.count,\n            })\n          : api.summaryText,\n      )\n    }\n  },\n})\n\n/** 跳页输入框：输入页码按回车即跳转 */\nexport const XhPaginationJumper = defineComponent({\n  name: 'XhPaginationJumper',\n  setup() {\n    const ctx = usePaginationContext()\n    return () => h('input', ctx.api.value.getJumperProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 每页条数控制器：装配的是库内的 select，不再是原生下拉。\n *\n * 组合发生在这一层：连接层把整份 select 的 api 放在 api.pageSizeSelect 上，\n * 这里据此铺设角色节点（DOM 上带 data-scope=\"select\"，使用 select 的皮肤）。\n * 档位与档位文字都由连接层从 pageSizeOptions 与 translations.pageSizeOption 计算。\n */\nexport const XhPaginationPageSizeSelect = defineComponent({\n  name: 'XhPaginationPageSizeSelect',\n  props: {\n    /** 本实例的 PageSizeSelect Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 渲染出来是「挂载点 + 被搬走的浮层」两截，作者写的 class 与 style 得自己接住落到挂载点上\n  inheritAttrs: false,\n  setup(props, { attrs }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      const select = api.pageSizeSelect\n      return [\n        h('div', mergeProps(api.getPageSizeSelectProps() as Record<string, unknown>, attrs), [\n          h('div', select.getRootProps() as Record<string, unknown>, [\n            h('div', select.getControlProps() as Record<string, unknown>, [\n              h('button', {\n                ...select.getTriggerProps() as Record<string, unknown>,\n                ref: (el: unknown) => { ctx.pageSizeTriggerRef.value = el as HTMLElement },\n              }, [\n                h('span', select.getValueTextProps() as Record<string, unknown>, select.displayText),\n                h('span', select.getIndicatorProps() as Record<string, unknown>),\n              ]),\n            ]),\n          ]),\n        ]),\n        h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.pageSizeTriggerRef, present: ctx.pageSizeVisible.value }, () => [\n          h('div', {\n            ...select.getPositionerProps() as Record<string, unknown>,\n            ref: (el: unknown) => { ctx.pageSizePositionerRef.value = el as HTMLElement },\n          }, [\n            h('div', {\n              ...select.getContentProps() as Record<string, unknown>,\n              // 收起跟着退场闸门走，与省略位那层同一套写法\n              style: ctx.pageSizeVisible.value ? undefined : { display: 'none' },\n              ref: (el: unknown) => { ctx.pageSizeContentRef.value = el as HTMLElement },\n            }, [\n              h('div', select.getListProps() as Record<string, unknown>, select.collection.map(option =>\n                h('div', {\n                  ...select.getItemProps({ value: option.value }) as Record<string, unknown>,\n                  key: option.value,\n                }, [\n                  h('span', select.getItemTextProps({ value: option.value }) as Record<string, unknown>, option.label),\n                  h('span', select.getItemIndicatorProps({ value: option.value }) as Record<string, unknown>),\n                ]))),\n            ]),\n          ]),\n        ]),\n      ]\n    }\n  },\n})\n\nexport const XhPaginationPositioner = defineComponent({\n  name: 'XhPaginationPositioner',\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 = usePaginationContext()\n    // 折叠页码列表的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    // 浮层里的条子走 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.ellipsisRef, present: ctx.visible.value }, () => [\n      h('div', {\n        ...mergeProps(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 XhPaginationContent = defineComponent({\n  name: 'XhPaginationContent',\n  slots: Object as SlotsType<{\n    default?: (props: { pages: number[] }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const open = ctx.api.value.openEllipsis\n      const folded = ctx.api.value.pageItems.find(\n        item => item.type === 'ellipsis' && item.side === open,\n      )\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?.({ pages: folded?.type === 'ellipsis' ? folded.pages : [] }))\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/pie-chart/pie-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.d.ts","names":[],"sources":["../../../src/components/pie-chart/pie-chart.ts"],"mappings":";;;;KA+BK,gBAAgB;;KAGT,wBAAwB,KAAK;;UAGxB;EACf,QAAQ;EACR,SAAS;;;UAIM;EACf,QAAQ;EACR,QAAQ;;;cAmDG,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAa3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAS7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;;EAGf,WAAC,OAAO,4BAA4B;kCAchD;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;;EAGhB,WAAC,OAAO,6BAA6B;kCAWjD;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,8BAAA;;IAIA,MAAA,kBAAkB;;;;;;;;;IAGd,MAAA,SAAS;;;;;;;IAEX,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;IAEP,MAAA,SAAS;;;;IAES,MAAA,SAAS,oBAAoB,SAAS;;;IAC5C,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;EAId,yBAAA,UAAA,UAAU;EACZ,wBAAA,SAAA,UAAU;EACX,sBAAA,UAAA,UAAU;EACf,qBAAA,MAAA,UAAU;EACV,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;;;IA3Bb,MAAA,kBAAkB;;;;;;;;;IAGd,MAAA,SAAS;;;;;;;IAEX,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;IAEP,MAAA,SAAS;;;;IAES,MAAA,SAAS,oBAAoB,SAAS;;;IAC5C,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,0BAA0B;;EAElC,gBAAM;;EAEP,UAAC,OAAO,4BAA4B;;EAEnC,WAAC,OAAO,6BAA6B;;EAEvC,cAAM;kCAgDhB"}
+{"version":3,"file":"pie-chart.d.ts","names":[],"sources":["../../../src/components/pie-chart/pie-chart.ts"],"mappings":";;;;KA+BK,gBAAgB;;KAGT,wBAAwB,KAAK;;UAGxB;EACf,QAAQ;EACR,SAAS;;;UAIM;EACf,QAAQ;EACR,QAAQ;;;cAsDG,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAa3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAS7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;;EAGf,WAAC,OAAO,4BAA4B;kCAchD;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;;EAGhB,WAAC,OAAO,6BAA6B;kCAWjD;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,8BAAA;;IAIA,MAAA,kBAAkB;;;;;;;;;IAGd,MAAA,SAAS;;;;;;;IAEX,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;IAEP,MAAA,SAAS;;;;IAES,MAAA,SAAS,oBAAoB,SAAS;;;IAC5C,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;EAId,yBAAA,UAAA,UAAU;EACZ,wBAAA,SAAA,UAAU;EACX,sBAAA,UAAA,UAAU;EACf,qBAAA,MAAA,UAAU;EACV,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;;;IA3Bb,MAAA,kBAAkB;;;;;;;;;IAGd,MAAA,SAAS;;;;;;;IAEX,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;IAEP,MAAA,SAAS;;;;IAES,MAAA,SAAS,oBAAoB,SAAS;;;IAC5C,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,0BAA0B;;EAElC,gBAAM;;EAEP,UAAC,OAAO,4BAA4B;;EAEnC,WAAC,OAAO,6BAA6B;;EAEvC,cAAM;kCAgDhB"}

package/dist/components/pie-chart/pie-chart.js

@@ -36,7 +36,7 @@ function renderTooltipContent(api) {
 /** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */
 function renderA11y(api) {
 	const { columns, rows } = api.table;
-	return [h("p", api.getSummaryProps(), api.summary), h("table", api.getTableProps(), [
+	return [h("p", api.getSummaryProps(), api.summary), h("div", api.getTableRegionProps(), [h("table", api.getTableProps(), [
 		h("caption", api.tableCaption),
 		h("thead", [h("tr", columns.map((column) => h("th", {
 			key: column.id,
@@ -46,7 +46,7 @@ function renderA11y(api) {
 			key: c,
 			scope: "row"
 		}, cell.text) : h("td", { key: c }, cell.text)))))
-	])];
+	])])];
 }
 /** 标题：图表的可及名来源。 */
 const XhPieChartCaption = defineComponent({

package/dist/components/pie-chart/pie-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.js","names":[],"sources":["../../../src/components/pie-chart/pie-chart.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// 提供 pie chart 相关实现。\n\nimport type {\n  ChartDatumDetails,\n  ChartKey,\n  ChartMark,\n  ChartRow,\n  NumberFormatSpec,\n  PieChartApi,\n  PieChartSchema,\n  PieChartTranslations,\n  PieLabelContent,\n  PieLabelDetails,\n  PieLabels,\n  PieSort,\n  PieSweep,\n  PieTooltipModel,\n  PieVariant,\n} 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 { providePieChart, usePieChartContext } from './context'\nimport { usePieChart } from './use-pie-chart'\n\ntype PieChartProps = PieChartSchema['props']\n\n/** 默认插槽的载荷：自行摆放部件时用得上的状态与动作。 */\nexport type PieChartRootSlotProps = Pick<PieChartApi, 'legendItems' | 'active' | 'tooltip' | 'center' | 'empty' | 'hiddenSeries' | 'activeKey' | 'toggleSeries' | 'setFocusedDatum' | 'table'>\n\n/** 提示框插槽的载荷：激活的扇区与缺省的内容模型。 */\nexport interface PieChartTooltipSlotProps {\n  active: ChartDatumDetails | null\n  tooltip: PieTooltipModel | null\n}\n\n/** 环形中心插槽的载荷：可见扇区的合计与说明文字，以及激活的扇区。 */\nexport interface PieChartCenterSlotProps {\n  center: PieChartApi['center']\n  active: ChartDatumDetails | null\n}\n\n/** 纹理定义：绘图区的第一个子节点，每种纹理一个 pattern、里面一条线。 */\nfunction renderDefs(api: PieChartApi): VNode {\n  return h('defs', api.getDefsProps() as Record<string, unknown>, api.patterns.map(pattern =>\n    h('pattern', { ...api.getPatternProps(pattern) as Record<string, unknown>, key: pattern.id }, [\n      h('path', api.getPatternLineProps(pattern) as Record<string, unknown>),\n    ])))\n}\n\n/** 一个场景标记画成 SVG 元素；文字标记带文字。 */\nfunction renderMark(api: PieChartApi, mark: ChartMark): VNode {\n  const props = { ...api.getMarkProps(mark) as Record<string, unknown>, key: mark.key }\n  if (mark.kind === 'group')\n    return h('g', props, mark.children.map(child => renderMark(api, child)))\n  if (mark.kind === 'text')\n    return h('text', props, mark.text)\n  return h('path', props)\n}\n\n/** 缺省的提示框内容：头部是扇区名，下面是数值与占比；「其他」另列出被合并的各项。 */\nfunction renderTooltipContent(api: PieChartApi): VNode[] {\n  const tooltip = api.tooltip\n  if (!tooltip)\n    return []\n  return [\n    h('div', api.getTooltipHeaderProps() as Record<string, unknown>, tooltip.header),\n    ...tooltip.rows.map(row => h('div', { ...api.getTooltipRowProps(row) as Record<string, unknown>, key: row.key }, [\n      h('span', api.getTooltipSwatchProps(row) as Record<string, unknown>),\n      h('span', api.getTooltipValueProps(row) as Record<string, unknown>, row.value),\n      h('span', api.getTooltipNameProps(row) as Record<string, unknown>, row.name),\n    ])),\n  ]\n}\n\n/** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */\nfunction renderA11y(api: PieChartApi): VNode[] {\n  const { columns, rows } = api.table\n  return [\n    h('p', api.getSummaryProps() as Record<string, unknown>, api.summary),\n    h('table', api.getTableProps() as Record<string, unknown>, [\n      h('caption', api.tableCaption),\n      h('thead', [h('tr', columns.map(column => h('th', { key: column.id, scope: 'col' }, column.label)))]),\n      h('tbody', rows.map((row, i) => h('tr', { key: i }, row.cells.map((cell, c) =>\n        c === 0 ? h('th', { key: c, scope: 'row' }, cell.text) : h('td', { key: c }, cell.text))))),\n    ]),\n  ]\n}\n\n/** 标题：图表的可及名来源。 */\nexport const XhPieChartCaption = defineComponent({\n  name: 'XhPieChartCaption',\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => h('figcaption', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 图例：项由组件按扇区生成；只有一个扇区时整条收起。 */\nexport const XhPieChartLegend = defineComponent({\n  name: 'XhPieChartLegend',\n  setup() {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getLegendProps() as Record<string, unknown>, api.legendItems.map(item =>\n        h('button', { ...api.getLegendItemProps(item) as Record<string, unknown>, key: item.id }, [\n          h('span', api.getLegendSwatchProps(item) as Record<string, unknown>),\n          h('span', api.getLegendLabelProps(item) as Record<string, unknown>, item.name),\n        ])))\n    }\n  },\n})\n\n/** 视口：尺寸观测的宿主，块尺寸由组件槽决定。 */\nexport const XhPieChartViewport = defineComponent({\n  name: 'XhPieChartViewport',\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => h('div', {\n      ...ctx.api.value.getViewportProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.viewportRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 绘图区：扇区在下，引导线与标签在上，焦点环最上。 */\nexport const XhPieChartPlot = defineComponent({\n  name: 'XhPieChartPlot',\n  setup() {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      const marks = [...api.scene.layers.data, ...api.scene.layers.front, ...api.overlay.over]\n      return h('svg', api.getPlotProps() as Record<string, unknown>, [renderDefs(api), ...marks.map(mark => renderMark(api, mark))])\n    }\n  },\n})\n\n/** 环形中心：缺省显示可见扇区的合计，作用域插槽可替换。 */\nexport const XhPieChartCenter = defineComponent({\n  name: 'XhPieChartCenter',\n  slots: Object as SlotsType<{\n    default?: (props: PieChartCenterSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getCenterProps() as Record<string, unknown>, slots.default\n        ? slots.default({ center: api.center, active: api.active })\n        : [\n            h('span', api.getCenterValueProps() as Record<string, unknown>, api.center.value),\n            h('span', api.getCenterLabelProps() as Record<string, unknown>, api.center.label),\n          ])\n    }\n  },\n})\n\n/** 提示框：缺省内容按激活的扇区生成，作用域插槽可替换。 */\nexport const XhPieChartTooltip = defineComponent({\n  name: 'XhPieChartTooltip',\n  slots: Object as SlotsType<{\n    default?: (props: PieChartTooltipSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getTooltipProps() as Record<string, unknown>, slots.default\n        ? slots.default({ active: api.active, tooltip: api.tooltip })\n        : renderTooltipContent(api))\n    }\n  },\n})\n\n/** 空态：没有可画的扇区时显示，缺省文字取文案。 */\nexport const XhPieChartEmpty = defineComponent({\n  name: 'XhPieChartEmpty',\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.() ?? ctx.api.value.emptyText)\n  },\n})\n\n/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */\nexport const XhPieChartRoot = defineComponent({\n  name: 'XhPieChartRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    data: { type: Array as PropType<readonly ChartRow[]> },\n    nameField: { type: String },\n    valueField: { type: String },\n    variant: { type: String as PropType<PieVariant> },\n    rose: { type: Boolean, default: undefined },\n    sweep: { type: String as PropType<PieSweep> },\n    sort: { type: String as PropType<PieSort> },\n    maxSlices: { type: Number },\n    labels: { type: String as PropType<PieLabels> },\n    /** 扇区标签写什么：内建写法之一，或自己拼的函数。 */\n    labelContent: { type: [String, Function] as PropType<PieLabelContent | ((details: PieLabelDetails) => string)> },\n    format: { type: [Object, Function] as PropType<NumberFormatSpec | ((value: number) => string)> },\n    hiddenSeries: { type: Array as PropType<string[]> },\n    defaultHiddenSeries: { type: Array as PropType<string[]> },\n    activeKey: { type: [String, Number, Date, null] as PropType<ChartKey | null> },\n    pending: { type: Boolean, default: undefined },\n    animated: { type: Boolean, default: undefined },\n    locale: { type: String },\n    translations: { type: Object as PropType<Partial<PieChartTranslations>> },\n  },\n  // hidden-series-change / active-key-change 携带 details；update:* 携带裸值，支持 v-model\n  emits: {\n    'hidden-series-change': (_details: PayloadOf<PieChartProps, 'onHiddenSeriesChange'>) => true,\n    'update:hiddenSeries': (_hidden: PayloadOf<PieChartProps, 'onHiddenSeriesChange'>['hiddenSeries']) => true,\n    'active-key-change': (_details: PayloadOf<PieChartProps, 'onActiveKeyChange'>) => true,\n    'update:activeKey': (_key: PayloadOf<PieChartProps, 'onActiveKeyChange'>['activeKey']) => true,\n    'datum-active': (_details: PayloadOf<PieChartProps, 'onDatumActive'>) => true,\n    'datum-press': (_details: PayloadOf<PieChartProps, 'onDatumPress'>) => true,\n  },\n  slots: Object as SlotsType<{\n    /** 自行摆放部件；不写时铺开缺省结构：图例、视口（绘图区、环形中心与空态）、提示框。 */\n    default?: (props: PieChartRootSlotProps) => VNode[]\n    /** 缺省结构里的标题内容。 */\n    caption?: () => VNode[]\n    /** 缺省结构里的环形中心内容。 */\n    center?: (props: PieChartCenterSlotProps) => VNode[]\n    /** 缺省结构里的提示框内容。 */\n    tooltip?: (props: PieChartTooltipSlotProps) => VNode[]\n    /** 缺省结构里的空态内容。 */\n    empty?: () => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = usePieChart(withXhConfig('pie-chart', props) as PieChartProps, {\n      onHiddenSeriesChange: (details) => {\n        emit('hidden-series-change', details)\n        emit('update:hiddenSeries', details.hiddenSeries)\n      },\n      onActiveKeyChange: (details) => {\n        emit('active-key-change', details)\n        emit('update:activeKey', details.activeKey)\n      },\n      onDatumActive: details => emit('datum-active', details),\n      onDatumPress: details => emit('datum-press', details),\n    })\n    providePieChart(ctx)\n    return () => {\n      const api = ctx.api.value\n      const content = slots.default\n        ? slots.default({\n            legendItems: api.legendItems,\n            active: api.active,\n            tooltip: api.tooltip,\n            center: api.center,\n            empty: api.empty,\n            table: api.table,\n            hiddenSeries: api.hiddenSeries,\n            activeKey: api.activeKey,\n            toggleSeries: api.toggleSeries,\n            setFocusedDatum: api.setFocusedDatum,\n          })\n        : [\n            ...(slots.caption ? [h(XhPieChartCaption, null, () => slots.caption?.())] : []),\n            h(XhPieChartLegend),\n            // 环形中心与空态放进视口：叠在绘图区上，标题与图例不被盖住\n            h(XhPieChartViewport, null, () => [\n              h(XhPieChartPlot),\n              h(XhPieChartCenter, null, slots.center ? { default: slots.center } : undefined),\n              h(XhPieChartEmpty, null, slots.empty ? () => slots.empty?.() : undefined),\n            ]),\n            h(XhPieChartTooltip, null, slots.tooltip ? { default: slots.tooltip } : undefined),\n          ]\n      return h('figure', {\n        ...api.getRootProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n      }, [...content, ...renderA11y(api)])\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"pie-chart.js","names":[],"sources":["../../../src/components/pie-chart/pie-chart.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// 提供 pie chart 相关实现。\n\nimport type {\n  ChartDatumDetails,\n  ChartKey,\n  ChartMark,\n  ChartRow,\n  NumberFormatSpec,\n  PieChartApi,\n  PieChartSchema,\n  PieChartTranslations,\n  PieLabelContent,\n  PieLabelDetails,\n  PieLabels,\n  PieSort,\n  PieSweep,\n  PieTooltipModel,\n  PieVariant,\n} 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 { providePieChart, usePieChartContext } from './context'\nimport { usePieChart } from './use-pie-chart'\n\ntype PieChartProps = PieChartSchema['props']\n\n/** 默认插槽的载荷：自行摆放部件时用得上的状态与动作。 */\nexport type PieChartRootSlotProps = Pick<PieChartApi, 'legendItems' | 'active' | 'tooltip' | 'center' | 'empty' | 'hiddenSeries' | 'activeKey' | 'toggleSeries' | 'setFocusedDatum' | 'table'>\n\n/** 提示框插槽的载荷：激活的扇区与缺省的内容模型。 */\nexport interface PieChartTooltipSlotProps {\n  active: ChartDatumDetails | null\n  tooltip: PieTooltipModel | null\n}\n\n/** 环形中心插槽的载荷：可见扇区的合计与说明文字，以及激活的扇区。 */\nexport interface PieChartCenterSlotProps {\n  center: PieChartApi['center']\n  active: ChartDatumDetails | null\n}\n\n/** 纹理定义：绘图区的第一个子节点，每种纹理一个 pattern、里面一条线。 */\nfunction renderDefs(api: PieChartApi): VNode {\n  return h('defs', api.getDefsProps() as Record<string, unknown>, api.patterns.map(pattern =>\n    h('pattern', { ...api.getPatternProps(pattern) as Record<string, unknown>, key: pattern.id }, [\n      h('path', api.getPatternLineProps(pattern) as Record<string, unknown>),\n    ])))\n}\n\n/** 一个场景标记画成 SVG 元素；文字标记带文字。 */\nfunction renderMark(api: PieChartApi, mark: ChartMark): VNode {\n  const props = { ...api.getMarkProps(mark) as Record<string, unknown>, key: mark.key }\n  if (mark.kind === 'group')\n    return h('g', props, mark.children.map(child => renderMark(api, child)))\n  if (mark.kind === 'text')\n    return h('text', props, mark.text)\n  return h('path', props)\n}\n\n/** 缺省的提示框内容：头部是扇区名，下面是数值与占比；「其他」另列出被合并的各项。 */\nfunction renderTooltipContent(api: PieChartApi): VNode[] {\n  const tooltip = api.tooltip\n  if (!tooltip)\n    return []\n  return [\n    h('div', api.getTooltipHeaderProps() as Record<string, unknown>, tooltip.header),\n    ...tooltip.rows.map(row => h('div', { ...api.getTooltipRowProps(row) as Record<string, unknown>, key: row.key }, [\n      h('span', api.getTooltipSwatchProps(row) as Record<string, unknown>),\n      h('span', api.getTooltipValueProps(row) as Record<string, unknown>, row.value),\n      h('span', api.getTooltipNameProps(row) as Record<string, unknown>, row.name),\n    ])),\n  ]\n}\n\n/** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */\nfunction renderA11y(api: PieChartApi): VNode[] {\n  const { columns, rows } = api.table\n  return [\n    h('p', api.getSummaryProps() as Record<string, unknown>, api.summary),\n    // 视觉隐藏落在包着表格的区域上，表格在里面照常排版：隐藏写在表格上收不住它的高度\n    h('div', api.getTableRegionProps() as Record<string, unknown>, [\n      h('table', api.getTableProps() as Record<string, unknown>, [\n        h('caption', api.tableCaption),\n        h('thead', [h('tr', columns.map(column => h('th', { key: column.id, scope: 'col' }, column.label)))]),\n        h('tbody', rows.map((row, i) => h('tr', { key: i }, row.cells.map((cell, c) =>\n          c === 0 ? h('th', { key: c, scope: 'row' }, cell.text) : h('td', { key: c }, cell.text))))),\n      ]),\n    ]),\n  ]\n}\n\n/** 标题：图表的可及名来源。 */\nexport const XhPieChartCaption = defineComponent({\n  name: 'XhPieChartCaption',\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => h('figcaption', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 图例：项由组件按扇区生成；只有一个扇区时整条收起。 */\nexport const XhPieChartLegend = defineComponent({\n  name: 'XhPieChartLegend',\n  setup() {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getLegendProps() as Record<string, unknown>, api.legendItems.map(item =>\n        h('button', { ...api.getLegendItemProps(item) as Record<string, unknown>, key: item.id }, [\n          h('span', api.getLegendSwatchProps(item) as Record<string, unknown>),\n          h('span', api.getLegendLabelProps(item) as Record<string, unknown>, item.name),\n        ])))\n    }\n  },\n})\n\n/** 视口：尺寸观测的宿主，块尺寸由组件槽决定。 */\nexport const XhPieChartViewport = defineComponent({\n  name: 'XhPieChartViewport',\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => h('div', {\n      ...ctx.api.value.getViewportProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.viewportRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 绘图区：扇区在下，引导线与标签在上，焦点环最上。 */\nexport const XhPieChartPlot = defineComponent({\n  name: 'XhPieChartPlot',\n  setup() {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      const marks = [...api.scene.layers.data, ...api.scene.layers.front, ...api.overlay.over]\n      return h('svg', api.getPlotProps() as Record<string, unknown>, [renderDefs(api), ...marks.map(mark => renderMark(api, mark))])\n    }\n  },\n})\n\n/** 环形中心：缺省显示可见扇区的合计，作用域插槽可替换。 */\nexport const XhPieChartCenter = defineComponent({\n  name: 'XhPieChartCenter',\n  slots: Object as SlotsType<{\n    default?: (props: PieChartCenterSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getCenterProps() as Record<string, unknown>, slots.default\n        ? slots.default({ center: api.center, active: api.active })\n        : [\n            h('span', api.getCenterValueProps() as Record<string, unknown>, api.center.value),\n            h('span', api.getCenterLabelProps() as Record<string, unknown>, api.center.label),\n          ])\n    }\n  },\n})\n\n/** 提示框：缺省内容按激活的扇区生成，作用域插槽可替换。 */\nexport const XhPieChartTooltip = defineComponent({\n  name: 'XhPieChartTooltip',\n  slots: Object as SlotsType<{\n    default?: (props: PieChartTooltipSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getTooltipProps() as Record<string, unknown>, slots.default\n        ? slots.default({ active: api.active, tooltip: api.tooltip })\n        : renderTooltipContent(api))\n    }\n  },\n})\n\n/** 空态：没有可画的扇区时显示，缺省文字取文案。 */\nexport const XhPieChartEmpty = defineComponent({\n  name: 'XhPieChartEmpty',\n  setup(_, { slots }) {\n    const ctx = usePieChartContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.() ?? ctx.api.value.emptyText)\n  },\n})\n\n/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */\nexport const XhPieChartRoot = defineComponent({\n  name: 'XhPieChartRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    data: { type: Array as PropType<readonly ChartRow[]> },\n    nameField: { type: String },\n    valueField: { type: String },\n    variant: { type: String as PropType<PieVariant> },\n    rose: { type: Boolean, default: undefined },\n    sweep: { type: String as PropType<PieSweep> },\n    sort: { type: String as PropType<PieSort> },\n    maxSlices: { type: Number },\n    labels: { type: String as PropType<PieLabels> },\n    /** 扇区标签写什么：内建写法之一，或自己拼的函数。 */\n    labelContent: { type: [String, Function] as PropType<PieLabelContent | ((details: PieLabelDetails) => string)> },\n    format: { type: [Object, Function] as PropType<NumberFormatSpec | ((value: number) => string)> },\n    hiddenSeries: { type: Array as PropType<string[]> },\n    defaultHiddenSeries: { type: Array as PropType<string[]> },\n    activeKey: { type: [String, Number, Date, null] as PropType<ChartKey | null> },\n    pending: { type: Boolean, default: undefined },\n    animated: { type: Boolean, default: undefined },\n    locale: { type: String },\n    translations: { type: Object as PropType<Partial<PieChartTranslations>> },\n  },\n  // hidden-series-change / active-key-change 携带 details；update:* 携带裸值，支持 v-model\n  emits: {\n    'hidden-series-change': (_details: PayloadOf<PieChartProps, 'onHiddenSeriesChange'>) => true,\n    'update:hiddenSeries': (_hidden: PayloadOf<PieChartProps, 'onHiddenSeriesChange'>['hiddenSeries']) => true,\n    'active-key-change': (_details: PayloadOf<PieChartProps, 'onActiveKeyChange'>) => true,\n    'update:activeKey': (_key: PayloadOf<PieChartProps, 'onActiveKeyChange'>['activeKey']) => true,\n    'datum-active': (_details: PayloadOf<PieChartProps, 'onDatumActive'>) => true,\n    'datum-press': (_details: PayloadOf<PieChartProps, 'onDatumPress'>) => true,\n  },\n  slots: Object as SlotsType<{\n    /** 自行摆放部件；不写时铺开缺省结构：图例、视口（绘图区、环形中心与空态）、提示框。 */\n    default?: (props: PieChartRootSlotProps) => VNode[]\n    /** 缺省结构里的标题内容。 */\n    caption?: () => VNode[]\n    /** 缺省结构里的环形中心内容。 */\n    center?: (props: PieChartCenterSlotProps) => VNode[]\n    /** 缺省结构里的提示框内容。 */\n    tooltip?: (props: PieChartTooltipSlotProps) => VNode[]\n    /** 缺省结构里的空态内容。 */\n    empty?: () => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = usePieChart(withXhConfig('pie-chart', props) as PieChartProps, {\n      onHiddenSeriesChange: (details) => {\n        emit('hidden-series-change', details)\n        emit('update:hiddenSeries', details.hiddenSeries)\n      },\n      onActiveKeyChange: (details) => {\n        emit('active-key-change', details)\n        emit('update:activeKey', details.activeKey)\n      },\n      onDatumActive: details => emit('datum-active', details),\n      onDatumPress: details => emit('datum-press', details),\n    })\n    providePieChart(ctx)\n    return () => {\n      const api = ctx.api.value\n      const content = slots.default\n        ? slots.default({\n            legendItems: api.legendItems,\n            active: api.active,\n            tooltip: api.tooltip,\n            center: api.center,\n            empty: api.empty,\n            table: api.table,\n            hiddenSeries: api.hiddenSeries,\n            activeKey: api.activeKey,\n            toggleSeries: api.toggleSeries,\n            setFocusedDatum: api.setFocusedDatum,\n          })\n        : [\n            ...(slots.caption ? [h(XhPieChartCaption, null, () => slots.caption?.())] : []),\n            h(XhPieChartLegend),\n            // 环形中心与空态放进视口：叠在绘图区上，标题与图例不被盖住\n            h(XhPieChartViewport, null, () => [\n              h(XhPieChartPlot),\n              h(XhPieChartCenter, null, slots.center ? { default: slots.center } : undefined),\n              h(XhPieChartEmpty, null, slots.empty ? () => slots.empty?.() : undefined),\n            ]),\n            h(XhPieChartTooltip, null, slots.tooltip ? { default: slots.tooltip } : undefined),\n          ]\n      return h('figure', {\n        ...api.getRootProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n      }, [...content, ...renderA11y(api)])\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/popconfirm/popconfirm.js

@@ -107,7 +107,8 @@ container: { type: Object } },
 		});
 		return () => h(XhPortal, {
 			to: props.container ?? ctx.portalTarget.value,
-			source: ctx.triggerRef
+			source: ctx.triggerRef,
+			present: ctx.visible.value
 		}, () => [h("div", {
 			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
 			ref: (el) => {

package/dist/components/popconfirm/popconfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.js","names":[],"sources":["../../../src/components/popconfirm/popconfirm.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// 提供 popconfirm 相关实现。\n\nimport type { Direction, Placement, Size } from '@xihan-ui/core'\nimport type { PopconfirmApi, PopconfirmConfirmErrorDetails, PopconfirmNotifiers, PopconfirmOverlayProps, PopconfirmProps } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePopconfirm, usePopconfirmContext } from './context'\nimport { usePopconfirm } from './use-popconfirm'\n\n/** 默认插槽的载荷：开合、确认事务状态与三个动作。 */\nexport type PopconfirmRootSlotProps = Pick<\n  PopconfirmApi,\n  'open' | 'pending' | 'actionError' | 'setOpen' | 'confirm' | 'cancel'\n>\n\nexport const XhPopconfirmRoot = defineComponent({\n  name: 'XhPopconfirmRoot',\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */\n    dir: { type: String as PropType<Direction> },\n    closeOnEscape: { type: Boolean, default: true },\n    closeOnInteractOutside: { type: Boolean, default: true },\n    /** 不可打开：触发器转原生 disabled，展开途中转为禁用即收起。 */\n    disabled: { type: Boolean, default: undefined },\n    size: { type: String as PropType<Size> },\n    /**\n     * 确认回调使用函数 prop 而非 emit：emit 无法获取监听函数的返回值，而异步门正需要它：\n     * 返回 thenable 即挂起（浮层等待兑现后再收起、确认按钮显示加载），拒绝则保持打开并触发 confirm-error。\n     * 模板中照常写 @confirm，Vue 会把它落到该 prop 上。\n     */\n    onConfirm: { type: Function as PropType<PopconfirmNotifiers['onConfirm']> },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔；cancel 不带载荷\n  emits: {\n    'open-change': (_details: PayloadOf<PopconfirmProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<PopconfirmProps, 'onOpenChange'>['open']) => true,\n    'confirm-error': (_details: PopconfirmConfirmErrorDetails) => true,\n    'cancel': () => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopconfirmRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopconfirmNotifiers = {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n      onConfirm: () => props.onConfirm?.(),\n      onConfirmError: details => emit('confirm-error', details),\n      onCancel: () => { emit('cancel') },\n    }\n    const ctx = usePopconfirm(props as PopconfirmOverlayProps, notify)\n    providePopconfirm(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      pending: ctx.api.value.pending,\n      actionError: ctx.api.value.actionError,\n      setOpen: ctx.api.value.setOpen,\n      confirm: ctx.api.value.confirm,\n      cancel: ctx.api.value.cancel,\n    }))\n  },\n})\n\nexport const XhPopconfirmTrigger = defineComponent({\n  name: 'XhPopconfirmTrigger',\n  // 直通属性自己合：Vue 默认把作者的处理器排在部件的后面，这里改成作者先跑\n  inheritAttrs: false,\n  props: {\n    /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = usePopconfirmContext()\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, 'popconfirm')\n        if (merged)\n          return merged\n      }\n      return h('button', part, children)\n    }\n  },\n})\n\nexport const XhPopconfirmPositioner = defineComponent({\n  name: 'XhPopconfirmPositioner',\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 = usePopconfirmContext()\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        ...mergeProps(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 XhPopconfirmContent = defineComponent({\n  name: 'XhPopconfirmContent',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\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\nexport const XhPopconfirmTitle = defineComponent({\n  name: 'XhPopconfirmTitle',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmDescription = defineComponent({\n  name: 'XhPopconfirmDescription',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmConfirmTrigger = defineComponent({\n  name: 'XhPopconfirmConfirmTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('button', ctx.api.value.getConfirmTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmCancelTrigger = defineComponent({\n  name: 'XhPopconfirmCancelTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('button', ctx.api.value.getCancelTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmArrow = defineComponent({\n  name: 'XhPopconfirmArrow',\n  setup() {\n    const ctx = usePopconfirmContext()\n    return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"popconfirm.js","names":[],"sources":["../../../src/components/popconfirm/popconfirm.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// 提供 popconfirm 相关实现。\n\nimport type { Direction, Placement, Size } from '@xihan-ui/core'\nimport type { PopconfirmApi, PopconfirmConfirmErrorDetails, PopconfirmNotifiers, PopconfirmOverlayProps, PopconfirmProps } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePopconfirm, usePopconfirmContext } from './context'\nimport { usePopconfirm } from './use-popconfirm'\n\n/** 默认插槽的载荷：开合、确认事务状态与三个动作。 */\nexport type PopconfirmRootSlotProps = Pick<\n  PopconfirmApi,\n  'open' | 'pending' | 'actionError' | 'setOpen' | 'confirm' | 'cancel'\n>\n\nexport const XhPopconfirmRoot = defineComponent({\n  name: 'XhPopconfirmRoot',\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */\n    dir: { type: String as PropType<Direction> },\n    closeOnEscape: { type: Boolean, default: true },\n    closeOnInteractOutside: { type: Boolean, default: true },\n    /** 不可打开：触发器转原生 disabled，展开途中转为禁用即收起。 */\n    disabled: { type: Boolean, default: undefined },\n    size: { type: String as PropType<Size> },\n    /**\n     * 确认回调使用函数 prop 而非 emit：emit 无法获取监听函数的返回值，而异步门正需要它：\n     * 返回 thenable 即挂起（浮层等待兑现后再收起、确认按钮显示加载），拒绝则保持打开并触发 confirm-error。\n     * 模板中照常写 @confirm，Vue 会把它落到该 prop 上。\n     */\n    onConfirm: { type: Function as PropType<PopconfirmNotifiers['onConfirm']> },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔；cancel 不带载荷\n  emits: {\n    'open-change': (_details: PayloadOf<PopconfirmProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<PopconfirmProps, 'onOpenChange'>['open']) => true,\n    'confirm-error': (_details: PopconfirmConfirmErrorDetails) => true,\n    'cancel': () => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopconfirmRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopconfirmNotifiers = {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n      onConfirm: () => props.onConfirm?.(),\n      onConfirmError: details => emit('confirm-error', details),\n      onCancel: () => { emit('cancel') },\n    }\n    const ctx = usePopconfirm(props as PopconfirmOverlayProps, notify)\n    providePopconfirm(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      pending: ctx.api.value.pending,\n      actionError: ctx.api.value.actionError,\n      setOpen: ctx.api.value.setOpen,\n      confirm: ctx.api.value.confirm,\n      cancel: ctx.api.value.cancel,\n    }))\n  },\n})\n\nexport const XhPopconfirmTrigger = defineComponent({\n  name: 'XhPopconfirmTrigger',\n  // 直通属性自己合：Vue 默认把作者的处理器排在部件的后面，这里改成作者先跑\n  inheritAttrs: false,\n  props: {\n    /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = usePopconfirmContext()\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, 'popconfirm')\n        if (merged)\n          return merged\n      }\n      return h('button', part, children)\n    }\n  },\n})\n\nexport const XhPopconfirmPositioner = defineComponent({\n  name: 'XhPopconfirmPositioner',\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 = usePopconfirmContext()\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, present: ctx.visible.value }, () => [\n      h('div', {\n        ...mergeProps(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 XhPopconfirmContent = defineComponent({\n  name: 'XhPopconfirmContent',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\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\nexport const XhPopconfirmTitle = defineComponent({\n  name: 'XhPopconfirmTitle',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmDescription = defineComponent({\n  name: 'XhPopconfirmDescription',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmConfirmTrigger = defineComponent({\n  name: 'XhPopconfirmConfirmTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('button', ctx.api.value.getConfirmTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmCancelTrigger = defineComponent({\n  name: 'XhPopconfirmCancelTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopconfirmContext()\n    return () => h('button', ctx.api.value.getCancelTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopconfirmArrow = defineComponent({\n  name: 'XhPopconfirmArrow',\n  setup() {\n    const ctx = usePopconfirmContext()\n    return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

package/dist/components/popover/popover.js

@@ -95,7 +95,8 @@ container: { type: Object } },
 		});
 		return () => h(XhPortal, {
 			to: props.container ?? ctx.portalTarget.value,
-			source: ctx.triggerRef
+			source: ctx.triggerRef,
+			present: ctx.visible.value
 		}, () => [h("div", {
 			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
 			ref: (el) => {

package/dist/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../../src/components/popover/popover.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// 提供 popover 相关实现。\n\nimport type { Direction, Placement, Size } from '@xihan-ui/core'\nimport type { PopoverApi, PopoverSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } 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 { providePopover, usePopoverContext } from './context'\nimport { usePopover } from './use-popover'\n\ntype PopoverProps = PopoverSchema['props']\n\n/** 默认插槽的载荷：浮层的展开态与开合命令。 */\nexport type PopoverRootSlotProps = Pick<PopoverApi, 'open' | 'setOpen'>\n\nexport const XhPopoverRoot = defineComponent({\n  name: 'XhPopoverRoot',\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */\n    dir: { type: String as PropType<Direction> },\n    modal: { type: Boolean, default: false },\n    closeOnEscape: { type: Boolean, default: true },\n    closeOnInteractOutside: { type: Boolean, default: true },\n    /** 浮层不可打开：触发器转原生 disabled。 */\n    disabled: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<PopoverProps['translations']> },\n    size: { type: String as PropType<Size> },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<PopoverProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<PopoverProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopoverRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopoverProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = usePopover(withXhConfig('popover', props) as PopoverProps, notify)\n    providePopover(ctx)\n    return () => slots.default?.({ open: ctx.api.value.open, setOpen: ctx.api.value.setOpen })\n  },\n})\n\nexport const XhPopoverTrigger = defineComponent({\n  name: 'XhPopoverTrigger',\n  // 直通属性自己合：Vue 默认把作者的处理器排在部件的后面，这里改成作者先跑\n  inheritAttrs: false,\n  props: {\n    /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = usePopoverContext()\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, 'popover')\n        if (merged)\n          return merged\n      }\n      return h('button', part, children)\n    }\n  },\n})\n\nexport const XhPopoverPositioner = defineComponent({\n  name: 'XhPopoverPositioner',\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 = usePopoverContext()\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        ...mergeProps(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 XhPopoverContent = defineComponent({\n  name: 'XhPopoverContent',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\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\nexport const XhPopoverTitle = defineComponent({\n  name: 'XhPopoverTitle',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\n    return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopoverDescription = defineComponent({\n  name: 'XhPopoverDescription',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\n    return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopoverCloseTrigger = defineComponent({\n  name: 'XhPopoverCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopoverArrow = defineComponent({\n  name: 'XhPopoverArrow',\n  setup() {\n    const ctx = usePopoverContext()\n    return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;;;;;;AAyBA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,WAAW,EAAE,MAAM,OAA8B;EACjD,QAAQ,EAAE,MAAM,OAAO;;EAEvB,KAAK,EAAE,MAAM,OAA8B;EAC3C,OAAO;GAAE,MAAM;GAAS,SAAS;EAAM;EACvC,eAAe;GAAE,MAAM;GAAS,SAAS;EAAK;EAC9C,wBAAwB;GAAE,MAAM;GAAS,SAAS;EAAK;;EAEvD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,cAAc,EAAE,MAAM,OAAiD;EACvE,MAAM,EAAE,MAAM,OAAyB;CACzC;CAEA,OAAO;EACL,gBAAgB,aAAsD;EACtE,gBAAgB,UAA2D;CAC7E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAwC,YAAY;GACxD,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,WAAW,aAAa,WAAW,KAAK,GAAmB,MAAM;EAC7E,eAAe,GAAG;EAClB,aAAa,MAAM,UAAU;GAAE,MAAM,IAAI,IAAI,MAAM;GAAM,SAAS,IAAI,IAAI,MAAM;EAAQ,CAAC;CAC3F;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CAEN,cAAc;CACd,OAAO;;AAEL,SAAS,QACX;CACA,MAAM,OAAO,EAAE,OAAO,SAAS;EAC7B,MAAM,MAAM,kBAAkB;EAC9B,aAAa;GACX,MAAM,OAAO,eAAe;IAC1B,GAAG,IAAI,IAAI,MAAM,gBAAgB;IACjC,MAAM,OAAgB;KAAE,IAAI,WAAW,QAAQ;IAAkB;GACnE,GAAG,KAAK;GACR,MAAM,WAAW,MAAM,UAAU;GAEjC,IAAI,MAAM,SAAS;IACjB,MAAM,SAAS,eAAe,UAAU,MAAM,SAAS;IACvD,IAAI,QACF,OAAO;GACX;GACA,OAAO,EAAE,UAAU,MAAM,QAAQ;EACnC;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,WAAW,EAAE,MAAM,OAA4B,EACjD;CAEA,cAAc;CACd,MAAM,OAAO,EAAE,OAAO,SAAS;EAC7B,MAAM,MAAM,kBAAkB;EAE9B,MAAM,OAAO,cAAc;GAAE,kBAAkB,IAAI,WAAW;GAAO,OAAO,EAAE,MAAM,KAAK;EAAE,CAAC;EAE5F,aAAa,EAAE,UAAU;GAAE,IAAI,MAAM,aAAa,IAAI,aAAa;GAAO,QAAQ,IAAI;EAAW,SAAS,CACxG,EAAE,OAAO;GACP,GAAG,WAAW,IAAI,IAAI,MAAM,mBAAmB,GAA8B,KAAK;GAClF,MAAM,OAAgB;IAAE,IAAI,cAAc,QAAQ;GAAkB;EACtE,GAAG,CAAC,GAAI,MAAM,UAAU,KAAK,CAAC,GAAI,GAAG,KAAK,OAAO,CAAC,CAAC,CACrD,CAAC;CACH;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GAGjC,OAAO,IAAI,QAAQ,QAAQ,KAAA,IAAY,EAAE,SAAS,OAAO;GACzD,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa,EAAE,MAAM,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,kBAAkB;EAC9B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,CAA4B;CAChF;AACF,CAAC"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../../src/components/popover/popover.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// 提供 popover 相关实现。\n\nimport type { Direction, Placement, Size } from '@xihan-ui/core'\nimport type { PopoverApi, PopoverSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } 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 { providePopover, usePopoverContext } from './context'\nimport { usePopover } from './use-popover'\n\ntype PopoverProps = PopoverSchema['props']\n\n/** 默认插槽的载荷：浮层的展开态与开合命令。 */\nexport type PopoverRootSlotProps = Pick<PopoverApi, 'open' | 'setOpen'>\n\nexport const XhPopoverRoot = defineComponent({\n  name: 'XhPopoverRoot',\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */\n    dir: { type: String as PropType<Direction> },\n    modal: { type: Boolean, default: false },\n    closeOnEscape: { type: Boolean, default: true },\n    closeOnInteractOutside: { type: Boolean, default: true },\n    /** 浮层不可打开：触发器转原生 disabled。 */\n    disabled: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<PopoverProps['translations']> },\n    size: { type: String as PropType<Size> },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<PopoverProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<PopoverProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopoverRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopoverProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = usePopover(withXhConfig('popover', props) as PopoverProps, notify)\n    providePopover(ctx)\n    return () => slots.default?.({ open: ctx.api.value.open, setOpen: ctx.api.value.setOpen })\n  },\n})\n\nexport const XhPopoverTrigger = defineComponent({\n  name: 'XhPopoverTrigger',\n  // 直通属性自己合：Vue 默认把作者的处理器排在部件的后面，这里改成作者先跑\n  inheritAttrs: false,\n  props: {\n    /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = usePopoverContext()\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, 'popover')\n        if (merged)\n          return merged\n      }\n      return h('button', part, children)\n    }\n  },\n})\n\nexport const XhPopoverPositioner = defineComponent({\n  name: 'XhPopoverPositioner',\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 = usePopoverContext()\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, present: ctx.visible.value }, () => [\n      h('div', {\n        ...mergeProps(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 XhPopoverContent = defineComponent({\n  name: 'XhPopoverContent',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\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\nexport const XhPopoverTitle = defineComponent({\n  name: 'XhPopoverTitle',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\n    return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopoverDescription = defineComponent({\n  name: 'XhPopoverDescription',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\n    return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopoverCloseTrigger = defineComponent({\n  name: 'XhPopoverCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopoverContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopoverArrow = defineComponent({\n  name: 'XhPopoverArrow',\n  setup() {\n    const ctx = usePopoverContext()\n    return () => h('div', ctx.api.value.getArrowProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

package/dist/components/radar-chart/radar-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radar-chart.d.ts","names":[],"sources":["../../../src/components/radar-chart/radar-chart.ts"],"mappings":";;;;KA6BK,kBAAkB;;KAGX,0BAA0B,KAAK;;UAG1B;EACf,QAAQ;EACR,SAAS;;;cAmDE,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAa7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAS/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAU3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;;EAGlB,WAAC,OAAO,+BAA+B;kCAWnD;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,8BAAA;;IAIF,MAAA,kBAAkB;;;;;;IAEZ,MAAA,kBAAkB;;;IACtB,MAAA,SAAS;;;;;;;IAET,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAKI,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;EAId,yBAAA,UAAA,UAAU;EACZ,wBAAA,SAAA,UAAU;EACX,sBAAA,UAAA,UAAU;EACf,qBAAA,MAAA,UAAU;EACV,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;;;IA3Bb,MAAA,kBAAkB;;;;;;IAEZ,MAAA,kBAAkB;;;IACtB,MAAA,SAAS;;;;;;;IAET,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAKI,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,4BAA4B;;EAEpC,gBAAM;;EAEN,WAAC,OAAO,+BAA+B;;EAEzC,cAAM;kCA8ChB"}
+{"version":3,"file":"radar-chart.d.ts","names":[],"sources":["../../../src/components/radar-chart/radar-chart.ts"],"mappings":";;;;KA6BK,kBAAkB;;KAGX,0BAA0B,KAAK;;UAG1B;EACf,QAAQ;EACR,SAAS;;;cAsDE,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAa7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAS/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAU3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;;EAGlB,WAAC,OAAO,+BAA+B;kCAWnD;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,8BAAA;;IAIF,MAAA,kBAAkB;;;;;;IAEZ,MAAA,kBAAkB;;;IACtB,MAAA,SAAS;;;;;;;IAET,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAKI,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;EAId,yBAAA,UAAA,UAAU;EACZ,wBAAA,SAAA,UAAU;EACX,sBAAA,UAAA,UAAU;EACf,qBAAA,MAAA,UAAU;EACV,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;;;IA3Bb,MAAA,kBAAkB;;;;;;IAEZ,MAAA,kBAAkB;;;IACtB,MAAA,SAAS;;;;;;;IAET,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAKI,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,4BAA4B;;EAEpC,gBAAM;;EAEN,WAAC,OAAO,+BAA+B;;EAEzC,cAAM;kCA8ChB"}

package/dist/components/radar-chart/radar-chart.js

@@ -36,7 +36,7 @@ function renderTooltipContent(api) {
 /** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */
 function renderA11y(api) {
 	const { columns, rows } = api.table;
-	return [h("p", api.getSummaryProps(), api.summary), h("table", api.getTableProps(), [
+	return [h("p", api.getSummaryProps(), api.summary), h("div", api.getTableRegionProps(), [h("table", api.getTableProps(), [
 		h("caption", api.tableCaption),
 		h("thead", [h("tr", columns.map((column) => h("th", {
 			key: column.id,
@@ -46,7 +46,7 @@ function renderA11y(api) {
 			key: c,
 			scope: "row"
 		}, cell.text) : h("td", { key: c }, cell.text)))))
-	])];
+	])])];
 }
 /** 标题：图表的可及名来源。 */
 const XhRadarChartCaption = defineComponent({