@xihan-ui/vue 1.0.0-alpha.3 → 1.1.0

package/dist/components/popselect/popselect.d.ts

@@ -147,21 +147,21 @@ declare const XhPopselectRoot: import("vue").DefineComponent<import("vue").Extra
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").PopoverOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
-  size: Size;
   value: string | string[];
   multiple: boolean;
   collection: PopselectNode[];
   defaultValue: string | string[];
   dir: Direction;
   tone: Tone;
+  size: Size;
   disabled: boolean;
   open: boolean;
   defaultOpen: boolean;
   translations: Partial<PopselectTranslations>;
   offset: number;
-  variant: ControlVariant;
   loop: boolean;
   placement: Placement;
+  variant: ControlVariant;
   typeahead: boolean;
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"popselect.d.ts","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"mappings":";;;;;;;KAWY,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;IAIK,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;IAxBJ,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCA4B/C;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;qCAuB7B;;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAchC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAoC1B;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"popselect.d.ts","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"mappings":";;;;;;;KAaY,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;IAIK,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;IAxBJ,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCA4B/C;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;qCAuB7B;;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAgBhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAoC1B;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/popselect/popselect.js

@@ -1,3 +1,5 @@
+import { withXhConfig } from "../../config/config.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
 import { mergeIntoChild } from "../../runtime/as-child.js";
 import { providePopselect, providePopselectItem, usePopselectContext, usePopselectItemContext } from "./context.js";
 import { usePopselect } from "./use-popselect.js";
