@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/toggle-group/toggle-group.js

@@ -1,22 +1,26 @@
+import { useFormControlProps } from "../form/use-form-control.js";
 import { provideToggleGroup, useToggleGroupContext } from "./context.js";
 import { useToggleGroup } from "./use-toggle-group.js";
-import { defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+import { Comment, Fragment, Text, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
 //#region src/components/toggle-group/toggle-group.ts
+function flattenChildren(children) {
+	const result = [];
+	for (const child of children) {
+		if (child.type === Comment || child.type === Text) continue;
+		if (child.type === Fragment && Array.isArray(child.children)) {
+			result.push(...flattenChildren(child.children.filter((value) => typeof value === "object")));
+			continue;
+		}
+		result.push(child);
+	}
+	return result;
+}
 const XhToggleGroupRoot = defineComponent({
 	name: "XhToggleGroupRoot",
 	props: {
-		collection: {
-			type: Array,
-			default: void 0
-		},
-		value: {
-			type: [String, Array],
-			default: void 0
-		},
-		defaultValue: {
-			type: [String, Array],
-			default: void 0
-		},
+		collection: { type: Array },
+		value: { type: [String, Array] },
+		defaultValue: { type: [String, Array] },
 		multiple: {
 			type: Boolean,
 			default: void 0
@@ -29,18 +33,20 @@ const XhToggleGroupRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		size: {
-			type: String,
-			default: void 0
-		},
-		orientation: {
-			type: String,
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		fullWidth: {
+			type: Boolean,
 			default: void 0
 		},
-		dir: {
-			type: String,
+		separators: {
+			type: Boolean,
 			default: void 0
 		},
+		name: { type: String },
+		orientation: { type: String },
+		dir: { type: String },
 		loop: {
 			type: Boolean,
 			default: void 0
@@ -59,9 +65,12 @@ const XhToggleGroupRoot = defineComponent({
 			emit("value-change", details);
 			emit("update:value", details.value);
 		};
-		const ctx = useToggleGroup(props, notify);
+		const ctx = useToggleGroup(useFormControlProps(props), notify);
 		provideToggleGroup(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.item) : []);
+		return () => {
+			const children = slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.item) : [];
+			return h("div", ctx.api.value.getRootProps(), renderChildren(children, ctx.api.value));
+		};
 	}
 });
 const XhToggleGroupItem = defineComponent({
@@ -102,10 +111,36 @@ const XhToggleGroupItem = defineComponent({
 		}, slots.default?.());
 	}
 });
+function renderChildren(children, props) {
+	const result = [];
+	let itemCount = 0;
+	for (const child of flattenChildren(children)) {
+		if (child.type === XhToggleGroupItem) {
+			if (props.separators && itemCount > 0) result.push(h("span", {
+				"key": `separator-${itemCount}`,
+				"aria-hidden": true,
+				"data-xh-toggle-group-separator": "",
+				"data-orientation": props.orientation === "horizontal" ? "vertical" : "horizontal",
+				"data-disabled": props.disabled ? "" : void 0
+			}));
+			itemCount += 1;
+		}
+		result.push(child);
+	}
+	return result;
+}
+/** 表单出口：整组只有一份，提供 name 后才参与提交。 */
+const XhToggleGroupHiddenInput = defineComponent({
+	name: "XhToggleGroupHiddenInput",
+	setup() {
+		const ctx = useToggleGroupContext();
+		return () => h("input", ctx.api.value.getHiddenInputProps());
+	}
+});
 /**
-* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
-* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
-* 条目底下没有文本部件，文字直接落在条目里。
+* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
+* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
+* 条目下没有文本部件，文字直接落在条目中。
 */
 function renderDefaultTree(collection, itemSlot) {
 	return collection.map((node) => h(XhToggleGroupItem, {
@@ -114,6 +149,6 @@ function renderDefaultTree(collection, itemSlot) {
 	}, () => itemSlot?.(node) ?? node.label));
 }
 //#endregion
-export { XhToggleGroupItem, XhToggleGroupRoot };
+export { XhToggleGroupHiddenInput, XhToggleGroupItem, XhToggleGroupRoot };
 
 //# sourceMappingURL=toggle-group.js.map

package/dist/components/toggle-group/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","names":[],"sources":["../../../src/components/toggle-group/toggle-group.ts"],"sourcesContent":["import type { ToggleGroupNode, ToggleGroupNodeMeta, ToggleGroupSchema, ToggleGroupValue } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { provideToggleGroup, useToggleGroupContext } from './context'\nimport { useToggleGroup } from './use-toggle-group'\n\ntype ToggleGroupProps = ToggleGroupSchema['props']\n\nexport const XhToggleGroupRoot = defineComponent({\n  name: 'XhToggleGroupRoot',\n  // 全部 default: undefined，缺省值由 connect 决定\n  props: {\n    collection: { type: Array as PropType<ToggleGroupNode[]>, default: undefined },\n    value: { type: [String, Array] as PropType<ToggleGroupValue>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<ToggleGroupValue>, default: undefined },\n    multiple: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    disallowEmpty: { type: Boolean, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    rovingFocus: { type: Boolean, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值；裸值形态跟随 multiple，单选为字符串、多选为数组\n  emits: {\n    'value-change': (_details: PayloadOf<ToggleGroupProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<ToggleGroupProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: ToggleGroupProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useToggleGroup(props as ToggleGroupProps, notify)\n    provideToggleGroup(ctx)\n    return () => h(\n      'div',\n      ctx.api.value.getRootProps() as Record<string, unknown>,\n      slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.collection, slots.item)\n          : [],\n    )\n  },\n})\n\nexport const XhToggleGroupItem = defineComponent({\n  name: 'XhToggleGroupItem',\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 = useToggleGroupContext()\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      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'GROUP.BLUR' })\n    })\n    // 用原生 button，激活交给平台\n    return () => h(\n      'button',\n      { ...ctx.api.value.getItemProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n * 条目底下没有文本部件，文字直接落在条目里。\n */\nfunction renderDefaultTree(\n  collection: readonly ToggleGroupNodeMeta[],\n  itemSlot?: (node: ToggleGroupNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node => h(\n    XhToggleGroupItem,\n    { key: node.value, value: node.value },\n    () => itemSlot?.(node) ?? node.label,\n  ))\n}\n"],"mappings":";;;;AAUA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EACL,YAAY;GAAE,MAAM;GAAsC,SAAS,KAAA;EAAU;EAC7E,OAAO;GAAE,MAAM,CAAC,QAAQ,KAAK;GAAiC,SAAS,KAAA;EAAU;EACjF,cAAc;GAAE,MAAM,CAAC,QAAQ,KAAK;GAAiC,SAAS,KAAA;EAAU;EACxF,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,eAAe;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACnD,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,aAAa;GAAE,MAAM;GAAiC,SAAS,KAAA;EAAU;EACzE,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAC/D,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CACnD;CAEA,OAAO;EACL,iBAAiB,aAA2D;EAC5E,iBAAiB,WAAkE;CACrF;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA6C,YAAY;GAC7D,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,MAAM,eAAe,OAA2B,MAAM;EAC5D,mBAAmB,GAAG;EACtB,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa,GAC3B,MAAM,UACF,MAAM,QAAQ,IACd,MAAM,aACJ,kBAAkB,IAAI,IAAI,MAAM,YAAY,MAAM,IAAI,IACtD,CAAC,CACT;CACF;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,OAAO;EACL,OAAO;GAAE,MAAM;GAAQ,UAAU;EAAK;EAEtC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,sBAAsB;EAElC,MAAM,SAAS,IAAwB,IAAI;EAC3C,YAAY,MAAM,QAAQ,MAAM,SAAS;GACvC,IAAI,SAAS,MACX;GACF,MAAM,EAAE,YAAY;GACpB,IAAI,QAAQ,UAAU,MAAM,WAC1B;GACF,IAAI,OAAO,SAAS,QAAQ,MAAM,iBAAiB,MAAM,OAAO,OAC9D,QAAQ,KAAK;IAAE,MAAM;IAAc,OAAO;GAAK,CAAC;EACpD,CAAC;EACD,sBAAsB;GACpB,MAAM,EAAE,YAAY;GACpB,IAAI,QAAQ,UAAU,MAAM,WAC1B;GAEF,IAAI,OAAO,SAAS,QAAQ,MAAM,iBAAiB,MAAM,OAAO,OAC9D,QAAQ,KAAK,EAAE,MAAM,aAAa,CAAC;EACvC,CAAC;EAED,aAAa,EACX,UACA;GAAE,GAAG,IAAI,IAAI,MAAM,aAAa;IAAE,OAAO,MAAM;IAAO,UAAU,MAAM;GAAS,CAAC;GAA8B,KAAK;EAAO,GAC1H,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;;AAOD,SAAS,kBACP,YACA,UACS;CACT,OAAO,WAAW,KAAI,SAAQ,EAC5B,mBACA;EAAE,KAAK,KAAK;EAAO,OAAO,KAAK;CAAM,SAC/B,WAAW,IAAI,KAAK,KAAK,KACjC,CAAC;AACH"}
+{"version":3,"file":"toggle-group.js","names":[],"sources":["../../../src/components/toggle-group/toggle-group.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// 提供 toggle group 相关实现。\n\nimport type { ActionVariant, Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { ToggleGroupNode, ToggleGroupNodeMeta, ToggleGroupSchema, ToggleGroupValue } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { Comment, defineComponent, Fragment, h, onBeforeUnmount, ref, Text, watch } from 'vue'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideToggleGroup, useToggleGroupContext } from './context'\nimport { useToggleGroup } from './use-toggle-group'\n\ntype ToggleGroupProps = ToggleGroupSchema['props']\n\nfunction flattenChildren(children: readonly VNode[]): VNode[] {\n  const result: VNode[] = []\n  for (const child of children) {\n    if (child.type === Comment || child.type === Text)\n      continue\n    if (child.type === Fragment && Array.isArray(child.children)) {\n      result.push(...flattenChildren(child.children.filter(value => typeof value === 'object') as VNode[]))\n      continue\n    }\n    result.push(child)\n  }\n  return result\n}\n\nexport const XhToggleGroupRoot = defineComponent({\n  name: 'XhToggleGroupRoot',\n  // 缺省值由 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    collection: { type: Array as PropType<ToggleGroupNode[]> },\n    value: { type: [String, Array] as PropType<ToggleGroupValue> },\n    defaultValue: { type: [String, Array] as PropType<ToggleGroupValue> },\n    multiple: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    disallowEmpty: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ActionVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    fullWidth: { type: Boolean, default: undefined },\n    separators: { type: Boolean, default: undefined },\n    name: { type: String },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    loop: { type: Boolean, default: undefined },\n    rovingFocus: { type: Boolean, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值；裸值形态跟随 multiple，单选为字符串、多选为数组\n  emits: {\n    'value-change': (_details: PayloadOf<ToggleGroupProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<ToggleGroupProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: ToggleGroupProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useToggleGroup(useFormControlProps(props) as ToggleGroupProps, notify)\n    provideToggleGroup(ctx)\n    return () => {\n      const children = slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.collection, slots.item)\n          : []\n      return h(\n        'div',\n        ctx.api.value.getRootProps() as Record<string, unknown>,\n        renderChildren(children, ctx.api.value),\n      )\n    }\n  },\n})\n\nexport const XhToggleGroupItem = defineComponent({\n  name: 'XhToggleGroupItem',\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 = useToggleGroupContext()\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      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'GROUP.BLUR' })\n    })\n    // 用原生 button，激活交给平台\n    return () => h(\n      'button',\n      { ...ctx.api.value.getItemProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\n// 分隔线按条目计数插在相邻条目之间；要认 XhToggleGroupItem 这个组件对象，所以放在它的定义之后\nfunction renderChildren(children: readonly VNode[], props: {\n  disabled: boolean\n  orientation: Orientation\n  separators: boolean\n}): VNode[] {\n  const result: VNode[] = []\n  let itemCount = 0\n  for (const child of flattenChildren(children)) {\n    if (child.type === XhToggleGroupItem) {\n      if (props.separators && itemCount > 0) {\n        result.push(h('span', {\n          'key': `separator-${itemCount}`,\n          'aria-hidden': true,\n          'data-xh-toggle-group-separator': '',\n          'data-orientation': props.orientation === 'horizontal' ? 'vertical' : 'horizontal',\n          'data-disabled': props.disabled ? '' : undefined,\n        }))\n      }\n      itemCount += 1\n    }\n    result.push(child)\n  }\n  return result\n}\n\n/** 表单出口：整组只有一份，提供 name 后才参与提交。 */\nexport const XhToggleGroupHiddenInput = defineComponent({\n  name: 'XhToggleGroupHiddenInput',\n  setup() {\n    const ctx = useToggleGroupContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n * 条目下没有文本部件，文字直接落在条目中。\n */\nfunction renderDefaultTree(\n  collection: readonly ToggleGroupNodeMeta[],\n  itemSlot?: (node: ToggleGroupNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node => h(\n    XhToggleGroupItem,\n    { key: node.value, value: node.value },\n    () => itemSlot?.(node) ?? node.label,\n  ))\n}\n"],"mappings":"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"}

package/dist/components/toggle-group/use-toggle-group.d.ts

@@ -1,10 +1,10 @@
 import { ComputedRef } from "vue";
+import { Service } from "@xihan-ui/core";
 import { ToggleGroupApi, ToggleGroupSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/toggle-group/use-toggle-group.d.ts
 interface ToggleGroupContext {
   api: ComputedRef<ToggleGroupApi>;
-  /** 机器实例，供条目上报 DOM 侧的事实（卸载带走了焦点）。 */
+  /** 状态机实例，供条目上报 DOM 侧的事实（卸载带走了焦点）。 */
   service: Service<ToggleGroupSchema>;
 }
 declare function useToggleGroup(props: ToggleGroupSchema['props'], onValueChange?: ToggleGroupSchema['props']['onValueChange']): ToggleGroupContext;

package/dist/components/toggle-group/use-toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle-group.d.ts","names":[],"sources":["../../../src/components/toggle-group/use-toggle-group.ts"],"mappings":";;;;UAQiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAIH,eACd,OAAO,4BACP,gBAAgB,8CACf"}
+{"version":3,"file":"use-toggle-group.d.ts","names":[],"sources":["../../../src/components/toggle-group/use-toggle-group.ts"],"mappings":";;;;UAeiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAIH,eACd,OAAO,4BACP,gBAAgB,8CACf"}

package/dist/components/toggle-group/use-toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle-group.js","names":[],"sources":["../../../src/components/toggle-group/use-toggle-group.ts"],"sourcesContent":["import type { ToggleGroupApi, ToggleGroupSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectToggleGroup, toggleGroupMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface ToggleGroupContext {\n  api: ComputedRef<ToggleGroupApi>\n  /** 机器实例，供条目上报 DOM 侧的事实（卸载带走了焦点）。 */\n  service: Service<ToggleGroupSchema>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useToggleGroup(\n  props: ToggleGroupSchema['props'],\n  onValueChange?: ToggleGroupSchema['props']['onValueChange'],\n): ToggleGroupContext {\n  // onValueChange 由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器\n  const service = useMachine(toggleGroupMachine, () => ({ ...props, onValueChange }))\n  const api = computed(() => connectToggleGroup(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;AAeA,SAAgB,eACd,OACA,eACoB;CAEpB,MAAM,UAAU,WAAW,2BAA2B;EAAE,GAAG;EAAO;CAAc,EAAE;CAElF,OAAO;EAAE,KADG,eAAe,mBAAmB,SAAS,YAAY,CACxD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-toggle-group.js","names":[],"sources":["../../../src/components/toggle-group/use-toggle-group.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use toggle group 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { ToggleGroupApi, ToggleGroupSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectToggleGroup, toggleGroupMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface ToggleGroupContext {\n  api: ComputedRef<ToggleGroupApi>\n  /** 状态机实例，供条目上报 DOM 侧的事实（卸载带走了焦点）。 */\n  service: Service<ToggleGroupSchema>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useToggleGroup(\n  props: ToggleGroupSchema['props'],\n  onValueChange?: ToggleGroupSchema['props']['onValueChange'],\n): ToggleGroupContext {\n  // onValueChange 由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器\n  const service = useMachine(toggleGroupMachine, () => ({ ...props, onValueChange }))\n  const api = computed(() => connectToggleGroup(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;AAsBA,SAAgB,eACd,OACA,eACoB;CAEpB,MAAM,UAAU,WAAW,2BAA2B;EAAE,GAAG;EAAO;CAAc,EAAE;CAElF,OAAO;EAAE,KADG,eAAe,mBAAmB,SAAS,YAAY,CACxD;EAAG;CAAQ;AACxB"}

package/dist/components/tool-call/context.d.ts

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

package/dist/components/tool-call/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/tool-call/context.ts"],"mappings":";;iBAagB,gBAAgB,KAAK;iBAIrB,sBAAsB"}

package/dist/components/tool-call/context.js

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

package/dist/components/tool-call/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tool-call/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { ToolCallContext } from './use-tool-call'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToolCallContext> = Symbol.for('xh-tool-call')\n\nexport function provideToolCall(ctx: ToolCallContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToolCallContext(): ToolCallContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] ToolCall 部件必须用在 XhToolCallRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAqC,OAAO,IAAI,cAAc;AAEpE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/tool-call/tool-call.d.ts

@@ -0,0 +1,130 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Size, Tone } from "@xihan-ui/core";
+import { ToolCallApi, ToolCallPhase, ToolCallSchema, ToolCallTranslations } from "@xihan-ui/headless";
+//#region src/components/tool-call/tool-call.d.ts
+type MachineProps = ToolCallSchema['props'];
+/** 默认插槽的载荷：开合、阶段与是否运行中，一句可播报的状态文本，以及运行时长。 */
+type ToolCallRootSlotProps = Pick<ToolCallApi, 'open' | 'phase' | 'running' | 'disabled' | 'statusText' | 'durationMs' | 'setOpen'>;
+declare const XhToolCallRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  phase: {
+    type: PropType<ToolCallPhase>;
+  };
+  startTime: {
+    type: NumberConstructor;
+  };
+  endTime: {
+    type: NumberConstructor;
+  };
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  autoDisclosure: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: BooleanConstructor;
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<Partial<ToolCallTranslations>>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'open-change': (_details: PayloadOf<MachineProps, "onOpenChange">) => true;
+  'update:open': (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  phase: {
+    type: PropType<ToolCallPhase>;
+  };
+  startTime: {
+    type: NumberConstructor;
+  };
+  endTime: {
+    type: NumberConstructor;
+  };
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  autoDisclosure: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: BooleanConstructor;
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<Partial<ToolCallTranslations>>;
+  };
+}>> & Readonly<{
+  "onOpen-change"?: ((_details: import("@xihan-ui/headless").ToolCallOpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  open: boolean;
+  defaultOpen: boolean;
+  autoDisclosure: boolean;
+}, SlotsType<{
+  default?: (props: ToolCallRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallSummary: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallStatus: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallDuration: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallApproval: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallContent: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallInput: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallOutput: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhToolCallError: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ToolCallRootSlotProps, XhToolCallApproval, XhToolCallContent, XhToolCallDuration, XhToolCallError, XhToolCallIndicator, XhToolCallInput, XhToolCallLabel, XhToolCallOutput, XhToolCallRoot, XhToolCallStatus, XhToolCallSummary, XhToolCallTrigger };
+//# sourceMappingURL=tool-call.d.ts.map

package/dist/components/tool-call/tool-call.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call.d.ts","names":[],"sources":["../../../src/components/tool-call/tool-call.ts"],"mappings":";;;;;KAiBK,eAAe;;KAGR,wBAAwB,KAAK;cAE5B,8BAAc,8BAAA;;IAGE,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;IAQP,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAGvB,gBAAA,UAAA,UAAU;EACb,gBAAA;;;IAfE,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;IAQP,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;EAOvC,WAAC,OAAO,0BAA0B;kCA6D9C;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAW3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAY5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/tool-call/tool-call.js

@@ -0,0 +1,179 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideToolCall, useToolCallContext } from "./context.js";
+import { useToolCall } from "./use-tool-call.js";
+import { defineComponent, h } from "vue";
+import { isToolCallRunning } from "@xihan-ui/headless";
+//#region src/components/tool-call/tool-call.ts
+const XhToolCallRoot = defineComponent({
+	name: "XhToolCallRoot",
+	props: {
+		phase: { type: String },
+		startTime: { type: Number },
+		endTime: { type: Number },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		autoDisclosure: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: Boolean,
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"open-change": (_details) => true,
+		"update:open": (_open) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const configured = withXhConfig("tool-call", props);
+		const ctx = useToolCall({
+			get running() {
+				return isToolCallRunning(props.phase ?? "input-available");
+			},
+			get open() {
+				return props.open;
+			},
+			get defaultOpen() {
+				return props.defaultOpen;
+			},
+			get autoDisclosure() {
+				return props.autoDisclosure;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			onOpenChange: (details) => {
+				emit("open-change", details);
+				emit("update:open", details.open);
+			}
+		}, {
+			get phase() {
+				return props.phase;
+			},
+			get startTime() {
+				return props.startTime;
+			},
+			get endTime() {
+				return props.endTime;
+			},
+			get variant() {
+				return props.variant;
+			},
+			get tone() {
+				return props.tone;
+			},
+			get size() {
+				return configured.size;
+			},
+			get translations() {
+				return configured.translations;
+			}
+		});
+		provideToolCall(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			open: ctx.api.value.open,
+			phase: ctx.api.value.phase,
+			running: ctx.api.value.running,
+			disabled: ctx.api.value.disabled,
+			statusText: ctx.api.value.statusText,
+			durationMs: ctx.api.value.durationMs,
+			setOpen: ctx.api.value.setOpen
+		}));
+	}
+});
+const XhToolCallTrigger = defineComponent({
+	name: "XhToolCallTrigger",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("button", ctx.api.value.getTriggerProps(), slots.default?.());
+	}
+});
+const XhToolCallIndicator = defineComponent({
+	name: "XhToolCallIndicator",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("span", ctx.api.value.getIndicatorProps(), slots.default?.());
+	}
+});
+const XhToolCallLabel = defineComponent({
+	name: "XhToolCallLabel",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+const XhToolCallSummary = defineComponent({
+	name: "XhToolCallSummary",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("span", ctx.api.value.getSummaryProps(), slots.default?.());
+	}
+});
+const XhToolCallStatus = defineComponent({
+	name: "XhToolCallStatus",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("span", ctx.api.value.getStatusProps(), slots.default?.() ?? ctx.api.value.statusText);
+	}
+});
+const XhToolCallDuration = defineComponent({
+	name: "XhToolCallDuration",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("span", ctx.api.value.getDurationProps(), slots.default?.());
+	}
+});
+const XhToolCallApproval = defineComponent({
+	name: "XhToolCallApproval",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("div", ctx.api.value.getApprovalProps(), slots.default?.());
+	}
+});
+const XhToolCallContent = defineComponent({
+	name: "XhToolCallContent",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				ctx.contentRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+const XhToolCallInput = defineComponent({
+	name: "XhToolCallInput",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("div", ctx.api.value.getInputProps(), slots.default?.());
+	}
+});
+const XhToolCallOutput = defineComponent({
+	name: "XhToolCallOutput",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("div", ctx.api.value.getOutputProps(), slots.default?.());
+	}
+});
+const XhToolCallError = defineComponent({
+	name: "XhToolCallError",
+	setup(_, { slots }) {
+		const ctx = useToolCallContext();
+		return () => h("div", ctx.api.value.getErrorProps(), slots.default?.());
+	}
+});
+//#endregion
+export { XhToolCallApproval, XhToolCallContent, XhToolCallDuration, XhToolCallError, XhToolCallIndicator, XhToolCallInput, XhToolCallLabel, XhToolCallOutput, XhToolCallRoot, XhToolCallStatus, XhToolCallSummary, XhToolCallTrigger };
+
+//# sourceMappingURL=tool-call.js.map

package/dist/components/tool-call/tool-call.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call.js","names":[],"sources":["../../../src/components/tool-call/tool-call.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// 提供 tool call 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { ToolCallApi, ToolCallPhase, ToolCallProps, ToolCallSchema, ToolCallTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { isToolCallRunning } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideToolCall, useToolCallContext } from './context'\nimport { useToolCall } from './use-tool-call'\n\ntype MachineProps = ToolCallSchema['props']\n\n/** 默认插槽的载荷：开合、阶段与是否运行中，一句可播报的状态文本，以及运行时长。 */\nexport type ToolCallRootSlotProps = Pick<ToolCallApi, 'open' | 'phase' | 'running' | 'disabled' | 'statusText' | 'durationMs' | 'setOpen'>\n\nexport const XhToolCallRoot = defineComponent({\n  name: 'XhToolCallRoot',\n  props: {\n    phase: { type: String as PropType<ToolCallPhase> },\n    startTime: { type: Number },\n    endTime: { type: Number },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    // 用 undefined 而非裸 Boolean，缺省值由机器给出\n    autoDisclosure: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<ToolCallTranslations>> },\n  },\n  emits: {\n    'open-change': (_details: PayloadOf<MachineProps, 'onOpenChange'>) => true,\n    'update:open': (_open: boolean) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ToolCallRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const configured = withXhConfig('tool-call', props)\n    // 作者只写 phase，跑不跑由纯函数折出来交给机器\n    const machineProps: MachineProps = {\n      get running() {\n        return isToolCallRunning(props.phase ?? 'input-available')\n      },\n      get open() {\n        return props.open\n      },\n      get defaultOpen() {\n        return props.defaultOpen\n      },\n      get autoDisclosure() {\n        return props.autoDisclosure\n      },\n      get disabled() {\n        return props.disabled\n      },\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const viewProps: ToolCallProps = {\n      get phase() {\n        return props.phase\n      },\n      get startTime() {\n        return props.startTime\n      },\n      get endTime() {\n        return props.endTime\n      },\n      get variant() {\n        return props.variant\n      },\n      get tone() {\n        return props.tone\n      },\n      get size() {\n        return configured.size\n      },\n      get translations() {\n        return configured.translations\n      },\n    }\n    const ctx = useToolCall(machineProps, viewProps)\n    provideToolCall(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      phase: ctx.api.value.phase,\n      running: ctx.api.value.running,\n      disabled: ctx.api.value.disabled,\n      statusText: ctx.api.value.statusText,\n      durationMs: ctx.api.value.durationMs,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\nexport const XhToolCallTrigger = defineComponent({\n  name: 'XhToolCallTrigger',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallIndicator = defineComponent({\n  name: 'XhToolCallIndicator',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallLabel = defineComponent({\n  name: 'XhToolCallLabel',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallSummary = defineComponent({\n  name: 'XhToolCallSummary',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    // 一行参数摘要，收起时也看得见这次查的是什么\n    return () => h('span', ctx.api.value.getSummaryProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallStatus = defineComponent({\n  name: 'XhToolCallStatus',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    // 不给内容时念阶段对应的那一句\n    return () => h(\n      'span',\n      ctx.api.value.getStatusProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.statusText,\n    )\n  },\n})\n\nexport const XhToolCallDuration = defineComponent({\n  name: 'XhToolCallDuration',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    // 时长文案由作者现场代入：模板串里的秒数是宿主的事，连接层不做插值\n    return () => h('span', ctx.api.value.getDurationProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallApproval = defineComponent({\n  name: 'XhToolCallApproval',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    // 常驻在开关与详情之间：审批闸门不该被折叠藏起来\n    return () => h('div', ctx.api.value.getApprovalProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallContent = defineComponent({\n  name: 'XhToolCallContent',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\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 XhToolCallInput = defineComponent({\n  name: 'XhToolCallInput',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    return () => h('div', ctx.api.value.getInputProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallOutput = defineComponent({\n  name: 'XhToolCallOutput',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    return () => h('div', ctx.api.value.getOutputProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToolCallError = defineComponent({\n  name: 'XhToolCallError',\n  setup(_, { slots }) {\n    const ctx = useToolCallContext()\n    // 流被中止时未拿到结果的调用会被收尾成出错但拿不到原因，这一格要容忍空内容\n    return () => h('div', ctx.api.value.getErrorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/tool-call/use-tool-call.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef, Ref } from "vue";
+import { ToolCallApi, ToolCallProps, ToolCallSchema } from "@xihan-ui/headless";
+//#region src/components/tool-call/use-tool-call.d.ts
+type MachineProps = ToolCallSchema['props'];
+interface ToolCallContext {
+  api: ComputedRef<ToolCallApi>;
+  contentRef: Ref<HTMLElement | null>;
+  /** 收起动画播完之前保持为真：真正的收起由它写为内联 display。 */
+  visible: Ref<boolean>;
+}
+declare function useToolCall(machineProps: MachineProps, viewProps: ToolCallProps): ToolCallContext;
+//#endregion
+export { ToolCallContext, useToolCall };
+//# sourceMappingURL=use-tool-call.d.ts.map

package/dist/components/tool-call/use-tool-call.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tool-call.d.ts","names":[],"sources":["../../../src/components/tool-call/use-tool-call.ts"],"mappings":";;;KAkBK,eAAe;UAEH;EACf,KAAK,YAAY;EACjB,YAAY,IAAI;;EAEhB,SAAS;;iBAIK,YAAY,cAAc,cAAc,WAAW,gBAAgB"}

package/dist/components/tool-call/use-tool-call.js

@@ -0,0 +1,33 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { computed, ref } from "vue";
+import { createRuntimeConfig, createScope } from "@xihan-ui/core";
+import { connectToolCall, toolCallMachine } from "@xihan-ui/headless";
+//#region src/components/tool-call/use-tool-call.ts
+function useToolCall(machineProps, viewProps) {
+	const idGen = createVueIdGenerator();
+	const scope = createScope(null, idGen);
+	const service = useMachine(toolCallMachine, () => ({ ...machineProps }), scope);
+	const api = computed(() => connectToolCall(service, viewProps, vueNormalize));
+	const contentRef = ref(null);
+	let config = null;
+	if (typeof document !== "undefined") config = createRuntimeConfig({
+		scope,
+		idGenerator: idGen
+	});
+	return {
+		api,
+		contentRef,
+		visible: useOverlayExit({
+			config,
+			isOpen: () => api.value.open,
+			contentRef
+		})
+	};
+}
+//#endregion
+export { useToolCall };
+
+//# sourceMappingURL=use-tool-call.js.map

package/dist/components/tool-call/use-tool-call.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tool-call.js","names":[],"sources":["../../../src/components/tool-call/use-tool-call.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use tool call 相关实现。\n\nimport type { RuntimeConfig } from '@xihan-ui/core'\nimport type { ToolCallApi, ToolCallProps, ToolCallSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectToolCall, toolCallMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\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\ntype MachineProps = ToolCallSchema['props']\n\nexport interface ToolCallContext {\n  api: ComputedRef<ToolCallApi>\n  contentRef: Ref<HTMLElement | null>\n  /** 收起动画播完之前保持为真：真正的收起由它写为内联 display。 */\n  visible: Ref<boolean>\n}\n\n// 机器属性与视图属性分开传：视图那一半走 connect 第二参，不经机器名分桶的全局文案\nexport function useToolCall(machineProps: MachineProps, viewProps: ToolCallProps): ToolCallContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(toolCallMachine, () => ({ ...machineProps }), scope)\n  const api = computed(() => connectToolCall(service, viewProps, vueNormalize))\n  const contentRef = ref<HTMLElement | null>(null)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n  if (typeof document !== 'undefined')\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  return { api, contentRef, visible }\n}\n"],"mappings":";;;;;;;;AA4BA,SAAgB,YAAY,cAA4B,WAA2C;CACjG,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,wBAAwB,EAAE,GAAG,aAAa,IAAI,KAAK;CAC9E,MAAM,MAAM,eAAe,gBAAgB,SAAS,WAAW,YAAY,CAAC;CAC5E,MAAM,aAAa,IAAwB,IAAI;CAG/C,IAAI,SAA+B;CACnC,IAAI,OAAO,aAAa,aACtB,SAAS,oBAAoB;EAAE;EAAO,aAAa;CAAM,CAAC;CAG5D,OAAO;EAAE;EAAK;EAAY,SADV,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAClD;CAAE;AACpC"}