@xihan-ui/vue 1.0.0-alpha.3 → 1.1.0

package/dist/components/tabs/tabs.d.ts

@@ -45,11 +45,18 @@ declare const XhTabsRoot: import("vue").DefineComponent<import("vue").ExtractPro
     type: PropType<Size>;
     default: undefined;
   };
+  /** 标签可以拖着换位。整个标签都是拖动源，不另出把手。 */
+  reorderable: BooleanConstructor;
+  translations: {
+    type: PropType<TabsProps["translations"]>;
+    default: undefined;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'value-change': (_details: PayloadOf<TabsProps, "onValueChange">) => true;
   'update:value': (_value: PayloadOf<TabsProps, "onValueChange">["value"]) => true;
+  'tab-move': (_details: PayloadOf<TabsProps, "onTabMove">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<TabsNode[]>;
@@ -91,24 +98,42 @@ declare const XhTabsRoot: import("vue").DefineComponent<import("vue").ExtractPro
     type: PropType<Size>;
     default: undefined;
   };
+  /** 标签可以拖着换位。整个标签都是拖动源，不另出把手。 */
+  reorderable: BooleanConstructor;
+  translations: {
+    type: PropType<TabsProps["translations"]>;
+    default: undefined;
+  };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").TabsValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
+  "onTab-move"?: ((_details: import("@xihan-ui/headless").TabsMoveDetails) => any) | undefined;
 }>, {
-  size: Size;
   value: string | null;
   collection: TabsNode[];
   defaultValue: string | null;
   orientation: Orientation;
   dir: Direction;
   tone: Tone;
-  variant: TabsVariant;
+  size: Size;
+  translations: Partial<import("@xihan-ui/headless").TabsTranslations> | undefined;
   loop: boolean;
+  variant: TabsVariant;
   activationMode: TabsActivationMode;
+  reorderable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTabsList: 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>;
+/**
+ * 拖动过程的读屏播报区，视觉上不可见。
+ *
+ * 放在 root 里、与 list 部件平级。它必须在拖动开始**之前**就在 DOM 上——
+ * 读屏不播报后插入的节点，等到拖起才渲出来等于没有。
+ */
+declare const XhTabsLiveRegion: 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 XhTabsTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
@@ -132,6 +157,26 @@ declare const XhTabsTrigger: import("vue").DefineComponent<import("vue").Extract
 }>> & Readonly<{}>, {
   disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 标签拖拽把手。放在标签里，自带 touch-action: none，按下即拖，不等激活距离。
+ * 对读屏隐藏、也不占 Tab 位；键盘换位由标签带上的 Alt + 方向键承担。
+ * 整个标签起手那一路照旧可用，把手是叠加的第二个入口。
+ */
+declare const XhTabsTabDragTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 所属标签的 value。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 所属标签的 value。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTabsContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
@@ -146,5 +191,5 @@ declare const XhTabsContent: import("vue").DefineComponent<import("vue").Extract
   };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhTabsContent, XhTabsList, XhTabsRoot, XhTabsTrigger };
+export { XhTabsContent, XhTabsList, XhTabsLiveRegion, XhTabsRoot, XhTabsTabDragTrigger, XhTabsTrigger };
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/components/tabs/tabs.ts"],"mappings":";;;;;KASK,YAAY;cAEJ,0BAAU,8BAAA;;IAIU,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACD,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;IACE,MAAA,SAAS;;;;;;;;IAEhB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAdN,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACD,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;IACE,MAAA,SAAS;;;;;;;;IAEhB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;qCAuBnC;cAEW,0BAAU,0BAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAiCxB;cAEW,6BAAa,8BAAA;;;;;;;;;;;;MAaxB,oDAAA"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/components/tabs/tabs.ts"],"mappings":";;;;;KAUK,YAAY;cAEJ,0BAAU,8BAAA;;IAIU,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACD,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;IACE,MAAA,SAAS;;;;;;;;IAEhB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;IAGD,MAAA,SAAS;;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EAEZ,aAAA,UAAA,UAAU;;;IAnBJ,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACD,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;IACE,MAAA,SAAS;;;;;;;;IAEhB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;IAGD,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;qCA6B3C;cAEW,0BAAU,0BAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAU3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAiCxB;;;;;;cAOW,oCAAoB,8BAAA;;;;;;;;;;;;;;MAc/B,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;MAaxB,oDAAA"}

package/dist/components/tabs/tabs.js

@@ -1,3 +1,4 @@
+import { withXhConfig } from "../../config/config.js";
 import { slotPaints } from "../../runtime/slot-content.js";
 import { provideTabs, useTabsContext } from "./context.js";
 import { useTabs } from "./use-tabs.js";
