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

package/dist/components/tabs/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TabsContext } from './use-tabs'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TabsContext> = Symbol('xh-tabs')\n\nexport function provideTabs(ctx: TabsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTabsContext(): TabsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tabs 部件必须用在 XhTabsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAiC,OAAO,SAAS;AAEvD,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TabsContext } from './use-tabs'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TabsContext> = Symbol.for('xh-tabs')\n\nexport function provideTabs(ctx: TabsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTabsContext(): TabsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tabs 部件必须用在 XhTabsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}

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

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

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

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

package/dist/components/tag/context.js

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

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

@@ -0,0 +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.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/tag.d.ts

@@ -0,0 +1,71 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType } from "vue";
+import { TagSchema, TagTranslations, TagVariant } from "@xihan-ui/headless";
+import { Size, Tone } from "@xihan-ui/kernel";
+//#region src/components/tag/tag.d.ts
+type TagProps = TagSchema['props'];
+declare const XhTagRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  variant: PropType<TagVariant>;
+  tone: PropType<Tone>;
+  size: PropType<Size>;
+  closable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  translations: PropType<Partial<TagTranslations>>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'open-change': (_details: PayloadOf<TagProps, "onOpenChange">) => true;
+  'update:open': (_open: PayloadOf<TagProps, "onOpenChange">["open"]) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  variant: PropType<TagVariant>;
+  tone: PropType<Tone>;
+  size: PropType<Size>;
+  closable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  translations: PropType<Partial<TagTranslations>>;
+}>> & Readonly<{
+  "onOpen-change"?: ((_details: import("@xihan-ui/headless").TagOpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  open: boolean;
+  closable: boolean;
+  defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhTagLabel: import("vue").DefineComponent<{}, () => import("vue").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 XhTagCloseTrigger: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { XhTagCloseTrigger, XhTagLabel, XhTagRoot };
+//# sourceMappingURL=tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","names":[],"sources":["../../../src/components/tag/tag.ts"],"mappings":";;;;;KASK,WAAW;cAEH,yBAAS,8BAAA;EAGC,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;;;;EAMD,cAAA,SAAS,QAAQ;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;EAbd,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;;;;EAMD,cAAA,SAAS,QAAQ;;;;;;;;;qCAiB3C;cAEW,0BAAU,wCAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/tag/tag.js

@@ -0,0 +1,61 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideTag, useTagContext } from "./context.js";
+import { useTag } from "./use-tag.js";
+import { defineComponent, h } from "vue";
+//#region src/components/tag/tag.ts
+const XhTagRoot = defineComponent({
+	name: "XhTagRoot",
+	props: {
+		variant: String,
+		tone: String,
+		size: String,
+		closable: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		translations: Object
+	},
+	emits: {
+		"open-change": (_details) => true,
+		"update:open": (_open) => true
+	},
+	setup(props, { slots, emit }) {
+		const notify = (details) => {
+			emit("open-change", details);
+			emit("update:open", details.open);
+		};
+		const ctx = useTag(withXhConfig("tag", props), notify);
+		provideTag(ctx);
+		return () => h("span", ctx.api.value.getRootProps(), slots.default?.());
+	}
+});
+const XhTagLabel = defineComponent({
+	name: "XhTagLabel",
+	setup(_, { slots }) {
+		const ctx = useTagContext();
+		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+const XhTagCloseTrigger = defineComponent({
+	name: "XhTagCloseTrigger",
+	setup(_, { slots }) {
+		const ctx = useTagContext();
+		return () => h("button", ctx.api.value.getCloseTriggerProps(), slots.default?.());
+	}
+});
+//#endregion
+export { XhTagCloseTrigger, XhTagLabel, XhTagRoot };
+
+//# sourceMappingURL=tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","names":[],"sources":["../../../src/components/tag/tag.ts"],"sourcesContent":["import type { TagSchema, TagTranslations, TagVariant } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideTag, useTagContext } from './context'\nimport { useTag } from './use-tag'\n\ntype TagProps = TagSchema['props']\n\nexport const XhTagRoot = defineComponent({\n  name: 'XhTagRoot',\n  props: {\n    variant: String as PropType<TagVariant>,\n    tone: String as PropType<Tone>,\n    size: String as PropType<Size>,\n    // 三态：不传即由 connect 决定缺省，传 false 才真的关掉\n    closable: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    translations: Object as PropType<Partial<TagTranslations>>,\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<TagProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<TagProps, 'onOpenChange'>['open']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: TagProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useTag(withXhConfig('tag', props) as TagProps, notify)\n    provideTag(ctx)\n    // 标签随文排，根用 span 才能落在一行文字里\n    return () => h('span', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagLabel = defineComponent({\n  name: 'XhTagLabel',\n  setup(_, { slots }) {\n    const ctx = useTagContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTagCloseTrigger = defineComponent({\n  name: 'XhTagCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useTagContext()\n    // 用原生 button，Enter/Space 的激活交给平台\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAWA,MAAa,YAAY,gBAAgB;CACvC,MAAM;CACN,OAAO;EACL,SAAS;EACT,MAAM;EACN,MAAM;EAEN,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACjD,cAAc;CAChB;CAEA,OAAO;EACL,gBAAgB,aAAkD;EAClE,gBAAgB,UAAuD;CACzE;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAoC,YAAY;GACpD,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,OAAO,aAAa,OAAO,KAAK,GAAe,MAAM;EACjE,WAAW,GAAG;EAEd,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,cAAc;EAC1B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,cAAc;EAE1B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}

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

@@ -0,0 +1,10 @@
+import { ComputedRef } from "vue";
+import { TagApi, TagSchema } from "@xihan-ui/headless";
+//#region src/components/tag/use-tag.d.ts
+interface TagContext {
+  api: ComputedRef<TagApi>;
+}
+declare function useTag(props: TagSchema['props'], onOpenChange?: TagSchema['props']['onOpenChange']): TagContext;
+//#endregion
+export { TagContext, useTag };
+//# sourceMappingURL=use-tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-tag.d.ts","names":[],"sources":["../../../src/components/tag/use-tag.ts"],"mappings":";;;UAOiB;EACf,KAAK,YAAY;;iBAIH,OACd,OAAO,oBACP,eAAe,qCACd"}

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

@@ -0,0 +1,28 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+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
+	}));
+	return { api: computed(() => connectTag(service, vueNormalize)) };
+}
+//#endregion
+export { useTag };
+
+//# sourceMappingURL=use-tag.js.map

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

@@ -0,0 +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 { 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

@@ -145,15 +145,15 @@ declare const XhTagsInputRoot: import("vue").DefineComponent<import("vue").Extra
   size: Size;
   disabled: boolean;
   translations: Partial<TagsInputTranslations>;
-  max: number;
   variant: ControlVariant;
+  editable: boolean;
+  max: number;
   readOnly: boolean;
   placeholder: string;
   inputValue: string;
   defaultInputValue: string;
   allowOverflow: boolean;
   addOnPaste: boolean;
-  editable: boolean;
   delimiter: string;
   blurBehavior: TagsInputBlurBehavior | null;
 }, SlotsType<{

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":";;;;;;AAiCA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CAEN,OAAO;EAEL,OAAO;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EAC/D,cAAc;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EACtE,YAAY;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC/C,mBAAmB;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACtD,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,eAAe;EACf,UAAU;EACV,UAAU;EACV,SAAS;EACT,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC9C,YAAY;EACZ,UAAU;EACV,cAAc;GAAE,MAAM;GAAkD,SAAS,KAAA;EAAU;EAC3F,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;EACjF,uBAAuB,aAA8D;EACrF,sBAAsB,gBAA+E;CACvG;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,iBAAkD,YAAY;GAClE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,sBAA4D,YAAY;GAC5E,KAAK,sBAAsB,OAAO;GAClC,KAAK,qBAAqB,QAAQ,UAAU;EAC9C;EACA,MAAM,MAAM,aAAa,aAAa,cAAc,KAAK,GAAqB;GAAE;GAAe;EAAmB,CAAC;EACnH,iBAAiB,GAAG;EACpB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,YAAY,IAAI,IAAI,MAAM;GAC1B,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,UAAU,IAAI,IAAI,MAAM;GACxB,kBAAkB,IAAI,IAAI,MAAM;GAChC,aAAa,IAAI,IAAI,MAAM;GAC3B,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,aAAa,IAAI,IAAI,MAAM;GAC3B,OAAO,IAAI,IAAI,MAAM;GACrB,eAAe,IAAI,IAAI,MAAM;GAC7B,WAAW,IAAI,IAAI,MAAM;GACzB,MAAM,IAAI,IAAI,MAAM;EACtB,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;EAChC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,QAAQ;EAEN,MAAM,cAAc,oBAAoB;EAExC,MAAM,aAAa,oBAAoB;EACvC,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,SAAS,WAAW,MAAM;GAAE,GAAG,IAAI,IAAI,MAAM,cAAc;GAA8B,GAAG,YAAY;EAAM,CAAC,CAAC;CACjI;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO,EACL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,oBAAoB;EAChC,MAAM,OAAO,gBAAoC,EAAE,OAAO,MAAM,MAAM,EAAE;EACxE,qBAAqB,EAAE,KAAK,CAAC;EAE7B,MAAM,SAAS,IAAwB,IAAI;EAC3C,MAAM,mBAA4B;GAChC,MAAM,EAAE,YAAY;GACpB,IAAI,QAAQ,UAAU,MAAM,WAC1B,OAAO;GACT,MAAM,SAAS,QAAQ,MAAM,iBAAiB;GAC9C,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,WAAW,OAAO,UAAU,UAAU,OAAO,MAAM,SAAS,MAAM;EAC/F;EACA,YAAY,MAAM,QAAQ,MAAM,SAAS;GACvC,IAAI,SAAS,QAAQ,WAAW,GAC9B,IAAI,QAAQ,KAAK,EAAE,MAAM,kBAAkB,CAAC;EAChD,CAAC;EACD,sBAAsB;GACpB,IAAI,WAAW,GACb,IAAI,QAAQ,KAAK,EAAE,MAAM,kBAAkB,CAAC;EAChD,CAAC;EACD,aAAa,EACX,OACA;GAAE,GAAG,IAAI,IAAI,MAAM,aAAa,KAAK,KAAK;GAA8B,KAAK;EAAO,GACpF,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,MAAM,EAAE,SAAS,wBAAwB;EACzC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,oBAAoB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACpH;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,MAAM,EAAE,SAAS,wBAAwB;EACzC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,iBAAiB,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACjH;AACF,CAAC;AAED,MAAa,+BAA+B,gBAAgB;CAC1D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,MAAM,EAAE,SAAS,wBAAwB;EACzC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,0BAA0B,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC5H;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,MAAM,EAAE,SAAS,wBAAwB;EACzC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,kBAAkB,KAAK,KAAK,CAA4B;CAChG;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;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,CAA4B;CACxF;AACF,CAAC"}

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

@@ -1,6 +1,6 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { TextFieldApi, TextFieldInputHost, TextFieldSchema } from "@xihan-ui/headless";
+import { TextFieldApi, TextFieldInputHost, TextFieldSchema, TextFieldType } from "@xihan-ui/headless";
 import { ControlVariant, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/text-field/text-field.d.ts
 type TextFieldProps = TextFieldSchema['props'];
@@ -15,6 +15,10 @@ declare const XhTextFieldRoot: import("vue").DefineComponent<import("vue").Extra
     type: StringConstructor;
     default: undefined;
   };
+  type: {
+    type: PropType<TextFieldType>;
+    default: undefined;
+  };
   placeholder: {
     type: StringConstructor;
     default: undefined;
@@ -48,6 +52,10 @@ declare const XhTextFieldRoot: import("vue").DefineComponent<import("vue").Extra
     type: PropType<Size>;
     default: undefined;
   };
+  translations: {
+    type: PropType<TextFieldProps["translations"]>;
+    default: undefined;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -62,6 +70,10 @@ declare const XhTextFieldRoot: import("vue").DefineComponent<import("vue").Extra
     type: StringConstructor;
     default: undefined;
   };
+  type: {
+    type: PropType<TextFieldType>;
+    default: undefined;
+  };
   placeholder: {
     type: StringConstructor;
     default: undefined;
@@ -95,11 +107,16 @@ declare const XhTextFieldRoot: import("vue").DefineComponent<import("vue").Extra
     type: PropType<Size>;
     default: undefined;
   };
+  translations: {
+    type: PropType<TextFieldProps["translations"]>;
+    default: undefined;
+  };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").TextFieldValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string) => any) | undefined;
 }>, {
   required: boolean;
+  type: TextFieldType;
   name: string;
   invalid: boolean;
   value: string;
@@ -107,18 +124,22 @@ declare const XhTextFieldRoot: import("vue").DefineComponent<import("vue").Extra
   tone: Tone;
   size: Size;
   disabled: boolean;
+  translations: Partial<import("@xihan-ui/headless").TextFieldTranslations> | undefined;
   variant: ControlVariant;
   readOnly: boolean;
   placeholder: string;
+  clearable: boolean;
   maxLength: number;
   autoSize: boolean | import("@xihan-ui/headless").TextFieldAutoSize | undefined;
-  clearable: boolean;
 }, SlotsType<{
   default?: (props: TextFieldRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTextFieldLabel: 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 XhTextFieldControl: 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 XhTextFieldInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** 输入框渲染成哪个标签，默认 input；写 textarea 即多行宿主，接上 autoSize 自动高度。 */
   as: {
@@ -140,5 +161,5 @@ declare const XhTextFieldClearTrigger: import("vue").DefineComponent<{}, () => V
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { TextFieldRootSlotProps, XhTextFieldClearTrigger, XhTextFieldInput, XhTextFieldLabel, XhTextFieldRoot };
+export { TextFieldRootSlotProps, XhTextFieldClearTrigger, XhTextFieldControl, XhTextFieldInput, XhTextFieldLabel, XhTextFieldRoot };
 //# sourceMappingURL=text-field.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;IAce,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;IARI,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,2BAA2B;kCAkB/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,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":";;;;;KAUK,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,4 @@
+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";
@@ -14,6 +15,10 @@ const XhTextFieldRoot = defineComponent({
 			type: String,
 			default: void 0
 		},
+		type: {
+			type: String,
+			default: void 0
+		},
 		placeholder: {
 			type: String,
 			default: void 0
@@ -46,6 +51,10 @@ const XhTextFieldRoot = defineComponent({
 		size: {
 			type: String,
 			default: void 0
+		},
+		translations: {
+			type: Object,
+			default: void 0
 		}
 	},
 	emits: {
@@ -77,6 +86,13 @@ const XhTextFieldLabel = defineComponent({
 		return () => h("label", ctx.api.value.getLabelProps(), slots.default?.());
 	}
 });
+const XhTextFieldControl = defineComponent({
+	name: "XhTextFieldControl",
+	setup(_, { slots }) {
+		const ctx = useTextFieldContext();
+		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
+	}
+});
 const XhTextFieldInput = defineComponent({
 	name: "XhTextFieldInput",
 	props: { 
@@ -86,6 +102,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], () => {
@@ -94,12 +112,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({
@@ -110,6 +129,6 @@ const XhTextFieldClearTrigger = defineComponent({
 	}
 });
 //#endregion
-export { XhTextFieldClearTrigger, XhTextFieldInput, XhTextFieldLabel, XhTextFieldRoot };
+export { XhTextFieldClearTrigger, XhTextFieldControl, XhTextFieldInput, XhTextFieldLabel, XhTextFieldRoot };
 
 //# sourceMappingURL=text-field.js.map

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 } 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    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  },\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 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,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;CAC7D;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,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 { 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(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"}