@xihan-ui/vue 4.1.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.d.ts","names":[],"sources":["../../../src/components/select/use-select.ts"],"mappings":";;;;UAoBiB;;EAEf,SAAS,QAAQ;EACjB,KAAK,YAAY;EACjB,YAAY,IAAI;;EAEhB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS,IAAI;;EAEb,SAAS;;EAET,cAAc,qBAAqB;;iBAGrB,UACd,OAAO,uBACP,gBAAgB,wCAChB,eAAe,wCACd"}
+{"version":3,"file":"use-select.d.ts","names":[],"sources":["../../../src/components/select/use-select.ts"],"mappings":";;;;UAoBiB;;;;;EAKf,YAAY;;EAEZ,SAAS,QAAQ;EACjB,KAAK,YAAY;EACjB,YAAY,IAAI;;EAEhB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS,IAAI;;EAEb,SAAS;;EAET,cAAc,qBAAqB;;iBAGrB,UACd,OAAO,uBACP,gBAAgB,wCAChB,eAAe,wCACd"}

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

@@ -3,9 +3,9 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { connectSelect, selectMachine } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createRuntimeConfig, createScope } from "@xihan-ui/core";
-import { connectSelect, selectMachine } from "@xihan-ui/headless";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/select/use-select.ts
 function useSelect(props, onValueChange, onOpenChange) {
@@ -17,8 +17,10 @@ function useSelect(props, onValueChange, onOpenChange) {
 	const listRef = ref(null);
 	const idGen = createVueIdGenerator();
 	const scope = createScope(null, idGen);
+	const labelCount = ref(0);
 	const service = useMachine(selectMachine, () => ({
 		...props,
+		labelled: labelCount.value > 0,
 		onValueChange,
 		onOpenChange
 	}), scope);
@@ -45,6 +47,7 @@ function useSelect(props, onValueChange, onOpenChange) {
 	}
 	const api = computed(() => connectSelect(service, vueNormalize));
 	return {
+		labelCount,
 		visible: useOverlayExit({
 			config,
 			isOpen: () => api.value.open,

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","names":[],"sources":["../../../src/components/select/use-select.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use select 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { SelectApi, SelectSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectSelect, selectMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SelectContext {\n  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<SelectSchema>\n  api: ComputedRef<SelectApi>\n  triggerRef: Ref<HTMLElement | null>\n  /** 盒：触发器与清空按钮在里面并排，记为浮层分支 */\n  controlRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 列表框本体：真正在滚动的层，自绘条挂在 positioner 上跟着它走 */\n  listRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useSelect(\n  props: SelectSchema['props'],\n  onValueChange?: SelectSchema['props']['onValueChange'],\n  onOpenChange?: SelectSchema['props']['onOpenChange'],\n): SelectContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const controlRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const listRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(selectMachine, () => ({ ...props, onValueChange, onOpenChange }), scope)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // 整个盒记为本层分支：点触发器或清空钮算层内交互，开合交给 trigger 自己切换；\n      // 浮层壳一并记上：列表之外还浮着自绘滚动条，按住它拖动不该把列表消解掉\n      branches: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    // 锚点是字段盒：列表面板与盒子同宽、左缘对齐；作者没写 control 时退回触发器\n    service.refs.set('getAnchorEl', () => controlRef.value ?? triggerRef.value)\n    service.refs.set('getTriggerEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectSelect(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, service, api, triggerRef, controlRef, positionerRef, contentRef, listRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AAqCA,SAAgB,UACd,OACA,eACA,cACe;CACf,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,UAAU,IAAwB,IAAI;CAE5C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO;EAAe;CAAa,IAAI,KAAK;CAGlG,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EAEnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,SAAS,WAAW,KAAK;EAC1E,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EACvD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAEA,MAAM,MAAM,eAAe,cAAc,SAAS,YAAY,CAAC;CAW/D,OAAO;EAAE,SATO,eAAe;GAC7B;GACA,cAAc,IAAI,MAAM;GACxB;GACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;EAC/D,CAIe;EAAG;EAAS;EAAK;EAAY;EAAY;EAAe;EAAY;EAAS,cAFvE,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAElB;CAAE;AAC3G"}
+{"version":3,"file":"use-select.js","names":[],"sources":["../../../src/components/select/use-select.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use select 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { SelectApi, SelectSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectSelect, selectMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SelectContext {\n  /**\n   * 已渲染的 label 部件数量，由 XhSelectLabel 在 setup 里同步登记、卸载时撤销。\n   * 可聚焦部件的 aria-labelledby 据此决定指不指过去：label 排在输入之前时，首帧与服务端直出就带上名字。\n   */\n  labelCount: Ref<number>\n  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<SelectSchema>\n  api: ComputedRef<SelectApi>\n  triggerRef: Ref<HTMLElement | null>\n  /** 盒：触发器与清空按钮在里面并排，记为浮层分支 */\n  controlRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 列表框本体：真正在滚动的层，自绘条挂在 positioner 上跟着它走 */\n  listRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useSelect(\n  props: SelectSchema['props'],\n  onValueChange?: SelectSchema['props']['onValueChange'],\n  onOpenChange?: SelectSchema['props']['onOpenChange'],\n): SelectContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const controlRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const listRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const labelCount = ref(0)\n  const service = useMachine(selectMachine, () => ({ ...props, labelled: labelCount.value > 0, onValueChange, onOpenChange }), scope)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // 整个盒记为本层分支：点触发器或清空钮算层内交互，开合交给 trigger 自己切换；\n      // 浮层壳一并记上：列表之外还浮着自绘滚动条，按住它拖动不该把列表消解掉\n      branches: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    // 锚点是字段盒：列表面板与盒子同宽、左缘对齐；作者没写 control 时退回触发器\n    service.refs.set('getAnchorEl', () => controlRef.value ?? triggerRef.value)\n    service.refs.set('getTriggerEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectSelect(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { labelCount, visible, service, api, triggerRef, controlRef, positionerRef, contentRef, listRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AA0CA,SAAgB,UACd,OACA,eACA,cACe;CACf,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,UAAU,IAAwB,IAAI;CAE5C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,aAAa,IAAI,CAAC;CACxB,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO,UAAU,WAAW,QAAQ;EAAG;EAAe;CAAa,IAAI,KAAK;CAGlI,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EAEnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,SAAS,WAAW,KAAK;EAC1E,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EACvD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAEA,MAAM,MAAM,eAAe,cAAc,SAAS,YAAY,CAAC;CAW/D,OAAO;EAAE;EAAY,SATL,eAAe;GAC7B;GACA,cAAc,IAAI,MAAM;GACxB;GACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;EAC/D,CAI2B;EAAG;EAAS;EAAK;EAAY;EAAY;EAAe;EAAY;EAAS,cAFnF,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAEN;CAAE;AACvH"}

package/dist/components/separator/separator.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from "vue";
 import { SeparatorAlign, SeparatorVariant } from "@xihan-ui/headless";
+import { PropType } from "vue";
 //#region src/components/separator/separator.d.ts
 /**
  * 分隔本身。默认插槽为空时它就是那条线；放入 XhSeparatorLine 与 XhSeparatorContent
@@ -53,7 +53,8 @@ declare const XhSeparatorContent: import("vue").DefineComponent<{}, () => import
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
- * 一步到位的写法：未提供插槽即为一条线；提供插槽后自动排为线、文字、线三段。
+ * 一步到位的写法：未提供插槽即为一条线；提供插槽后照 headless 的 separatorStructure 排为线、文字、线三段，
+ * 与 Web Components 不写部件时元素生成的节点出自同一份。
  *
  * 需要在分节文字中放置自定义结构（例如一个图标加一段文字）时改用
  * XhSeparatorRoot + XhSeparatorLine + XhSeparatorContent。

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

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/components/separator/separator.ts"],"mappings":";;;;;;;cA2Ba,+BAAe,8BAAA;;aAXK,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;aAJH,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;qCAelC;;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,2BAAW,8BAAA;;aA7CS,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;aAJH,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;qCAyDlC"}
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/components/separator/separator.ts"],"mappings":";;;;;;;cA4Ba,+BAAe,8BAAA;;aAXK,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;aAJH,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;qCAelC;;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;;cAeW,2BAAW,8BAAA;;aApDS,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;aAJH,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;qCA4DlC"}

package/dist/components/separator/separator.js

@@ -1,8 +1,9 @@
+import { renderStructure } from "../../runtime/structure.js";
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { slotPaints } from "../../runtime/slot-content.js";
 import { provideSeparator, useSeparatorContext } from "./context.js";
+import { connectSeparator, separatorStructure } from "@xihan-ui/headless";
 import { computed, defineComponent, h } from "vue";
-import { connectSeparator } from "@xihan-ui/headless";
 //#region src/components/separator/separator.ts
 const separatorProps = {
 	orientation: {
@@ -46,8 +47,14 @@ const XhSeparatorContent = defineComponent({
 		return () => h("span", ctx.api.value.getContentProps(), slots.default?.());
 	}
 });
+/** 标准结构里各部件对应的组件。 */
+const SEPARATOR_PARTS = {
+	line: XhSeparatorLine,
+	content: XhSeparatorContent
+};
 /**
-* 一步到位的写法：未提供插槽即为一条线；提供插槽后自动排为线、文字、线三段。
+* 一步到位的写法：未提供插槽即为一条线；提供插槽后照 headless 的 separatorStructure 排为线、文字、线三段，
+* 与 Web Components 不写部件时元素生成的节点出自同一份。
 *
 * 需要在分节文字中放置自定义结构（例如一个图标加一段文字）时改用
 * XhSeparatorRoot + XhSeparatorLine + XhSeparatorContent。
@@ -58,12 +65,9 @@ const XhSeparator = defineComponent({
 	setup(props, { slots }) {
 		return () => {
 			const content = slots.default?.();
-			if (!slotPaints(content)) return h(XhSeparatorRoot, props);
-			return h(XhSeparatorRoot, props, () => [
-				h(XhSeparatorLine),
-				h(XhSeparatorContent, null, () => content),
-				h(XhSeparatorLine)
-			]);
+			const painted = slotPaints(content);
+			const nodes = separatorStructure({ slotted: (name) => name === "content" && painted });
+			return h(XhSeparatorRoot, props, () => renderStructure(nodes, SEPARATOR_PARTS, (node) => node.slot ? content : void 0));
 		};
 	}
 });

package/dist/components/separator/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/separator/separator.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 separator 相关实现。\n\nimport type { SeparatorAlign, SeparatorProps, SeparatorVariant } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectSeparator } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideSeparator, useSeparatorContext } from './context'\n\nconst separatorProps = {\n  orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n  decorative: Boolean,\n  variant: { type: String as PropType<SeparatorVariant> },\n  dashed: { type: Boolean, default: undefined },\n  align: { type: String as PropType<SeparatorAlign> },\n} as const\n\n/**\n * 分隔本身。默认插槽为空时它就是那条线；放入 XhSeparatorLine 与 XhSeparatorContent\n * 之后它改作容器，线由 line 绘制。\n */\nexport const XhSeparatorRoot = defineComponent({\n  name: 'XhSeparatorRoot',\n  props: separatorProps,\n  setup(props, { slots }) {\n    const api = computed(() => connectSeparator(props as SeparatorProps, vueNormalize))\n    provideSeparator({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 分节文字两侧的线，纯装饰。 */\nexport const XhSeparatorLine = defineComponent({\n  name: 'XhSeparatorLine',\n  setup() {\n    const ctx = useSeparatorContext()\n    return () => h('div', ctx.api.value.getLineProps() as Record<string, unknown>)\n  },\n})\n\n/** 夹在两条线中间的分节文字。 */\nexport const XhSeparatorContent = defineComponent({\n  name: 'XhSeparatorContent',\n  setup(_, { slots }) {\n    const ctx = useSeparatorContext()\n    return () => h('span', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 一步到位的写法：未提供插槽即为一条线；提供插槽后自动排为线、文字、线三段。\n *\n * 需要在分节文字中放置自定义结构（例如一个图标加一段文字）时改用\n * XhSeparatorRoot + XhSeparatorLine + XhSeparatorContent。\n */\nexport const XhSeparator = defineComponent({\n  name: 'XhSeparator',\n  props: separatorProps,\n  setup(props, { slots }) {\n    return () => {\n      const content = slots.default?.()\n      // 注释与空白不算给了文案：假分支与模板缩进都会留下节点，包进三段就是一条断开的线\n      if (!slotPaints(content))\n        return h(XhSeparatorRoot, props)\n      return h(XhSeparatorRoot, props, () => [\n        h(XhSeparatorLine),\n        h(XhSeparatorContent, null, () => content),\n        h(XhSeparatorLine),\n      ])\n    }\n  },\n})\n"],"mappings":";;;;;;AAeA,MAAM,iBAAiB;CACrB,aAAa;EAAE,MAAM;EAA+C,SAAS;CAAa;CAC1F,YAAY;CACZ,SAAS,EAAE,MAAM,OAAqC;CACtD,QAAQ;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;CAC5C,OAAO,EAAE,MAAM,OAAmC;AACpD;;;;;AAMA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,iBAAiB,OAAyB,YAAY,CAAC;EAClF,iBAAiB,EAAE,IAAI,CAAC;EACxB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,CAA4B;CAC/E;AACF,CAAC;;AAGD,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;;;;;;;AAQD,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa;GACX,MAAM,UAAU,MAAM,UAAU;GAEhC,IAAI,CAAC,WAAW,OAAO,GACrB,OAAO,EAAE,iBAAiB,KAAK;GACjC,OAAO,EAAE,iBAAiB,aAAa;IACrC,EAAE,eAAe;IACjB,EAAE,oBAAoB,YAAY,OAAO;IACzC,EAAE,eAAe;GACnB,CAAC;EACH;CACF;AACF,CAAC"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/separator/separator.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 separator 相关实现。\n\nimport type { SeparatorAlign, SeparatorProps, SeparatorVariant } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectSeparator, separatorStructure } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { renderStructure } from '../../runtime/structure'\nimport { provideSeparator, useSeparatorContext } from './context'\n\nconst separatorProps = {\n  orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n  decorative: Boolean,\n  variant: { type: String as PropType<SeparatorVariant> },\n  dashed: { type: Boolean, default: undefined },\n  align: { type: String as PropType<SeparatorAlign> },\n} as const\n\n/**\n * 分隔本身。默认插槽为空时它就是那条线；放入 XhSeparatorLine 与 XhSeparatorContent\n * 之后它改作容器，线由 line 绘制。\n */\nexport const XhSeparatorRoot = defineComponent({\n  name: 'XhSeparatorRoot',\n  props: separatorProps,\n  setup(props, { slots }) {\n    const api = computed(() => connectSeparator(props as SeparatorProps, vueNormalize))\n    provideSeparator({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 分节文字两侧的线，纯装饰。 */\nexport const XhSeparatorLine = defineComponent({\n  name: 'XhSeparatorLine',\n  setup() {\n    const ctx = useSeparatorContext()\n    return () => h('div', ctx.api.value.getLineProps() as Record<string, unknown>)\n  },\n})\n\n/** 夹在两条线中间的分节文字。 */\nexport const XhSeparatorContent = defineComponent({\n  name: 'XhSeparatorContent',\n  setup(_, { slots }) {\n    const ctx = useSeparatorContext()\n    return () => h('span', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 标准结构里各部件对应的组件。 */\nconst SEPARATOR_PARTS = {\n  line: XhSeparatorLine,\n  content: XhSeparatorContent,\n}\n\n/**\n * 一步到位的写法：未提供插槽即为一条线；提供插槽后照 headless 的 separatorStructure 排为线、文字、线三段，\n * 与 Web Components 不写部件时元素生成的节点出自同一份。\n *\n * 需要在分节文字中放置自定义结构（例如一个图标加一段文字）时改用\n * XhSeparatorRoot + XhSeparatorLine + XhSeparatorContent。\n */\nexport const XhSeparator = defineComponent({\n  name: 'XhSeparator',\n  props: separatorProps,\n  setup(props, { slots }) {\n    return () => {\n      const content = slots.default?.()\n      // 注释与空白不算给了文案：假分支与模板缩进都会留下节点，包进三段就是一条断开的线\n      const painted = slotPaints(content)\n      const nodes = separatorStructure({ slotted: name => name === 'content' && painted })\n      return h(XhSeparatorRoot, props, () => renderStructure(nodes, SEPARATOR_PARTS, node => (node.slot ? content : undefined)))\n    }\n  },\n})\n"],"mappings":";;;;;;;AAgBA,MAAM,iBAAiB;CACrB,aAAa;EAAE,MAAM;EAA+C,SAAS;CAAa;CAC1F,YAAY;CACZ,SAAS,EAAE,MAAM,OAAqC;CACtD,QAAQ;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;CAC5C,OAAO,EAAE,MAAM,OAAmC;AACpD;;;;;AAMA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,iBAAiB,OAAyB,YAAY,CAAC;EAClF,iBAAiB,EAAE,IAAI,CAAC;EACxB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,CAA4B;CAC/E;AACF,CAAC;;AAGD,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;;AAGD,MAAM,kBAAkB;CACtB,MAAM;CACN,SAAS;AACX;;;;;;;;AASA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa;GACX,MAAM,UAAU,MAAM,UAAU;GAEhC,MAAM,UAAU,WAAW,OAAO;GAClC,MAAM,QAAQ,mBAAmB,EAAE,UAAS,SAAQ,SAAS,aAAa,QAAQ,CAAC;GACnF,OAAO,EAAE,iBAAiB,aAAa,gBAAgB,OAAO,kBAAiB,SAAS,KAAK,OAAO,UAAU,KAAA,CAAU,CAAC;EAC3H;CACF;AACF,CAAC"}

package/dist/components/side-nav/side-nav.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { SideNavApi, SideNavFilter, SideNavNode, SideNavSchema } from "@xihan-ui/headless";
 import { PropType, SlotsType, VNode } from "vue";
 import { Size, Tone } from "@xihan-ui/core";
-import { SideNavApi, SideNavFilter, SideNavNode, SideNavSchema } from "@xihan-ui/headless";
 //#region src/components/side-nav/side-nav.d.ts
 type SideNavProps = SideNavSchema['props'];
 /** 默认插槽的载荷：选中项、展开集合、折叠与浮层状态、检索词与搜索状态、逐节点的状态判定，以及选中、展开、折叠、弹出、改写检索词等命令。 */

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

@@ -9,9 +9,9 @@ import { XhPortal } from "../../runtime/portal.js";
 import { provideSideNav, provideSideNavGroup, provideSideNavItem, provideSideNavNode, useSideNavContext, useSideNavGroupContext, useSideNavItemContext, useSideNavNodeContext } from "./context.js";
 import { useTooltipGroup } from "../tooltip/context.js";
 import { useSideNav } from "./use-side-nav.js";
+import { connectSideNav, findSideNavRowEl, sideNavTooltipProps, tooltipMachine } from "@xihan-ui/headless";
 import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { connectSideNav, findSideNavRowEl, sideNavTooltipProps, tooltipMachine } from "@xihan-ui/headless";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/side-nav/side-nav.ts
 const XhSideNavRoot = defineComponent({

package/dist/components/side-nav/use-side-nav.d.ts

@@ -1,6 +1,6 @@
+import { SideNavApi, SideNavSchema, TooltipSchema } from "@xihan-ui/headless";
 import { ComputedRef, ShallowRef } from "vue";
 import { RuntimeConfig, Service } from "@xihan-ui/core";
-import { SideNavApi, SideNavSchema, TooltipSchema } from "@xihan-ui/headless";
 //#region src/components/side-nav/use-side-nav.d.ts
 interface SideNavContext {
   api: ComputedRef<SideNavApi>;

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

@@ -2,9 +2,9 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { connectSideNav, sideNavMachine } from "@xihan-ui/headless";
 import { computed, shallowRef } from "vue";
 import { createRuntimeConfig, createScope } from "@xihan-ui/core";
-import { connectSideNav, sideNavMachine } from "@xihan-ui/headless";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/side-nav/use-side-nav.ts
 function useSideNav(props, handlers = {}) {

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

@@ -1,11 +1,19 @@
 import { PayloadOf } from "../../runtime/payload.js";
-import { PropType, SlotsType, VNode } from "vue";
 import { SignaturePadApi, SignaturePadDrawingOptions, SignaturePadSchema, SignaturePadTranslations, SignaturePadValue } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
 //#region src/components/signature-pad/signature-pad.d.ts
 type SignaturePadProps = SignaturePadSchema['props'];
 /** 默认插槽的载荷：签名数据、笔迹路径与空态、落笔中标记，以及导出、清空、撤销与重做的动作。 */
 type SignaturePadRootSlotProps = Pick<SignaturePadApi, 'value' | 'paths' | 'empty' | 'drawing' | 'disabled' | 'readOnly' | 'canUndo' | 'canRedo' | 'statusText' | 'toSvg' | 'clear' | 'undo' | 'redo'>;
 declare const XhSignaturePadRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 标题文字。不写默认插槽时铺 label 部件；需要放置其他内容时改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+  };
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
   disabled: {
     type: BooleanConstructor;
     default: undefined;
@@ -46,6 +54,14 @@ declare const XhSignaturePadRoot: import("vue").DefineComponent<import("vue").Ex
   'value-change': (_details: PayloadOf<SignaturePadProps, "onValueChange">) => true;
   'update:value': (_value: PayloadOf<SignaturePadProps, "onValueChange">["value"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 标题文字。不写默认插槽时铺 label 部件；需要放置其他内容时改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+  };
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
   disabled: {
     type: BooleanConstructor;
     default: undefined;
@@ -90,6 +106,7 @@ declare const XhSignaturePadRoot: import("vue").DefineComponent<import("vue").Ex
   readOnly: boolean;
 }, SlotsType<{
   default?: (props: SignaturePadRootSlotProps) => VNode[];
+  label?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhSignaturePadLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"mappings":";;;;KAiBK,oBAAoB;;KAGb,4BAA4B,KACtC;cAgBW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;IAUF,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACJ,MAAA,SAAS,QAAQ;;;;;;EAK9B,OAAA,UAAA,UAAU;EACN,aAAA,UAAA,UAAU;EACN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;IAXV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACJ,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;EAWvC,WAAC,OAAO,8BAA8B;kCA2BlD;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,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,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"}
+{"version":3,"file":"signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"mappings":";;;;KAoBK,oBAAoB;;KAGb,4BAA4B,KACtC;cAgBW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcF,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACJ,MAAA,SAAS,QAAQ;;;;;;EAK9B,OAAA,UAAA,UAAU;EACN,aAAA,UAAA,UAAU;EACN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAXV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACJ,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;EAWvC,WAAC,OAAO,8BAA8B;EACxC,cAAM;kCAgChB;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAY9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAchC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,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

@@ -1,13 +1,20 @@
+import { renderStructure } from "../../runtime/structure.js";
 import { withXhConfig } from "../../config/config.js";
 import { withHandlers } from "../../runtime/with-handlers.js";
 import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
 import { provideSignaturePad, useSignaturePadContext } from "./context.js";
 import { useSignaturePad } from "./use-signature-pad.js";
-import { defineComponent, h } from "vue";
+import { signaturePadStructure } from "@xihan-ui/headless";
+import { defineComponent, h, onUnmounted } from "vue";
 //#region src/components/signature-pad/signature-pad.ts
 const XhSignaturePadRoot = defineComponent({
 	name: "XhSignaturePadRoot",
 	props: {
+		/** 标题文字。不写默认插槽时铺 label 部件；需要放置其他内容时改用 label 插槽。 */
+		label: { type: String },
+		/** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+		ariaLabel: { type: String },
 		disabled: {
 			type: Boolean,
 			default: void 0
@@ -51,36 +58,48 @@ const XhSignaturePadRoot = defineComponent({
 			onValueChange
 		});
 		provideSignaturePad(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
-			value: ctx.api.value.value,
-			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,
-			canUndo: ctx.api.value.canUndo,
-			canRedo: ctx.api.value.canRedo,
-			statusText: ctx.api.value.statusText,
-			toSvg: ctx.api.value.toSvg,
-			clear: ctx.api.value.clear,
-			undo: ctx.api.value.undo,
-			redo: ctx.api.value.redo
-		}));
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getRootProps(), slots.default ? slots.default({
+				value: api.value,
+				paths: api.paths,
+				empty: api.empty,
+				drawing: api.drawing,
+				disabled: api.disabled,
+				readOnly: api.readOnly,
+				canUndo: api.canUndo,
+				canRedo: api.canRedo,
+				statusText: api.statusText,
+				toSvg: api.toSvg,
+				clear: api.clear,
+				undo: api.undo,
+				redo: api.redo
+			}) : renderDefaultStructure(api, props.label, props.name !== void 0, slots.label));
+		};
 	}
 });
 const XhSignaturePadLabel = defineComponent({
 	name: "XhSignaturePadLabel",
 	setup(_, { slots }) {
 		const ctx = useSignaturePadContext();
+		ctx.labelCount.value++;
+		onUnmounted(() => {
+			ctx.labelCount.value--;
+		});
 		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
 	}
 });
 const XhSignaturePadControl = defineComponent({
 	name: "XhSignaturePadControl",
 	setup(_, { slots }) {
+		const fieldWiring = useFieldGroupWiring();
+		const fieldLabel = useFieldLabelWiring();
 		const ctx = useSignaturePadContext();
 		return () => h("svg", {
-			...ctx.api.value.getControlProps(),
+			...fieldLabel.value({
+				...fieldWiring.value,
+				...ctx.api.value.getControlProps()
+			}),
 			ref: ctx.controlRef
 		}, slots.default?.());
 	}
@@ -134,6 +153,27 @@ const XhSignaturePadHiddenInput = defineComponent({
 		return () => h("input", ctx.api.value.getHiddenInputProps());
 	}
 });
+/** 标准结构里各部件对应的组件。 */
+const SIGNATURE_PAD_PARTS = {
+	"label": XhSignaturePadLabel,
+	"control": XhSignaturePadControl,
+	"guide": XhSignaturePadGuide,
+	"path": XhSignaturePadPath,
+	"clear-trigger": XhSignaturePadClearTrigger,
+	"status": XhSignaturePadStatus,
+	"hidden-input": XhSignaturePadHiddenInput
+};
+/**
+* 未写默认插槽时铺开的整套结构：照 headless 的 signaturePadStructure 渲，
+* 与 Web Components 不写部件时元素生成的节点出自同一份。标题由 label 插槽接管。
+*/
+function renderDefaultStructure(api, label, hiddenInput, labelSlot) {
+	return renderStructure(signaturePadStructure(api, {
+		label,
+		hiddenInput,
+		slotted: (name) => name === "label" && labelSlot != null
+	}), SIGNATURE_PAD_PARTS, (node) => node.slot ? labelSlot?.() : void 0);
+}
 //#endregion
 export { XhSignaturePadClearTrigger, XhSignaturePadControl, XhSignaturePadGuide, XhSignaturePadHiddenInput, XhSignaturePadLabel, XhSignaturePadPath, XhSignaturePadRedoTrigger, XhSignaturePadRoot, XhSignaturePadStatus, XhSignaturePadUndoTrigger };
 

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

@@ -1 +1 @@
-{"version":3,"file":"signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 signature pad 相关实现。\n\nimport type { SignaturePadApi, SignaturePadDrawingOptions, SignaturePadSchema, SignaturePadTranslations, SignaturePadValue } 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 { withHandlers } from '../../runtime/with-handlers'\nimport { useFormControlProps } from '../form/use-form-control'\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  | 'value'\n  | 'paths'\n  | 'empty'\n  | 'drawing'\n  | 'disabled'\n  | 'readOnly'\n  | 'canUndo'\n  | 'canRedo'\n  | 'statusText'\n  | 'toSvg'\n  | 'clear'\n  | 'undo'\n  | 'redo'\n>\n\nexport const XhSignaturePadRoot = defineComponent({\n  name: 'XhSignaturePadRoot',\n  // 缺省值由 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\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 },\n    // 缺席值 undefined 表示非受控\n    value: { type: Object as PropType<SignaturePadValue> },\n    defaultValue: { type: Object as PropType<SignaturePadValue> },\n    drawing: { type: Object as PropType<SignaturePadDrawingOptions> },\n    translations: { type: Object as PropType<Partial<SignaturePadTranslations>> },\n  },\n  // draw / draw-end 是笔迹通知；value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'clear': () => true,\n    'draw': (_details: PayloadOf<SignaturePadProps, 'onDraw'>) => true,\n    'draw-end': (_details: PayloadOf<SignaturePadProps, 'onDrawEnd'>) => true,\n    'value-change': (_details: PayloadOf<SignaturePadProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SignaturePadProps, 'onValueChange'>['value']) => 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 onValueChange: SignaturePadProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useSignaturePad(withHandlers(withXhConfig('signature-pad', useFormControlProps(props)), { onClear: () => emit('clear') }) as SignaturePadProps, { onDraw, onDrawEnd, onValueChange })\n    provideSignaturePad(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\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      canUndo: ctx.api.value.canUndo,\n      canRedo: ctx.api.value.canRedo,\n      statusText: ctx.api.value.statusText,\n      toSvg: ctx.api.value.toSvg,\n      clear: ctx.api.value.clear,\n      undo: ctx.api.value.undo,\n      redo: ctx.api.value.redo,\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 XhSignaturePadPath = defineComponent({\n  name: 'XhSignaturePadPath',\n  setup() {\n    const ctx = useSignaturePadContext()\n    // 全部笔迹落在这一条路径上，每一笔是它的一条子路径\n    return () => h('path', ctx.api.value.getPathProps() 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 XhSignaturePadUndoTrigger = defineComponent({\n  name: 'XhSignaturePadUndoTrigger',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    return () => h('button', ctx.api.value.getUndoTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSignaturePadRedoTrigger = defineComponent({\n  name: 'XhSignaturePadRedoTrigger',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    return () => h('button', ctx.api.value.getRedoTriggerProps() 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":"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"}
+{"version":3,"file":"signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 signature pad 相关实现。\n\nimport type { SignaturePadApi, SignaturePadDrawingOptions, SignaturePadSchema, SignaturePadTranslations, SignaturePadValue } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { signaturePadStructure } from '@xihan-ui/headless'\nimport { defineComponent, h, onUnmounted } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { renderStructure } from '../../runtime/structure'\nimport { withHandlers } from '../../runtime/with-handlers'\nimport { useFieldGroupWiring, useFieldLabelWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\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  | 'value'\n  | 'paths'\n  | 'empty'\n  | 'drawing'\n  | 'disabled'\n  | 'readOnly'\n  | 'canUndo'\n  | 'canRedo'\n  | 'statusText'\n  | 'toSvg'\n  | 'clear'\n  | 'undo'\n  | 'redo'\n>\n\nexport const XhSignaturePadRoot = defineComponent({\n  name: 'XhSignaturePadRoot',\n  // 缺省值由 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    /** 标题文字。不写默认插槽时铺 label 部件；需要放置其他内容时改用 label 插槽。 */\n    label: { type: String },\n    /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */\n    ariaLabel: { type: String },\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 },\n    // 缺席值 undefined 表示非受控\n    value: { type: Object as PropType<SignaturePadValue> },\n    defaultValue: { type: Object as PropType<SignaturePadValue> },\n    drawing: { type: Object as PropType<SignaturePadDrawingOptions> },\n    translations: { type: Object as PropType<Partial<SignaturePadTranslations>> },\n  },\n  // draw / draw-end 是笔迹通知；value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'clear': () => true,\n    'draw': (_details: PayloadOf<SignaturePadProps, 'onDraw'>) => true,\n    'draw-end': (_details: PayloadOf<SignaturePadProps, 'onDrawEnd'>) => true,\n    'value-change': (_details: PayloadOf<SignaturePadProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SignaturePadProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SignaturePadRootSlotProps) => VNode[]\n    label?: () => 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 onValueChange: SignaturePadProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useSignaturePad(withHandlers(withXhConfig('signature-pad', useFormControlProps(props)), { onClear: () => emit('clear') }) as SignaturePadProps, { onDraw, onDrawEnd, onValueChange })\n    provideSignaturePad(ctx)\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getRootProps() as Record<string, unknown>, slots.default\n        ? slots.default({\n            value: api.value,\n            paths: api.paths,\n            empty: api.empty,\n            drawing: api.drawing,\n            disabled: api.disabled,\n            readOnly: api.readOnly,\n            canUndo: api.canUndo,\n            canRedo: api.canRedo,\n            statusText: api.statusText,\n            toSvg: api.toSvg,\n            clear: api.clear,\n            undo: api.undo,\n            redo: api.redo,\n          })\n        : renderDefaultStructure(api, props.label, props.name !== undefined, slots.label))\n    }\n  },\n})\n\nexport const XhSignaturePadLabel = defineComponent({\n  name: 'XhSignaturePadLabel',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    // 渲出来就登记，在 setup 里同步做：排在输入之前时首帧与服务端直出就带上名字\n    ctx.labelCount.value++\n    onUnmounted(() => {\n      ctx.labelCount.value--\n    })\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    // 放进字段时字段的标题并进画布的名字，说明与错误文案进描述链；画布是 role=img，只取组类接线\n    const fieldWiring = useFieldGroupWiring()\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useSignaturePadContext()\n    // 画布是 svg：笔迹与基准线都是图元。viewBox 由连接层按钉住的尺寸给，\n    // 基准线与笔迹都建在这棵 svg 子树里，命名空间由它带下去\n    return () => h('svg', {\n      ...fieldLabel.value({ ...fieldWiring.value, ...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 XhSignaturePadPath = defineComponent({\n  name: 'XhSignaturePadPath',\n  setup() {\n    const ctx = useSignaturePadContext()\n    // 全部笔迹落在这一条路径上，每一笔是它的一条子路径\n    return () => h('path', ctx.api.value.getPathProps() 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 XhSignaturePadUndoTrigger = defineComponent({\n  name: 'XhSignaturePadUndoTrigger',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    return () => h('button', ctx.api.value.getUndoTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSignaturePadRedoTrigger = defineComponent({\n  name: 'XhSignaturePadRedoTrigger',\n  setup(_, { slots }) {\n    const ctx = useSignaturePadContext()\n    return () => h('button', ctx.api.value.getRedoTriggerProps() 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\n/** 标准结构里各部件对应的组件。 */\nconst SIGNATURE_PAD_PARTS = {\n  'label': XhSignaturePadLabel,\n  'control': XhSignaturePadControl,\n  'guide': XhSignaturePadGuide,\n  'path': XhSignaturePadPath,\n  'clear-trigger': XhSignaturePadClearTrigger,\n  'status': XhSignaturePadStatus,\n  'hidden-input': XhSignaturePadHiddenInput,\n}\n\n/**\n * 未写默认插槽时铺开的整套结构：照 headless 的 signaturePadStructure 渲，\n * 与 Web Components 不写部件时元素生成的节点出自同一份。标题由 label 插槽接管。\n */\nfunction renderDefaultStructure(api: SignaturePadApi, label: string | undefined, hiddenInput: boolean, labelSlot?: () => VNode[]): VNode[] {\n  const nodes = signaturePadStructure(api, { label, hiddenInput, slotted: name => name === 'label' && labelSlot != null })\n  return renderStructure(nodes, SIGNATURE_PAD_PARTS, node => (node.slot ? labelSlot?.() : undefined))\n}\n"],"mappings":"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"}

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

@@ -1,8 +1,13 @@
+import { SignaturePadApi, SignaturePadSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { SignaturePadApi, SignaturePadSchema } from "@xihan-ui/headless";
 //#region src/components/signature-pad/use-signature-pad.d.ts
 interface SignaturePadContext {
+  /**
+   * 已渲染的 label 部件数量，由 XhSignaturePadLabel 在 setup 里同步登记、卸载时撤销。
+   * 可聚焦部件的 aria-labelledby 据此决定指不指过去：label 排在输入之前时，首帧与服务端直出就带上名字。
+   */
+  labelCount: Ref<number>;
   api: ComputedRef<SignaturePadApi>;
   service: Service<SignaturePadSchema>;
   /** 画布节点，状态机在指针事件中用它把屏幕坐标换算为画布坐标。 */

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

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

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

@@ -1,18 +1,22 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { connectSignaturePad, signaturePadMachine } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { connectSignaturePad, signaturePadMachine } from "@xihan-ui/headless";
 //#region src/components/signature-pad/use-signature-pad.ts
 function useSignaturePad(props, callbacks = {}) {
 	const controlRef = ref(null);
+	const scope = createScope(null, createVueIdGenerator());
+	const labelCount = ref(0);
 	const service = useMachine(signaturePadMachine, () => ({
 		...props,
+		labelled: labelCount.value > 0,
 		...callbacks
-	}), createScope(null, createVueIdGenerator()));
+	}), scope);
 	service.refs.set("getControlEl", () => controlRef.value);
 	return {
+		labelCount,
 		api: computed(() => connectSignaturePad(service, vueNormalize)),
 		service,
 		controlRef

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

@@ -1 +1 @@
-{"version":3,"file":"use-signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use signature pad 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SignaturePadApi, SignaturePadSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSignaturePad, signaturePadMachine } from '@xihan-ui/headless'\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' | 'onValueChange'> = {},\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":";;;;;;;AAwBA,SAAgB,gBACd,OACA,YAAyF,CAAC,GACrE;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"}
+{"version":3,"file":"use-signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use signature pad 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SignaturePadApi, SignaturePadSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSignaturePad, signaturePadMachine } from '@xihan-ui/headless'\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  /**\n   * 已渲染的 label 部件数量，由 XhSignaturePadLabel 在 setup 里同步登记、卸载时撤销。\n   * 可聚焦部件的 aria-labelledby 据此决定指不指过去：label 排在输入之前时，首帧与服务端直出就带上名字。\n   */\n  labelCount: Ref<number>\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' | 'onValueChange'> = {},\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 labelCount = ref(0)\n  const service = useMachine(signaturePadMachine, () => ({ ...props, labelled: labelCount.value > 0, ...callbacks }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getControlEl', () => controlRef.value)\n\n  const api = computed(() => connectSignaturePad(service, vueNormalize))\n  return { labelCount, api, service, controlRef }\n}\n"],"mappings":";;;;;;;AA6BA,SAAgB,gBACd,OACA,YAAyF,CAAC,GACrE;CACrB,MAAM,aAAa,IAAoB,IAAI;CAI3C,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CACrC,MAAM,aAAa,IAAI,CAAC;CACxB,MAAM,UAAU,WAAW,4BAA4B;EAAE,GAAG;EAAO,UAAU,WAAW,QAAQ;EAAG,GAAG;CAAU,IAAI,KAAK;CAGzH,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAGvD,OAAO;EAAE;EAAY,KADT,eAAe,oBAAoB,SAAS,YAAY,CAC7C;EAAG;EAAS;CAAW;AAChD"}

package/dist/components/skeleton/skeleton.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from "vue";
 import { SkeletonAnimation, SkeletonShape } from "@xihan-ui/headless";
+import { PropType } from "vue";
 //#region src/components/skeleton/skeleton.d.ts
 /** 骨架容器：加载期间报告 aria-busy，加载结束后整块收起。 */
 declare const XhSkeletonRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -1,9 +1,9 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { connectSkeleton, skeletonMachine } from "@xihan-ui/headless";
 import { computed } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { connectSkeleton, skeletonMachine } from "@xihan-ui/headless";
 //#region src/components/skeleton/use-skeleton.ts
 function useSkeleton(props) {
 	const service = useMachine(skeletonMachine, () => ({ ...props }), createScope(null, createVueIdGenerator()));

package/dist/components/slider/slider.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { SliderApi, SliderMark, SliderMarkMeta, SliderSchema, SliderValueTextDetails } from "@xihan-ui/headless";
 import { PropType, SlotsType, VNode } from "vue";
 import { Direction, Orientation, Size, Tone } from "@xihan-ui/core";
-import { SliderApi, SliderMark, SliderMarkMeta, SliderSchema, SliderValueTextDetails } from "@xihan-ui/headless";
 //#region src/components/slider/slider.d.ts
 type SliderProps = SliderSchema['props'];
 /** 默认插槽的载荷：当前值、逐个滑块的状态、已选区间与拖动标记，以及整份改值与单个滑块改值。 */
@@ -11,6 +11,14 @@ interface SliderTickGroupTickSlotProps {
   tick: SliderMarkMeta;
 }
 declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 标题文字。不写默认插槽时铺 label 部件；需要放置其他内容时改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+  };
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
   value: {
     type: PropType<number[]>;
   };
@@ -69,6 +77,10 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
     type: BooleanConstructor;
     default: undefined;
   };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   tone: {
     type: PropType<Tone>;
   };
@@ -88,6 +100,14 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
   'update:value': (_value: PayloadOf<SliderProps, "onValueChange">["value"]) => true;
   'value-change-end': (_details: PayloadOf<SliderProps, "onValueChangeEnd">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 标题文字。不写默认插槽时铺 label 部件；需要放置其他内容时改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+  };
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
   value: {
     type: PropType<number[]>;
   };
@@ -146,6 +166,10 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
     type: BooleanConstructor;
     default: undefined;
   };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   tone: {
     type: PropType<Tone>;
   };
@@ -163,6 +187,7 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
   "onUpdate:value"?: ((_value: number[]) => any) | undefined;
   "onValue-change-end"?: ((_details: import("@xihan-ui/headless").SliderValueChangeEndDetails) => any) | undefined;
 }>, {
+  required: boolean;
   invalid: boolean;
   disabled: boolean;
   readOnly: boolean;
@@ -172,6 +197,7 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
   trackFill: boolean;
 }, SlotsType<{
   default?: (props: SliderRootSlotProps) => VNode[];
+  label?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhSliderLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","names":[],"sources":["../../../src/components/slider/slider.ts"],"mappings":";;;;;KAkBK,cAAc;;KAGP,sBAAsB,KAChC;;UAKe;EACf,MAAM;;cAGK,4BAAY,8BAAA;;IAIG,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;EAKZ,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACJ,qBAAA,UAAA,UAAU;;;IA5BjB,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;;;;;;;;;;;EAU7B,WAAC,OAAO,wBAAwB;kCAqB5C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAUxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;;EAGnB,QAAC,OAAO,iCAAiC;kCAclD;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;IAIa,MAAA;;;;;;;;IAAA,MAAA;;;;;qCAWrC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAY5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../../src/components/slider/slider.ts"],"mappings":";;;;;KAoBK,cAAc;;KAGP,sBAAsB,KAChC;;UAKe;EACf,MAAM;;cAGK,4BAAY,8BAAA;;;;;;;;;;IAQG,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;EAKZ,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACJ,qBAAA,UAAA,UAAU;;;;;;;;;;;IA7BjB,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;;;;;;;;;;;;EAU7B,WAAC,OAAO,wBAAwB;EAClC,cAAM;kCA0BhB;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAWxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAUxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;;EAGnB,QAAC,OAAO,iCAAiC;kCAclD;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;IAIa,MAAA;;;;;;;;IAAA,MAAA;;;;;qCAWrC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAY5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}