@@ -78,7 +80,7 @@ const XhPopselectRoot = defineComponent({
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
-		const ctx = usePopselect(props, {
+		const ctx = usePopselect(withXhConfig("popselect", props), {
 			onValueChange: (details) => {
 				emit("value-change", details);
 				emit("update:value", details.value);
@@ -147,12 +149,13 @@ const XhPopselectPositioner = defineComponent({
 	inheritAttrs: false,
 	setup(_, { slots, attrs }) {
 		const ctx = usePopselectContext();
+		const bars = useScrollbars({ scrollable: () => ctx.contentRef.value });
 		return () => h(Teleport, { to: ctx.portalTarget.value }, [h("div", {
 			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
 			ref: (el) => {
 				ctx.positionerRef.value = el;
 			}
-		}, slots.default?.())]);
+		}, [...slots.default?.() ?? [], ...bars.render()])]);
 	}
 });
 const XhPopselectContent = defineComponent({

package/dist/components/popselect/popselect.js.map

@@ -1 +1 @@
-{"version":3,"file":"popselect.js","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"sourcesContent":["import type { PopselectApi, PopselectItemProps, PopselectNode, PopselectNodeMeta, PopselectTranslations } from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { PopselectNotifiers, PopselectRootProps } from './use-popselect'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, Teleport, watch } from 'vue'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { providePopselect, providePopselectItem, usePopselectContext, usePopselectItemContext } from './context'\nimport { usePopselect } from './use-popselect'\n\n/** 默认插槽的载荷：浮层开合、选中集合与条目数据，以及改动它们的方法。 */\nexport type PopselectRootSlotProps = Pick<\n  PopselectApi,\n  'open' | 'value' | 'collection' | 'focusedValue' | 'canClear' | 'isSelected' | 'setOpen' | 'setValue' | 'select' | 'clear'\n>\n\nexport const XhPopselectRoot = defineComponent({\n  name: 'XhPopselectRoot',\n  // 有 connect 或机器兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<PopselectNode[]>, default: undefined },\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    multiple: Boolean,\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    typeahead: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    closeOnEscape: { type: Boolean, default: undefined },\n    closeOnInteractOutside: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<PopselectTranslations>>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；回传的选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<PopselectNotifiers, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<PopselectNotifiers, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<PopselectNotifiers, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<PopselectNotifiers, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopselectRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopselectNotifiers = {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const ctx = usePopselect(props as PopselectRootProps, notify)\n    providePopselect(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      value: ctx.api.value.value,\n      collection: ctx.api.value.collection,\n      focusedValue: ctx.api.value.focusedValue,\n      canClear: ctx.api.value.canClear,\n      isSelected: ctx.api.value.isSelected,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      select: ctx.api.value.select,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\n/** 盒：触发器与清空按钮在里面并排，描边、底色与聚焦环都长在它上面。 */\nexport const XhPopselectControl = defineComponent({\n  name: 'XhPopselectControl',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectTrigger = defineComponent({\n  name: 'XhPopselectTrigger',\n  props: {\n    /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    return () => {\n      const attrs = {\n        ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n      }\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, attrs, 'popselect')\n        if (merged)\n          return merged\n      }\n      return h('button', attrs, children)\n    }\n  },\n})\n\n/** 清空钮：盒里 trigger 的兄弟节点，有选中值才显出；没写内容时由皮肤画叉。 */\nexport const XhPopselectClearTrigger = defineComponent({\n  name: 'XhPopselectClearTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectPositioner = defineComponent({\n  name: 'XhPopselectPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = usePopselectContext()\n    // 定位层搬到 portal 落点，逃开祖先的层叠上下文\n    return () => h(Teleport, { to: ctx.portalTarget.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?.()),\n    ])\n  },\n})\n\nexport const XhPopselectContent = defineComponent({\n  name: 'XhPopselectContent',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\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?.() ?? renderItems(ctx.api.value.collection, slots.item))\n  },\n})\n\nexport const XhPopselectItem = defineComponent({\n  name: 'XhPopselectItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    const item = computed<PopselectItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    providePopselectItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'ITEM.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPopselectItemText = defineComponent({\n  name: 'XhPopselectItemText',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectItemIndicator = defineComponent({\n  name: 'XhPopselectItemIndicator',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 浮层里没写默认插槽时按 collection 铺开的条目，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要在条目之外放别的节点就写默认插槽。\n */\nfunction renderItems(\n  collection: readonly PopselectNodeMeta[],\n  itemSlot?: (node: PopselectNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node =>\n    h(XhPopselectItem, { key: node.value, value: node.value }, () => [\n      h(XhPopselectItemText, null, () => itemSlot?.(node) ?? node.label),\n      h(XhPopselectItemIndicator),\n    ]),\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"popselect.js","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"sourcesContent":["import type { PopselectApi, PopselectItemProps, PopselectNode, PopselectNodeMeta, PopselectTranslations } from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { PopselectNotifiers, PopselectRootProps } from './use-popselect'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, Teleport, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePopselect, providePopselectItem, usePopselectContext, usePopselectItemContext } from './context'\nimport { usePopselect } from './use-popselect'\n\n/** 默认插槽的载荷：浮层开合、选中集合与条目数据，以及改动它们的方法。 */\nexport type PopselectRootSlotProps = Pick<\n  PopselectApi,\n  'open' | 'value' | 'collection' | 'focusedValue' | 'canClear' | 'isSelected' | 'setOpen' | 'setValue' | 'select' | 'clear'\n>\n\nexport const XhPopselectRoot = defineComponent({\n  name: 'XhPopselectRoot',\n  // 有 connect 或机器兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<PopselectNode[]>, default: undefined },\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    multiple: Boolean,\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    typeahead: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    closeOnEscape: { type: Boolean, default: undefined },\n    closeOnInteractOutside: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<PopselectTranslations>>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；回传的选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<PopselectNotifiers, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<PopselectNotifiers, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<PopselectNotifiers, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<PopselectNotifiers, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopselectRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopselectNotifiers = {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const ctx = usePopselect(withXhConfig('popselect', props) as PopselectRootProps, notify)\n    providePopselect(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      value: ctx.api.value.value,\n      collection: ctx.api.value.collection,\n      focusedValue: ctx.api.value.focusedValue,\n      canClear: ctx.api.value.canClear,\n      isSelected: ctx.api.value.isSelected,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      select: ctx.api.value.select,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\n/** 盒：触发器与清空按钮在里面并排，描边、底色与聚焦环都长在它上面。 */\nexport const XhPopselectControl = defineComponent({\n  name: 'XhPopselectControl',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectTrigger = defineComponent({\n  name: 'XhPopselectTrigger',\n  props: {\n    /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    return () => {\n      const attrs = {\n        ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n      }\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, attrs, 'popselect')\n        if (merged)\n          return merged\n      }\n      return h('button', attrs, children)\n    }\n  },\n})\n\n/** 清空钮：盒里 trigger 的兄弟节点，有选中值才显出；没写内容时由皮肤画叉。 */\nexport const XhPopselectClearTrigger = defineComponent({\n  name: 'XhPopselectClearTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectPositioner = defineComponent({\n  name: 'XhPopselectPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = usePopselectContext()\n    // 候选列表的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value })\n    // 定位层搬到 portal 落点，逃开祖先的层叠上下文\n    return () => h(Teleport, { to: ctx.portalTarget.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 XhPopselectContent = defineComponent({\n  name: 'XhPopselectContent',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\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?.() ?? renderItems(ctx.api.value.collection, slots.item))\n  },\n})\n\nexport const XhPopselectItem = defineComponent({\n  name: 'XhPopselectItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    const item = computed<PopselectItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    providePopselectItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'ITEM.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPopselectItemText = defineComponent({\n  name: 'XhPopselectItemText',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectItemIndicator = defineComponent({\n  name: 'XhPopselectItemIndicator',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 浮层里没写默认插槽时按 collection 铺开的条目，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要在条目之外放别的节点就写默认插槽。\n */\nfunction renderItems(\n  collection: readonly PopselectNodeMeta[],\n  itemSlot?: (node: PopselectNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node =>\n    h(XhPopselectItem, { key: node.value, value: node.value }, () => [\n      h(XhPopselectItemText, null, () => itemSlot?.(node) ?? node.label),\n      h(XhPopselectItemIndicator),\n    ]),\n  )\n}\n"],"mappings":"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"}

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

@@ -45,7 +45,7 @@ function usePopselect(props, notify = {}) {
 		const registerLayer = () => config.layerRegistry.register({
 			kind: "popover",
 			node: () => contentRef.value,
-			branches: () => [triggerRef.value].filter(Boolean),
+			branches: () => [triggerRef.value, positionerRef.value].filter(Boolean),
 			isModal: () => false,
 			setModal: () => {},
 			surfaces: () => []

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

@@ -1 +1 @@
-{"version":3,"file":"use-popselect.js","names":[],"sources":["../../../src/components/popselect/use-popselect.ts"],"sourcesContent":["import type {\n  ListboxSchema,\n  PopoverSchema,\n  PopselectApi,\n  PopselectNode,\n  PopselectTranslations,\n} from '@xihan-ui/headless'\nimport type { Cleanup, ControlVariant, Direction, Layer, Placement, RuntimeConfig, Size, Tone } from '@xihan-ui/kernel'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectPopselect, listboxMachine, popoverMachine, popselectInitialFocus } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\n/** 根部件对外的全部输入：浮层一半归 popover 机器，列表一半归 listbox 机器，三个视觉轴直给 connect。 */\nexport interface PopselectRootProps {\n  collection?: PopselectNode[]\n  value?: string | string[]\n  defaultValue?: string | string[]\n  multiple?: boolean\n  disabled?: boolean\n  loop?: boolean\n  typeahead?: boolean\n  dir?: Direction\n  open?: boolean\n  defaultOpen?: boolean\n  placement?: Placement\n  offset?: number\n  closeOnEscape?: boolean\n  closeOnInteractOutside?: boolean\n  variant?: ControlVariant\n  tone?: Tone\n  size?: Size\n  translations?: Partial<PopselectTranslations>\n}\n\nexport interface PopselectContext {\n  /** 浮层机器，供部件读开合状态。 */\n  popover: Service<PopoverSchema>\n  /** 列表机器，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  listbox: Service<ListboxSchema>\n  api: ComputedRef<PopselectApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层搬到哪儿：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport interface PopselectNotifiers {\n  onValueChange?: ListboxSchema['props']['onValueChange']\n  onOpenChange?: PopoverSchema['props']['onOpenChange']\n}\n\nexport function usePopselect(props: PopselectRootProps, notify: PopselectNotifiers = {}): PopselectContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  // 两台机器共用一个 scope：trigger 与 content 的 id 由它派生，aria-controls 才指得准\n  const scope = createScope(null, idGen)\n\n  const popover = useMachine(popoverMachine, () => ({\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    placement: props.placement,\n    offset: props.offset,\n    closeOnEscape: props.closeOnEscape,\n    closeOnInteractOutside: props.closeOnInteractOutside,\n    // 弹出选择不陷焦点：Tab 走得出去，走出去即由消解层判定收起\n    modal: false,\n    onOpenChange: notify.onOpenChange,\n  }), scope)\n\n  // 连打检索缓冲存在 listbox 机器的 refs 里，适配器不必注入\n  const listbox = useMachine(listboxMachine, () => ({\n    collection: props.collection,\n    value: props.value,\n    defaultValue: props.defaultValue,\n    multiple: props.multiple,\n    disabled: props.disabled,\n    loop: props.loop,\n    typeahead: props.typeahead,\n    dir: props.dir,\n    onValueChange: notify.onValueChange,\n  }), scope)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由 popover 机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互\n      branches: () => [triggerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      // 列表不带遮罩，没有「点它就该关本层」的表面\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    popover.refs.set('config', config!)\n    popover.refs.set('registerLayer', registerLayer)\n    popover.refs.set('position', createPositionEngine())\n    popover.refs.set('getAnchorEl', () => triggerRef.value)\n    popover.refs.set('getFloatingEl', () => positionerRef.value)\n    popover.refs.set('getContentEl', () => contentRef.value)\n    // 落焦点由 popselect 这一侧收口：有锚点条目就落它，没有就落列表容器\n    popover.refs.set('getInitialFocusEl', () => popselectInitialFocus(listbox, contentRef.value))\n  }\n\n  const api = computed(() => connectPopselect({\n    popover,\n    listbox,\n    props: { variant: props.variant, tone: props.tone, size: props.size, translations: props.translations },\n  }, vueNormalize))\n\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, popover, listbox, api, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AA8DA,SAAgB,aAAa,OAA2B,SAA6B,CAAC,GAAqB;CACzG,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CAEnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CAErC,MAAM,UAAU,WAAW,uBAAuB;EAChD,MAAM,MAAM;EACZ,aAAa,MAAM;EACnB,WAAW,MAAM;EACjB,QAAQ,MAAM;EACd,eAAe,MAAM;EACrB,wBAAwB,MAAM;EAE9B,OAAO;EACP,cAAc,OAAO;CACvB,IAAI,KAAK;CAGT,MAAM,UAAU,WAAW,uBAAuB;EAChD,YAAY,MAAM;EAClB,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,UAAU,MAAM;EAChB,UAAU,MAAM;EAChB,MAAM,MAAM;EACZ,WAAW,MAAM;EACjB,KAAK,MAAM;EACX,eAAe,OAAO;CACxB,IAAI,KAAK;CAGT,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAEvB,gBAAgB,CAAC,WAAW,KAAK,CAAC,CAAC,OAAO,OAAO;GACjD,eAAe;GACf,gBAAgB,CAAC;GAEjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EAEvD,QAAQ,KAAK,IAAI,2BAA2B,sBAAsB,SAAS,WAAW,KAAK,CAAC;CAC9F;CAEA,MAAM,MAAM,eAAe,iBAAiB;EAC1C;EACA;EACA,OAAO;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,MAAM,MAAM;GAAM,cAAc,MAAM;EAAa;CACxG,GAAG,YAAY,CAAC;CAOhB,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAS;EAAS;EAAK;EAAY;EAAe;EAAY,cAF3D,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAE9B;CAAE;AAC/F"}
+{"version":3,"file":"use-popselect.js","names":[],"sources":["../../../src/components/popselect/use-popselect.ts"],"sourcesContent":["import type {\n  ListboxSchema,\n  PopoverSchema,\n  PopselectApi,\n  PopselectNode,\n  PopselectTranslations,\n} from '@xihan-ui/headless'\nimport type { Cleanup, ControlVariant, Direction, Layer, Placement, RuntimeConfig, Size, Tone } from '@xihan-ui/kernel'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectPopselect, listboxMachine, popoverMachine, popselectInitialFocus } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\n/** 根部件对外的全部输入：浮层一半归 popover 机器，列表一半归 listbox 机器，三个视觉轴直给 connect。 */\nexport interface PopselectRootProps {\n  collection?: PopselectNode[]\n  value?: string | string[]\n  defaultValue?: string | string[]\n  multiple?: boolean\n  disabled?: boolean\n  loop?: boolean\n  typeahead?: boolean\n  dir?: Direction\n  open?: boolean\n  defaultOpen?: boolean\n  placement?: Placement\n  offset?: number\n  closeOnEscape?: boolean\n  closeOnInteractOutside?: boolean\n  variant?: ControlVariant\n  tone?: Tone\n  size?: Size\n  translations?: Partial<PopselectTranslations>\n}\n\nexport interface PopselectContext {\n  /** 浮层机器，供部件读开合状态。 */\n  popover: Service<PopoverSchema>\n  /** 列表机器，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  listbox: Service<ListboxSchema>\n  api: ComputedRef<PopselectApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层搬到哪儿：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport interface PopselectNotifiers {\n  onValueChange?: ListboxSchema['props']['onValueChange']\n  onOpenChange?: PopoverSchema['props']['onOpenChange']\n}\n\nexport function usePopselect(props: PopselectRootProps, notify: PopselectNotifiers = {}): PopselectContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  // 两台机器共用一个 scope：trigger 与 content 的 id 由它派生，aria-controls 才指得准\n  const scope = createScope(null, idGen)\n\n  const popover = useMachine(popoverMachine, () => ({\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    placement: props.placement,\n    offset: props.offset,\n    closeOnEscape: props.closeOnEscape,\n    closeOnInteractOutside: props.closeOnInteractOutside,\n    // 弹出选择不陷焦点：Tab 走得出去，走出去即由消解层判定收起\n    modal: false,\n    onOpenChange: notify.onOpenChange,\n  }), scope)\n\n  // 连打检索缓冲存在 listbox 机器的 refs 里，适配器不必注入\n  const listbox = useMachine(listboxMachine, () => ({\n    collection: props.collection,\n    value: props.value,\n    defaultValue: props.defaultValue,\n    multiple: props.multiple,\n    disabled: props.disabled,\n    loop: props.loop,\n    typeahead: props.typeahead,\n    dir: props.dir,\n    onValueChange: notify.onValueChange,\n  }), scope)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由 popover 机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互；\n      // 浮层壳一并记上：候选列表之外还浮着自绘滚动条，按住它拖动不该把列表消解掉\n      branches: () => [triggerRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      // 列表不带遮罩，没有「点它就该关本层」的表面\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    popover.refs.set('config', config!)\n    popover.refs.set('registerLayer', registerLayer)\n    popover.refs.set('position', createPositionEngine())\n    popover.refs.set('getAnchorEl', () => triggerRef.value)\n    popover.refs.set('getFloatingEl', () => positionerRef.value)\n    popover.refs.set('getContentEl', () => contentRef.value)\n    // 落焦点由 popselect 这一侧收口：有锚点条目就落它，没有就落列表容器\n    popover.refs.set('getInitialFocusEl', () => popselectInitialFocus(listbox, contentRef.value))\n  }\n\n  const api = computed(() => connectPopselect({\n    popover,\n    listbox,\n    props: { variant: props.variant, tone: props.tone, size: props.size, translations: props.translations },\n  }, vueNormalize))\n\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, popover, listbox, api, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AA8DA,SAAgB,aAAa,OAA2B,SAA6B,CAAC,GAAqB;CACzG,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CAEnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CAErC,MAAM,UAAU,WAAW,uBAAuB;EAChD,MAAM,MAAM;EACZ,aAAa,MAAM;EACnB,WAAW,MAAM;EACjB,QAAQ,MAAM;EACd,eAAe,MAAM;EACrB,wBAAwB,MAAM;EAE9B,OAAO;EACP,cAAc,OAAO;CACvB,IAAI,KAAK;CAGT,MAAM,UAAU,WAAW,uBAAuB;EAChD,YAAY,MAAM;EAClB,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,UAAU,MAAM;EAChB,UAAU,MAAM;EAChB,MAAM,MAAM;EACZ,WAAW,MAAM;EACjB,KAAK,MAAM;EACX,eAAe,OAAO;CACxB,IAAI,KAAK;CAGT,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;GAEjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EAEvD,QAAQ,KAAK,IAAI,2BAA2B,sBAAsB,SAAS,WAAW,KAAK,CAAC;CAC9F;CAEA,MAAM,MAAM,eAAe,iBAAiB;EAC1C;EACA;EACA,OAAO;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,MAAM,MAAM;GAAM,cAAc,MAAM;EAAa;CACxG,GAAG,YAAY,CAAC;CAOhB,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAS;EAAS;EAAK;EAAY;EAAe;EAAY,cAF3D,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAE9B;CAAE;AAC/F"}

package/dist/components/progress/progress.d.ts

@@ -70,8 +70,8 @@ declare const XhProgress: import("vue").DefineComponent<import("vue").ExtractPro
   size: PropType<Size>;
 }>> & Readonly<{}>, {
   value: number;
-  max: number;
   variant: ProgressVariant;
+  max: number;
   indeterminate: boolean;
   valueText: string;
   strokeWidth: number;

package/dist/components/qr-code/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/qr-code/context.ts
-const KEY = Symbol("xh-qr-code");
+const KEY = Symbol.for("xh-qr-code");
 function provideQrCode(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/qr-code/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/qr-code/context.ts"],"sourcesContent":["import type { QrCodeApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface QrCodeContext {\n  api: ComputedRef<QrCodeApi>\n}\n\nconst KEY: InjectionKey<QrCodeContext> = Symbol('xh-qr-code')\n\nexport function provideQrCode(ctx: QrCodeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useQrCodeContext(): QrCodeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] QrCode 部件必须用在 XhQrCode 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAmC,OAAO,YAAY;AAE5D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/qr-code/context.ts"],"sourcesContent":["import type { QrCodeApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface QrCodeContext {\n  api: ComputedRef<QrCodeApi>\n}\n\nconst KEY: InjectionKey<QrCodeContext> = Symbol.for('xh-qr-code')\n\nexport function provideQrCode(ctx: QrCodeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useQrCodeContext(): QrCodeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] QrCode 部件必须用在 XhQrCode 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAmC,OAAO,IAAI,YAAY;AAEhE,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}

package/dist/components/radio-group/context.js

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/radio-group/context.ts
-const KEY = Symbol("xh-radio-group");
-const ITEM_KEY = Symbol("xh-radio-group-item");
+const KEY = Symbol.for("xh-radio-group");
+const ITEM_KEY = Symbol.for("xh-radio-group-item");
 function provideRadioGroup(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/radio-group/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/radio-group/context.ts"],"sourcesContent":["import type { RadioGroupItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { RadioGroupContext } from './use-radio-group'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 item-text / indicator 这类子部件复用同一份声明。 */\nexport interface RadioGroupItemContext {\n  item: ComputedRef<RadioGroupItemProps>\n}\n\nconst KEY: InjectionKey<RadioGroupContext> = Symbol('xh-radio-group')\nconst ITEM_KEY: InjectionKey<RadioGroupItemContext> = Symbol('xh-radio-group-item')\n\nexport function provideRadioGroup(ctx: RadioGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRadioGroupContext(): RadioGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 部件必须用在 XhRadioGroupRoot 内')\n  return ctx\n}\n\nexport function provideRadioGroupItem(ctx: RadioGroupItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useRadioGroupItemContext(): RadioGroupItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 条目子部件必须用在 XhRadioGroupItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,gBAAgB;AACpE,MAAM,WAAgD,OAAO,qBAAqB;AAElF,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/radio-group/context.ts"],"sourcesContent":["import type { RadioGroupItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { RadioGroupContext } from './use-radio-group'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 item-text / indicator 这类子部件复用同一份声明。 */\nexport interface RadioGroupItemContext {\n  item: ComputedRef<RadioGroupItemProps>\n}\n\nconst KEY: InjectionKey<RadioGroupContext> = Symbol.for('xh-radio-group')\nconst ITEM_KEY: InjectionKey<RadioGroupItemContext> = Symbol.for('xh-radio-group-item')\n\nexport function provideRadioGroup(ctx: RadioGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRadioGroupContext(): RadioGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 部件必须用在 XhRadioGroupRoot 内')\n  return ctx\n}\n\nexport function provideRadioGroupItem(ctx: RadioGroupItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useRadioGroupItemContext(): RadioGroupItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] RadioGroup 条目子部件必须用在 XhRadioGroupItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AAEtF,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT"}

package/dist/components/radio-group/radio-group.d.ts

@@ -101,13 +101,13 @@ declare const XhRadioGroupRoot: import("vue").DefineComponent<import("vue").Extr
   name: string;
   invalid: boolean;
   label: string;
-  size: Size;
   value: string | null;
   collection: RadioGroupNode[];
   defaultValue: string | null;
   orientation: Orientation;
   dir: Direction;
   tone: Tone;
+  size: Size;
   disabled: boolean;
   readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/rating/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/rating/context.ts
-const KEY = Symbol("xh-rating");
+const KEY = Symbol.for("xh-rating");
 function provideRating(ctx) {
 	provide(KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/rating/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { RatingContext } from './use-rating'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<RatingContext> = Symbol('xh-rating')\n\nexport function provideRating(ctx: RatingContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRatingContext(): RatingContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Rating 部件必须用在 XhRatingRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,WAAW;AAE3D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/rating/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { RatingContext } from './use-rating'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<RatingContext> = Symbol.for('xh-rating')\n\nexport function provideRating(ctx: RatingContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useRatingContext(): RatingContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Rating 部件必须用在 XhRatingRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

package/dist/components/rating/rating.d.ts

@@ -95,14 +95,14 @@ declare const XhRatingRoot: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
   required: boolean;
   name: string;
-  size: Size;
   value: number;
   defaultValue: number;
   dir: Direction;
   tone: Tone;
+  size: Size;
   disabled: boolean;
-  count: number;
   readOnly: boolean;
+  count: number;
   allowHalf: boolean;
   allowClear: boolean;
 }, SlotsType<{

package/dist/components/resizable/context.d.ts

@@ -0,0 +1,7 @@
+import { ResizableContext } from "./use-resizable.js";
+//#region src/components/resizable/context.d.ts
+declare function provideResizable(ctx: ResizableContext): void;
+declare function useResizableContext(): ResizableContext;
+//#endregion
+export { provideResizable, useResizableContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/resizable/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/resizable/context.ts"],"mappings":";;iBAMgB,iBAAiB,KAAK;iBAItB,uBAAuB"}

package/dist/components/resizable/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/components/resizable/context.ts
+const KEY = Symbol.for("xh-resizable");
+function provideResizable(ctx) {
+	provide(KEY, ctx);
+}
+function useResizableContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] Resizable 部件必须用在 XhResizableRoot 内");
+	return ctx;
+}
+//#endregion
+export { provideResizable, useResizableContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/resizable/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ResizableContext } from './use-resizable'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ResizableContext> = Symbol.for('xh-resizable')\n\nexport function provideResizable(ctx: ResizableContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useResizableContext(): ResizableContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Resizable 部件必须用在 XhResizableRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,IAAI,cAAc;AAErE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/resizable/resizable.d.ts

@@ -0,0 +1,174 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { ResizableOffset, ResizableSchema, ResizableSize, ResizableTranslations } from "@xihan-ui/headless";
+import { Direction } from "@xihan-ui/kernel";
+import { ResizeEdge } from "@xihan-ui/pointer";
+//#region src/components/resizable/resizable.d.ts
+type ResizableProps = ResizableSchema['props'];
+/** 默认插槽的载荷：当前尺寸、位移与调整态。 */
+interface ResizableRootSlotProps {
+  size: ResizableSize;
+  offset: ResizableOffset;
+  resizing: boolean;
+  activeEdge: ResizeEdge | null;
+}
+declare const XhResizableRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  size: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  defaultSize: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  minWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  minHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  aspectRatio: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  step: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardLargeStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  edges: {
+    type: PropType<ResizeEdge[]>;
+    default: undefined;
+  };
+  disabled: BooleanConstructor;
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<ResizableTranslations>>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'size-change': (_details: PayloadOf<ResizableProps, "onSizeChange">) => true;
+  'update:size': (_size: PayloadOf<ResizableProps, "onSizeChange">["size"]) => true;
+  'size-change-end': (_details: PayloadOf<ResizableProps, "onSizeChangeEnd">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  size: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  defaultSize: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  minWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  minHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  aspectRatio: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  step: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardLargeStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  edges: {
+    type: PropType<ResizeEdge[]>;
+    default: undefined;
+  };
+  disabled: BooleanConstructor;
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<ResizableTranslations>>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  "onSize-change"?: ((_details: import("@xihan-ui/headless").ResizableSizeChangeDetails) => any) | undefined;
+  "onUpdate:size"?: ((_size: ResizableSize) => any) | undefined;
+  "onSize-change-end"?: ((_details: import("@xihan-ui/headless").ResizableSizeChangeEndDetails) => any) | undefined;
+}>, {
+  dir: Direction;
+  size: ResizableSize;
+  disabled: boolean;
+  translations: Partial<ResizableTranslations>;
+  defaultSize: ResizableSize;
+  aspectRatio: number;
+  minWidth: number;
+  minHeight: number;
+  step: number;
+  maxWidth: number;
+  maxHeight: number;
+  keyboardStep: number;
+  keyboardLargeStep: number;
+  edges: ResizeEdge[];
+}, SlotsType<{
+  default?: (props: ResizableRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 一条边上的把手。
+ *
+ * 推西边与北边时容器的起点会动，那段位移写成 root 的 left / top——皮肤已给
+ * `position: relative`，开箱即对。把 root 改成 static 会让这两个方向只变尺寸不移位。
+ */
+declare const XhResizableHandle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  edge: {
+    type: PropType<ResizeEdge>;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  edge: {
+    type: PropType<ResizeEdge>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, SlotsType<{
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ResizableRootSlotProps, XhResizableHandle, XhResizableRoot };
+//# sourceMappingURL=resizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../../src/components/resizable/resizable.ts"],"mappings":";;;;;;KAUK,iBAAiB;;UAGL;EACf,MAAM;EACN,QAAQ;EACR;EACA,YAAY;;cAGD,+BAAe,8BAAA;;IAGA,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAShB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;IACA,MAAA,SAAS,QAAQ;;;;;;EAKvB,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACH,oBAAA,UAAA,UAAU;;;IApBhB,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAShB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;IACA,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCAoB/C;;;;;;;cAQW,iCAAiB,8BAAA;;IAGF,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;EAGvB,gBAAM;kCAUlB"}

package/dist/components/resizable/resizable.js

@@ -0,0 +1,108 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideResizable, useResizableContext } from "./context.js";
+import { useResizable } from "./use-resizable.js";
+import { defineComponent, h } from "vue";
+//#region src/components/resizable/resizable.ts
+const XhResizableRoot = defineComponent({
+	name: "XhResizableRoot",
+	props: {
+		size: {
+			type: Object,
+			default: void 0
+		},
+		defaultSize: {
+			type: Object,
+			default: void 0
+		},
+		minWidth: {
+			type: Number,
+			default: void 0
+		},
+		minHeight: {
+			type: Number,
+			default: void 0
+		},
+		maxWidth: {
+			type: Number,
+			default: void 0
+		},
+		maxHeight: {
+			type: Number,
+			default: void 0
+		},
+		aspectRatio: {
+			type: Number,
+			default: void 0
+		},
+		step: {
+			type: Number,
+			default: void 0
+		},
+		keyboardStep: {
+			type: Number,
+			default: void 0
+		},
+		keyboardLargeStep: {
+			type: Number,
+			default: void 0
+		},
+		edges: {
+			type: Array,
+			default: void 0
+		},
+		disabled: Boolean,
+		dir: {
+			type: String,
+			default: void 0
+		},
+		translations: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"size-change": (_details) => true,
+		"update:size": (_size) => true,
+		"size-change-end": (_details) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const notify = (details) => {
+			emit("size-change", details);
+			emit("update:size", details.size);
+		};
+		const ctx = useResizable(withXhConfig("resizable", props), notify, (details) => emit("size-change-end", details));
+		provideResizable(ctx);
+		return () => h("div", {
+			...ctx.api.value.getRootProps(),
+			ref: ctx.rootRef
+		}, slots.default?.({
+			size: ctx.api.value.size,
+			offset: ctx.api.value.offset,
+			resizing: ctx.api.value.resizing,
+			activeEdge: ctx.api.value.activeEdge
+		}));
+	}
+});
+/**
+* 一条边上的把手。
+*
+* 推西边与北边时容器的起点会动，那段位移写成 root 的 left / top——皮肤已给
+* `position: relative`，开箱即对。把 root 改成 static 会让这两个方向只变尺寸不移位。
+*/
+const XhResizableHandle = defineComponent({
+	name: "XhResizableHandle",
+	props: { edge: {
+		type: String,
+		required: true
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useResizableContext();
+		return () => h("span", ctx.api.value.getHandleProps({ edge: props.edge }), slots.default?.());
+	}
+});
+//#endregion
+export { XhResizableHandle, XhResizableRoot };
+
+//# sourceMappingURL=resizable.js.map

package/dist/components/resizable/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","names":[],"sources":["../../../src/components/resizable/resizable.ts"],"sourcesContent":["import type { ResizableOffset, ResizableSchema, ResizableSize, ResizableTranslations } from '@xihan-ui/headless'\nimport type { Direction } from '@xihan-ui/kernel'\nimport type { ResizeEdge } from '@xihan-ui/pointer'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideResizable, useResizableContext } from './context'\nimport { useResizable } from './use-resizable'\n\ntype ResizableProps = ResizableSchema['props']\n\n/** 默认插槽的载荷：当前尺寸、位移与调整态。 */\nexport interface ResizableRootSlotProps {\n  size: ResizableSize\n  offset: ResizableOffset\n  resizing: boolean\n  activeEdge: ResizeEdge | null\n}\n\nexport const XhResizableRoot = defineComponent({\n  name: 'XhResizableRoot',\n  props: {\n    size: { type: Object as PropType<ResizableSize>, default: undefined },\n    defaultSize: { type: Object as PropType<ResizableSize>, default: undefined },\n    minWidth: { type: Number, default: undefined },\n    minHeight: { type: Number, default: undefined },\n    maxWidth: { type: Number, default: undefined },\n    maxHeight: { type: Number, default: undefined },\n    aspectRatio: { type: Number, default: undefined },\n    step: { type: Number, default: undefined },\n    keyboardStep: { type: Number, default: undefined },\n    keyboardLargeStep: { type: Number, default: undefined },\n    edges: { type: Array as PropType<ResizeEdge[]>, default: undefined },\n    disabled: Boolean,\n    dir: { type: String as PropType<Direction>, default: undefined },\n    translations: { type: Object as PropType<Partial<ResizableTranslations>>, default: undefined },\n  },\n  // size-change 携带 { size }，update:size 携带裸尺寸（v-model:size）；\n  // size-change-end 只在一次调整收尾时发一次，存尺寸用它\n  emits: {\n    'size-change': (_details: PayloadOf<ResizableProps, 'onSizeChange'>) => true,\n    'update:size': (_size: PayloadOf<ResizableProps, 'onSizeChange'>['size']) => true,\n    'size-change-end': (_details: PayloadOf<ResizableProps, 'onSizeChangeEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ResizableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: ResizableProps['onSizeChange'] = (details) => {\n      emit('size-change', details)\n      emit('update:size', details.size)\n    }\n    const ctx = useResizable(withXhConfig('resizable', props) as ResizableProps, notify, details => emit('size-change-end', details))\n    provideResizable(ctx)\n\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: ctx.rootRef,\n    }, slots.default?.({\n      size: ctx.api.value.size,\n      offset: ctx.api.value.offset,\n      resizing: ctx.api.value.resizing,\n      activeEdge: ctx.api.value.activeEdge,\n    }))\n  },\n})\n\n/**\n * 一条边上的把手。\n *\n * 推西边与北边时容器的起点会动，那段位移写成 root 的 left / top——皮肤已给\n * `position: relative`，开箱即对。把 root 改成 static 会让这两个方向只变尺寸不移位。\n */\nexport const XhResizableHandle = defineComponent({\n  name: 'XhResizableHandle',\n  props: {\n    edge: { type: String as PropType<ResizeEdge>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useResizableContext()\n    return () => h(\n      'span',\n      ctx.api.value.getHandleProps({ edge: props.edge }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;;AAoBA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACpE,aAAa;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EAC3E,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC9C,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,cAAc;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACjD,mBAAmB;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACtD,OAAO;GAAE,MAAM;GAAiC,SAAS,KAAA;EAAU;EACnE,UAAU;EACV,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAC/D,cAAc;GAAE,MAAM;GAAoD,SAAS,KAAA;EAAU;CAC/F;CAGA,OAAO;EACL,gBAAgB,aAAwD;EACxE,gBAAgB,UAA6D;EAC7E,oBAAoB,aAA2D;CACjF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA0C,YAAY;GAC1D,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,aAAa,aAAa,aAAa,KAAK,GAAqB,SAAQ,YAAW,KAAK,mBAAmB,OAAO,CAAC;EAChI,iBAAiB,GAAG;EAEpB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,KAAK,IAAI;EACX,GAAG,MAAM,UAAU;GACjB,MAAM,IAAI,IAAI,MAAM;GACpB,QAAQ,IAAI,IAAI,MAAM;GACtB,UAAU,IAAI,IAAI,MAAM;GACxB,YAAY,IAAI,IAAI,MAAM;EAC5B,CAAC,CAAC;CACJ;AACF,CAAC;;;;;;;AAQD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,OAAO,EACL,MAAM;EAAE,MAAM;EAAgC,UAAU;CAAK,EAC/D;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,eAAe,EAAE,MAAM,MAAM,KAAK,CAAC,GACjD,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}

package/dist/components/resizable/use-resizable.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef, Ref } from "vue";
+import { ResizableApi, ResizableSchema } from "@xihan-ui/headless";
+import { Service } from "@xihan-ui/machine";
+//#region src/components/resizable/use-resizable.d.ts
+interface ResizableContext {
+  api: ComputedRef<ResizableApi>;
+  service: Service<ResizableSchema>;
+  /** 容器节点，机器在按下时拿它量矩形。 */
+  rootRef: Ref<HTMLElement | null>;
+}
+declare function useResizable(props: ResizableSchema['props'], onSizeChange?: ResizableSchema['props']['onSizeChange'], onSizeChangeEnd?: ResizableSchema['props']['onSizeChangeEnd']): ResizableContext;
+//#endregion
+export { ResizableContext, useResizable };
+//# sourceMappingURL=use-resizable.d.ts.map

package/dist/components/resizable/use-resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resizable.d.ts","names":[],"sources":["../../../src/components/resizable/use-resizable.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,aACd,OAAO,0BACP,eAAe,0CACf,kBAAkB,8CACjB"}