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

package/dist/components/side-nav/use-side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-side-nav.js","names":[],"sources":["../../../src/components/side-nav/use-side-nav.ts"],"sourcesContent":["import type { SideNavApi, SideNavSchema } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { ComputedRef } from 'vue'\nimport { connectSideNav, sideNavMachine } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\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 SideNavContext {\n  api: ComputedRef<SideNavApi>\n}\n\nexport function useSideNav(\n  props: SideNavSchema['props'],\n  handlers: Pick<SideNavSchema['props'], 'onValueChange' | 'onExpandedChange'> = {},\n): SideNavContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的配对 id 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sideNavMachine, () => ({ ...props, ...handlers }), scope)\n\n  if (typeof document !== 'undefined') {\n    const config: RuntimeConfig = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 弹出面板与触发按钮按当前弹出分支现查：配对 id 由 connect 派生，同一 scope 算得出来\n    const popoutEl = (kind: 'trigger' | 'content'): HTMLElement | null => {\n      const v = service.context.get('popoutValue')\n      return v == null ? null : document.getElementById(scope.partId('side-nav', `${kind}-${v}`))\n    }\n\n    // 只提供注册函数，入栈出栈由机器的 trackPopoutLayer 效应按弹出态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config.layerRegistry.register({\n      kind: 'popover',\n      node: () => popoutEl('content'),\n      // 触发按钮记为本层分支，点它算层内交互\n      branches: () => [popoutEl('trigger')].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getPopoutAnchorEl', () => popoutEl('trigger'))\n    service.refs.set('getPopoutContentEl', () => popoutEl('content'))\n  }\n\n  const api = computed(() => connectSideNav(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,WACd,OACA,WAA+E,CAAC,GAChE;CAEhB,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,uBAAuB;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CAEnF,IAAI,OAAO,aAAa,aAAa;EACnC,MAAM,SAAwB,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG/E,MAAM,YAAY,SAAoD;GACpE,MAAM,IAAI,QAAQ,QAAQ,IAAI,aAAa;GAC3C,OAAO,KAAK,OAAO,OAAO,SAAS,eAAe,MAAM,OAAO,YAAY,GAAG,KAAK,GAAG,GAAG,CAAC;EAC5F;EAGA,MAAM,sBAA0D,OAAO,cAAc,SAAS;GAC5F,MAAM;GACN,YAAY,SAAS,SAAS;GAE9B,gBAAgB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,OAAO,OAAO;GACpD,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,2BAA2B,SAAS,SAAS,CAAC;EAC/D,QAAQ,KAAK,IAAI,4BAA4B,SAAS,SAAS,CAAC;CAClE;CAGA,OAAO,EAAE,KADG,eAAe,eAAe,SAAS,YAAY,CACpD,EAAE;AACf"}
+{"version":3,"file":"use-side-nav.js","names":[],"sources":["../../../src/components/side-nav/use-side-nav.ts"],"sourcesContent":["import type { SideNavApi, SideNavSchema } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { ComputedRef } from 'vue'\nimport { connectSideNav, sideNavMachine } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SideNavContext {\n  api: ComputedRef<SideNavApi>\n  /** 运行时配置；服务端没有 DOM 时为 null。 */\n  config: RuntimeConfig | null\n  /** 弹出面板的定位层搬到哪儿：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useSideNav(\n  props: SideNavSchema['props'],\n  handlers: Pick<SideNavSchema['props'], 'onValueChange' | 'onExpandedChange'> = {},\n): SideNavContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的配对 id 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sideNavMachine, () => ({ ...props, ...handlers }), scope)\n  const xhConfig = useXhConfig()\n\n  // 服务端没有 DOM、也就没有落点：config 为 null 时浮层退回 body\n  let runtimeConfig: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    const config: RuntimeConfig = createRuntimeConfig({ scope, idGenerator: idGen })\n    runtimeConfig = config\n\n    // 弹出面板与触发按钮按当前弹出分支现查：配对 id 由 connect 派生，同一 scope 算得出来\n    const popoutEl = (kind: 'trigger' | 'content' | 'positioner'): HTMLElement | null => {\n      const v = service.context.get('popoutValue')\n      return v == null ? null : document.getElementById(scope.partId('side-nav', `${kind}-${v}`))\n    }\n\n    // 只提供注册函数，入栈出栈由机器的 trackPopoutLayer 效应按弹出态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config.layerRegistry.register({\n      kind: 'popover',\n      node: () => popoutEl('content'),\n      // 触发按钮记为本层分支，点它算层内交互\n      branches: () => [popoutEl('trigger')].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getPopoutAnchorEl', () => popoutEl('trigger'))\n    service.refs.set('getPopoutPositionerEl', () => popoutEl('positioner'))\n    service.refs.set('getPopoutContentEl', () => popoutEl('content'))\n  }\n\n  const api = computed(() => connectSideNav(service, vueNormalize))\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? runtimeConfig?.portalContainer() ?? 'body')\n  return { api, config: runtimeConfig, portalTarget }\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,WACd,OACA,WAA+E,CAAC,GAChE;CAEhB,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,uBAAuB;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CACnF,MAAM,WAAW,YAAY;CAG7B,IAAI,gBAAsC;CAE1C,IAAI,OAAO,aAAa,aAAa;EACnC,MAAM,SAAwB,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAC/E,gBAAgB;EAGhB,MAAM,YAAY,SAAmE;GACnF,MAAM,IAAI,QAAQ,QAAQ,IAAI,aAAa;GAC3C,OAAO,KAAK,OAAO,OAAO,SAAS,eAAe,MAAM,OAAO,YAAY,GAAG,KAAK,GAAG,GAAG,CAAC;EAC5F;EAGA,MAAM,sBAA0D,OAAO,cAAc,SAAS;GAC5F,MAAM;GACN,YAAY,SAAS,SAAS;GAE9B,gBAAgB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,OAAO,OAAO;GACpD,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,2BAA2B,SAAS,SAAS,CAAC;EAC/D,QAAQ,KAAK,IAAI,+BAA+B,SAAS,YAAY,CAAC;EACtE,QAAQ,KAAK,IAAI,4BAA4B,SAAS,SAAS,CAAC;CAClE;CAEA,MAAM,MAAM,eAAe,eAAe,SAAS,YAAY,CAAC;CAEhE,MAAM,eAAe,eAAiC,SAAS,MAAM,kBAAkB,KAAK,eAAe,gBAAgB,KAAK,MAAM;CACtI,OAAO;EAAE;EAAK,QAAQ;EAAe;CAAa;AACpD"}

package/dist/components/signature-pad/context.d.ts

@@ -0,0 +1,6 @@
+import { SignaturePadContext } from "./use-signature-pad.js";
+//#region src/components/signature-pad/context.d.ts
+declare function useSignaturePadContext(): SignaturePadContext;
+//#endregion
+export { useSignaturePadContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/signature-pad/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/signature-pad/context.ts"],"mappings":";;iBAUgB,0BAA0B"}

package/dist/components/signature-pad/context.js

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

package/dist/components/signature-pad/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/signature-pad/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SignaturePadContext } from './use-signature-pad'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SignaturePadContext> = Symbol.for('xh-signature-pad')\n\nexport function provideSignaturePad(ctx: SignaturePadContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSignaturePadContext(): SignaturePadContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SignaturePad 部件必须用在 XhSignaturePadRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAyC,OAAO,IAAI,kBAAkB;AAE5E,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}

package/dist/components/signature-pad/signature-pad.d.ts

@@ -0,0 +1,108 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { SignaturePadApi, SignaturePadDrawingOptions, SignaturePadSchema, SignaturePadTranslations } from "@xihan-ui/headless";
+//#region src/components/signature-pad/signature-pad.d.ts
+type SignaturePadProps = SignaturePadSchema['props'];
+/** 默认插槽的载荷：笔迹路径与空态、落笔中标记，以及导出与清空的动作。 */
+type SignaturePadRootSlotProps = Pick<SignaturePadApi, 'paths' | 'empty' | 'drawing' | 'disabled' | 'readOnly' | 'statusText' | 'toSvg' | 'clear'>;
+declare const XhSignaturePadRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  name: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  drawing: {
+    type: PropType<SignaturePadDrawingOptions>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<SignaturePadTranslations>>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  draw: (_details: PayloadOf<SignaturePadProps, "onDraw">) => true;
+  'draw-end': (_details: PayloadOf<SignaturePadProps, "onDrawEnd">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  name: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  drawing: {
+    type: PropType<SignaturePadDrawingOptions>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<SignaturePadTranslations>>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  onDraw?: ((_details: import("@xihan-ui/headless").SignaturePadDrawDetails) => any) | undefined;
+  "onDraw-end"?: ((_details: import("@xihan-ui/headless").SignaturePadDrawEndDetails) => any) | undefined;
+}>, {
+  required: boolean;
+  name: string;
+  invalid: boolean;
+  disabled: boolean;
+  translations: Partial<SignaturePadTranslations>;
+  readOnly: boolean;
+  drawing: SignaturePadDrawingOptions;
+}, SlotsType<{
+  default?: (props: SignaturePadRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhSignaturePadLabel: 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 XhSignaturePadControl: 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 XhSignaturePadGuide: 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 XhSignaturePadSegment: 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 XhSignaturePadClearTrigger: 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 XhSignaturePadStatus: 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 XhSignaturePadHiddenInput: 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 { SignaturePadRootSlotProps, XhSignaturePadClearTrigger, XhSignaturePadControl, XhSignaturePadGuide, XhSignaturePadHiddenInput, XhSignaturePadLabel, XhSignaturePadRoot, XhSignaturePadSegment, XhSignaturePadStatus };
+//# sourceMappingURL=signature-pad.d.ts.map

package/dist/components/signature-pad/signature-pad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"mappings":";;;;KAQK,oBAAoB;;KAGb,4BAA4B,KACtC;cAIW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;IASA,MAAA,SAAS;;;;IACJ,MAAA,SAAS,QAAQ;;;;;;EAI9B,OAAA,UAAA,UAAU;EACN,aAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;IANN,MAAA,SAAS;;;;IACJ,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,8BAA8B;kCAkBlD;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/signature-pad/signature-pad.js

@@ -0,0 +1,118 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideSignaturePad, useSignaturePadContext } from "./context.js";
+import { useSignaturePad } from "./use-signature-pad.js";
+import { defineComponent, h } from "vue";
+//#region src/components/signature-pad/signature-pad.ts
+const XhSignaturePadRoot = defineComponent({
+	name: "XhSignaturePadRoot",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {
+			type: String,
+			default: void 0
+		},
+		drawing: {
+			type: Object,
+			default: void 0
+		},
+		translations: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"draw": (_details) => true,
+		"draw-end": (_details) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const onDraw = (details) => emit("draw", details);
+		const onDrawEnd = (details) => emit("draw-end", details);
+		const ctx = useSignaturePad(withXhConfig("signature-pad", props), {
+			onDraw,
+			onDrawEnd
+		});
+		provideSignaturePad(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			paths: ctx.api.value.paths,
+			empty: ctx.api.value.empty,
+			drawing: ctx.api.value.drawing,
+			disabled: ctx.api.value.disabled,
+			readOnly: ctx.api.value.readOnly,
+			statusText: ctx.api.value.statusText,
+			toSvg: ctx.api.value.toSvg,
+			clear: ctx.api.value.clear
+		}));
+	}
+});
+const XhSignaturePadLabel = defineComponent({
+	name: "XhSignaturePadLabel",
+	setup(_, { slots }) {
+		const ctx = useSignaturePadContext();
+		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+const XhSignaturePadControl = defineComponent({
+	name: "XhSignaturePadControl",
+	setup(_, { slots }) {
+		const ctx = useSignaturePadContext();
+		return () => h("svg", {
+			...ctx.api.value.getControlProps(),
+			ref: ctx.controlRef
+		}, slots.default?.());
+	}
+});
+const XhSignaturePadGuide = defineComponent({
+	name: "XhSignaturePadGuide",
+	setup() {
+		const ctx = useSignaturePadContext();
+		return () => h("line", ctx.api.value.getGuideProps());
+	}
+});
+const XhSignaturePadSegment = defineComponent({
+	name: "XhSignaturePadSegment",
+	setup() {
+		const ctx = useSignaturePadContext();
+		return () => h("path", ctx.api.value.getSegmentProps());
+	}
+});
+const XhSignaturePadClearTrigger = defineComponent({
+	name: "XhSignaturePadClearTrigger",
+	setup(_, { slots }) {
+		const ctx = useSignaturePadContext();
+		return () => h("button", ctx.api.value.getClearTriggerProps(), slots.default?.());
+	}
+});
+const XhSignaturePadStatus = defineComponent({
+	name: "XhSignaturePadStatus",
+	setup(_, { slots }) {
+		const ctx = useSignaturePadContext();
+		return () => h("span", ctx.api.value.getStatusProps(), slots.default?.() ?? ctx.api.value.statusText);
+	}
+});
+const XhSignaturePadHiddenInput = defineComponent({
+	name: "XhSignaturePadHiddenInput",
+	setup() {
+		const ctx = useSignaturePadContext();
+		return () => h("input", ctx.api.value.getHiddenInputProps());
+	}
+});
+//#endregion
+export { XhSignaturePadClearTrigger, XhSignaturePadControl, XhSignaturePadGuide, XhSignaturePadHiddenInput, XhSignaturePadLabel, XhSignaturePadRoot, XhSignaturePadSegment, XhSignaturePadStatus };
+
+//# sourceMappingURL=signature-pad.js.map

package/dist/components/signature-pad/signature-pad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"sourcesContent":["import type { SignaturePadApi, SignaturePadDrawingOptions, SignaturePadSchema, SignaturePadTranslations } 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 { provideSignaturePad, useSignaturePadContext } from './context'\nimport { useSignaturePad } from './use-signature-pad'\n\ntype SignaturePadProps = SignaturePadSchema['props']\n\n/** 默认插槽的载荷：笔迹路径与空态、落笔中标记，以及导出与清空的动作。 */\nexport type SignaturePadRootSlotProps = Pick<\n  SignaturePadApi,\n  'paths' | 'empty' | 'drawing' | 'disabled' | 'readOnly' | 'statusText' | 'toSvg' | 'clear'\n>\n\nexport const XhSignaturePadRoot = defineComponent({\n  name: 'XhSignaturePadRoot',\n  // 全部 default: undefined，缺省值由 connect 决定\n  props: {\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: String, default: undefined },\n    drawing: { type: Object as PropType<SignaturePadDrawingOptions>, default: undefined },\n    translations: { type: Object as PropType<Partial<SignaturePadTranslations>>, default: undefined },\n  },\n  // 两条都是只读通知，签名写不回来，因此没有 v-model\n  emits: {\n    'draw': (_details: PayloadOf<SignaturePadProps, 'onDraw'>) => true,\n    'draw-end': (_details: PayloadOf<SignaturePadProps, 'onDrawEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SignaturePadRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onDraw: SignaturePadProps['onDraw'] = details => emit('draw', details)\n    const onDrawEnd: SignaturePadProps['onDrawEnd'] = details => emit('draw-end', details)\n    const ctx = useSignaturePad(withXhConfig('signature-pad', props) as SignaturePadProps, { onDraw, onDrawEnd })\n    provideSignaturePad(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      paths: ctx.api.value.paths,\n      empty: ctx.api.value.empty,\n      drawing: ctx.api.value.drawing,\n      disabled: ctx.api.value.disabled,\n      readOnly: ctx.api.value.readOnly,\n      statusText: ctx.api.value.statusText,\n      toSvg: ctx.api.value.toSvg,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhSignaturePadLabel = defineComponent({\n  name: 'XhSignaturePadLabel',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    // 不用原生 label：画布是 svg、不是可被 label 关联的表单控件，名字经 aria-labelledby 挂过去\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSignaturePadControl = defineComponent({\n  name: 'XhSignaturePadControl',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    // 画布是 svg：笔迹与基准线都是图元。viewBox 由连接层按钉住的尺寸给，\n    // 基准线与笔迹都建在这棵 svg 子树里，命名空间由它带下去\n    return () => h('svg', {\n      ...ctx.api.value.getControlProps() as Record<string, unknown>,\n      ref: ctx.controlRef,\n    }, slots.default?.())\n  },\n})\n\nexport const XhSignaturePadGuide = defineComponent({\n  name: 'XhSignaturePadGuide',\n  setup() {\n    const ctx = useSignaturePadContext()\n    return () => h('line', ctx.api.value.getGuideProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhSignaturePadSegment = defineComponent({\n  name: 'XhSignaturePadSegment',\n  setup() {\n    const ctx = useSignaturePadContext()\n    // 全部笔迹落在这一条路径上，每一笔是它的一条子路径\n    return () => h('path', ctx.api.value.getSegmentProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhSignaturePadClearTrigger = defineComponent({\n  name: 'XhSignaturePadClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSignaturePadStatus = defineComponent({\n  name: 'XhSignaturePadStatus',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    // 作者不写内容就用内建那句话，读屏才有东西可念\n    return () => h(\n      'span',\n      ctx.api.value.getStatusProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.statusText,\n    )\n  },\n})\n\nexport const XhSignaturePadHiddenInput = defineComponent({\n  name: 'XhSignaturePadHiddenInput',\n  setup() {\n    const ctx = useSignaturePadContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;;AAgBA,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CAEN,OAAO;EACL,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,SAAS;GAAE,MAAM;GAAgD,SAAS,KAAA;EAAU;EACpF,cAAc;GAAE,MAAM;GAAuD,SAAS,KAAA;EAAU;CAClG;CAEA,OAAO;EACL,SAAS,aAAqD;EAC9D,aAAa,aAAwD;CACvE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAsC,YAAW,KAAK,QAAQ,OAAO;EAC3E,MAAM,aAA4C,YAAW,KAAK,YAAY,OAAO;EACrF,MAAM,MAAM,gBAAgB,aAAa,iBAAiB,KAAK,GAAwB;GAAE;GAAQ;EAAU,CAAC;EAC5G,oBAAoB,GAAG;EACvB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,SAAS,IAAI,IAAI,MAAM;GACvB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,YAAY,IAAI,IAAI,MAAM;GAC1B,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;EACvB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAGnC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GACjC,KAAK,IAAI;EACX,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,CAA4B;CACjF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,gBAAgB,CAA4B;CACnF;AACF,CAAC;AAED,MAAa,6BAA6B,gBAAgB;CACxD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,eAAe,GAC7B,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,UACrC;CACF;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,CAA4B;CACxF;AACF,CAAC"}

package/dist/components/signature-pad/use-signature-pad.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef, Ref } from "vue";
+import { SignaturePadApi, SignaturePadSchema } from "@xihan-ui/headless";
+import { Service } from "@xihan-ui/machine";
+//#region src/components/signature-pad/use-signature-pad.d.ts
+interface SignaturePadContext {
+  api: ComputedRef<SignaturePadApi>;
+  service: Service<SignaturePadSchema>;
+  /** 画布节点，机器在指针事件里拿它把屏幕坐标换算成画布坐标。 */
+  controlRef: Ref<Element | null>;
+}
+declare function useSignaturePad(props: SignaturePadSchema['props'], callbacks?: Pick<SignaturePadSchema['props'], 'onDraw' | 'onDrawEnd'>): SignaturePadContext;
+//#endregion
+export { SignaturePadContext, useSignaturePad };
+//# sourceMappingURL=use-signature-pad.d.ts.map

package/dist/components/signature-pad/use-signature-pad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,YAAY,IAAI;;iBAGF,gBACd,OAAO,6BACP,YAAW,KAAK,uDACf"}

package/dist/components/signature-pad/use-signature-pad.js

@@ -0,0 +1,24 @@
+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 { connectSignaturePad, signaturePadMachine } from "@xihan-ui/headless";
+import { createScope } from "@xihan-ui/kernel";
+//#region src/components/signature-pad/use-signature-pad.ts
+function useSignaturePad(props, callbacks = {}) {
+	const controlRef = ref(null);
+	const service = useMachine(signaturePadMachine, () => ({
+		...props,
+		...callbacks
+	}), createScope(null, createVueIdGenerator()));
+	service.refs.set("getControlEl", () => controlRef.value);
+	return {
+		api: computed(() => connectSignaturePad(service, vueNormalize)),
+		service,
+		controlRef
+	};
+}
+//#endregion
+export { useSignaturePad };
+
+//# sourceMappingURL=use-signature-pad.js.map

package/dist/components/signature-pad/use-signature-pad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.ts"],"sourcesContent":["import type { SignaturePadApi, SignaturePadSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectSignaturePad, signaturePadMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SignaturePadContext {\n  api: ComputedRef<SignaturePadApi>\n  service: Service<SignaturePadSchema>\n  /** 画布节点，机器在指针事件里拿它把屏幕坐标换算成画布坐标。 */\n  controlRef: Ref<Element | null>\n}\n\nexport function useSignaturePad(\n  props: SignaturePadSchema['props'],\n  callbacks: Pick<SignaturePadSchema['props'], 'onDraw' | 'onDrawEnd'> = {},\n): SignaturePadContext {\n  const controlRef = ref<Element | null>(null)\n\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(signaturePadMachine, () => ({ ...props, ...callbacks }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getControlEl', () => controlRef.value)\n\n  const api = computed(() => connectSignaturePad(service, vueNormalize))\n  return { api, service, controlRef }\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,gBACd,OACA,YAAuE,CAAC,GACnD;CACrB,MAAM,aAAa,IAAoB,IAAI;CAK3C,MAAM,UAAU,WAAW,4BAA4B;EAAE,GAAG;EAAO,GAAG;CAAU,IADlE,YAAY,MADZ,qBACsB,CACoD,CAAC;CAGzF,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAGvD,OAAO;EAAE,KADG,eAAe,oBAAoB,SAAS,YAAY,CACzD;EAAG;EAAS;CAAW;AACpC"}

package/dist/components/skeleton/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/skeleton/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SkeletonContext } from './use-skeleton'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SkeletonContext> = Symbol('xh-skeleton')\n\nexport function provideSkeleton(ctx: SkeletonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSkeletonContext(): SkeletonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Skeleton 部件必须用在 XhSkeletonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,aAAa;AAE/D,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/skeleton/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SkeletonContext } from './use-skeleton'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SkeletonContext> = Symbol.for('xh-skeleton')\n\nexport function provideSkeleton(ctx: SkeletonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSkeletonContext(): SkeletonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Skeleton 部件必须用在 XhSkeletonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/slider/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/slider/context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\nimport type { SliderContext } from './use-slider'\nimport { inject, provide } from 'vue'\n\n/** 拇指自报的下标，供它内部的隐藏输入复用同一份声明。 */\nexport interface SliderThumbContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<SliderContext> = Symbol('xh-slider')\nconst THUMB_KEY: InjectionKey<SliderThumbContext> = Symbol('xh-slider-thumb')\n\nexport function provideSlider(ctx: SliderContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSliderContext(): SliderContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 部件必须用在 XhSliderRoot 内')\n  return ctx\n}\n\nexport function provideSliderThumb(ctx: SliderThumbContext): void {\n  provide(THUMB_KEY, ctx)\n}\n\nexport function useSliderThumbContext(): SliderThumbContext {\n  const ctx = inject(THUMB_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 隐藏输入必须用在 XhSliderThumb 内')\n  return ctx\n}\n"],"mappings":";;AASA,MAAM,MAAmC,OAAO,WAAW;AAC3D,MAAM,YAA8C,OAAO,iBAAiB;AAE5E,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,sCAAsC;CACxD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/slider/context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\nimport type { SliderContext } from './use-slider'\nimport { inject, provide } from 'vue'\n\n/** 拇指自报的下标，供它内部的隐藏输入复用同一份声明。 */\nexport interface SliderThumbContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<SliderContext> = Symbol.for('xh-slider')\nconst THUMB_KEY: InjectionKey<SliderThumbContext> = Symbol.for('xh-slider-thumb')\n\nexport function provideSlider(ctx: SliderContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSliderContext(): SliderContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 部件必须用在 XhSliderRoot 内')\n  return ctx\n}\n\nexport function provideSliderThumb(ctx: SliderThumbContext): void {\n  provide(THUMB_KEY, ctx)\n}\n\nexport function useSliderThumbContext(): SliderThumbContext {\n  const ctx = inject(THUMB_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 隐藏输入必须用在 XhSliderThumb 内')\n  return ctx\n}\n"],"mappings":";;AASA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAC/D,MAAM,YAA8C,OAAO,IAAI,iBAAiB;AAEhF,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,sCAAsC;CACxD,OAAO;AACT"}

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

@@ -0,0 +1,10 @@
+import { ComputedRef } from "vue";
+import { SpaceApi } from "@xihan-ui/headless";
+//#region src/components/space/context.d.ts
+interface SpaceContext {
+  api: ComputedRef<SpaceApi>;
+}
+declare function useSpaceContext(): SpaceContext;
+//#endregion
+export { SpaceContext, useSpaceContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/space/context.ts"],"mappings":";;;UAIiB;EACf,KAAK,YAAY;;iBASH,mBAAmB"}

package/dist/components/space/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/space/context.ts"],"sourcesContent":["import type { SpaceApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface SpaceContext {\n  api: ComputedRef<SpaceApi>\n}\n\nconst KEY: InjectionKey<SpaceContext> = Symbol.for('xh-space')\n\nexport function provideSpace(ctx: SpaceContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSpaceContext(): SpaceContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Space 部件必须用在 XhSpace 内')\n  return ctx\n}\n"],"mappings":";;AAQA,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,6BAA6B;CAC/C,OAAO;AACT"}

package/dist/components/space/space.d.ts

@@ -0,0 +1,75 @@
+import { PropType, SlotsType, VNode } from "vue";
+import { SpaceProps } from "@xihan-ui/headless";
+//#region src/components/space/space.d.ts
+/**
+ * 分隔符部件。写 `split` 插槽时组件在每道缝里自动铺一个，
+ * 手写它也铺得出同一种结构——两条路产出的 DOM 完全一致。
+ */
+declare const XhSpaceSplit: 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 XhSpace: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  orientation: {
+    type: PropType<SpaceProps["orientation"]>;
+    default: undefined;
+  };
+  direction: {
+    type: PropType<SpaceProps["direction"]>;
+    default: undefined;
+  };
+  gap: {
+    type: PropType<SpaceProps["gap"]>;
+    default: undefined;
+  };
+  align: {
+    type: PropType<SpaceProps["align"]>;
+    default: undefined;
+  };
+  justify: {
+    type: PropType<SpaceProps["justify"]>;
+    default: undefined;
+  };
+  wrap: BooleanConstructor;
+  inline: BooleanConstructor;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  orientation: {
+    type: PropType<SpaceProps["orientation"]>;
+    default: undefined;
+  };
+  direction: {
+    type: PropType<SpaceProps["direction"]>;
+    default: undefined;
+  };
+  gap: {
+    type: PropType<SpaceProps["gap"]>;
+    default: undefined;
+  };
+  align: {
+    type: PropType<SpaceProps["align"]>;
+    default: undefined;
+  };
+  justify: {
+    type: PropType<SpaceProps["justify"]>;
+    default: undefined;
+  };
+  wrap: BooleanConstructor;
+  inline: BooleanConstructor;
+}>> & Readonly<{}>, {
+  orientation: import("@xihan-ui/kernel").Orientation | undefined;
+  wrap: boolean;
+  direction: import("@xihan-ui/kernel").Orientation | undefined;
+  align: import("@xihan-ui/headless").SpaceAlign | undefined;
+  justify: import("@xihan-ui/headless").SpaceJustify | undefined;
+  gap: import("@xihan-ui/headless").SpaceGap | undefined;
+  inline: boolean;
+}, SlotsType<{
+  /** 子项，按写进来的顺序排开。 */
+  default?: () => VNode[];
+  /** 分隔符的内容：写了它，组件在每两个子项之间各铺一个分隔符部件，逐缝重新求值一次。 */
+  split?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { XhSpace, XhSpaceSplit };
+//# sourceMappingURL=space.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"space.d.ts","names":[],"sources":["../../../src/components/space/space.ts"],"mappings":";;;;;;;cAWa,4BAAY,0BAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAyCW,uBAAO,8BAAA;;IAIe,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACf,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;IAJL,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACf,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;;;;;;;EAM1B,gBAAM;;EAER,cAAM;kCAYhB"}

package/dist/components/space/space.js

@@ -0,0 +1,91 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { provideSpace, useSpaceContext } from "./context.js";
+import { Comment, Fragment, Text, computed, defineComponent, h } from "vue";
+import { connectSpace } from "@xihan-ui/headless";
+//#region src/components/space/space.ts
+/**
+* 分隔符部件。写 `split` 插槽时组件在每道缝里自动铺一个，
+* 手写它也铺得出同一种结构——两条路产出的 DOM 完全一致。
+*/
+const XhSpaceSplit = defineComponent({
+	name: "XhSpaceSplit",
+	setup(_, { slots }) {
+		const ctx = useSpaceContext();
+		return () => h("span", ctx.api.value.getSplitProps(), slots.default?.());
+	}
+});
+/**
+* 把默认插槽摊成一个个子项。
+*
+* `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一个子项，分隔符只会插在整段的两头；
+* `v-if` 为假留下的注释节点与模板缩进留下的空白文本一个像素都不画，留着会插出两条挨在一起的分隔符。
+*/
+function spaceItems(nodes) {
+	const items = [];
+	for (const node of nodes) {
+		if (node.type === Comment) continue;
+		if (node.type === Text) {
+			if (String(node.children ?? "").trim() !== "") items.push(node);
+			continue;
+		}
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			items.push(...spaceItems(node.children));
+			continue;
+		}
+		items.push(node);
+	}
+	return items;
+}
+/**
+* 在每两个子项之间铺一个分隔符部件。
+* 插槽逐缝重新求值：同一份 vnode 挂在两处会被后一处顶掉。
+*/
+function interleave(items, split) {
+	const out = [];
+	items.forEach((item, index) => {
+		if (index > 0) out.push(h(XhSpaceSplit, { key: `xh-space-split-${index}` }, () => split()));
+		out.push(item);
+	});
+	return out;
+}
+const XhSpace = defineComponent({
+	name: "XhSpace",
+	props: {
+		orientation: {
+			type: String,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			default: void 0
+		},
+		gap: {
+			type: String,
+			default: void 0
+		},
+		align: {
+			type: String,
+			default: void 0
+		},
+		justify: {
+			type: String,
+			default: void 0
+		},
+		wrap: Boolean,
+		inline: Boolean
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const api = computed(() => connectSpace(props, vueNormalize));
+		provideSpace({ api });
+		return () => {
+			const children = slots.default?.() ?? [];
+			const content = slots.split ? interleave(spaceItems(children), slots.split) : children;
+			return h("div", api.value.getRootProps(), content);
+		};
+	}
+});
+//#endregion
+export { XhSpace, XhSpaceSplit };
+
+//# sourceMappingURL=space.js.map

package/dist/components/space/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","names":[],"sources":["../../../src/components/space/space.ts"],"sourcesContent":["import type { SpaceProps } from '@xihan-ui/headless'\nimport type { PropType, Slot, SlotsType, VNode } from 'vue'\nimport { connectSpace } from '@xihan-ui/headless'\nimport { Comment, computed, defineComponent, Fragment, h, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideSpace, useSpaceContext } from './context'\n\n/**\n * 分隔符部件。写 `split` 插槽时组件在每道缝里自动铺一个，\n * 手写它也铺得出同一种结构——两条路产出的 DOM 完全一致。\n */\nexport const XhSpaceSplit = defineComponent({\n  name: 'XhSpaceSplit',\n  setup(_, { slots }) {\n    const ctx = useSpaceContext()\n    return () => h('span', ctx.api.value.getSplitProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 把默认插槽摊成一个个子项。\n *\n * `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一个子项，分隔符只会插在整段的两头；\n * `v-if` 为假留下的注释节点与模板缩进留下的空白文本一个像素都不画，留着会插出两条挨在一起的分隔符。\n */\nfunction spaceItems(nodes: readonly VNode[]): VNode[] {\n  const items: VNode[] = []\n  for (const node of nodes) {\n    if (node.type === Comment)\n      continue\n    if (node.type === Text) {\n      if (String(node.children ?? '').trim() !== '')\n        items.push(node)\n      continue\n    }\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      items.push(...spaceItems(node.children as VNode[]))\n      continue\n    }\n    items.push(node)\n  }\n  return items\n}\n\n/**\n * 在每两个子项之间铺一个分隔符部件。\n * 插槽逐缝重新求值：同一份 vnode 挂在两处会被后一处顶掉。\n */\nfunction interleave(items: readonly VNode[], split: Slot): VNode[] {\n  const out: VNode[] = []\n  items.forEach((item, index) => {\n    if (index > 0)\n      out.push(h(XhSpaceSplit, { key: `xh-space-split-${index}` }, () => split()))\n    out.push(item)\n  })\n  return out\n}\n\nexport const XhSpace = defineComponent({\n  name: 'XhSpace',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    orientation: { type: String as PropType<SpaceProps['orientation']>, default: undefined },\n    direction: { type: String as PropType<SpaceProps['direction']>, default: undefined },\n    gap: { type: String as PropType<SpaceProps['gap']>, default: undefined },\n    align: { type: String as PropType<SpaceProps['align']>, default: undefined },\n    justify: { type: String as PropType<SpaceProps['justify']>, default: undefined },\n    wrap: Boolean,\n    inline: Boolean,\n  },\n  slots: Object as SlotsType<{\n    /** 子项，按写进来的顺序排开。 */\n    default?: () => VNode[]\n    /** 分隔符的内容：写了它，组件在每两个子项之间各铺一个分隔符部件，逐缝重新求值一次。 */\n    split?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const api = computed(() => connectSpace(props as SpaceProps, vueNormalize))\n    provideSpace({ api })\n    return () => {\n      const children = slots.default?.() ?? []\n      // 没写分隔符插槽时原样交出去，不摊平：摊平会打散 v-for 的片段，白白丢掉它的复用信息\n      const content = slots.split ? interleave(spaceItems(children), slots.split) : children\n      return h('div', api.value.getRootProps() as Record<string, unknown>, content)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAWA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;;;;;;;AAQD,SAAS,WAAW,OAAkC;CACpD,MAAM,QAAiB,CAAC;CACxB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,SAAS,SAChB;EACF,IAAI,KAAK,SAAS,MAAM;GACtB,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC,CAAC,KAAK,MAAM,IACzC,MAAM,KAAK,IAAI;GACjB;EACF;EACA,IAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,QAAQ,GAAG;GAC1D,MAAM,KAAK,GAAG,WAAW,KAAK,QAAmB,CAAC;GAClD;EACF;EACA,MAAM,KAAK,IAAI;CACjB;CACA,OAAO;AACT;;;;;AAMA,SAAS,WAAW,OAAyB,OAAsB;CACjE,MAAM,MAAe,CAAC;CACtB,MAAM,SAAS,MAAM,UAAU;EAC7B,IAAI,QAAQ,GACV,IAAI,KAAK,EAAE,cAAc,EAAE,KAAK,kBAAkB,QAAQ,SAAS,MAAM,CAAC,CAAC;EAC7E,IAAI,KAAK,IAAI;CACf,CAAC;CACD,OAAO;AACT;AAEA,MAAa,UAAU,gBAAgB;CACrC,MAAM;CAEN,OAAO;EACL,aAAa;GAAE,MAAM;GAA+C,SAAS,KAAA;EAAU;EACvF,WAAW;GAAE,MAAM;GAA6C,SAAS,KAAA;EAAU;EACnF,KAAK;GAAE,MAAM;GAAuC,SAAS,KAAA;EAAU;EACvE,OAAO;GAAE,MAAM;GAAyC,SAAS,KAAA;EAAU;EAC3E,SAAS;GAAE,MAAM;GAA2C,SAAS,KAAA;EAAU;EAC/E,MAAM;EACN,QAAQ;CACV;CACA,OAAO;CAMP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,aAAa,OAAqB,YAAY,CAAC;EAC1E,aAAa,EAAE,IAAI,CAAC;EACpB,aAAa;GACX,MAAM,WAAW,MAAM,UAAU,KAAK,CAAC;GAEvC,MAAM,UAAU,MAAM,QAAQ,WAAW,WAAW,QAAQ,GAAG,MAAM,KAAK,IAAI;GAC9E,OAAO,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,OAAO;EAC9E;CACF;AACF,CAAC"}

package/dist/components/spinner/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/spinner/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SpinnerContext } from './use-spinner'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SpinnerContext> = Symbol('xh-spinner')\n\nexport function provideSpinner(ctx: SpinnerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSpinnerContext(): SpinnerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Spinner 部件必须用在 XhSpinner 内')\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,iCAAiC;CACnD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/spinner/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SpinnerContext } from './use-spinner'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SpinnerContext> = Symbol.for('xh-spinner')\n\nexport function provideSpinner(ctx: SpinnerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSpinnerContext(): SpinnerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Spinner 部件必须用在 XhSpinner 内')\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,iCAAiC;CACnD,OAAO;AACT"}