@@ -45,18 +46,28 @@ const XhTabsRoot = defineComponent({
 		size: {
 			type: String,
 			default: void 0
+		},
+		/** 标签可以拖着换位。整个标签都是拖动源，不另出把手。 */
+		reorderable: Boolean,
+		translations: {
+			type: Object,
+			default: void 0
 		}
 	},
 	emits: {
 		"value-change": (_details) => true,
-		"update:value": (_value) => true
+		"update:value": (_value) => true,
+		"tab-move": (_details) => true
 	},
 	setup(props, { slots, emit }) {
 		const notify = (details) => {
 			emit("value-change", details);
 			emit("update:value", details.value);
 		};
-		const ctx = useTabs(props, notify);
+		const onTabMove = (details) => {
+			emit("tab-move", details);
+		};
+		const ctx = useTabs(withXhConfig("tabs", props), notify, onTabMove);
 		provideTabs(ctx);
 		return () => {
 			const authored = slots.default?.();
@@ -72,6 +83,19 @@ const XhTabsList = defineComponent({
 		return () => h("div", ctx.api.value.getListProps(), slots.default?.());
 	}
 });
+/**
+* 拖动过程的读屏播报区，视觉上不可见。
+*
+* 放在 root 里、与 list 部件平级。它必须在拖动开始**之前**就在 DOM 上——
+* 读屏不播报后插入的节点，等到拖起才渲出来等于没有。
+*/
+const XhTabsLiveRegion = defineComponent({
+	name: "XhTabsLiveRegion",
+	setup() {
+		const ctx = useTabsContext();
+		return () => h("div", ctx.api.value.getLiveRegionProps(), ctx.service.context.get("announcement"));
+	}
+});
 const XhTabsTrigger = defineComponent({
 	name: "XhTabsTrigger",
 	props: {
@@ -109,6 +133,24 @@ const XhTabsTrigger = defineComponent({
 		}, slots.default?.());
 	}
 });
+/**
+* 标签拖拽把手。放在标签里，自带 touch-action: none，按下即拖，不等激活距离。
+* 对读屏隐藏、也不占 Tab 位；键盘换位由标签带上的 Alt + 方向键承担。
+* 整个标签起手那一路照旧可用，把手是叠加的第二个入口。
+*/
+const XhTabsTabDragTrigger = defineComponent({
+	name: "XhTabsTabDragTrigger",
+	props: { 
+	/** 所属标签的 value。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useTabsContext();
+		return () => h("span", ctx.api.value.getTabDragTriggerProps({ value: props.value }), slots.default?.());
+	}
+});
 const XhTabsContent = defineComponent({
 	name: "XhTabsContent",
 	props: { value: {
@@ -135,6 +177,6 @@ function renderDefaultTree(collection, panelSlot) {
 	}, () => panelSlot?.(node) ?? []))];
 }
 //#endregion
-export { XhTabsContent, XhTabsList, XhTabsRoot, XhTabsTrigger };
+export { XhTabsContent, XhTabsList, XhTabsLiveRegion, XhTabsRoot, XhTabsTabDragTrigger, XhTabsTrigger };
 
 //# sourceMappingURL=tabs.js.map

package/dist/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/tabs/tabs.ts"],"sourcesContent":["import type { TabsActivationMode, TabsNode, TabsNodeMeta, TabsSchema, TabsVariant } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideTabs, useTabsContext } from './context'\nimport { useTabs } from './use-tabs'\n\ntype TabsProps = TabsSchema['props']\n\nexport const XhTabsRoot = defineComponent({\n  name: 'XhTabsRoot',\n  // 全部 default: undefined，缺省值由 connect 决定\n  props: {\n    collection: { type: Array as PropType<TabsNode[]>, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    activationMode: { type: String as PropType<TabsActivationMode>, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<TabsVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'value-change': (_details: PayloadOf<TabsProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TabsProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: TabsProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useTabs(props as TabsProps, notify)\n    provideTabs(ctx)\n    return () => {\n      // 默认插槽里有真内容就照旧交给作者；只剩注释或空白时当没写，给了 collection 就按数据铺开整套结构\n      const authored = slots.default?.()\n      const children = slotPaints(authored)\n        ? authored\n        : (props.collection ? renderDefaultTree(ctx.api.value.collection, slots.panel) : undefined)\n      return h('div', ctx.api.value.getRootProps() as Record<string, unknown>, children)\n    }\n  },\n})\n\nexport const XhTabsList = defineComponent({\n  name: 'XhTabsList',\n  setup(_, { slots }) {\n    const ctx = useTabsContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTabsTrigger = defineComponent({\n  name: 'XhTabsTrigger',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTabsContext()\n    // 本节点持有焦点时，value 变更重报焦点标签，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'TRIGGER.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      if (ctx.service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && ctx.service.scope.getActiveElement() === itemEl.value)\n        ctx.service.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'button',\n      { ...ctx.api.value.getTriggerProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTabsContent = defineComponent({\n  name: 'XhTabsContent',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTabsContext()\n    return () => h(\n      'div',\n      ctx.api.value.getContentProps({ value: props.value }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n * 面板内容走 panel 插槽，没写就是空面板。\n */\nfunction renderDefaultTree(\n  collection: readonly TabsNodeMeta[],\n  panelSlot?: (node: TabsNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    h(XhTabsList, null, () => collection.map(node =>\n      h(XhTabsTrigger, { key: node.value, value: node.value }, () => node.label),\n    )),\n    ...collection.map(node =>\n      h(XhTabsContent, { key: node.value, value: node.value }, () => panelSlot?.(node) ?? []),\n    ),\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/tabs/tabs.ts"],"sourcesContent":["import type { TabsActivationMode, TabsNode, TabsNodeMeta, TabsSchema, TabsVariant } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideTabs, useTabsContext } from './context'\nimport { useTabs } from './use-tabs'\n\ntype TabsProps = TabsSchema['props']\n\nexport const XhTabsRoot = defineComponent({\n  name: 'XhTabsRoot',\n  // 全部 default: undefined，缺省值由 connect 决定\n  props: {\n    collection: { type: Array as PropType<TabsNode[]>, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    activationMode: { type: String as PropType<TabsActivationMode>, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<TabsVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    /** 标签可以拖着换位。整个标签都是拖动源，不另出把手。 */\n    reorderable: Boolean,\n    translations: { type: Object as PropType<TabsProps['translations']>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'value-change': (_details: PayloadOf<TabsProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TabsProps, 'onValueChange'>['value']) => true,\n    // 换位是通知，标签序的真源在使用者的数据里，故没有配对的 update:*\n    'tab-move': (_details: PayloadOf<TabsProps, 'onTabMove'>) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: TabsProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    // 监听器不进 props 对象，故作为位置参数交给 useTabs，不能指望 { ...props } 带上\n    const onTabMove: TabsProps['onTabMove'] = (details) => {\n      emit('tab-move', details)\n    }\n    const ctx = useTabs(withXhConfig('tabs', props) as TabsProps, notify, onTabMove)\n    provideTabs(ctx)\n    return () => {\n      // 默认插槽里有真内容就照旧交给作者；只剩注释或空白时当没写，给了 collection 就按数据铺开整套结构\n      const authored = slots.default?.()\n      const children = slotPaints(authored)\n        ? authored\n        : (props.collection ? renderDefaultTree(ctx.api.value.collection, slots.panel) : undefined)\n      return h('div', ctx.api.value.getRootProps() as Record<string, unknown>, children)\n    }\n  },\n})\n\nexport const XhTabsList = defineComponent({\n  name: 'XhTabsList',\n  setup(_, { slots }) {\n    const ctx = useTabsContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 拖动过程的读屏播报区，视觉上不可见。\n *\n * 放在 root 里、与 list 部件平级。它必须在拖动开始**之前**就在 DOM 上——\n * 读屏不播报后插入的节点，等到拖起才渲出来等于没有。\n */\nexport const XhTabsLiveRegion = defineComponent({\n  name: 'XhTabsLiveRegion',\n  setup() {\n    const ctx = useTabsContext()\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      ctx.service.context.get('announcement'),\n    )\n  },\n})\n\nexport const XhTabsTrigger = defineComponent({\n  name: 'XhTabsTrigger',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTabsContext()\n    // 本节点持有焦点时，value 变更重报焦点标签，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'TRIGGER.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      if (ctx.service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && ctx.service.scope.getActiveElement() === itemEl.value)\n        ctx.service.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'button',\n      { ...ctx.api.value.getTriggerProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 标签拖拽把手。放在标签里，自带 touch-action: none，按下即拖，不等激活距离。\n * 对读屏隐藏、也不占 Tab 位；键盘换位由标签带上的 Alt + 方向键承担。\n * 整个标签起手那一路照旧可用，把手是叠加的第二个入口。\n */\nexport const XhTabsTabDragTrigger = defineComponent({\n  name: 'XhTabsTabDragTrigger',\n  props: {\n    /** 所属标签的 value。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTabsContext()\n    return () => h(\n      'span',\n      ctx.api.value.getTabDragTriggerProps({ value: props.value }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTabsContent = defineComponent({\n  name: 'XhTabsContent',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTabsContext()\n    return () => h(\n      'div',\n      ctx.api.value.getContentProps({ value: props.value }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n * 面板内容走 panel 插槽，没写就是空面板。\n */\nfunction renderDefaultTree(\n  collection: readonly TabsNodeMeta[],\n  panelSlot?: (node: TabsNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    h(XhTabsList, null, () => collection.map(node =>\n      h(XhTabsTrigger, { key: node.value, value: node.value }, () => node.label),\n    )),\n    ...collection.map(node =>\n      h(XhTabsContent, { key: node.value, value: node.value }, () => panelSlot?.(node) ?? []),\n    ),\n  ]\n}\n"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ interface TabsContext {
   /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
   service: Service<TabsSchema>;
 }
-declare function useTabs(props: TabsSchema['props'], onValueChange?: TabsSchema['props']['onValueChange']): TabsContext;
+declare function useTabs(props: TabsSchema['props'], onValueChange?: TabsSchema['props']['onValueChange'], onTabMove?: TabsSchema['props']['onTabMove']): TabsContext;
 //#endregion
 export { TabsContext, useTabs };
 //# sourceMappingURL=use-tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-tabs.d.ts","names":[],"sources":["../../../src/components/tabs/use-tabs.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,QACd,OAAO,qBACP,gBAAgB,uCACf"}
+{"version":3,"file":"use-tabs.d.ts","names":[],"sources":["../../../src/components/tabs/use-tabs.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,QACd,OAAO,qBACP,gBAAgB,sCAChB,YAAY,mCACX"}

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

@@ -5,10 +5,11 @@ import { computed } from "vue";
 import { connectTabs, tabsMachine } from "@xihan-ui/headless";
 import { createScope } from "@xihan-ui/kernel";
 //#region src/components/tabs/use-tabs.ts
-function useTabs(props, onValueChange) {
+function useTabs(props, onValueChange, onTabMove) {
 	const service = useMachine(tabsMachine, () => ({
 		...props,
-		onValueChange
+		onValueChange,
+		onTabMove
 	}), createScope(null, createVueIdGenerator()));
 	return {
 		api: computed(() => connectTabs(service, vueNormalize)),

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

@@ -1 +1 @@
-{"version":3,"file":"use-tabs.js","names":[],"sources":["../../../src/components/tabs/use-tabs.ts"],"sourcesContent":["import type { TabsApi, TabsSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectTabs, tabsMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface TabsContext {\n  api: ComputedRef<TabsApi>\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<TabsSchema>\n}\n\nexport function useTabs(\n  props: TabsSchema['props'],\n  onValueChange?: TabsSchema['props']['onValueChange'],\n): TabsContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(tabsMachine, () => ({ ...props, onValueChange }), scope)\n  const api = computed(() => connectTabs(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,QACd,OACA,eACa;CAGb,MAAM,UAAU,WAAW,oBAAoB;EAAE,GAAG;EAAO;CAAc,IAD3D,YAAY,MADZ,qBACsB,CAC6C,CAAC;CAElF,OAAO;EAAE,KADG,eAAe,YAAY,SAAS,YAAY,CACjD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-tabs.js","names":[],"sources":["../../../src/components/tabs/use-tabs.ts"],"sourcesContent":["import type { TabsApi, TabsSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectTabs, tabsMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface TabsContext {\n  api: ComputedRef<TabsApi>\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<TabsSchema>\n}\n\nexport function useTabs(\n  props: TabsSchema['props'],\n  onValueChange?: TabsSchema['props']['onValueChange'],\n  onTabMove?: TabsSchema['props']['onTabMove'],\n): TabsContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(tabsMachine, () => ({ ...props, onValueChange, onTabMove }), scope)\n  const api = computed(() => connectTabs(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,QACd,OACA,eACA,WACa;CAGb,MAAM,UAAU,WAAW,oBAAoB;EAAE,GAAG;EAAO;EAAe;CAAU,IADtE,YAAY,MADZ,qBACsB,CACwD,CAAC;CAE7F,OAAO;EAAE,KADG,eAAe,YAAY,SAAS,YAAY,CACjD;EAAG;CAAQ;AACxB"}

package/dist/components/tag/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tag/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TagContext } from './use-tag'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TagContext> = Symbol('xh-tag')\n\nexport function provideTag(ctx: TagContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTagContext(): TagContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tag 部件必须用在 XhTagRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAgC,OAAO,QAAQ;AAErD,SAAgB,WAAW,KAAuB;CAChD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,gBAA4B;CAC1C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6BAA6B;CAC/C,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tag/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TagContext } from './use-tag'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TagContext> = Symbol.for('xh-tag')\n\nexport function provideTag(ctx: TagContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTagContext(): TagContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tag 部件必须用在 XhTagRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAgC,OAAO,IAAI,QAAQ;AAEzD,SAAgB,WAAW,KAAuB;CAChD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,gBAA4B;CAC1C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6BAA6B;CAC/C,OAAO;AACT"}

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

@@ -1,9 +1,21 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
-import { computed } from "vue";
-import { connectTag, tagMachine } from "@xihan-ui/headless";
+import { computed, ref } from "vue";
+import { connectStaticTag, connectTag, tagMachine } from "@xihan-ui/headless";
 //#region src/components/tag/use-tag.ts
 function useTag(props, onOpenChange) {
+	if (!props.closable) {
+		const local = ref(props.defaultOpen ?? true);
+		return { api: computed(() => connectStaticTag({
+			...props,
+			onOpenChange
+		}, {
+			get: () => props.open ?? local.value,
+			set: (next) => {
+				local.value = next;
+			}
+		}, vueNormalize)) };
+	}
 	const service = useMachine(tagMachine, () => ({
 		...props,
 		onOpenChange

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

@@ -1 +1 @@
-{"version":3,"file":"use-tag.js","names":[],"sources":["../../../src/components/tag/use-tag.ts"],"sourcesContent":["import type { TagApi, TagSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectTag, tagMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface TagContext {\n  api: ComputedRef<TagApi>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useTag(\n  props: TagSchema['props'],\n  onOpenChange?: TagSchema['props']['onOpenChange'],\n): TagContext {\n  const service = useMachine(tagMachine, () => ({ ...props, onOpenChange }))\n  const api = computed(() => connectTag(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAYA,SAAgB,OACd,OACA,cACY;CACZ,MAAM,UAAU,WAAW,mBAAmB;EAAE,GAAG;EAAO;CAAa,EAAE;CAEzE,OAAO,EAAE,KADG,eAAe,WAAW,SAAS,YAAY,CAChD,EAAE;AACf"}
+{"version":3,"file":"use-tag.js","names":[],"sources":["../../../src/components/tag/use-tag.ts"],"sourcesContent":["import type { TagApi, TagSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectStaticTag, connectTag, tagMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface TagContext {\n  api: ComputedRef<TagApi>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useTag(\n  props: TagSchema['props'],\n  onOpenChange?: TagSchema['props']['onOpenChange'],\n): TagContext {\n  // 不给关闭钮的标签没有任何能改状态的事件，用不着机器：一台机器约 0.1ms，\n  // 表格一页几十行、每行几个状态药丸就是几百台，翻页时肉眼可见地卡一下。\n  // 判据取挂载那一刻的 closable——之后再打开也不要紧，快路的 setOpen 与关闭钮\n  // 走的是同一套受控/非受控语义，与机器路逐条一致。\n  if (!props.closable) {\n    // 非受控时展开态住这儿；受控时它不参与，值每次从 prop 现读\n    const local = ref(props.defaultOpen ?? true)\n    const api = computed(() => connectStaticTag(\n      { ...props, onOpenChange },\n      {\n        get: () => props.open ?? local.value,\n        set: (next) => { local.value = next },\n      },\n      vueNormalize,\n    ))\n    return { api }\n  }\n\n  const service = useMachine(tagMachine, () => ({ ...props, onOpenChange }))\n  const api = computed(() => connectTag(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAYA,SAAgB,OACd,OACA,cACY;CAKZ,IAAI,CAAC,MAAM,UAAU;EAEnB,MAAM,QAAQ,IAAI,MAAM,eAAe,IAAI;EAS3C,OAAO,EAAE,KARG,eAAe,iBACzB;GAAE,GAAG;GAAO;EAAa,GACzB;GACE,WAAW,MAAM,QAAQ,MAAM;GAC/B,MAAM,SAAS;IAAE,MAAM,QAAQ;GAAK;EACtC,GACA,YACF,CACW,EAAE;CACf;CAEA,MAAM,UAAU,WAAW,mBAAmB;EAAE,GAAG;EAAO;CAAa,EAAE;CAEzE,OAAO,EAAE,KADG,eAAe,WAAW,SAAS,YAAY,CAChD,EAAE;AACf"}

package/dist/components/tags-input/context.js

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/tags-input/context.ts
-const KEY = Symbol("xh-tags-input");
-const ITEM_KEY = Symbol("xh-tags-input-item");
+const KEY = Symbol.for("xh-tags-input");
+const ITEM_KEY = Symbol.for("xh-tags-input-item");
 function provideTagsInput(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/tags-input/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tags-input/context.ts"],"sourcesContent":["import type { TagsInputItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TagsInputContext } from './use-tags-input'\nimport { inject, provide } from 'vue'\n\n/** 标签自报的值，供 item-preview / item-text / 删除按钮 / 编辑框复用同一份声明。 */\nexport interface TagsInputItemContext {\n  item: ComputedRef<TagsInputItemProps>\n}\n\nconst KEY: InjectionKey<TagsInputContext> = Symbol('xh-tags-input')\nconst ITEM_KEY: InjectionKey<TagsInputItemContext> = Symbol('xh-tags-input-item')\n\nexport function provideTagsInput(ctx: TagsInputContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTagsInputContext(): TagsInputContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TagsInput 部件必须用在 XhTagsInputRoot 内')\n  return ctx\n}\n\nexport function provideTagsInputItem(ctx: TagsInputItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useTagsInputItemContext(): TagsInputItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TagsInput 标签子部件必须用在 XhTagsInputItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAsC,OAAO,eAAe;AAClE,MAAM,WAA+C,OAAO,oBAAoB;AAEhF,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT;AAEA,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,4CAA4C;CAC9D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tags-input/context.ts"],"sourcesContent":["import type { TagsInputItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TagsInputContext } from './use-tags-input'\nimport { inject, provide } from 'vue'\n\n/** 标签自报的值，供 item-preview / item-text / 删除按钮 / 编辑框复用同一份声明。 */\nexport interface TagsInputItemContext {\n  item: ComputedRef<TagsInputItemProps>\n}\n\nconst KEY: InjectionKey<TagsInputContext> = Symbol.for('xh-tags-input')\nconst ITEM_KEY: InjectionKey<TagsInputItemContext> = Symbol.for('xh-tags-input-item')\n\nexport function provideTagsInput(ctx: TagsInputContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTagsInputContext(): TagsInputContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TagsInput 部件必须用在 XhTagsInputRoot 内')\n  return ctx\n}\n\nexport function provideTagsInputItem(ctx: TagsInputItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useTagsInputItemContext(): TagsInputItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TagsInput 标签子部件必须用在 XhTagsInputItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAsC,OAAO,IAAI,eAAe;AACtE,MAAM,WAA+C,OAAO,IAAI,oBAAoB;AAEpF,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT;AAEA,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,4CAA4C;CAC9D,OAAO;AACT"}

package/dist/components/tags-input/tags-input.d.ts

@@ -139,17 +139,17 @@ declare const XhTagsInputRoot: import("vue").DefineComponent<import("vue").Extra
 }>, {
   name: string;
   invalid: boolean;
-  size: Size;
   value: string[];
   defaultValue: string[];
   tone: Tone;
+  size: Size;
   disabled: boolean;
   translations: Partial<TagsInputTranslations>;
-  max: number;
-  editable: boolean;
-  variant: ControlVariant;
   readOnly: boolean;
   placeholder: string;
+  variant: ControlVariant;
+  max: number;
+  editable: boolean;
   inputValue: string;
   defaultInputValue: string;
   allowOverflow: boolean;

package/dist/components/tags-input/tags-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.d.ts","names":[],"sources":["../../../src/components/tags-input/tags-input.ts"],"mappings":";;;;;KASK,iBAAiB;;KAGV,yBAAyB,KACnC;cAmBW,+BAAe,8BAAA;;IAKA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaC,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACF,uBAAA,UAAA,UAAU;EACR,sBAAA,aAAA,UAAU;;;IAzBrB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaC,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCAgC/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;MAgC1B,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,0BAAA,oBAAA,4BAAA;;8BAOvC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"tags-input.d.ts","names":[],"sources":["../../../src/components/tags-input/tags-input.ts"],"mappings":";;;;;KAUK,iBAAiB;;KAGV,yBAAyB,KACnC;cAmBW,+BAAe,8BAAA;;IAKA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaC,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACF,uBAAA,UAAA,UAAU;EACR,sBAAA,aAAA,UAAU;;;IAzBrB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaC,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCAgC/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAU3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;MAgC1B,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,0BAAA,oBAAA,4BAAA;;8BAOvC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/tags-input/tags-input.js

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { provideTagsInput, provideTagsInputItem, useTagsInputContext, useTagsInputItemContext } from "./context.js";
 import { useTagsInput } from "./use-tags-input.js";
 import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
@@ -123,8 +124,13 @@ const XhTagsInputControl = defineComponent({
 const XhTagsInputInput = defineComponent({
 	name: "XhTagsInputInput",
 	setup() {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
 		const ctx = useTagsInputContext();
-		return () => h("input", ctx.api.value.getInputProps());
+		return () => h("input", fieldLabel.value({
+			...ctx.api.value.getInputProps(),
+			...fieldWiring.value
+		}));
 	}
 });
 const XhTagsInputItem = defineComponent({

package/dist/components/tags-input/tags-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.js","names":[],"sources":["../../../src/components/tags-input/tags-input.ts"],"sourcesContent":["import type { TagsInputApi, TagsInputBlurBehavior, TagsInputItemProps, TagsInputSchema, TagsInputTranslations } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideTagsInput, provideTagsInputItem, useTagsInputContext, useTagsInputItemContext } from './context'\nimport { useTagsInput } from './use-tags-input'\n\ntype TagsInputProps = TagsInputSchema['props']\n\n/** 默认插槽的载荷：标签集合与输入文本、数量与越界标志、光标与编辑锚点，以及增删改与清空的动作。 */\nexport type TagsInputRootSlotProps = Pick<\n  TagsInputApi,\n  | 'value'\n  | 'count'\n  | 'inputValue'\n  | 'empty'\n  | 'atMax'\n  | 'overflow'\n  | 'highlightedValue'\n  | 'editedValue'\n  | 'canClear'\n  | 'setValue'\n  | 'addValue'\n  | 'deleteValue'\n  | 'clear'\n  | 'setInputValue'\n  | 'highlight'\n  | 'edit'\n>\n\nexport const XhTagsInputRoot = defineComponent({\n  name: 'XhTagsInputRoot',\n  // 有 connect 与机器兜底的 prop 一律 default: undefined\n  props: {\n    // default: undefined 表示非受控\n    value: { type: Array as PropType<string[]>, default: undefined },\n    defaultValue: { type: Array as PropType<string[]>, default: undefined },\n    inputValue: { type: String, default: undefined },\n    defaultInputValue: { type: String, default: undefined },\n    max: { type: Number, default: undefined },\n    allowOverflow: Boolean,\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    name: { type: String, default: undefined },\n    placeholder: { type: String, default: undefined },\n    delimiter: { type: String, default: undefined },\n    addOnPaste: Boolean,\n    editable: Boolean,\n    blurBehavior: { type: String as PropType<TagsInputBlurBehavior | null>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<TagsInputTranslations>>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组；输入文本走 input-value-change 一路\n  emits: {\n    'value-change': (_details: PayloadOf<TagsInputProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TagsInputProps, 'onValueChange'>['value']) => true,\n    'input-value-change': (_details: PayloadOf<TagsInputProps, 'onInputValueChange'>) => true,\n    'update:inputValue': (_inputValue: PayloadOf<TagsInputProps, 'onInputValueChange'>['inputValue']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TagsInputRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: TagsInputProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onInputValueChange: TagsInputProps['onInputValueChange'] = (details) => {\n      emit('input-value-change', details)\n      emit('update:inputValue', details.inputValue)\n    }\n    const ctx = useTagsInput(withXhConfig('tags-input', props) as TagsInputProps, { onValueChange, onInputValueChange })\n    provideTagsInput(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      count: ctx.api.value.count,\n      inputValue: ctx.api.value.inputValue,\n      empty: ctx.api.value.empty,\n      atMax: ctx.api.value.atMax,\n      overflow: ctx.api.value.overflow,\n      highlightedValue: ctx.api.value.highlightedValue,\n      editedValue: ctx.api.value.editedValue,\n      canClear: ctx.api.value.canClear,\n      setValue: ctx.api.value.setValue,\n      addValue: ctx.api.value.addValue,\n      deleteValue: ctx.api.value.deleteValue,\n      clear: ctx.api.value.clear,\n      setInputValue: ctx.api.value.setInputValue,\n      highlight: ctx.api.value.highlight,\n      edit: ctx.api.value.edit,\n    }))\n  },\n})\n\nexport const XhTagsInputLabel = defineComponent({\n  name: 'XhTagsInputLabel',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    // 用原生 label，getLabelProps 的 for 指向输入框\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputControl = defineComponent({\n  name: 'XhTagsInputControl',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputInput = defineComponent({\n  name: 'XhTagsInputInput',\n  setup() {\n    const ctx = useTagsInputContext()\n    return () => h('input', ctx.api.value.getInputProps() as Record<string, unknown>)\n  },\n})\n\nexport const XhTagsInputItem = defineComponent({\n  name: 'XhTagsInputItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTagsInputContext()\n    const item = computed<TagsInputItemProps>(() => ({ value: props.value }))\n    provideTagsInputItem({ item })\n    // 本标签持有焦点时，value 变更或卸载都上报焦点离场以终止编辑会话\n    const itemEl = ref<HTMLElement | null>(null)\n    const holdsFocus = (): boolean => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return false\n      const active = service.scope.getActiveElement()\n      return !!itemEl.value && !!active && (itemEl.value === active || itemEl.value.contains(active))\n    }\n    watch(() => props.value, (next, prev) => {\n      if (next !== prev && holdsFocus())\n        ctx.service.send({ type: 'ITEM.FOCUS_LOST' })\n    })\n    onBeforeUnmount(() => {\n      if (holdsFocus())\n        ctx.service.send({ type: 'ITEM.FOCUS_LOST' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTagsInputItemPreview = defineComponent({\n  name: 'XhTagsInputItemPreview',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('span', ctx.api.value.getItemPreviewProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputItemText = defineComponent({\n  name: 'XhTagsInputItemText',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputItemDeleteTrigger = defineComponent({\n  name: 'XhTagsInputItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('button', ctx.api.value.getItemDeleteTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputItemInput = defineComponent({\n  name: 'XhTagsInputItemInput',\n  setup() {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('input', ctx.api.value.getItemInputProps(item.value) as Record<string, unknown>)\n  },\n})\n\nexport const XhTagsInputClearTrigger = defineComponent({\n  name: 'XhTagsInputClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputHiddenInput = defineComponent({\n  name: 'XhTagsInputHiddenInput',\n  setup() {\n    const ctx = useTagsInputContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"tags-input.js","names":[],"sources":["../../../src/components/tags-input/tags-input.ts"],"sourcesContent":["import type { TagsInputApi, TagsInputBlurBehavior, TagsInputItemProps, TagsInputSchema, TagsInputTranslations } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { provideTagsInput, provideTagsInputItem, useTagsInputContext, useTagsInputItemContext } from './context'\nimport { useTagsInput } from './use-tags-input'\n\ntype TagsInputProps = TagsInputSchema['props']\n\n/** 默认插槽的载荷：标签集合与输入文本、数量与越界标志、光标与编辑锚点，以及增删改与清空的动作。 */\nexport type TagsInputRootSlotProps = Pick<\n  TagsInputApi,\n  | 'value'\n  | 'count'\n  | 'inputValue'\n  | 'empty'\n  | 'atMax'\n  | 'overflow'\n  | 'highlightedValue'\n  | 'editedValue'\n  | 'canClear'\n  | 'setValue'\n  | 'addValue'\n  | 'deleteValue'\n  | 'clear'\n  | 'setInputValue'\n  | 'highlight'\n  | 'edit'\n>\n\nexport const XhTagsInputRoot = defineComponent({\n  name: 'XhTagsInputRoot',\n  // 有 connect 与机器兜底的 prop 一律 default: undefined\n  props: {\n    // default: undefined 表示非受控\n    value: { type: Array as PropType<string[]>, default: undefined },\n    defaultValue: { type: Array as PropType<string[]>, default: undefined },\n    inputValue: { type: String, default: undefined },\n    defaultInputValue: { type: String, default: undefined },\n    max: { type: Number, default: undefined },\n    allowOverflow: Boolean,\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    name: { type: String, default: undefined },\n    placeholder: { type: String, default: undefined },\n    delimiter: { type: String, default: undefined },\n    addOnPaste: Boolean,\n    editable: Boolean,\n    blurBehavior: { type: String as PropType<TagsInputBlurBehavior | null>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<TagsInputTranslations>>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组；输入文本走 input-value-change 一路\n  emits: {\n    'value-change': (_details: PayloadOf<TagsInputProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TagsInputProps, 'onValueChange'>['value']) => true,\n    'input-value-change': (_details: PayloadOf<TagsInputProps, 'onInputValueChange'>) => true,\n    'update:inputValue': (_inputValue: PayloadOf<TagsInputProps, 'onInputValueChange'>['inputValue']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TagsInputRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: TagsInputProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onInputValueChange: TagsInputProps['onInputValueChange'] = (details) => {\n      emit('input-value-change', details)\n      emit('update:inputValue', details.inputValue)\n    }\n    const ctx = useTagsInput(withXhConfig('tags-input', props) as TagsInputProps, { onValueChange, onInputValueChange })\n    provideTagsInput(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      count: ctx.api.value.count,\n      inputValue: ctx.api.value.inputValue,\n      empty: ctx.api.value.empty,\n      atMax: ctx.api.value.atMax,\n      overflow: ctx.api.value.overflow,\n      highlightedValue: ctx.api.value.highlightedValue,\n      editedValue: ctx.api.value.editedValue,\n      canClear: ctx.api.value.canClear,\n      setValue: ctx.api.value.setValue,\n      addValue: ctx.api.value.addValue,\n      deleteValue: ctx.api.value.deleteValue,\n      clear: ctx.api.value.clear,\n      setInputValue: ctx.api.value.setInputValue,\n      highlight: ctx.api.value.highlight,\n      edit: ctx.api.value.edit,\n    }))\n  },\n})\n\nexport const XhTagsInputLabel = defineComponent({\n  name: 'XhTagsInputLabel',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    // 用原生 label，getLabelProps 的 for 指向输入框\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputControl = defineComponent({\n  name: 'XhTagsInputControl',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputInput = defineComponent({\n  name: 'XhTagsInputInput',\n  setup() {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useTagsInputContext()\n    return () => h('input', fieldLabel.value({ ...ctx.api.value.getInputProps() as Record<string, unknown>, ...fieldWiring.value }))\n  },\n})\n\nexport const XhTagsInputItem = defineComponent({\n  name: 'XhTagsInputItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTagsInputContext()\n    const item = computed<TagsInputItemProps>(() => ({ value: props.value }))\n    provideTagsInputItem({ item })\n    // 本标签持有焦点时，value 变更或卸载都上报焦点离场以终止编辑会话\n    const itemEl = ref<HTMLElement | null>(null)\n    const holdsFocus = (): boolean => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return false\n      const active = service.scope.getActiveElement()\n      return !!itemEl.value && !!active && (itemEl.value === active || itemEl.value.contains(active))\n    }\n    watch(() => props.value, (next, prev) => {\n      if (next !== prev && holdsFocus())\n        ctx.service.send({ type: 'ITEM.FOCUS_LOST' })\n    })\n    onBeforeUnmount(() => {\n      if (holdsFocus())\n        ctx.service.send({ type: 'ITEM.FOCUS_LOST' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTagsInputItemPreview = defineComponent({\n  name: 'XhTagsInputItemPreview',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('span', ctx.api.value.getItemPreviewProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputItemText = defineComponent({\n  name: 'XhTagsInputItemText',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputItemDeleteTrigger = defineComponent({\n  name: 'XhTagsInputItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('button', ctx.api.value.getItemDeleteTriggerProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputItemInput = defineComponent({\n  name: 'XhTagsInputItemInput',\n  setup() {\n    const ctx = useTagsInputContext()\n    const { item } = useTagsInputItemContext()\n    return () => h('input', ctx.api.value.getItemInputProps(item.value) as Record<string, unknown>)\n  },\n})\n\nexport const XhTagsInputClearTrigger = defineComponent({\n  name: 'XhTagsInputClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useTagsInputContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagsInputHiddenInput = defineComponent({\n  name: 'XhTagsInputHiddenInput',\n  setup() {\n    const ctx = useTagsInputContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

package/dist/components/text-field/context.js

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

package/dist/components/text-field/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/text-field/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TextFieldContext } from './use-text-field'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TextFieldContext> = Symbol('xh-text-field')\n\nexport function provideTextField(ctx: TextFieldContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTextFieldContext(): TextFieldContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TextField 部件必须用在 XhTextFieldRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,eAAe;AAElE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/text-field/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TextFieldContext } from './use-text-field'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TextFieldContext> = Symbol.for('xh-text-field')\n\nexport function provideTextField(ctx: TextFieldContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTextFieldContext(): TextFieldContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TextField 部件必须用在 XhTextFieldRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,IAAI,eAAe;AAEtE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/text-field/text-field.d.ts

@@ -119,15 +119,15 @@ declare const XhTextFieldRoot: import("vue").DefineComponent<import("vue").Extra
   type: TextFieldType;
   name: string;
   invalid: boolean;
-  size: Size;
   value: string;
   defaultValue: string;
   tone: Tone;
+  size: Size;
   disabled: boolean;
   translations: Partial<import("@xihan-ui/headless").TextFieldTranslations> | undefined;
-  variant: ControlVariant;
   readOnly: boolean;
   placeholder: string;
+  variant: ControlVariant;
   clearable: boolean;
   maxLength: number;
   autoSize: boolean | import("@xihan-ui/headless").TextFieldAutoSize | undefined;

package/dist/components/text-field/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","names":[],"sources":["../../../src/components/text-field/text-field.ts"],"mappings":";;;;;KASK,iBAAiB;;KAGV,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;;;;;;;;;IAMA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IASM,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;IAlBX,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IASM,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;EAQ/B,WAAC,OAAO,2BAA2B;kCAkB/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;IAIH,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;;;qCAsBjC;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"text-field.d.ts","names":[],"sources":["../../../src/components/text-field/text-field.ts"],"mappings":";;;;;KAWK,iBAAiB;;KAGV,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;;;;;;;;;IAMA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IASM,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;IAlBX,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IASM,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;EAQ/B,WAAC,OAAO,2BAA2B;kCAkB/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;IAIH,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;;;qCA2BjC;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/text-field/text-field.js

@@ -1,3 +1,5 @@
+import { withXhConfig } from "../../config/config.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { provideTextField, useTextFieldContext } from "./context.js";
 import { useTextField } from "./use-text-field.js";
 import { defineComponent, h, onMounted, ref, watch } from "vue";
@@ -66,7 +68,7 @@ const XhTextFieldRoot = defineComponent({
 			emit("value-change", details);
 			emit("update:value", details.value);
 		};
-		const ctx = useTextField(props, notify);
+		const ctx = useTextField(withXhConfig("text-field", props), notify);
 		provideTextField(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
 			value: ctx.api.value.value,
@@ -101,6 +103,8 @@ as: {
 		default: "input"
 	} },
 	setup(props) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
 		const ctx = useTextFieldContext();
 		const el = ref(null);
 		watch(() => [ctx.api.value.value, props.as], () => {
@@ -109,12 +113,13 @@ as: {
 		onMounted(() => {
 			if (props.as === "textarea" && el.value) autoSizeTextarea(el.value, ctx.api.value.autoSize);
 		});
-		return () => h(props.as, {
+		return () => h(props.as, fieldLabel.value({
 			...ctx.api.value.getInputProps({ as: props.as }),
 			ref: (node) => {
 				el.value = props.as === "textarea" ? node : null;
-			}
-		});
+			},
+			...fieldWiring.value
+		}));
 	}
 });
 const XhTextFieldClearTrigger = defineComponent({

package/dist/components/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","names":[],"sources":["../../../src/components/text-field/text-field.ts"],"sourcesContent":["import type { TextFieldApi, TextFieldInputHost, TextFieldSchema, TextFieldType } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { autoSizeTextarea } from '@xihan-ui/headless'\nimport { defineComponent, h, onMounted, ref, watch } from 'vue'\nimport { provideTextField, useTextFieldContext } from './context'\nimport { useTextField } from './use-text-field'\n\ntype TextFieldProps = TextFieldSchema['props']\n\n/** 默认插槽的载荷：当前值、值状态标志与写值方法。 */\nexport type TextFieldRootSlotProps = Pick<\n  TextFieldApi,\n  'value' | 'empty' | 'atLimit' | 'canClear' | 'setValue' | 'clear'\n>\n\nexport const XhTextFieldRoot = defineComponent({\n  name: 'XhTextFieldRoot',\n  props: {\n    // default: undefined 表示非受控\n    value: { type: String, default: undefined },\n    defaultValue: { type: String, default: undefined },\n    type: { type: String as PropType<TextFieldType>, default: undefined },\n    placeholder: { type: String, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    required: Boolean,\n    invalid: Boolean,\n    name: { type: String, default: undefined },\n    maxLength: { type: Number, default: undefined },\n    clearable: Boolean,\n    autoSize: { type: [Boolean, Object] as PropType<TextFieldProps['autoSize']>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<TextFieldProps['translations']>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<TextFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TextFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TextFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: TextFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useTextField(props as TextFieldProps, notify)\n    provideTextField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      empty: ctx.api.value.empty,\n      atLimit: ctx.api.value.atLimit,\n      canClear: ctx.api.value.canClear,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhTextFieldLabel = defineComponent({\n  name: 'XhTextFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useTextFieldContext()\n    // 必须是原生 <label>，connect 把 for 写向 input\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTextFieldControl = defineComponent({\n  name: 'XhTextFieldControl',\n  setup(_, { slots }) {\n    const ctx = useTextFieldContext()\n    // 视觉盒：输入框与清空按钮都放进来，皮肤把描边、底色、聚焦环画在它身上\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTextFieldInput = defineComponent({\n  name: 'XhTextFieldInput',\n  props: {\n    /** 输入框渲染成哪个标签，默认 input；写 textarea 即多行宿主，接上 autoSize 自动高度。 */\n    as: { type: String as PropType<TextFieldInputHost>, default: 'input' },\n  },\n  setup(props) {\n    const ctx = useTextFieldContext()\n    const el = ref<HTMLTextAreaElement | null>(null)\n    // 程序化写值（setValue / 表单重置 / 受控回写）不触发 input 事件，量高在渲染后补一次\n    watch(() => [ctx.api.value.value, props.as], () => {\n      if (props.as === 'textarea' && el.value)\n        autoSizeTextarea(el.value, ctx.api.value.autoSize)\n    }, { flush: 'post' })\n    onMounted(() => {\n      if (props.as === 'textarea' && el.value)\n        autoSizeTextarea(el.value, ctx.api.value.autoSize)\n    })\n    // 自己渲染宿主节点，label 的 for 指向它\n    return () => h(props.as, {\n      ...ctx.api.value.getInputProps({ as: props.as }) as Record<string, unknown>,\n      ref: (node: unknown) => {\n        el.value = props.as === 'textarea' ? node as HTMLTextAreaElement : null\n      },\n    })\n  },\n})\n\nexport const XhTextFieldClearTrigger = defineComponent({\n  name: 'XhTextFieldClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useTextFieldContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAiBA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;EAEL,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,cAAc;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACjD,MAAM;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACpE,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,UAAU;EACV,UAAU;EACV,UAAU;EACV,SAAS;EACT,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC9C,WAAW;EACX,UAAU;GAAE,MAAM,CAAC,SAAS,MAAM;GAA2C,SAAS,KAAA;EAAU;EAChG,SAAS;GAAE,MAAM;GAAoC,SAAS,KAAA;EAAU;EACxE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,cAAc;GAAE,MAAM;GAAoD,SAAS,KAAA;EAAU;CAC/F;CAEA,OAAO;EACL,iBAAiB,aAAyD;EAC1E,iBAAiB,WAAgE;CACnF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA2C,YAAY;GAC3D,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,MAAM,aAAa,OAAyB,MAAM;EACxD,iBAAiB,GAAG;EACpB,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,OAAO,IAAI,IAAI,MAAM;EACvB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAEhC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAEhC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAwC,SAAS;CAAQ,EACvE;CACA,MAAM,OAAO;EACX,MAAM,MAAM,oBAAoB;EAChC,MAAM,KAAK,IAAgC,IAAI;EAE/C,YAAY,CAAC,IAAI,IAAI,MAAM,OAAO,MAAM,EAAE,SAAS;GACjD,IAAI,MAAM,OAAO,cAAc,GAAG,OAChC,iBAAiB,GAAG,OAAO,IAAI,IAAI,MAAM,QAAQ;EACrD,GAAG,EAAE,OAAO,OAAO,CAAC;EACpB,gBAAgB;GACd,IAAI,MAAM,OAAO,cAAc,GAAG,OAChC,iBAAiB,GAAG,OAAO,IAAI,IAAI,MAAM,QAAQ;EACrD,CAAC;EAED,aAAa,EAAE,MAAM,IAAI;GACvB,GAAG,IAAI,IAAI,MAAM,cAAc,EAAE,IAAI,MAAM,GAAG,CAAC;GAC/C,MAAM,SAAkB;IACtB,GAAG,QAAQ,MAAM,OAAO,aAAa,OAA8B;GACrE;EACF,CAAC;CACH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}
+{"version":3,"file":"text-field.js","names":[],"sources":["../../../src/components/text-field/text-field.ts"],"sourcesContent":["import type { TextFieldApi, TextFieldInputHost, TextFieldSchema, TextFieldType } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { autoSizeTextarea } from '@xihan-ui/headless'\nimport { defineComponent, h, onMounted, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { provideTextField, useTextFieldContext } from './context'\nimport { useTextField } from './use-text-field'\n\ntype TextFieldProps = TextFieldSchema['props']\n\n/** 默认插槽的载荷：当前值、值状态标志与写值方法。 */\nexport type TextFieldRootSlotProps = Pick<\n  TextFieldApi,\n  'value' | 'empty' | 'atLimit' | 'canClear' | 'setValue' | 'clear'\n>\n\nexport const XhTextFieldRoot = defineComponent({\n  name: 'XhTextFieldRoot',\n  props: {\n    // default: undefined 表示非受控\n    value: { type: String, default: undefined },\n    defaultValue: { type: String, default: undefined },\n    type: { type: String as PropType<TextFieldType>, default: undefined },\n    placeholder: { type: String, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    required: Boolean,\n    invalid: Boolean,\n    name: { type: String, default: undefined },\n    maxLength: { type: Number, default: undefined },\n    clearable: Boolean,\n    autoSize: { type: [Boolean, Object] as PropType<TextFieldProps['autoSize']>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<TextFieldProps['translations']>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<TextFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TextFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TextFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: TextFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useTextField(withXhConfig('text-field', props) as TextFieldProps, notify)\n    provideTextField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      empty: ctx.api.value.empty,\n      atLimit: ctx.api.value.atLimit,\n      canClear: ctx.api.value.canClear,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhTextFieldLabel = defineComponent({\n  name: 'XhTextFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useTextFieldContext()\n    // 必须是原生 <label>，connect 把 for 写向 input\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTextFieldControl = defineComponent({\n  name: 'XhTextFieldControl',\n  setup(_, { slots }) {\n    const ctx = useTextFieldContext()\n    // 视觉盒：输入框与清空按钮都放进来，皮肤把描边、底色、聚焦环画在它身上\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTextFieldInput = defineComponent({\n  name: 'XhTextFieldInput',\n  props: {\n    /** 输入框渲染成哪个标签，默认 input；写 textarea 即多行宿主，接上 autoSize 自动高度。 */\n    as: { type: String as PropType<TextFieldInputHost>, default: 'input' },\n  },\n  setup(props) {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useTextFieldContext()\n    const el = ref<HTMLTextAreaElement | null>(null)\n    // 程序化写值（setValue / 表单重置 / 受控回写）不触发 input 事件，量高在渲染后补一次\n    watch(() => [ctx.api.value.value, props.as], () => {\n      if (props.as === 'textarea' && el.value)\n        autoSizeTextarea(el.value, ctx.api.value.autoSize)\n    }, { flush: 'post' })\n    onMounted(() => {\n      if (props.as === 'textarea' && el.value)\n        autoSizeTextarea(el.value, ctx.api.value.autoSize)\n    })\n    // 自己渲染宿主节点，label 的 for 指向它\n    return () => h(props.as, fieldLabel.value({\n      ...ctx.api.value.getInputProps({ as: props.as }) as Record<string, unknown>,\n      ref: (node: unknown) => {\n        el.value = props.as === 'textarea' ? node as HTMLTextAreaElement : null\n      },\n      ...fieldWiring.value,\n    }))\n  },\n})\n\nexport const XhTextFieldClearTrigger = defineComponent({\n  name: 'XhTextFieldClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useTextFieldContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/thread/context.ts"],"mappings":";;iBAMgB,cAAc,KAAK;iBAInB,oBAAoB"}