@xihan-ui/vue 1.0.0-alpha.2 → 1.0.0

package/dist/components/timer/timer.js

@@ -0,0 +1,139 @@
+import { withXhConfig } from "../../config/config.js";
+import { slotPaints } from "../../runtime/slot-content.js";
+import { provideTimer, useTimerContext } from "./context.js";
+import { useTimer } from "./use-timer.js";
+import { defineComponent, h } from "vue";
+//#region src/components/timer/timer.ts
+/** 没写默认插槽时铺开的那几段：时、分、秒。要天或毫秒就自己写部件。 */
+const DEFAULT_UNITS = [
+	"hours",
+	"minutes",
+	"seconds"
+];
+const XhTimerRoot = defineComponent({
+	name: "XhTimerRoot",
+	props: {
+		startMs: {
+			type: Number,
+			default: void 0
+		},
+		targetMs: {
+			type: Number,
+			default: void 0
+		},
+		countdown: {
+			type: Boolean,
+			default: void 0
+		},
+		autoStart: {
+			type: Boolean,
+			default: void 0
+		},
+		interval: {
+			type: Number,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: void 0
+		},
+		translations: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		tick: (_details) => true,
+		complete: (_details) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useTimer(withXhConfig("timer", props), {
+			onTick: (details) => emit("tick", details),
+			onComplete: (details) => emit("complete", details)
+		});
+		provideTimer(ctx);
+		return () => {
+			const api = ctx.api.value;
+			const content = slots.default?.({
+				phase: api.phase,
+				value: api.value,
+				elapsed: api.elapsed,
+				running: api.running,
+				paused: api.paused,
+				completed: api.completed,
+				countdown: api.countdown,
+				segments: api.segments,
+				segmentText: api.segmentText,
+				controlAction: api.controlAction,
+				controlLabel: api.controlLabel,
+				start: api.start,
+				pause: api.pause,
+				resume: api.resume,
+				reset: api.reset
+			});
+			return h("div", api.getRootProps(), slotPaints(content) ? content : [renderDefaultTree()]);
+		};
+	}
+});
+const XhTimerArea = defineComponent({
+	name: "XhTimerArea",
+	setup(_, { slots }) {
+		const ctx = useTimerContext();
+		return () => h("div", ctx.api.value.getAreaProps(), slots.default?.());
+	}
+});
+const XhTimerItem = defineComponent({
+	name: "XhTimerItem",
+	props: { unit: {
+		type: String,
+		required: true
+	} },
+	setup(props) {
+		const ctx = useTimerContext();
+		return () => {
+			const api = ctx.api.value;
+			return h("span", api.getItemProps({ unit: props.unit }), api.segmentText(props.unit));
+		};
+	}
+});
+const XhTimerSeparator = defineComponent({
+	name: "XhTimerSeparator",
+	setup(_, { slots }) {
+		const ctx = useTimerContext();
+		return () => {
+			const content = slots.default?.();
+			return h("span", ctx.api.value.getSeparatorProps(), slotPaints(content) ? content : ":");
+		};
+	}
+});
+const XhTimerControl = defineComponent({
+	name: "XhTimerControl",
+	setup(_, { slots }) {
+		const ctx = useTimerContext();
+		return () => {
+			const api = ctx.api.value;
+			const content = slots.default?.();
+			return h("button", api.getControlProps(), slotPaints(content) ? content : api.controlLabel);
+		};
+	}
+});
+/**
+* 没写默认插槽时铺开的整套结构：一个时间区，里面是时、分、秒三段与两个冒号。
+* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
+*/
+function renderDefaultTree() {
+	const children = [];
+	for (const [index, unit] of DEFAULT_UNITS.entries()) {
+		if (index > 0) children.push(h(XhTimerSeparator, { key: `separator-${unit}` }));
+		children.push(h(XhTimerItem, {
+			key: unit,
+			unit
+		}));
+	}
+	return h(XhTimerArea, null, () => children);
+}
+//#endregion
+export { XhTimerArea, XhTimerControl, XhTimerItem, XhTimerRoot, XhTimerSeparator };
+
+//# sourceMappingURL=timer.js.map

