@xihan-ui/vue 1.1.0 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"rating.js","names":[],"sources":["../../../src/components/rating/rating.ts"],"sourcesContent":["import type { RatingApi, RatingItemState, RatingSchema } from '@xihan-ui/headless'\nimport type { Direction, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { provideRating, useRatingContext } from './context'\nimport { useRating } from './use-rating'\n\ntype RatingProps = RatingSchema['props']\n\n/** 默认插槽的载荷：评分与预览值、星星序号表，以及取单颗星状态与改写评分的句柄。 */\nexport type RatingRootSlotProps = Pick<\n  RatingApi,\n  | 'value'\n  | 'hoveredValue'\n  | 'highlightedValue'\n  | 'count'\n  | 'empty'\n  | 'items'\n  | 'getItemState'\n  | 'setValue'\n>\n\n/** 条目默认插槽的载荷：这一颗星的选中、点亮与半亮状态。 */\nexport type RatingItemSlotProps = RatingItemState\n\nexport const XhRatingRoot = defineComponent({\n  name: 'XhRatingRoot',\n  props: {\n    // default: undefined 表示非受控\n    value: { type: Number, default: undefined },\n    defaultValue: { type: Number, default: undefined },\n    count: { type: Number, default: undefined },\n    allowHalf: Boolean,\n    allowClear: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值；hover-change 是预览通道\n  emits: {\n    'value-change': (_details: PayloadOf<RatingProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<RatingProps, 'onValueChange'>['value']) => true,\n    'hover-change': (_details: PayloadOf<RatingProps, 'onHoverChange'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: RatingProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onHoverChange: RatingProps['onHoverChange'] = (details) => {\n      emit('hover-change', details)\n    }\n    const ctx = useRating(props as RatingProps, { onValueChange, onHoverChange })\n    provideRating(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      hoveredValue: ctx.api.value.hoveredValue,\n      highlightedValue: ctx.api.value.highlightedValue,\n      count: ctx.api.value.count,\n      empty: ctx.api.value.empty,\n      // 条目序号列表，供 v-for 渲染星星\n      items: ctx.api.value.items,\n      getItemState: ctx.api.value.getItemState,\n      setValue: ctx.api.value.setValue,\n    }))\n  },\n})\n\nexport const XhRatingLabel = defineComponent({\n  name: 'XhRatingLabel',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRatingControl = defineComponent({\n  name: 'XhRatingControl',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRatingItem = defineComponent({\n  name: 'XhRatingItem',\n  props: {\n    // 星序号，兼收字符串；往下传前统一归成数字\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useRatingContext()\n    const item = computed(() => ({ value: Number(props.value) }))\n\n    // 本条目持有焦点时，序号变更重报焦点条目，卸载时上报评分带失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => item.value.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', index: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按序号比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'CONTROL.BLUR' })\n    })\n\n    return () => h('span', {\n      ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>,\n      ref: itemEl,\n    }, slots.default?.(ctx.api.value.getItemState(item.value)))\n  },\n})\n\nexport const XhRatingHiddenInput = defineComponent({\n  name: 'XhRatingHiddenInput',\n  setup() {\n    const ctx = useRatingContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"rating.js","names":[],"sources":["../../../src/components/rating/rating.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// 提供 rating 相关实现。\n\nimport type { Direction, Size, Tone } from '@xihan-ui/core'\nimport type { RatingApi, RatingItemState, RatingSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideRating, useRatingContext } from './context'\nimport { useRating } from './use-rating'\n\ntype RatingProps = RatingSchema['props']\n\n/** 默认插槽的载荷：评分与预览值、星星序号表，以及取单颗星状态与改写评分的句柄。 */\nexport type RatingRootSlotProps = Pick<\n  RatingApi,\n  | 'value'\n  | 'hoveredValue'\n  | 'highlightedValue'\n  | 'count'\n  | 'empty'\n  | 'items'\n  | 'getItemState'\n  | 'setValue'\n>\n\n/** 条目默认插槽的载荷：该颗星的选中、点亮与半亮状态。 */\nexport type RatingItemSlotProps = RatingItemState\n\nexport const XhRatingRoot = defineComponent({\n  name: 'XhRatingRoot',\n  props: {\n    // 缺席值 undefined 表示非受控\n    value: { type: Number },\n    defaultValue: { type: Number },\n    count: { type: Number },\n    allowHalf: Boolean,\n    allowClear: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    name: { type: String },\n    dir: { type: String as PropType<Direction> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<RatingProps['translations']> },\n  },\n  // value-change 携带 { value }，update:value 携带裸值；hover-change 是预览通道\n  emits: {\n    'value-change': (_details: PayloadOf<RatingProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<RatingProps, 'onValueChange'>['value']) => true,\n    'hover-change': (_details: PayloadOf<RatingProps, 'onHoverChange'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: RatingProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onHoverChange: RatingProps['onHoverChange'] = (details) => {\n      emit('hover-change', details)\n    }\n    const ctx = useRating(withXhConfig('rating', useFormControlProps(props)) as RatingProps, { onValueChange, onHoverChange })\n    provideRating(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      hoveredValue: ctx.api.value.hoveredValue,\n      highlightedValue: ctx.api.value.highlightedValue,\n      count: ctx.api.value.count,\n      empty: ctx.api.value.empty,\n      // 条目序号列表，供 v-for 渲染星星\n      items: ctx.api.value.items,\n      getItemState: ctx.api.value.getItemState,\n      setValue: ctx.api.value.setValue,\n    }))\n  },\n})\n\nexport const XhRatingLabel = defineComponent({\n  name: 'XhRatingLabel',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRatingControl = defineComponent({\n  name: 'XhRatingControl',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhRatingValueText = defineComponent({\n  name: 'XhRatingValueText',\n  setup(_, { slots }) {\n    const ctx = useRatingContext()\n    // 分值文本：写在 root 里、control 的兄弟；没给内容就填当前该点亮到的那个数\n    return () => h(\n      'span',\n      ctx.api.value.getValueTextProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.valueText,\n    )\n  },\n})\n\nexport const XhRatingItem = defineComponent({\n  name: 'XhRatingItem',\n  props: {\n    // 星序号，兼收字符串；往下传前统一归成数字\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: RatingItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useRatingContext()\n    const item = computed(() => ({ value: Number(props.value) }))\n\n    // 本条目持有焦点时，序号变更重报焦点条目，卸载时上报评分带失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => item.value.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', index: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按序号比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'CONTROL.BLUR' })\n    })\n\n    return () => h('span', {\n      ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>,\n      ref: itemEl,\n    }, slots.default?.(ctx.api.value.getItemState(item.value)))\n  },\n})\n\nexport const XhRatingHiddenInput = defineComponent({\n  name: 'XhRatingHiddenInput',\n  setup() {\n    const ctx = useRatingContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-rating.d.ts","names":[],"sources":["../../../src/components/rating/use-rating.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,UACd,OAAO,uBACP,YAAW,KAAK,4DACf"}
+{"version":3,"file":"use-rating.d.ts","names":[],"sources":["../../../src/components/rating/use-rating.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,UACd,OAAO,uBACP,YAAW,KAAK,4DACf"}

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

@@ -2,8 +2,8 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectRating, ratingMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/rating/use-rating.ts
 function useRating(props, callbacks = {}) {
 	const service = useMachine(ratingMachine, () => ({

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

@@ -1 +1 @@
-{"version":3,"file":"use-rating.js","names":[],"sources":["../../../src/components/rating/use-rating.ts"],"sourcesContent":["import type { RatingApi, RatingSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectRating, ratingMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface RatingContext {\n  api: ComputedRef<RatingApi>\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<RatingSchema>\n}\n\nexport function useRating(\n  props: RatingSchema['props'],\n  callbacks: Pick<RatingSchema['props'], 'onValueChange' | 'onHoverChange'> = {},\n): RatingContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(ratingMachine, () => ({ ...props, ...callbacks }), scope)\n  const api = computed(() => connectRating(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,UACd,OACA,YAA4E,CAAC,GAC9D;CAGf,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO,GAAG;CAAU,IAD5D,YAAY,MADZ,qBACsB,CAC8C,CAAC;CAEnF,OAAO;EAAE,KADG,eAAe,cAAc,SAAS,YAAY,CACnD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-rating.js","names":[],"sources":["../../../src/components/rating/use-rating.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 rating 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { RatingApi, RatingSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectRating, ratingMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface RatingContext {\n  api: ComputedRef<RatingApi>\n  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<RatingSchema>\n}\n\nexport function useRating(\n  props: RatingSchema['props'],\n  callbacks: Pick<RatingSchema['props'], 'onValueChange' | 'onHoverChange'> = {},\n): RatingContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(ratingMachine, () => ({ ...props, ...callbacks }), scope)\n  const api = computed(() => connectRating(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,UACd,OACA,YAA4E,CAAC,GAC9D;CAGf,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO,GAAG;CAAU,IAD5D,YAAY,MADZ,qBACsB,CAC8C,CAAC;CAEnF,OAAO;EAAE,KADG,eAAe,cAAc,SAAS,YAAY,CACnD;EAAG;CAAQ;AACxB"}

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

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

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

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

package/dist/components/reasoning/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/reasoning/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 { ReasoningContext } from './use-reasoning'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ReasoningContext> = Symbol.for('xh-reasoning')\n\nexport function provideReasoning(ctx: ReasoningContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useReasoningContext(): ReasoningContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Reasoning 部件必须用在 XhReasoningRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,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/reasoning/reasoning.d.ts

@@ -0,0 +1,112 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Size, Tone } from "@xihan-ui/core";
+import { ReasoningApi, ReasoningTranslations, ToolCallSchema } from "@xihan-ui/headless";
+//#region src/components/reasoning/reasoning.d.ts
+type MachineProps = ToolCallSchema['props'];
+/** 默认插槽的载荷：开合、是否仍在思考、思考时长，以及当前应显示的状态文案。 */
+type ReasoningRootSlotProps = Pick<ReasoningApi, 'open' | 'streaming' | 'disabled' | 'durationMs' | 'statusText' | 'setOpen'>;
+declare const XhReasoningRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  streaming: BooleanConstructor;
+  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<ReasoningTranslations>>;
+  };
+}>, () => 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<{
+  streaming: BooleanConstructor;
+  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<ReasoningTranslations>>;
+  };
+}>> & Readonly<{
+  "onOpen-change"?: ((_details: import("@xihan-ui/headless").ToolCallOpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  open: boolean;
+  defaultOpen: boolean;
+  streaming: boolean;
+  autoDisclosure: boolean;
+}, SlotsType<{
+  default?: (props: ReasoningRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhReasoningTrigger: 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 XhReasoningIcon: 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 XhReasoningIndicator: 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 XhReasoningLabel: 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 XhReasoningDuration: 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 XhReasoningContent: 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 { ReasoningRootSlotProps, XhReasoningContent, XhReasoningDuration, XhReasoningIcon, XhReasoningIndicator, XhReasoningLabel, XhReasoningRoot, XhReasoningTrigger };
+//# sourceMappingURL=reasoning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reasoning.d.ts","names":[],"sources":["../../../src/components/reasoning/reasoning.ts"],"mappings":";;;;;KAgBK,eAAe;;KAGR,yBAAyB,KAAK;cAE7B,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;IAWG,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAGvB,gBAAA,UAAA,UAAU;EACb,gBAAA;;;;;;;;;;;;;;;;;;;;;;;IAPI,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;EAOvC,WAAC,OAAO,2BAA2B;kCA4D/C;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAW3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/reasoning/reasoning.js

@@ -0,0 +1,142 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideReasoning, useReasoningContext } from "./context.js";
+import { useReasoning } from "./use-reasoning.js";
+import { defineComponent, h } from "vue";
+//#region src/components/reasoning/reasoning.ts
+const XhReasoningRoot = defineComponent({
+	name: "XhReasoningRoot",
+	props: {
+		streaming: Boolean,
+		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("reasoning", props);
+		const ctx = useReasoning({
+			get running() {
+				return props.streaming;
+			},
+			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 streaming() {
+				return props.streaming;
+			},
+			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;
+			}
+		});
+		provideReasoning(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			open: ctx.api.value.open,
+			streaming: ctx.api.value.streaming,
+			disabled: ctx.api.value.disabled,
+			durationMs: ctx.api.value.durationMs,
+			statusText: ctx.api.value.statusText,
+			setOpen: ctx.api.value.setOpen
+		}));
+	}
+});
+const XhReasoningTrigger = defineComponent({
+	name: "XhReasoningTrigger",
+	setup(_, { slots }) {
+		const ctx = useReasoningContext();
+		return () => h("button", ctx.api.value.getTriggerProps(), slots.default?.());
+	}
+});
+const XhReasoningIcon = defineComponent({
+	name: "XhReasoningIcon",
+	setup(_, { slots }) {
+		const ctx = useReasoningContext();
+		return () => h("span", ctx.api.value.getIconProps(), slots.default?.());
+	}
+});
+const XhReasoningIndicator = defineComponent({
+	name: "XhReasoningIndicator",
+	setup(_, { slots }) {
+		const ctx = useReasoningContext();
+		return () => h("span", ctx.api.value.getIndicatorProps(), slots.default?.());
+	}
+});
+const XhReasoningLabel = defineComponent({
+	name: "XhReasoningLabel",
+	setup(_, { slots }) {
+		const ctx = useReasoningContext();
+		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.() ?? ctx.api.value.statusText);
+	}
+});
+const XhReasoningDuration = defineComponent({
+	name: "XhReasoningDuration",
+	setup(_, { slots }) {
+		const ctx = useReasoningContext();
+		return () => h("span", ctx.api.value.getDurationProps(), slots.default?.());
+	}
+});
+const XhReasoningContent = defineComponent({
+	name: "XhReasoningContent",
+	setup(_, { slots }) {
+		const ctx = useReasoningContext();
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				ctx.contentRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+//#endregion
+export { XhReasoningContent, XhReasoningDuration, XhReasoningIcon, XhReasoningIndicator, XhReasoningLabel, XhReasoningRoot, XhReasoningTrigger };
+
+//# sourceMappingURL=reasoning.js.map

package/dist/components/reasoning/reasoning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reasoning.js","names":[],"sources":["../../../src/components/reasoning/reasoning.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// 提供 reasoning 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { ReasoningApi, ReasoningProps, ReasoningTranslations, ToolCallSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideReasoning, useReasoningContext } from './context'\nimport { useReasoning } from './use-reasoning'\n\ntype MachineProps = ToolCallSchema['props']\n\n/** 默认插槽的载荷：开合、是否仍在思考、思考时长，以及当前应显示的状态文案。 */\nexport type ReasoningRootSlotProps = Pick<ReasoningApi, 'open' | 'streaming' | 'disabled' | 'durationMs' | 'statusText' | 'setOpen'>\n\nexport const XhReasoningRoot = defineComponent({\n  name: 'XhReasoningRoot',\n  props: {\n    streaming: Boolean,\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<ReasoningTranslations>> },\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: ReasoningRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const configured = withXhConfig('reasoning', props)\n    const machineProps: MachineProps = {\n      // 还在写就是还在跑，自动开合据此走\n      get running() {\n        return props.streaming\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: ReasoningProps = {\n      get streaming() {\n        return props.streaming\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 = useReasoning(machineProps, viewProps)\n    provideReasoning(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      streaming: ctx.api.value.streaming,\n      disabled: ctx.api.value.disabled,\n      durationMs: ctx.api.value.durationMs,\n      statusText: ctx.api.value.statusText,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\nexport const XhReasoningTrigger = defineComponent({\n  name: 'XhReasoningTrigger',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningIcon = defineComponent({\n  name: 'XhReasoningIcon',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    // 状态图形位：跟着在不在想换色，对读屏隐藏\n    return () => h('span', ctx.api.value.getIconProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningIndicator = defineComponent({\n  name: 'XhReasoningIndicator',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningLabel = defineComponent({\n  name: 'XhReasoningLabel',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    // 不给内容时显示当前状态那一句\n    return () => h(\n      'span',\n      ctx.api.value.getLabelProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.statusText,\n    )\n  },\n})\n\nexport const XhReasoningDuration = defineComponent({\n  name: 'XhReasoningDuration',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\n    return () => h('span', ctx.api.value.getDurationProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhReasoningContent = defineComponent({\n  name: 'XhReasoningContent',\n  setup(_, { slots }) {\n    const ctx = useReasoningContext()\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"],"mappings":"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"}

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

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

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

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

package/dist/components/reasoning/use-reasoning.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 { connectReasoning, toolCallMachine } from "@xihan-ui/headless";
+//#region src/components/reasoning/use-reasoning.ts
+function useReasoning(machineProps, viewProps) {
+	const idGen = createVueIdGenerator();
+	const scope = createScope(null, idGen);
+	const service = useMachine(toolCallMachine, () => ({ ...machineProps }), scope);
+	const api = computed(() => connectReasoning(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 { useReasoning };
+
+//# sourceMappingURL=use-reasoning.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-reasoning.js","names":[],"sources":["../../../src/components/reasoning/use-reasoning.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 reasoning 相关实现。\n\nimport type { RuntimeConfig } from '@xihan-ui/core'\nimport type { ReasoningApi, ReasoningProps, ToolCallSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectReasoning, 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 ReasoningContext {\n  api: ComputedRef<ReasoningApi>\n  contentRef: Ref<HTMLElement | null>\n  /** 收起动画播完之前保持为真：真正的收起由它写为内联 display。 */\n  visible: Ref<boolean>\n}\n\n// 自动开合整套复用 tool-call 的机器：它不认解剖，只认在不在跑与四个叶态\nexport function useReasoning(machineProps: MachineProps, viewProps: ReasoningProps): ReasoningContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(toolCallMachine, () => ({ ...machineProps }), scope)\n  const api = computed(() => connectReasoning(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,aAAa,cAA4B,WAA6C;CACpG,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,wBAAwB,EAAE,GAAG,aAAa,IAAI,KAAK;CAC9E,MAAM,MAAM,eAAe,iBAAiB,SAAS,WAAW,YAAY,CAAC;CAC7E,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"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/resizable/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 { 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":";;AAWA,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"}