@xihan-ui/vue 1.1.0 → 2.0.0

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

@@ -2,15 +2,15 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectTable, tableMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/table/use-table.ts
-function useTable(props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange, onRowMove) {
+function useTable(props, onSortChange, onSelectionChange, onExpandedValueChange, onColumnPreferenceChange, onRowMove) {
 	const service = useMachine(tableMachine, () => ({
 		...props,
 		onSortChange,
 		onSelectionChange,
-		onExpandedChange,
+		onExpandedValueChange,
 		onColumnPreferenceChange,
 		onRowMove
 	}), createScope(null, createVueIdGenerator()));

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

@@ -1 +1 @@
-{"version":3,"file":"use-table.js","names":[],"sources":["../../../src/components/table/use-table.ts"],"sourcesContent":["import type { TableApi, TableSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectTable, tableMachine } 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 TableContext {\n  api: ComputedRef<TableApi>\n  /** 机器实例，供部件上报 DOM 侧的事实（如行卸载带走了焦点）。 */\n  service: Service<TableSchema>\n}\n\nexport function useTable(\n  props: TableSchema['props'],\n  onSortChange?: TableSchema['props']['onSortChange'],\n  onSelectionChange?: TableSchema['props']['onSelectionChange'],\n  onExpandedChange?: TableSchema['props']['onExpandedChange'],\n  onColumnPreferenceChange?: TableSchema['props']['onColumnPreferenceChange'],\n  onRowMove?: TableSchema['props']['onRowMove'],\n): TableContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(\n    tableMachine,\n    () => ({ ...props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange, onRowMove }),\n    scope,\n  )\n  const api = computed(() => connectTable(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,SACd,OACA,cACA,mBACA,kBACA,0BACA,WACc;CAGd,MAAM,UAAU,WACd,qBACO;EAAE,GAAG;EAAO;EAAc;EAAmB;EAAkB;EAA0B;CAAU,IAH9F,YAAY,MADZ,qBACsB,CAI9B,CACN;CAEA,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-table.js","names":[],"sources":["../../../src/components/table/use-table.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use table 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { TableApi, TableSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectTable, tableMachine } from '@xihan-ui/headless'\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 TableContext {\n  api: ComputedRef<TableApi>\n  /** 状态机实例，供部件上报 DOM 侧的事实（如行卸载带走了焦点）。 */\n  service: Service<TableSchema>\n}\n\nexport function useTable(\n  props: TableSchema['props'],\n  onSortChange?: TableSchema['props']['onSortChange'],\n  onSelectionChange?: TableSchema['props']['onSelectionChange'],\n  onExpandedValueChange?: TableSchema['props']['onExpandedValueChange'],\n  onColumnPreferenceChange?: TableSchema['props']['onColumnPreferenceChange'],\n  onRowMove?: TableSchema['props']['onRowMove'],\n): TableContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(\n    tableMachine,\n    () => ({ ...props, onSortChange, onSelectionChange, onExpandedValueChange, onColumnPreferenceChange, onRowMove }),\n    scope,\n  )\n  const api = computed(() => connectTable(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,SACd,OACA,cACA,mBACA,uBACA,0BACA,WACc;CAGd,MAAM,UAAU,WACd,qBACO;EAAE,GAAG;EAAO;EAAc;EAAmB;EAAuB;EAA0B;CAAU,IAHnG,YAAY,MADZ,qBACsB,CAI9B,CACN;CAEA,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;CAAQ;AACxB"}

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.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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport 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":";;AAWA,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/tabs/tabs.d.ts

@@ -1,33 +1,27 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, VNode } from "vue";
+import { Direction, Orientation, Size, Tone } from "@xihan-ui/core";
 import { TabsActivationMode, TabsNode, TabsSchema, TabsVariant } from "@xihan-ui/headless";
-import { Direction, Orientation, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/tabs/tabs.d.ts
 type TabsProps = TabsSchema['props'];
 declare const XhTabsRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<TabsNode[]>;
-    default: undefined;
   };
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
-    default: undefined;
   };
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   activationMode: {
     type: PropType<TabsActivationMode>;
-    default: undefined;
   };
   loop: {
     type: BooleanConstructor;
@@ -35,21 +29,19 @@ declare const XhTabsRoot: import("vue").DefineComponent<import("vue").ExtractPro
   };
   variant: {
     type: PropType<TabsVariant>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-  /** 标签可以拖着换位。整个标签都是拖动源，不另出把手。 */
+  /** 标签可以拖动换位。整个标签都是拖动源，不另设把手。 */
   reorderable: BooleanConstructor;
+  /** 标签可关闭：焦点落在标签上按 Delete / Backspace 即触发 tab-close。 */
+  closable: BooleanConstructor;
   translations: {
     type: PropType<TabsProps["translations"]>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -57,30 +49,25 @@ declare const XhTabsRoot: import("vue").DefineComponent<import("vue").ExtractPro
   'value-change': (_details: PayloadOf<TabsProps, "onValueChange">) => true;
   'update:value': (_value: PayloadOf<TabsProps, "onValueChange">["value"]) => true;
   'tab-move': (_details: PayloadOf<TabsProps, "onTabMove">) => true;
+  'tab-close': (_details: PayloadOf<TabsProps, "onTabClose">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<TabsNode[]>;
-    default: undefined;
   };
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
-    default: undefined;
   };
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   activationMode: {
     type: PropType<TabsActivationMode>;
-    default: undefined;
   };
   loop: {
     type: BooleanConstructor;
@@ -88,48 +75,57 @@ declare const XhTabsRoot: import("vue").DefineComponent<import("vue").ExtractPro
   };
   variant: {
     type: PropType<TabsVariant>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-  /** 标签可以拖着换位。整个标签都是拖动源，不另出把手。 */
+  /** 标签可以拖动换位。整个标签都是拖动源，不另设把手。 */
   reorderable: BooleanConstructor;
+  /** 标签可关闭：焦点落在标签上按 Delete / Backspace 即触发 tab-close。 */
+  closable: 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;
+  "onTab-close"?: ((_details: import("@xihan-ui/headless").TabsCloseDetails) => any) | undefined;
 }>, {
-  value: string | null;
-  collection: TabsNode[];
-  defaultValue: string | null;
-  orientation: Orientation;
-  dir: Direction;
-  tone: Tone;
-  size: Size;
-  translations: Partial<import("@xihan-ui/headless").TabsTranslations> | undefined;
   loop: boolean;
-  variant: TabsVariant;
-  activationMode: TabsActivationMode;
+  closable: boolean;
   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>;
+/** 选中标签下的滑条：位置由状态机测量后写入内联样式；位于 list 中，以 list 为定位参照系 */
+declare const XhTabsIndicator: 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 XhTabsSeparator: 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>;
+/**
+ * 标签带的往前翻页钮：标签带放不下时露面，贴在起始端；没塞内容时由皮肤画一枚 chevron。
+ * 放在 list 里、与标签平级；对读屏隐藏、不占 Tab 位——键盘用方向键在标签间移动即可。
+ */
+declare const XhTabsPrevTrigger: 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>;
+/** 标签带的往后翻页钮：与 XhTabsPrevTrigger 成对，贴在结束端。 */
+declare const XhTabsNextTrigger: 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 上——
- * 读屏不播报后插入的节点，等到拖起才渲出来等于没有。
+ * 放在 root 中、与 list 部件平级。它必须在拖动开始之前就在 DOM 上：
+ * 读屏不播报后插入的节点，等到拖起才渲染等于没有。
  */
 declare const XhTabsLiveRegion: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -158,9 +154,9 @@ declare const XhTabsTrigger: import("vue").DefineComponent<import("vue").Extract
   disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
- * 标签拖拽把手。放在标签里，自带 touch-action: none，按下即拖，不等激活距离。
- * 对读屏隐藏、也不占 Tab 位；键盘换位由标签带上的 Alt + 方向键承担。
- * 整个标签起手那一路照旧可用，把手是叠加的第二个入口。
+ * 标签拖拽把手。放在标签中，自带 touch-action: none，按下即拖动，不等待激活距离。
+ * 对读屏隐藏、也不占 Tab 位；键盘换位由标签上的 Alt + 方向键承担。
+ * 整个标签拖动的路径照常可用，把手是叠加的第二个入口。
  */
 declare const XhTabsTabDragTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** 所属标签的 value。 */
@@ -191,5 +187,5 @@ declare const XhTabsContent: import("vue").DefineComponent<import("vue").Extract
   };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhTabsContent, XhTabsList, XhTabsLiveRegion, XhTabsRoot, XhTabsTabDragTrigger, XhTabsTrigger };
+export { XhTabsContent, XhTabsIndicator, XhTabsList, XhTabsLiveRegion, XhTabsNextTrigger, XhTabsPrevTrigger, XhTabsRoot, XhTabsSeparator, 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":";;;;;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"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/components/tabs/tabs.ts"],"mappings":";;;;;KAiBK,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;;;;;;;IAKD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EAEZ,aAAA,UAAA,UAAU;EAET,cAAA,UAAA,UAAU;;;IAvBL,MAAA,SAAS;;;IACb,MAAA;;;IACO,MAAA;;;IACD,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;IACE,MAAA,SAAS;;;;;;;IAEhB,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;IAKD,MAAA,SAAS;;;;;;;;;;;qCAkC3C;cAEW,0BAAU,0BAAA,oBAAA,4BAAA;;8BASrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,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

@@ -7,57 +7,30 @@ import { defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
 const XhTabsRoot = defineComponent({
 	name: "XhTabsRoot",
 	props: {
-		collection: {
-			type: Array,
-			default: void 0
-		},
-		value: {
-			type: String,
-			default: void 0
-		},
-		defaultValue: {
-			type: String,
-			default: void 0
-		},
-		orientation: {
-			type: String,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			default: void 0
-		},
-		activationMode: {
-			type: String,
-			default: void 0
-		},
+		collection: { type: Array },
+		value: { type: String },
+		defaultValue: { type: String },
+		orientation: { type: String },
+		dir: { type: String },
+		activationMode: { type: String },
 		loop: {
 			type: Boolean,
 			default: void 0
 		},
-		variant: {
-			type: String,
-			default: void 0
-		},
-		tone: {
-			type: String,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		},
-		/** 标签可以拖着换位。整个标签都是拖动源，不另出把手。 */
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		/** 标签可以拖动换位。整个标签都是拖动源，不另设把手。 */
 		reorderable: Boolean,
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		/** 标签可关闭：焦点落在标签上按 Delete / Backspace 即触发 tab-close。 */
+		closable: Boolean,
+		translations: { type: Object }
 	},
 	emits: {
 		"value-change": (_details) => true,
 		"update:value": (_value) => true,
-		"tab-move": (_details) => true
+		"tab-move": (_details) => true,
+		"tab-close": (_details) => true
 	},
 	setup(props, { slots, emit }) {
 		const notify = (details) => {
@@ -67,7 +40,10 @@ const XhTabsRoot = defineComponent({
 		const onTabMove = (details) => {
 			emit("tab-move", details);
 		};
-		const ctx = useTabs(withXhConfig("tabs", props), notify, onTabMove);
+		const onTabClose = (details) => {
+			emit("tab-close", details);
+		};
+		const ctx = useTabs(withXhConfig("tabs", props), notify, onTabMove, onTabClose);
 		provideTabs(ctx);
 		return () => {
 			const authored = slots.default?.();
@@ -80,14 +56,54 @@ const XhTabsList = defineComponent({
 	name: "XhTabsList",
 	setup(_, { slots }) {
 		const ctx = useTabsContext();
-		return () => h("div", ctx.api.value.getListProps(), slots.default?.());
+		return () => h("div", {
+			...ctx.api.value.getListProps(),
+			ref: (el) => {
+				ctx.listRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+/** 选中标签下的滑条：位置由状态机测量后写入内联样式；位于 list 中，以 list 为定位参照系 */
+const XhTabsIndicator = defineComponent({
+	name: "XhTabsIndicator",
+	setup() {
+		const ctx = useTabsContext();
+		return () => h("div", ctx.api.value.getIndicatorProps());
+	}
+});
+/** 标签之间的细分隔线，纯装饰 */
+const XhTabsSeparator = defineComponent({
+	name: "XhTabsSeparator",
+	setup() {
+		const ctx = useTabsContext();
+		return () => h("div", ctx.api.value.getSeparatorProps());
+	}
+});
+/**
+* 标签带的往前翻页钮：标签带放不下时露面，贴在起始端；没塞内容时由皮肤画一枚 chevron。
+* 放在 list 里、与标签平级；对读屏隐藏、不占 Tab 位——键盘用方向键在标签间移动即可。
+*/
+const XhTabsPrevTrigger = defineComponent({
+	name: "XhTabsPrevTrigger",
+	setup(_, { slots }) {
+		const ctx = useTabsContext();
+		return () => h("button", ctx.api.value.getPrevTriggerProps(), slots.default?.());
+	}
+});
+/** 标签带的往后翻页钮：与 XhTabsPrevTrigger 成对，贴在结束端。 */
+const XhTabsNextTrigger = defineComponent({
+	name: "XhTabsNextTrigger",
+	setup(_, { slots }) {
+		const ctx = useTabsContext();
+		return () => h("button", ctx.api.value.getNextTriggerProps(), slots.default?.());
 	}
 });
 /**
 * 拖动过程的读屏播报区，视觉上不可见。
 *
-* 放在 root 里、与 list 部件平级。它必须在拖动开始**之前**就在 DOM 上——
-* 读屏不播报后插入的节点，等到拖起才渲出来等于没有。
+* 放在 root 中、与 list 部件平级。它必须在拖动开始之前就在 DOM 上：
+* 读屏不播报后插入的节点，等到拖起才渲染等于没有。
 */
 const XhTabsLiveRegion = defineComponent({
 	name: "XhTabsLiveRegion",
@@ -134,9 +150,9 @@ const XhTabsTrigger = defineComponent({
 	}
 });
 /**
-* 标签拖拽把手。放在标签里，自带 touch-action: none，按下即拖，不等激活距离。
-* 对读屏隐藏、也不占 Tab 位；键盘换位由标签带上的 Alt + 方向键承担。
-* 整个标签起手那一路照旧可用，把手是叠加的第二个入口。
+* 标签拖拽把手。放在标签中，自带 touch-action: none，按下即拖动，不等待激活距离。
+* 对读屏隐藏、也不占 Tab 位；键盘换位由标签上的 Alt + 方向键承担。
+* 整个标签拖动的路径照常可用，把手是叠加的第二个入口。
 */
 const XhTabsTabDragTrigger = defineComponent({
 	name: "XhTabsTabDragTrigger",
@@ -163,9 +179,9 @@ const XhTabsContent = defineComponent({
 	}
 });
 /**
-* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
-* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
-* 面板内容走 panel 插槽，没写就是空面板。
+* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
+* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
+* 面板内容经 panel 插槽，未写时为空面板。
 */
 function renderDefaultTree(collection, panelSlot) {
 	return [h(XhTabsList, null, () => collection.map((node) => h(XhTabsTrigger, {
@@ -177,6 +193,6 @@ function renderDefaultTree(collection, panelSlot) {
 	}, () => panelSlot?.(node) ?? []))];
 }
 //#endregion
-export { XhTabsContent, XhTabsList, XhTabsLiveRegion, XhTabsRoot, XhTabsTabDragTrigger, XhTabsTrigger };
+export { XhTabsContent, XhTabsIndicator, XhTabsList, XhTabsLiveRegion, XhTabsNextTrigger, XhTabsPrevTrigger, XhTabsRoot, XhTabsSeparator, 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 { 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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"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/tabs/tabs.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 tabs 相关实现。\n\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { TabsActivationMode, TabsNode, TabsNodeMeta, TabsSchema, TabsVariant } from '@xihan-ui/headless'\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  // 缺省值由 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    collection: { type: Array as PropType<TabsNode[]> },\n    value: { type: String as PropType<string | null> },\n    defaultValue: { type: String as PropType<string | null> },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    activationMode: { type: String as PropType<TabsActivationMode> },\n    loop: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<TabsVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    /** 标签可以拖动换位。整个标签都是拖动源，不另设把手。 */\n    reorderable: Boolean,\n    /** 标签可关闭：焦点落在标签上按 Delete / Backspace 即触发 tab-close。 */\n    closable: Boolean,\n    translations: { type: Object as PropType<TabsProps['translations']> },\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    'tab-close': (_details: PayloadOf<TabsProps, 'onTabClose'>) => 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 onTabClose: TabsProps['onTabClose'] = (details) => {\n      emit('tab-close', details)\n    }\n    const ctx = useTabs(withXhConfig('tabs', props) as TabsProps, notify, onTabMove, onTabClose)\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', {\n      ...ctx.api.value.getListProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.listRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 选中标签下的滑条：位置由状态机测量后写入内联样式；位于 list 中，以 list 为定位参照系 */\nexport const XhTabsIndicator = defineComponent({\n  name: 'XhTabsIndicator',\n  setup() {\n    const ctx = useTabsContext()\n    return () => h('div', ctx.api.value.getIndicatorProps() as Record<string, unknown>)\n  },\n})\n\n/** 标签之间的细分隔线，纯装饰 */\nexport const XhTabsSeparator = defineComponent({\n  name: 'XhTabsSeparator',\n  setup() {\n    const ctx = useTabsContext()\n    return () => h('div', ctx.api.value.getSeparatorProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 标签带的往前翻页钮：标签带放不下时露面，贴在起始端；没塞内容时由皮肤画一枚 chevron。\n * 放在 list 里、与标签平级；对读屏隐藏、不占 Tab 位——键盘用方向键在标签间移动即可。\n */\nexport const XhTabsPrevTrigger = defineComponent({\n  name: 'XhTabsPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useTabsContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 标签带的往后翻页钮：与 XhTabsPrevTrigger 成对，贴在结束端。 */\nexport const XhTabsNextTrigger = defineComponent({\n  name: 'XhTabsNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useTabsContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() 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

@@ -1,13 +1,15 @@
-import { ComputedRef } from "vue";
+import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
 import { TabsApi, TabsSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/tabs/use-tabs.d.ts
 interface TabsContext {
   api: ComputedRef<TabsApi>;
-  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
+  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
   service: Service<TabsSchema>;
+  /** list 节点：标签集合的查询容器，同时是指示条测量的参照系。 */
+  listRef: Ref<HTMLElement | null>;
 }
-declare function useTabs(props: TabsSchema['props'], onValueChange?: TabsSchema['props']['onValueChange'], onTabMove?: TabsSchema['props']['onTabMove']): TabsContext;
+declare function useTabs(props: TabsSchema['props'], onValueChange?: TabsSchema['props']['onValueChange'], onTabMove?: TabsSchema['props']['onTabMove'], onTabClose?: TabsSchema['props']['onTabClose']): 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,sCAChB,YAAY,mCACX"}
+{"version":3,"file":"use-tabs.d.ts","names":[],"sources":["../../../src/components/tabs/use-tabs.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,QACd,OAAO,qBACP,gBAAgB,sCAChB,YAAY,kCACZ,aAAa,oCACZ"}

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

@@ -1,19 +1,24 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
-import { computed } from "vue";
+import { computed, ref } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectTabs, tabsMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/tabs/use-tabs.ts
-function useTabs(props, onValueChange, onTabMove) {
+function useTabs(props, onValueChange, onTabMove, onTabClose) {
+	const scope = createScope(null, createVueIdGenerator());
+	const listRef = ref(null);
 	const service = useMachine(tabsMachine, () => ({
 		...props,
 		onValueChange,
-		onTabMove
-	}), createScope(null, createVueIdGenerator()));
+		onTabMove,
+		onTabClose
+	}), scope);
+	service.refs.set("getListEl", () => listRef.value);
 	return {
 		api: computed(() => connectTabs(service, vueNormalize)),
-		service
+		service,
+		listRef
 	};
 }
 //#endregion

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  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"}
+{"version":3,"file":"use-tabs.js","names":[],"sources":["../../../src/components/tabs/use-tabs.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use tabs 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { TabsApi, TabsSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectTabs, tabsMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface TabsContext {\n  api: ComputedRef<TabsApi>\n  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<TabsSchema>\n  /** list 节点：标签集合的查询容器，同时是指示条测量的参照系。 */\n  listRef: Ref<HTMLElement | null>\n}\n\nexport function useTabs(\n  props: TabsSchema['props'],\n  onValueChange?: TabsSchema['props']['onValueChange'],\n  onTabMove?: TabsSchema['props']['onTabMove'],\n  onTabClose?: TabsSchema['props']['onTabClose'],\n): TabsContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const listRef = ref<HTMLElement | null>(null)\n  const service = useMachine(tabsMachine, () => ({ ...props, onValueChange, onTabMove, onTabClose }), scope)\n  // 指示条量测在机器的 action 里跑，DOM 侧的取值口经 refs 交进去\n  service.refs.set('getListEl', () => listRef.value)\n  const api = computed(() => connectTabs(service, vueNormalize))\n  return { api, service, listRef }\n}\n"],"mappings":";;;;;;;AAyBA,SAAgB,QACd,OACA,eACA,WACA,YACa;CAEb,MAAM,QAAQ,YAAY,MADZ,qBACsB,CAAC;CACrC,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,UAAU,WAAW,oBAAoB;EAAE,GAAG;EAAO;EAAe;EAAW;CAAW,IAAI,KAAK;CAEzG,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAEjD,OAAO;EAAE,KADG,eAAe,YAAY,SAAS,YAAY,CACjD;EAAG;EAAS;CAAQ;AACjC"}

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

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

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.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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tag/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport 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":";;AAWA,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

@@ -1,9 +1,12 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType } from "vue";
+import { Size, Tone } from "@xihan-ui/core";
 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 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 XhTagRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   variant: PropType<TagVariant>;
   tone: PropType<Tone>;
@@ -16,6 +19,10 @@ declare const XhTagRoot: import("vue").DefineComponent<import("vue").ExtractProp
     type: BooleanConstructor;
     default: undefined;
   };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   open: {
     type: BooleanConstructor;
     default: undefined;
@@ -42,6 +49,10 @@ declare const XhTagRoot: import("vue").DefineComponent<import("vue").ExtractProp
     type: BooleanConstructor;
     default: undefined;
   };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   open: {
     type: BooleanConstructor;
     default: undefined;
@@ -59,10 +70,8 @@ declare const XhTagRoot: import("vue").DefineComponent<import("vue").ExtractProp
   open: boolean;
   closable: boolean;
   defaultOpen: boolean;
+  readOnly: 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>;

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

@@ -1 +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"}
+{"version":3,"file":"tag.d.ts","names":[],"sources":["../../../src/components/tag/tag.ts"],"mappings":";;;;;KAiBK,WAAW;cAEH,0BAAU,wCAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yBAAS,8BAAA;EAGC,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;EAOD,cAAA,SAAS,QAAQ;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;EAdd,SAAA,SAAS;EACZ,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;EAOD,cAAA,SAAS,QAAQ;;;;;;;;;;qCAuB3C;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}