package/dist/components/timer/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","names":[],"sources":["../../../src/components/timer/timer.ts"],"sourcesContent":["import type { TimerApi, TimerSchema, TimerTranslations, TimerUnit } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideTimer, useTimerContext } from './context'\nimport { useTimer } from './use-timer'\n\ntype TimerProps = TimerSchema['props']\n\n/** 默认插槽的载荷：当前状态与显示值、拆开的每一段，以及起停归零四个动作。 */\nexport type TimerRootSlotProps = Pick<\n  TimerApi,\n  'phase' | 'value' | 'elapsed' | 'running' | 'paused' | 'completed' | 'countdown'\n  | 'segments' | 'segmentText' | 'controlAction' | 'controlLabel'\n  | 'start' | 'pause' | 'resume' | 'reset'\n>\n\n/** 没写默认插槽时铺开的那几段：时、分、秒。要天或毫秒就自己写部件。 */\nconst DEFAULT_UNITS: readonly TimerUnit[] = ['hours', 'minutes', 'seconds']\n\nexport const XhTimerRoot = defineComponent({\n  name: 'XhTimerRoot',\n  // 全部 default: undefined，缺省值由机器与 connect 决定\n  props: {\n    startMs: { type: Number, default: undefined },\n    targetMs: { type: Number, default: undefined },\n    countdown: { type: Boolean, default: undefined },\n    autoStart: { type: Boolean, default: undefined },\n    interval: { type: Number, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<TimerTranslations>>, default: undefined },\n  },\n  // tick 携带 { value, elapsed }；complete 同形，只在到点那一刻发一次\n  emits: {\n    tick: (_details: PayloadOf<TimerProps, 'onTick'>) => true,\n    complete: (_details: PayloadOf<TimerProps, 'onComplete'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useTimer(withXhConfig('timer', props) as TimerProps, {\n      onTick: details => emit('tick', details),\n      onComplete: details => emit('complete', details),\n    })\n    provideTimer(ctx)\n\n    return () => {\n      const api = ctx.api.value\n      const content = slots.default?.({\n        phase: api.phase,\n        value: api.value,\n        elapsed: api.elapsed,\n        running: api.running,\n        paused: api.paused,\n        completed: api.completed,\n        countdown: api.countdown,\n        segments: api.segments,\n        segmentText: api.segmentText,\n        controlAction: api.controlAction,\n        controlLabel: api.controlLabel,\n        start: api.start,\n        pause: api.pause,\n        resume: api.resume,\n        reset: api.reset,\n      })\n      return h(\n        'div',\n        api.getRootProps() as Record<string, unknown>,\n        // 插槽为空（含 v-if 落空只剩注释节点）时退回组件自己铺的时分秒\n        slotPaints(content) ? content : [renderDefaultTree()],\n      )\n    }\n  },\n})\n\nexport const XhTimerArea = defineComponent({\n  name: 'XhTimerArea',\n  setup(_, { slots }) {\n    const ctx = useTimerContext()\n    return () => h('div', ctx.api.value.getAreaProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimerItem = defineComponent({\n  name: 'XhTimerItem',\n  props: {\n    unit: { type: String as PropType<TimerUnit>, required: true },\n  },\n  setup(props) {\n    const ctx = useTimerContext()\n    return () => {\n      const api = ctx.api.value\n      // 这一段的数字恒由组件写，作者只声明它是哪一段：写在条目里的内容留不住，\n      // 下一拍就会被新的数字盖掉，Web Components 侧也是元素接管这段文本\n      return h(\n        'span',\n        api.getItemProps({ unit: props.unit }) as Record<string, unknown>,\n        api.segmentText(props.unit),\n      )\n    }\n  },\n})\n\nexport const XhTimerSeparator = defineComponent({\n  name: 'XhTimerSeparator',\n  setup(_, { slots }) {\n    const ctx = useTimerContext()\n    return () => {\n      const content = slots.default?.()\n      // 缺省是冒号，换成别的记号写进插槽即可\n      return h(\n        'span',\n        ctx.api.value.getSeparatorProps() as Record<string, unknown>,\n        slotPaints(content) ? content : ':',\n      )\n    }\n  },\n})\n\nexport const XhTimerControl = defineComponent({\n  name: 'XhTimerControl',\n  setup(_, { slots }) {\n    const ctx = useTimerContext()\n    return () => {\n      const api = ctx.api.value\n      const content = slots.default?.()\n      // 用原生 button，激活交给平台；没写内容时把当前动作的名字写上去\n      return h(\n        'button',\n        api.getControlProps() as Record<string, unknown>,\n        slotPaints(content) ? content : api.controlLabel,\n      )\n    }\n  },\n})\n\n/**\n * 没写默认插槽时铺开的整套结构：一个时间区，里面是时、分、秒三段与两个冒号。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n */\nfunction renderDefaultTree(): VNode {\n  const children: VNode[] = []\n  for (const [index, unit] of DEFAULT_UNITS.entries()) {\n    if (index > 0)\n      children.push(h(XhTimerSeparator, { key: `separator-${unit}` }))\n    children.push(h(XhTimerItem, { key: unit, unit }))\n  }\n  return h(XhTimerArea, null, () => children)\n}\n"],"mappings":";;;;;;;AAqBA,MAAM,gBAAsC;CAAC;CAAS;CAAW;AAAS;AAE1E,MAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,OAAO;EACL,SAAS;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC5C,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,WAAW;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC/C,WAAW;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC/C,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,cAAc;GAAE,MAAM;GAAgD,SAAS,KAAA;EAAU;CAC3F;CAEA,OAAO;EACL,OAAO,aAA8C;EACrD,WAAW,aAAkD;CAC/D;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,MAAM,SAAS,aAAa,SAAS,KAAK,GAAiB;GAC/D,SAAQ,YAAW,KAAK,QAAQ,OAAO;GACvC,aAAY,YAAW,KAAK,YAAY,OAAO;EACjD,CAAC;EACD,aAAa,GAAG;EAEhB,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,UAAU,MAAM,UAAU;IAC9B,OAAO,IAAI;IACX,OAAO,IAAI;IACX,SAAS,IAAI;IACb,SAAS,IAAI;IACb,QAAQ,IAAI;IACZ,WAAW,IAAI;IACf,WAAW,IAAI;IACf,UAAU,IAAI;IACd,aAAa,IAAI;IACjB,eAAe,IAAI;IACnB,cAAc,IAAI;IAClB,OAAO,IAAI;IACX,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,OAAO,IAAI;GACb,CAAC;GACD,OAAO,EACL,OACA,IAAI,aAAa,GAEjB,WAAW,OAAO,IAAI,UAAU,CAAC,kBAAkB,CAAC,CACtD;EACF;CACF;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO,EACL,MAAM;EAAE,MAAM;EAA+B,UAAU;CAAK,EAC9D;CACA,MAAM,OAAO;EACX,MAAM,MAAM,gBAAgB;EAC5B,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GAGpB,OAAO,EACL,QACA,IAAI,aAAa,EAAE,MAAM,MAAM,KAAK,CAAC,GACrC,IAAI,YAAY,MAAM,IAAI,CAC5B;EACF;CACF;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa;GACX,MAAM,UAAU,MAAM,UAAU;GAEhC,OAAO,EACL,QACA,IAAI,IAAI,MAAM,kBAAkB,GAChC,WAAW,OAAO,IAAI,UAAU,GAClC;EACF;CACF;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,UAAU,MAAM,UAAU;GAEhC,OAAO,EACL,UACA,IAAI,gBAAgB,GACpB,WAAW,OAAO,IAAI,UAAU,IAAI,YACtC;EACF;CACF;AACF,CAAC;;;;;AAMD,SAAS,oBAA2B;CAClC,MAAM,WAAoB,CAAC;CAC3B,KAAK,MAAM,CAAC,OAAO,SAAS,cAAc,QAAQ,GAAG;EACnD,IAAI,QAAQ,GACV,SAAS,KAAK,EAAE,kBAAkB,EAAE,KAAK,aAAa,OAAO,CAAC,CAAC;EACjE,SAAS,KAAK,EAAE,aAAa;GAAE,KAAK;GAAM;EAAK,CAAC,CAAC;CACnD;CACA,OAAO,EAAE,aAAa,YAAY,QAAQ;AAC5C"}

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

@@ -0,0 +1,13 @@
+import { ComputedRef } from "vue";
+import { TimerApi, TimerSchema } from "@xihan-ui/headless";
+import { Service } from "@xihan-ui/machine";
+//#region src/components/timer/use-timer.d.ts
+interface TimerContext {
+  api: ComputedRef<TimerApi>;
+  /** 机器实例，供组合式调用方直接送事件。 */
+  service: Service<TimerSchema>;
+}
+declare function useTimer(props: TimerSchema['props'], handlers?: Pick<TimerSchema['props'], 'onComplete' | 'onTick'>): TimerContext;
+//#endregion
+export { TimerContext, useTimer };
+//# sourceMappingURL=use-timer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.d.ts","names":[],"sources":["../../../src/components/timer/use-timer.ts"],"mappings":";;;;UAQiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAIH,SACd,OAAO,sBACP,WAAU,KAAK,iDACd"}

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

@@ -0,0 +1,19 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { computed } from "vue";
+import { connectTimer, timerMachine } from "@xihan-ui/headless";
+//#region src/components/timer/use-timer.ts
+function useTimer(props, handlers = {}) {
+	const service = useMachine(timerMachine, () => ({
+		...props,
+		...handlers
+	}));
+	return {
+		api: computed(() => connectTimer(service, vueNormalize)),
+		service
+	};
+}
+//#endregion
+export { useTimer };
+
+//# sourceMappingURL=use-timer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-timer.js","names":[],"sources":["../../../src/components/timer/use-timer.ts"],"sourcesContent":["import type { TimerApi, TimerSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectTimer, timerMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface TimerContext {\n  api: ComputedRef<TimerApi>\n  /** 机器实例，供组合式调用方直接送事件。 */\n  service: Service<TimerSchema>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useTimer(\n  props: TimerSchema['props'],\n  handlers: Pick<TimerSchema['props'], 'onComplete' | 'onTick'> = {},\n): TimerContext {\n  const service = useMachine(timerMachine, () => ({ ...props, ...handlers }))\n  const api = computed(() => connectTimer(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;AAeA,SAAgB,SACd,OACA,WAAgE,CAAC,GACnD;CACd,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO,GAAG;CAAS,EAAE;CAE1E,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;CAAQ;AACxB"}

package/dist/components/toast/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/toast/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ToastContext } from './use-toast'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToastContext> = Symbol('xh-toast')\n\nexport function provideToast(ctx: ToastContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToastContext(): ToastContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Toast 部件必须用在 XhToastRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAkC,OAAO,UAAU;AAEzD,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/toast/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ToastContext } from './use-toast'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToastContext> = Symbol.for('xh-toast')\n\nexport function provideToast(ctx: ToastContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToastContext(): ToastContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Toast 部件必须用在 XhToastRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAkC,OAAO,IAAI,UAAU;AAE7D,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}

package/dist/components/toast/toast.d.ts

@@ -14,10 +14,6 @@ declare const XhToastRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: StringConstructor;
     default: undefined;
   };
-  description: {
-    type: StringConstructor;
-    default: undefined;
-  };
   type: {
     type: PropType<ToastType>;
     default: undefined;
@@ -56,10 +52,6 @@ declare const XhToastRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: StringConstructor;
     default: undefined;
   };
-  description: {
-    type: StringConstructor;
-    default: undefined;
-  };
   type: {
     type: PropType<ToastType>;
     default: undefined;
@@ -90,22 +82,18 @@ declare const XhToastRoot: import("vue").DefineComponent<import("vue").ExtractPr
 }>, {
   type: ToastType;
   title: string;
-  closable: boolean;
   translations: Partial<ToastTranslations>;
+  closable: boolean;
   duration: number;
-  id: string;
-  description: string;
   removeDelay: number;
   pauseOnPageIdle: boolean;
+  id: string;
 }, SlotsType<{
   default?: (props: ToastRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhToastTitle: 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 XhToastDescription: 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 XhToastActionTrigger: 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>;
@@ -113,5 +101,5 @@ declare const XhToastCloseTrigger: import("vue").DefineComponent<{}, () => VNode
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { ToastRootSlotProps, XhToastActionTrigger, XhToastCloseTrigger, XhToastDescription, XhToastRoot, XhToastTitle };
+export { ToastRootSlotProps, XhToastActionTrigger, XhToastCloseTrigger, XhToastRoot, XhToastTitle };
 //# sourceMappingURL=toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../src/components/toast/toast.ts"],"mappings":";;;;KAQK,aAAa;;KAGN,qBAAqB,KAC/B;cAIW,2BAAW,8BAAA;;;;;;;;;;;;;;IAQI,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS,QAAQ;;;;;;EAIrB,kBAAA,UAAA,UAAU;EACjB,SAAA,UAAA,UAAU;;;;;;;;;;;;;;;IAVP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,uBAAuB;kCAsB3C;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAWvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAU7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../src/components/toast/toast.ts"],"mappings":";;;;KAQK,aAAa;;KAGN,qBAAqB,KAC/B;cAIW,2BAAW,8BAAA;;;;;;;;;;IAOI,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS,QAAQ;;;;;;EAIrB,kBAAA,UAAA,UAAU;EACjB,SAAA,UAAA,UAAU;;;;;;;;;;;IAVP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,uBAAuB;kCAsB3C;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAWvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/toast/toast.js

@@ -14,10 +14,6 @@ const XhToastRoot = defineComponent({
 			type: String,
 			default: void 0
 		},
-		description: {
-			type: String,
-			default: void 0
-		},
 		type: {
 			type: String,
 			default: void 0
@@ -76,13 +72,6 @@ const XhToastTitle = defineComponent({
 		return () => h("div", ctx.api.value.getTitleProps(), slots.default ? slots.default() : ctx.api.value.title);
 	}
 });
-const XhToastDescription = defineComponent({
-	name: "XhToastDescription",
-	setup(_, { slots }) {
-		const ctx = useToastContext();
-		return () => h("div", ctx.api.value.getDescriptionProps(), slots.default ? slots.default() : ctx.api.value.description);
-	}
-});
 const XhToastActionTrigger = defineComponent({
 	name: "XhToastActionTrigger",
 	setup(_, { slots }) {
@@ -98,6 +87,6 @@ const XhToastCloseTrigger = defineComponent({
 	}
 });
 //#endregion
-export { XhToastActionTrigger, XhToastCloseTrigger, XhToastDescription, XhToastRoot, XhToastTitle };
+export { XhToastActionTrigger, XhToastCloseTrigger, XhToastRoot, XhToastTitle };
 
 //# sourceMappingURL=toast.js.map

package/dist/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/toast/toast.ts"],"sourcesContent":["import type { ToastApi, ToastSchema, ToastTranslations, ToastType } 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 { provideToast, useToastContext } from './context'\nimport { useToast } from './use-toast'\n\ntype ToastProps = ToastSchema['props']\n\n/** 默认插槽的载荷：这一条的身份、状态、计时剩余与生命周期方法。 */\nexport type ToastRootSlotProps = Pick<\n  ToastApi,\n  'id' | 'status' | 'type' | 'paused' | 'remaining' | 'dismiss' | 'pause' | 'resume'\n>\n\nexport const XhToastRoot = defineComponent({\n  name: 'XhToastRoot',\n  // 缺省值由 connect 与机器给出，这里一律 default: undefined\n  props: {\n    // 队列身份，不是 DOM id；不给则回落到实例的 scope id\n    id: { type: String, default: undefined },\n    title: { type: String, default: undefined },\n    description: { type: String, default: undefined },\n    type: { type: String as PropType<ToastType>, default: undefined },\n    duration: { type: Number, default: undefined },\n    removeDelay: { type: Number, default: undefined },\n    closable: { type: Boolean, default: undefined },\n    pauseOnPageIdle: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<ToastTranslations>>, default: undefined },\n  },\n  // status-change 携带 { id, status }，action 携带 { id }\n  emits: {\n    'status-change': (_details: PayloadOf<ToastProps, 'onStatusChange'>) => true,\n    'action': (_details: PayloadOf<ToastProps, 'onAction'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ToastRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyStatus: ToastProps['onStatusChange'] = (details) => {\n      emit('status-change', details)\n    }\n    const notifyAction: ToastProps['onAction'] = (details) => {\n      emit('action', details)\n    }\n    const ctx = useToast(withXhConfig('toast', props) as ToastProps, notifyStatus, notifyAction)\n    provideToast(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      id: ctx.api.value.id,\n      status: ctx.api.value.status,\n      type: ctx.api.value.type,\n      paused: ctx.api.value.paused,\n      remaining: ctx.api.value.remaining,\n      dismiss: ctx.api.value.dismiss,\n      pause: ctx.api.value.pause,\n      resume: ctx.api.value.resume,\n    }))\n  },\n})\n\nexport const XhToastTitle = defineComponent({\n  name: 'XhToastTitle',\n  setup(_, { slots }) {\n    const ctx = useToastContext()\n    // 渲染为 div 而非标题标签；无插槽内容时用 title prop 兜底\n    return () => h(\n      'div',\n      ctx.api.value.getTitleProps() as Record<string, unknown>,\n      slots.default ? slots.default() : ctx.api.value.title,\n    )\n  },\n})\n\nexport const XhToastDescription = defineComponent({\n  name: 'XhToastDescription',\n  setup(_, { slots }) {\n    const ctx = useToastContext()\n    return () => h(\n      'div',\n      ctx.api.value.getDescriptionProps() as Record<string, unknown>,\n      slots.default ? slots.default() : ctx.api.value.description,\n    )\n  },\n})\n\nexport const XhToastActionTrigger = defineComponent({\n  name: 'XhToastActionTrigger',\n  setup(_, { slots }) {\n    const ctx = useToastContext()\n    // 原生 <button>，激活行为交给平台\n    return () => h('button', ctx.api.value.getActionTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToastCloseTrigger = defineComponent({\n  name: 'XhToastCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useToastContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAgBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,OAAO;EAEL,IAAI;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACvC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,MAAM;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAChE,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,iBAAiB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACrD,cAAc;GAAE,MAAM;GAAgD,SAAS,KAAA;EAAU;CAC3F;CAEA,OAAO;EACL,kBAAkB,aAAsD;EACxE,WAAW,aAAgD;CAC7D;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,gBAA8C,YAAY;GAC9D,KAAK,iBAAiB,OAAO;EAC/B;EACA,MAAM,gBAAwC,YAAY;GACxD,KAAK,UAAU,OAAO;EACxB;EACA,MAAM,MAAM,SAAS,aAAa,SAAS,KAAK,GAAiB,cAAc,YAAY;EAC3F,aAAa,GAAG;EAChB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,IAAI,IAAI,IAAI,MAAM;GAClB,QAAQ,IAAI,IAAI,MAAM;GACtB,MAAM,IAAI,IAAI,MAAM;GACpB,QAAQ,IAAI,IAAI,MAAM;GACtB,WAAW,IAAI,IAAI,MAAM;GACzB,SAAS,IAAI,IAAI,MAAM;GACvB,OAAO,IAAI,IAAI,MAAM;GACrB,QAAQ,IAAI,IAAI,MAAM;EACxB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAE5B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,cAAc,GAC5B,MAAM,UAAU,MAAM,QAAQ,IAAI,IAAI,IAAI,MAAM,KAClD;CACF;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,oBAAoB,GAClC,MAAM,UAAU,MAAM,QAAQ,IAAI,IAAI,IAAI,MAAM,WAClD;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAE5B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,sBAAsB,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/toast/toast.ts"],"sourcesContent":["import type { ToastApi, ToastSchema, ToastTranslations, ToastType } 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 { provideToast, useToastContext } from './context'\nimport { useToast } from './use-toast'\n\ntype ToastProps = ToastSchema['props']\n\n/** 默认插槽的载荷：这一条的身份、状态、计时剩余与生命周期方法。 */\nexport type ToastRootSlotProps = Pick<\n  ToastApi,\n  'id' | 'status' | 'type' | 'paused' | 'remaining' | 'dismiss' | 'pause' | 'resume'\n>\n\nexport const XhToastRoot = defineComponent({\n  name: 'XhToastRoot',\n  // 缺省值由 connect 与机器给出，这里一律 default: undefined\n  props: {\n    // 队列身份，不是 DOM id；不给则回落到实例的 scope id\n    id: { type: String, default: undefined },\n    title: { type: String, default: undefined },\n    type: { type: String as PropType<ToastType>, default: undefined },\n    duration: { type: Number, default: undefined },\n    removeDelay: { type: Number, default: undefined },\n    closable: { type: Boolean, default: undefined },\n    pauseOnPageIdle: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<ToastTranslations>>, default: undefined },\n  },\n  // status-change 携带 { id, status }，action 携带 { id }\n  emits: {\n    'status-change': (_details: PayloadOf<ToastProps, 'onStatusChange'>) => true,\n    'action': (_details: PayloadOf<ToastProps, 'onAction'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ToastRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyStatus: ToastProps['onStatusChange'] = (details) => {\n      emit('status-change', details)\n    }\n    const notifyAction: ToastProps['onAction'] = (details) => {\n      emit('action', details)\n    }\n    const ctx = useToast(withXhConfig('toast', props) as ToastProps, notifyStatus, notifyAction)\n    provideToast(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      id: ctx.api.value.id,\n      status: ctx.api.value.status,\n      type: ctx.api.value.type,\n      paused: ctx.api.value.paused,\n      remaining: ctx.api.value.remaining,\n      dismiss: ctx.api.value.dismiss,\n      pause: ctx.api.value.pause,\n      resume: ctx.api.value.resume,\n    }))\n  },\n})\n\nexport const XhToastTitle = defineComponent({\n  name: 'XhToastTitle',\n  setup(_, { slots }) {\n    const ctx = useToastContext()\n    // 渲染为 div 而非标题标签；无插槽内容时用 title prop 兜底\n    return () => h(\n      'div',\n      ctx.api.value.getTitleProps() as Record<string, unknown>,\n      slots.default ? slots.default() : ctx.api.value.title,\n    )\n  },\n})\n\nexport const XhToastActionTrigger = defineComponent({\n  name: 'XhToastActionTrigger',\n  setup(_, { slots }) {\n    const ctx = useToastContext()\n    // 原生 <button>，激活行为交给平台\n    return () => h('button', ctx.api.value.getActionTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhToastCloseTrigger = defineComponent({\n  name: 'XhToastCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useToastContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAgBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,OAAO;EAEL,IAAI;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACvC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAChE,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,iBAAiB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACrD,cAAc;GAAE,MAAM;GAAgD,SAAS,KAAA;EAAU;CAC3F;CAEA,OAAO;EACL,kBAAkB,aAAsD;EACxE,WAAW,aAAgD;CAC7D;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,gBAA8C,YAAY;GAC9D,KAAK,iBAAiB,OAAO;EAC/B;EACA,MAAM,gBAAwC,YAAY;GACxD,KAAK,UAAU,OAAO;EACxB;EACA,MAAM,MAAM,SAAS,aAAa,SAAS,KAAK,GAAiB,cAAc,YAAY;EAC3F,aAAa,GAAG;EAChB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,IAAI,IAAI,IAAI,MAAM;GAClB,QAAQ,IAAI,IAAI,MAAM;GACtB,MAAM,IAAI,IAAI,MAAM;GACpB,QAAQ,IAAI,IAAI,MAAM;GACtB,WAAW,IAAI,IAAI,MAAM;GACzB,SAAS,IAAI,IAAI,MAAM;GACvB,OAAO,IAAI,IAAI,MAAM;GACrB,QAAQ,IAAI,IAAI,MAAM;EACxB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAE5B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,cAAc,GAC5B,MAAM,UAAU,MAAM,QAAQ,IAAI,IAAI,IAAI,MAAM,KAClD;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAE5B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,sBAAsB,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-toast.d.ts","names":[],"sources":["../../../src/components/toast/use-toast.ts"],"mappings":";;;UAQiB;EACf,KAAK,YAAY;;iBAGH,SACd,OAAO,sBACP,iBAAiB,wCACjB,WAAW,mCACV"}
+{"version":3,"file":"use-toast.d.ts","names":[],"sources":["../../../src/components/toast/use-toast.ts"],"mappings":";;;UAOiB;EACf,KAAK,YAAY;;iBAGH,SACd,OAAO,sBACP,iBAAiB,wCACjB,WAAW,mCACV"}

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

@@ -1,18 +1,12 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
-import { useToasterContextOptional } from "../toaster/context.js";
 import { computed } from "vue";
 import { connectToast, toastMachine } from "@xihan-ui/headless";
 //#region src/components/toast/use-toast.ts
 function useToast(props, onStatusChange, onAction) {
-	const toaster = useToasterContextOptional();
-	const notifyStatus = (details) => {
-		onStatusChange?.(details);
-		if (details.status === "unmounted") toaster?.dismiss(details.id);
-	};
 	const service = useMachine(toastMachine, () => ({
 		...props,
-		onStatusChange: notifyStatus,
+		onStatusChange,
 		onAction
 	}));
 	return { api: computed(() => connectToast(service, vueNormalize)) };

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

@@ -1 +1 @@
-{"version":3,"file":"use-toast.js","names":[],"sources":["../../../src/components/toast/use-toast.ts"],"sourcesContent":["import type { ToastApi, ToastSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectToast, toastMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useToasterContextOptional } from '../toaster/context'\n\nexport interface ToastContext {\n  api: ComputedRef<ToastApi>\n}\n\nexport function useToast(\n  props: ToastSchema['props'],\n  onStatusChange?: ToastSchema['props']['onStatusChange'],\n  onAction?: ToastSchema['props']['onAction'],\n): ToastContext {\n  // 退场后由适配器回队列删记录；外层无队列时注入为 null\n  const toaster = useToasterContextOptional()\n  const notifyStatus: ToastSchema['props']['onStatusChange'] = (details) => {\n    onStatusChange?.(details)\n    if (details.status === 'unmounted')\n      toaster?.dismiss(details.id)\n  }\n  const service = useMachine(toastMachine, () => ({ ...props, onStatusChange: notifyStatus, onAction }))\n  const api = computed(() => connectToast(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;AAYA,SAAgB,SACd,OACA,gBACA,UACc;CAEd,MAAM,UAAU,0BAA0B;CAC1C,MAAM,gBAAwD,YAAY;EACxE,iBAAiB,OAAO;EACxB,IAAI,QAAQ,WAAW,aACrB,SAAS,QAAQ,QAAQ,EAAE;CAC/B;CACA,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO,gBAAgB;EAAc;CAAS,EAAE;CAErG,OAAO,EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD,EAAE;AACf"}
+{"version":3,"file":"use-toast.js","names":[],"sources":["../../../src/components/toast/use-toast.ts"],"sourcesContent":["import type { ToastApi, ToastSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectToast, toastMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface ToastContext {\n  api: ComputedRef<ToastApi>\n}\n\nexport function useToast(\n  props: ToastSchema['props'],\n  onStatusChange?: ToastSchema['props']['onStatusChange'],\n  onAction?: ToastSchema['props']['onAction'],\n): ToastContext {\n  const service = useMachine(toastMachine, () => ({ ...props, onStatusChange, onAction }))\n  const api = computed(() => connectToast(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAWA,SAAgB,SACd,OACA,gBACA,UACc;CACd,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO;EAAgB;CAAS,EAAE;CAEvF,OAAO,EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD,EAAE;AACf"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/toggle-group/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ToggleGroupContext } from './use-toggle-group'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToggleGroupContext> = Symbol('xh-toggle-group')\n\nexport function provideToggleGroup(ctx: ToggleGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToggleGroupContext(): ToggleGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] ToggleGroup 部件必须用在 XhToggleGroupRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,iBAAiB;AAEtE,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/toggle-group/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ToggleGroupContext } from './use-toggle-group'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToggleGroupContext> = Symbol.for('xh-toggle-group')\n\nexport function provideToggleGroup(ctx: ToggleGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToggleGroupContext(): ToggleGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] ToggleGroup 部件必须用在 XhToggleGroupRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}

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

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, VNode } from "vue";
 import { ToggleGroupNode, ToggleGroupSchema, ToggleGroupValue } from "@xihan-ui/headless";
-import { Direction, Orientation } from "@xihan-ui/kernel";
+import { Direction, Orientation, Size } from "@xihan-ui/kernel";
 //#region src/components/toggle-group/toggle-group.d.ts
 type ToggleGroupProps = ToggleGroupSchema['props'];
 declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -29,6 +29,10 @@ declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").Ext
     type: BooleanConstructor;
     default: undefined;
   };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
   orientation: {
     type: PropType<Orientation>;
     default: undefined;
@@ -75,6 +79,10 @@ declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").Ext
     type: BooleanConstructor;
     default: undefined;
   };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
   orientation: {
     type: PropType<Orientation>;
     default: undefined;
@@ -101,6 +109,7 @@ declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").Ext
   defaultValue: ToggleGroupValue;
   orientation: Orientation;
   dir: Direction;
+  size: Size;
   disabled: boolean;
   loop: boolean;
   disallowEmpty: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/components/toggle-group/toggle-group.ts"],"mappings":";;;;;KAQK,mBAAmB;cAEX,iCAAiB,8BAAA;;IAIG,MAAA,SAAS;;;;IACJ,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;IAInB,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;EAML,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAdN,MAAA,SAAS;;;;IACJ,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;IAInB,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;qCA0BlC;cAEW,iCAAiB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAmC5B"}
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/components/toggle-group/toggle-group.ts"],"mappings":";;;;;KAQK,mBAAmB;cAEX,iCAAiB,8BAAA;;IAIG,MAAA,SAAS;;;;IACJ,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;IAI1B,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;EAML,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAfN,MAAA,SAAS;;;;IACJ,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;IAI1B,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;qCA0BlC;cAEW,iCAAiB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAmC5B"}

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

@@ -29,6 +29,10 @@ const XhToggleGroupRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		size: {
+			type: String,
+			default: void 0
+		},
 		orientation: {
 			type: String,
 			default: void 0

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 } 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    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,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":["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"}

package/dist/components/toolbar/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/toolbar/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ToolbarContext } from './use-toolbar'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToolbarContext> = Symbol('xh-toolbar')\n\nexport function provideToolbar(ctx: ToolbarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToolbarContext(): ToolbarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Toolbar 部件必须用在 XhToolbarRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,YAAY;AAE7D,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/toolbar/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ToolbarContext } from './use-toolbar'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToolbarContext> = Symbol.for('xh-toolbar')\n\nexport function provideToolbar(ctx: ToolbarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToolbarContext(): ToolbarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Toolbar 部件必须用在 XhToolbarRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,IAAI,YAAY;AAEjE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}

package/dist/components/tooltip/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tooltip/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TooltipContext } from './use-tooltip'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TooltipContext> = Symbol('xh-tooltip')\n\nexport function provideTooltip(ctx: TooltipContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTooltipContext(): TooltipContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tooltip 部件必须用在 XhTooltipRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,YAAY;AAE7D,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tooltip/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TooltipContext } from './use-tooltip'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TooltipContext> = Symbol.for('xh-tooltip')\n\nexport function provideTooltip(ctx: TooltipContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTooltipContext(): TooltipContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tooltip 部件必须用在 XhTooltipRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,IAAI,YAAY;AAEjE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}

package/dist/components/tooltip/tooltip.d.ts

@@ -80,18 +80,26 @@ declare const XhTooltipRoot: import("vue").DefineComponent<import("vue").Extract
   tone: Tone;
   size: Size;
   disabled: boolean;
+  offset: number;
   open: boolean;
   defaultOpen: boolean;
-  offset: number;
   placement: Placement;
   openDelay: number;
   closeDelay: number;
 }, SlotsType<{
   default?: (props: TooltipRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhTooltipTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhTooltipTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
+}>, () => 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>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
+}>> & Readonly<{}>, {
+  asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTooltipPositioner: 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>;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/components/tooltip/tooltip.ts"],"mappings":";;;;;KAQK,eAAe;;KAGR,uBAAuB,KAAK;cAE3B,6BAAa,8BAAA;;;;;;;IAKO,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKd,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;IAXJ,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKd,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,yBAAyB;kCAW7C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAS3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAS9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/components/tooltip/tooltip.ts"],"mappings":";;;;;KASK,eAAe;;KAGR,uBAAuB,KAAK;cAE3B,6BAAa,8BAAA;;;;;;;IAKO,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKd,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;IAXJ,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKd,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,yBAAyB;kCAW7C;cAEW,gCAAgB,8BAAA;;;;;;;;;;qCAuB3B;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAc9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAY3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/tooltip/tooltip.js

@@ -1,6 +1,7 @@
+import { mergeIntoChild } from "../../runtime/as-child.js";
 import { provideTooltip, useTooltipContext } from "./context.js";
 import { useTooltip } from "./use-tooltip.js";
-import { defineComponent, h } from "vue";
+import { Teleport, defineComponent, h, mergeProps } from "vue";
 //#region src/components/tooltip/tooltip.ts
 const XhTooltipRoot = defineComponent({
 	name: "XhTooltipRoot",
@@ -56,33 +57,51 @@ const XhTooltipRoot = defineComponent({
 });
 const XhTooltipTrigger = defineComponent({
 	name: "XhTooltipTrigger",
-	setup(_, { slots }) {
+	props: { 
+	/** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+asChild: Boolean },
+	setup(props, { slots }) {
 		const ctx = useTooltipContext();
-		return () => h("button", {
-			...ctx.api.value.getTriggerProps(),
-			ref: (el) => {
-				ctx.triggerRef.value = el;
+		return () => {
+			const attrs = {
+				...ctx.api.value.getTriggerProps(),
+				ref: (el) => {
+					ctx.triggerRef.value = el;
+				}
+			};
+			const children = slots.default?.();
+			if (props.asChild) {
+				const merged = mergeIntoChild(children, attrs, "tooltip");
+				if (merged) return merged;
 			}
-		}, slots.default?.());
+			return h("button", attrs, children);
+		};
 	}
 });
 const XhTooltipPositioner = defineComponent({
 	name: "XhTooltipPositioner",
-	setup(_, { slots }) {
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
 		const ctx = useTooltipContext();
-		return () => h("div", {
-			...ctx.api.value.getPositionerProps(),
+		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?.())]);
 	}
 });
 const XhTooltipContent = defineComponent({
 	name: "XhTooltipContent",
 	setup(_, { slots }) {
 		const ctx = useTooltipContext();
-		return () => h("div", ctx.api.value.getContentProps(), slots.default?.());
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				ctx.contentRef.value = el;
+			}
+		}, slots.default?.());
 	}
 });
 const XhTooltipArrow = defineComponent({