@xihan-ui/vue 1.0.0 → 1.1.0

package/dist/components/table/table.d.ts

@@ -5,7 +5,7 @@ import { Direction, Size } from "@xihan-ui/kernel";
 //#region src/components/table/table.d.ts
 type TableProps = TableSchema['props'];
 /** 默认插槽的载荷：可见行与排序、选中、展开三态，以及逐行查询与改写它们的句柄。 */
-type TableRootSlotProps = Pick<TableApi, 'columns' | 'columnPreference' | 'setColumnHidden' | 'moveColumn' | 'setColumnWidth' | 'setColumnPreference' | 'rowNumber' | 'visibleRows' | 'sort' | 'selection' | 'selectionState' | 'expandedValue' | 'focusedRow' | 'empty' | 'loading' | 'isSelected' | 'isExpanded' | 'sortDirection' | 'sortPriority' | 'toggleSort' | 'selectRow' | 'toggleSelectAll' | 'toggleExpandRow'>;
+type TableRootSlotProps = Pick<TableApi, 'columns' | 'columnPreference' | 'setColumnHidden' | 'moveColumn' | 'setColumnWidth' | 'setColumnPreference' | 'rowNumber' | 'visibleRows' | 'sort' | 'selection' | 'selectionState' | 'expandedValue' | 'focusedRow' | 'empty' | 'loading' | 'isSelected' | 'isExpanded' | 'sortDirection' | 'sortPriority' | 'toggleSort' | 'selectRow' | 'toggleSelectAll' | 'toggleExpandRow' | 'rowReorderDisabledReason'>;
 declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   columns: {
     type: PropType<TableColumnDef[]>;
@@ -76,6 +76,13 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
   borderless: BooleanConstructor;
   ruled: BooleanConstructor;
   footer: BooleanConstructor;
+  /** 行可以拖着换位。整行都是拖动源，不另出把手。 */
+  rowReorderable: BooleanConstructor;
+  /** 这一次搬家许不许。收到的是折算好的落点（搬到哪个父下面的第几位）。不给即都许。 */
+  allowRowDrop: {
+    type: PropType<TableProps["allowRowDrop"]>;
+    default: undefined;
+  };
   loop: {
     type: BooleanConstructor;
     default: undefined;
@@ -88,6 +95,10 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: PropType<Size>;
     default: undefined;
   };
+  translations: {
+    type: PropType<TableProps["translations"]>;
+    default: undefined;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -101,6 +112,7 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
   'update:selection': (_selection: PayloadOf<TableProps, "onSelectionChange">["value"]) => true;
   'expanded-change': (_details: PayloadOf<TableProps, "onExpandedChange">) => true;
   'update:expanded': (_expanded: PayloadOf<TableProps, "onExpandedChange">["value"]) => true;
+  'row-move': (_details: PayloadOf<TableProps, "onRowMove">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   columns: {
     type: PropType<TableColumnDef[]>;
@@ -171,6 +183,13 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
   borderless: BooleanConstructor;
   ruled: BooleanConstructor;
   footer: BooleanConstructor;
+  /** 行可以拖着换位。整行都是拖动源，不另出把手。 */
+  rowReorderable: BooleanConstructor;
+  /** 这一次搬家许不许。收到的是折算好的落点（搬到哪个父下面的第几位）。不给即都许。 */
+  allowRowDrop: {
+    type: PropType<TableProps["allowRowDrop"]>;
+    default: undefined;
+  };
   loop: {
     type: BooleanConstructor;
     default: undefined;
@@ -183,6 +202,10 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: PropType<Size>;
     default: undefined;
   };
+  translations: {
+    type: PropType<TableProps["translations"]>;
+    default: undefined;
+  };
 }>> & Readonly<{
   "onExpanded-change"?: ((_details: import("@xihan-ui/headless").TableExpandedChangeDetails) => any) | undefined;
   "onUpdate:expanded"?: ((_expanded: string[]) => any) | undefined;
@@ -194,31 +217,35 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
   "onUpdate:sort"?: ((_sort: TableSortDescriptor[]) => any) | undefined;
   "onSelection-change"?: ((_details: import("@xihan-ui/headless").TableSelectionChangeDetails) => any) | undefined;
   "onUpdate:selection"?: ((_selection: TableSelection) => any) | undefined;
+  "onRow-move"?: ((_details: import("@xihan-ui/headless").TableRowMoveDetails) => any) | undefined;
 }>, {
   sort: TableSortDescriptor[];
   footer: boolean;
   dir: Direction;
   size: Size;
+  translations: Partial<import("@xihan-ui/headless").TableTranslations> | undefined;
+  loop: boolean;
   loading: boolean;
   selectionMode: TableSelectionMode;
   page: number;
-  loop: boolean;
   empty: boolean;
   columns: TableColumnDef[];
   expanded: string[];
   defaultExpanded: string[];
   rows: TableRowDef[];
+  pageSize: number;
+  allowRowDrop: ((move: import("@xihan-ui/headless").TableRowMoveDetails) => boolean) | undefined;
   columnPreference: TableColumnPreference;
   selection: TableSelection;
   stickyHeader: boolean;
   striped: boolean;
   borderless: boolean;
   ruled: boolean;
+  rowReorderable: boolean;
   defaultSort: TableSortDescriptor[];
   defaultSelection: TableSelection;
   prefixColumns: TableColumnKind[];
   defaultColumnPreference: TableColumnPreference;
-  pageSize: number;
 }, SlotsType<{
   default?: (props: TableRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -300,6 +327,23 @@ declare const XhTableRowSelectTrigger: import("vue").DefineComponent<{}, () => V
 declare const XhTableSortTrigger: 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>;
+/** 列宽把手。放在表头格里，只有 resizable 的列渲它。 */
+declare const XhTableColumnResizeTrigger: 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 XhTableColumnDragTrigger: 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>;
+/**
+ * 行拖拽把手。放在数据行里，自带 touch-action: none，按下即拖，不等激活距离。
+ * 对读屏隐藏、也不占 Tab 位；键盘换位由表体上的 Alt + 上下键承担，
+ * 树形表下另有 Alt + 左右键改缩进层级。
+ * 整行起手那一路照旧可用，把手是叠加的第二个入口。
+ */
+declare const XhTableRowDragTrigger: 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 XhTableExpandTrigger: 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>;
@@ -325,5 +369,5 @@ declare const XhTableLoadingState: import("vue").DefineComponent<{}, () => VNode
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { TableRootSlotProps, XhTableBody, XhTableCaption, XhTableCell, XhTableColumnHeader, XhTableEmpty, XhTableExpandTrigger, XhTableExpandedRow, XhTableFooter, XhTableHeader, XhTableLoadingState, XhTableRoot, XhTableRow, XhTableRowSelectTrigger, XhTableSelectAllTrigger, XhTableSortTrigger };
+export { TableRootSlotProps, XhTableBody, XhTableCaption, XhTableCell, XhTableColumnDragTrigger, XhTableColumnHeader, XhTableColumnResizeTrigger, XhTableEmpty, XhTableExpandTrigger, XhTableExpandedRow, XhTableFooter, XhTableHeader, XhTableLoadingState, XhTableRoot, XhTableRow, XhTableRowDragTrigger, XhTableRowSelectTrigger, XhTableSelectAllTrigger, XhTableSortTrigger };
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","names":[],"sources":["../../../src/components/table/table.ts"],"mappings":";;;;;KA+BK,aAAa;;KAyBN,qBAAqB,KAC/B;cA0BW,2BAAW,8BAAA;;IAIM,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;;;IAGL,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;IAGzB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IASX,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;;;EAIM,6BAAA;IAAE,OAAO;;EACZ,4BAAA,QAAA;EACV,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACF,qBAAA,UAAA,UAAU;EACR,qBAAA,YAAA,UAAU;EACb,oBAAA,UAAA,UAAU;EACT,oBAAA,WAAA,UAAU;;;IArCf,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;;;IAGL,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;IAGzB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IASX,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;;;;IAIe,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUtC,WAAC,OAAO,uBAAuB;kCA+C3C;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAQtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,8BAAA;;;;;;;;;;;;;;;;qCA6BrB;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAe9B,oDAAA;cAEW,2BAAW,8BAAA;;;;;;;;IAMiB,MAAA;;;;;;;;;;;;;IAAA,MAAA;;;;;qCAgBvC;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAUlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAWlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAW7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;MAgB7B,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../../src/components/table/table.ts"],"mappings":";;;;;KAgCK,aAAa;;KAyBN,qBAAqB,KAC/B;cA2BW,2BAAW,8BAAA;;IAIM,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;;;IAGL,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;IAGzB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;IAWA,MAAA,SAAS;;;;;;;;IAEpB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;EAIF,6BAAA;IAAE,OAAO;;EACZ,4BAAA,QAAA;EACV,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACF,qBAAA,UAAA,UAAU;EACR,qBAAA,YAAA,UAAU;EACb,oBAAA,UAAA,UAAU;EACT,oBAAA,WAAA,UAAU;EAElB,aAAA,UAAA,UAAU;;;IA5CP,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;;;IAGL,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;IAGzB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;IAWA,MAAA,SAAS;;;;;;;;IAEpB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;;IAIO,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYtC,WAAC,OAAO,uBAAuB;kCA+D3C;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAQtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,8BAAA;;;;;;;;;;;;;;;;qCA6BrB;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAe9B,oDAAA;cAEW,2BAAW,8BAAA;;;;;;;;IAMiB,MAAA;;;;;;;;;;;;;IAAA,MAAA;;;;;qCAgBvC;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAUlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAWlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAW7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAWrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAWnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;MAgB7B,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/table/table.js

@@ -1,6 +1,7 @@
+import { withXhConfig } from "../../config/config.js";
 import { provideTable, provideTableColumn, provideTableRow, provideTableSection, useOptionalTableRowContext, useTableColumnContext, useTableContext, useTableRowContext, useTableSection } from "./context.js";
 import { useTable } from "./use-table.js";
-import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+import { Fragment, computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from "vue";
 //#region src/components/table/table.ts
 /** 本行持有焦点时，value 变更重报焦点行，卸载时上报表体失焦 */
 function reportRowFocus(ctx, el, value) {
@@ -91,6 +92,13 @@ const XhTableRoot = defineComponent({
 		borderless: Boolean,
 		ruled: Boolean,
 		footer: Boolean,
+		/** 行可以拖着换位。整行都是拖动源，不另出把手。 */
+		rowReorderable: Boolean,
+		/** 这一次搬家许不许。收到的是折算好的落点（搬到哪个父下面的第几位）。不给即都许。 */
+		allowRowDrop: {
+			type: Function,
+			default: void 0
+		},
 		loop: {
 			type: Boolean,
 			default: void 0
@@ -102,6 +110,10 @@ const XhTableRoot = defineComponent({
 		size: {
 			type: String,
 			default: void 0
+		},
+		translations: {
+			type: Object,
+			default: void 0
 		}
 	},
 	emits: {
@@ -112,10 +124,12 @@ const XhTableRoot = defineComponent({
 		"selection-change": (_details) => true,
 		"update:selection": (_selection) => true,
 		"expanded-change": (_details) => true,
-		"update:expanded": (_expanded) => true
+		"update:expanded": (_expanded) => true,
+		"row-move": (_details) => true
 	},
 	slots: Object,
-	setup(props, { slots, emit }) {
+	inheritAttrs: false,
+	setup(props, { slots, emit, attrs }) {
 		const onColumnPreferenceChange = (details) => {
 			emit("column-preference-change", details);
 			emit("update:columnPreference", details.value);
@@ -132,9 +146,12 @@ const XhTableRoot = defineComponent({
 			emit("expanded-change", details);
 			emit("update:expanded", details.value);
 		};
-		const ctx = useTable(props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange);
+		const onRowMove = (details) => {
+			emit("row-move", details);
+		};
+		const ctx = useTable(withXhConfig("table", props), onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange, onRowMove);
 		provideTable(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+		return () => h(Fragment, [h("div", mergeProps(ctx.api.value.getRootProps(), attrs), slots.default?.({
 			columns: ctx.api.value.columns,
 			columnPreference: ctx.api.value.columnPreference,
 			setColumnHidden: ctx.api.value.setColumnHidden,
@@ -157,8 +174,9 @@ const XhTableRoot = defineComponent({
 			toggleSort: ctx.api.value.toggleSort,
 			selectRow: ctx.api.value.selectRow,
 			toggleSelectAll: ctx.api.value.toggleSelectAll,
-			toggleExpandRow: ctx.api.value.toggleExpandRow
-		}));
+			toggleExpandRow: ctx.api.value.toggleExpandRow,
+			rowReorderDisabledReason: ctx.api.value.rowReorderDisabledReason
+		})), h("div", ctx.api.value.getLiveRegionProps(), ctx.service.context.get("announcement"))]);
 	}
 });
 const XhTableCaption = defineComponent({
@@ -274,6 +292,38 @@ const XhTableSortTrigger = defineComponent({
 		return () => h("span", ctx.api.value.getSortTriggerProps(column.value), slots.default?.());
 	}
 });
+/** 列宽把手。放在表头格里，只有 resizable 的列渲它。 */
+const XhTableColumnResizeTrigger = defineComponent({
+	name: "XhTableColumnResizeTrigger",
+	setup(_, { slots }) {
+		const ctx = useTableContext();
+		const { column } = useTableColumnContext();
+		return () => h("span", ctx.api.value.getColumnResizeTriggerProps(column.value), slots.default?.());
+	}
+});
+/** 列拖拽把手。放在表头格里，只有可拖的列渲它。 */
+const XhTableColumnDragTrigger = defineComponent({
+	name: "XhTableColumnDragTrigger",
+	setup(_, { slots }) {
+		const ctx = useTableContext();
+		const { column } = useTableColumnContext();
+		return () => h("span", ctx.api.value.getColumnDragTriggerProps(column.value), slots.default?.());
+	}
+});
+/**
+* 行拖拽把手。放在数据行里，自带 touch-action: none，按下即拖，不等激活距离。
+* 对读屏隐藏、也不占 Tab 位；键盘换位由表体上的 Alt + 上下键承担，
+* 树形表下另有 Alt + 左右键改缩进层级。
+* 整行起手那一路照旧可用，把手是叠加的第二个入口。
+*/
+const XhTableRowDragTrigger = defineComponent({
+	name: "XhTableRowDragTrigger",
+	setup(_, { slots }) {
+		const ctx = useTableContext();
+		const { row } = useTableRowContext();
+		return () => h("span", ctx.api.value.getRowDragTriggerProps(row.value), slots.default?.());
+	}
+});
 const XhTableExpandTrigger = defineComponent({
 	name: "XhTableExpandTrigger",
 	setup(_, { slots }) {
@@ -311,6 +361,6 @@ const XhTableLoadingState = defineComponent({
 	}
 });
 //#endregion
-export { XhTableBody, XhTableCaption, XhTableCell, XhTableColumnHeader, XhTableEmpty, XhTableExpandTrigger, XhTableExpandedRow, XhTableFooter, XhTableHeader, XhTableLoadingState, XhTableRoot, XhTableRow, XhTableRowSelectTrigger, XhTableSelectAllTrigger, XhTableSortTrigger };
+export { XhTableBody, XhTableCaption, XhTableCell, XhTableColumnDragTrigger, XhTableColumnHeader, XhTableColumnResizeTrigger, XhTableEmpty, XhTableExpandTrigger, XhTableExpandedRow, XhTableFooter, XhTableHeader, XhTableLoadingState, XhTableRoot, XhTableRow, XhTableRowDragTrigger, XhTableRowSelectTrigger, XhTableSelectAllTrigger, XhTableSortTrigger };
 
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.ts"],"sourcesContent":["import type {\n  TableApi,\n  TableColumnDef,\n  TableColumnKind,\n  TableColumnPreference,\n  TableColumnProps,\n  TableRowDef,\n  TableRowProps,\n  TableSchema,\n  TableSelection,\n  TableSelectionMode,\n  TableSortDescriptor,\n} from '@xihan-ui/headless'\nimport type { Direction, Size } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { TableContext } from './use-table'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport {\n  provideTable,\n  provideTableColumn,\n  provideTableRow,\n  provideTableSection,\n  useOptionalTableRowContext,\n  useTableColumnContext,\n  useTableContext,\n  useTableRowContext,\n  useTableSection,\n} from './context'\nimport { useTable } from './use-table'\n\ntype TableProps = TableSchema['props']\n\n/** 本行持有焦点时，value 变更重报焦点行，卸载时上报表体失焦 */\nfunction reportRowFocus(ctx: TableContext, el: Ref<HTMLElement | null>, value: () => string): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'ROW.FOCUS', value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整张表一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本行当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'TABLE.BLUR' })\n  })\n}\n\n/** 默认插槽的载荷：可见行与排序、选中、展开三态，以及逐行查询与改写它们的句柄。 */\nexport type TableRootSlotProps = Pick<\n  TableApi,\n  | 'columns'\n  | 'columnPreference'\n  | 'setColumnHidden'\n  | 'moveColumn'\n  | 'setColumnWidth'\n  | 'setColumnPreference'\n  | 'rowNumber'\n  | 'visibleRows'\n  | 'sort'\n  | 'selection'\n  | 'selectionState'\n  | 'expandedValue'\n  | 'focusedRow'\n  | 'empty'\n  | 'loading'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'sortDirection'\n  | 'sortPriority'\n  | 'toggleSort'\n  | 'selectRow'\n  | 'toggleSelectAll'\n  | 'toggleExpandRow'\n>\n\nexport const XhTableRoot = defineComponent({\n  name: 'XhTableRoot',\n  // 有机器侧兜底的 prop 一律 default: undefined，缺省值由 connect 与机器决定\n  props: {\n    columns: { type: Array as PropType<TableColumnDef[]>, default: undefined },\n    rows: { type: Array as PropType<TableRowDef[]>, default: undefined },\n    sort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    defaultSort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    selection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    defaultSelection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    selectionMode: { type: String as PropType<TableSelectionMode>, default: undefined },\n    /** 要哪几列前缀列（序号 / 多选 / 展开），按给定顺序插在最前面并占住列号。 */\n    prefixColumns: { type: Array as PropType<TableColumnKind[]>, default: undefined },\n    /** 当前页码与每页条数：只用来算序号，不参与切片。 */\n    /** 列偏好：给定即受控。持久化归使用者，库只负责把它算进生效列。 */\n    columnPreference: { type: Object as PropType<TableColumnPreference>, default: undefined },\n    defaultColumnPreference: { type: Object as PropType<TableColumnPreference>, default: undefined },\n    page: { type: Number, default: undefined },\n    pageSize: { type: Number, default: undefined },\n    expanded: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpanded: { type: Array as PropType<string[]>, default: undefined },\n    loading: Boolean,\n    empty: { type: Boolean, default: undefined },\n    stickyHeader: Boolean,\n    striped: Boolean,\n    borderless: Boolean,\n    ruled: Boolean,\n    footer: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // *-change 携带 { value }，update:* 携带裸值以支持 v-model\n  emits: {\n    'column-preference-change': (_details: { value: TableColumnPreference }) => true,\n    'update:columnPreference': (_value: TableColumnPreference) => true,\n    'sort-change': (_details: PayloadOf<TableProps, 'onSortChange'>) => true,\n    'update:sort': (_sort: PayloadOf<TableProps, 'onSortChange'>['value']) => true,\n    'selection-change': (_details: PayloadOf<TableProps, 'onSelectionChange'>) => true,\n    'update:selection': (_selection: PayloadOf<TableProps, 'onSelectionChange'>['value']) => true,\n    'expanded-change': (_details: PayloadOf<TableProps, 'onExpandedChange'>) => true,\n    'update:expanded': (_expanded: PayloadOf<TableProps, 'onExpandedChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onColumnPreferenceChange: TableProps['onColumnPreferenceChange'] = (details) => {\n      emit('column-preference-change', details)\n      emit('update:columnPreference', details.value)\n    }\n    const onSortChange: TableProps['onSortChange'] = (details) => {\n      emit('sort-change', details)\n      emit('update:sort', details.value)\n    }\n    const onSelectionChange: TableProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selection', details.value)\n    }\n    const onExpandedChange: TableProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expanded', details.value)\n    }\n    const ctx = useTable(props as TableProps, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange)\n    provideTable(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      columns: ctx.api.value.columns,\n      columnPreference: ctx.api.value.columnPreference,\n      setColumnHidden: ctx.api.value.setColumnHidden,\n      moveColumn: ctx.api.value.moveColumn,\n      setColumnWidth: ctx.api.value.setColumnWidth,\n      setColumnPreference: ctx.api.value.setColumnPreference,\n      rowNumber: ctx.api.value.rowNumber,\n      visibleRows: ctx.api.value.visibleRows,\n      sort: ctx.api.value.sort,\n      selection: ctx.api.value.selection,\n      selectionState: ctx.api.value.selectionState,\n      expandedValue: ctx.api.value.expandedValue,\n      focusedRow: ctx.api.value.focusedRow,\n      empty: ctx.api.value.empty,\n      loading: ctx.api.value.loading,\n      isSelected: ctx.api.value.isSelected,\n      isExpanded: ctx.api.value.isExpanded,\n      sortDirection: ctx.api.value.sortDirection,\n      sortPriority: ctx.api.value.sortPriority,\n      toggleSort: ctx.api.value.toggleSort,\n      selectRow: ctx.api.value.selectRow,\n      toggleSelectAll: ctx.api.value.toggleSelectAll,\n      toggleExpandRow: ctx.api.value.toggleExpandRow,\n    }))\n  },\n})\n\nexport const XhTableCaption = defineComponent({\n  name: 'XhTableCaption',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableHeader = defineComponent({\n  name: 'XhTableHeader',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('header')\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableBody = defineComponent({\n  name: 'XhTableBody',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('body')\n    // 键盘与 roving 的兜底 Tab 位落在表体上，不在 root 上\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableFooter = defineComponent({\n  name: 'XhTableFooter',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('footer')\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableRow = defineComponent({\n  name: 'XhTableRow',\n  props: {\n    /** 行 id：数据行必给，表头行与脚注行省略。 */\n    value: { type: String, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const section = useTableSection()\n    if (section !== 'body') {\n      return () => h(\n        'div',\n        (section === 'header'\n          ? ctx.api.value.getHeaderRowProps()\n          : ctx.api.value.getFooterRowProps()) as Record<string, unknown>,\n        slots.default?.(),\n      )\n    }\n    const row = computed<TableRowProps>(() => ({ value: props.value ?? '' }))\n    // 供行内的把手与单元格读取行 id\n    provideTableRow({ row })\n    const el = ref<HTMLElement | null>(null)\n    reportRowFocus(ctx, el, () => row.value.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getRowProps(row.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableColumnHeader = defineComponent({\n  name: 'XhTableColumnHeader',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const column = computed<TableColumnProps>(() => ({ value: props.value }))\n    provideTableColumn({ column })\n    return () => h(\n      'div',\n      ctx.api.value.getColumnHeaderProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableCell = defineComponent({\n  name: 'XhTableCell',\n  props: {\n    /** 列 id。 */\n    value: { type: String, required: true },\n    /** 跨列数，从 value 那一列往后算。 */\n    colspan: { type: [String, Number] as PropType<string | number>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    // 行上下文可选：脚注单元格不属于任何数据行\n    const rowCtx = useOptionalTableRowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getCellProps({\n        value: props.value,\n        row: rowCtx?.row.value.value,\n        colSpan: props.colspan == null ? undefined : Number(props.colspan),\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSelectAllTrigger = defineComponent({\n  name: 'XhTableSelectAllTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSelectAllTriggerProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableRowSelectTrigger = defineComponent({\n  name: 'XhTableRowSelectTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRowSelectTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSortTrigger = defineComponent({\n  name: 'XhTableSortTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { column } = useTableColumnContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSortTriggerProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandTrigger = defineComponent({\n  name: 'XhTableExpandTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getExpandTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandedRow = defineComponent({\n  name: 'XhTableExpandedRow',\n  props: {\n    /** 所属数据行的 id。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const row = computed<TableRowProps>(() => ({ value: props.value }))\n    // 不 provide 行上下文；收起只加 hidden，不卸载内部节点\n    return () => h(\n      'div',\n      ctx.api.value.getExpandedRowProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableEmpty = defineComponent({\n  name: 'XhTableEmpty',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableLoadingState = defineComponent({\n  name: 'XhTableLoadingState',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getLoadingStateProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.ts"],"sourcesContent":["import type {\n  TableApi,\n  TableColumnDef,\n  TableColumnKind,\n  TableColumnPreference,\n  TableColumnProps,\n  TableRowDef,\n  TableRowProps,\n  TableSchema,\n  TableSelection,\n  TableSelectionMode,\n  TableSortDescriptor,\n} from '@xihan-ui/headless'\nimport type { Direction, Size } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { TableContext } from './use-table'\nimport { computed, defineComponent, Fragment, h, mergeProps, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport {\n  provideTable,\n  provideTableColumn,\n  provideTableRow,\n  provideTableSection,\n  useOptionalTableRowContext,\n  useTableColumnContext,\n  useTableContext,\n  useTableRowContext,\n  useTableSection,\n} from './context'\nimport { useTable } from './use-table'\n\ntype TableProps = TableSchema['props']\n\n/** 本行持有焦点时，value 变更重报焦点行，卸载时上报表体失焦 */\nfunction reportRowFocus(ctx: TableContext, el: Ref<HTMLElement | null>, value: () => string): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'ROW.FOCUS', value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整张表一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本行当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'TABLE.BLUR' })\n  })\n}\n\n/** 默认插槽的载荷：可见行与排序、选中、展开三态，以及逐行查询与改写它们的句柄。 */\nexport type TableRootSlotProps = Pick<\n  TableApi,\n  | 'columns'\n  | 'columnPreference'\n  | 'setColumnHidden'\n  | 'moveColumn'\n  | 'setColumnWidth'\n  | 'setColumnPreference'\n  | 'rowNumber'\n  | 'visibleRows'\n  | 'sort'\n  | 'selection'\n  | 'selectionState'\n  | 'expandedValue'\n  | 'focusedRow'\n  | 'empty'\n  | 'loading'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'sortDirection'\n  | 'sortPriority'\n  | 'toggleSort'\n  | 'selectRow'\n  | 'toggleSelectAll'\n  | 'toggleExpandRow'\n  | 'rowReorderDisabledReason'\n>\n\nexport const XhTableRoot = defineComponent({\n  name: 'XhTableRoot',\n  // 有机器侧兜底的 prop 一律 default: undefined，缺省值由 connect 与机器决定\n  props: {\n    columns: { type: Array as PropType<TableColumnDef[]>, default: undefined },\n    rows: { type: Array as PropType<TableRowDef[]>, default: undefined },\n    sort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    defaultSort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    selection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    defaultSelection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    selectionMode: { type: String as PropType<TableSelectionMode>, default: undefined },\n    /** 要哪几列前缀列（序号 / 多选 / 展开），按给定顺序插在最前面并占住列号。 */\n    prefixColumns: { type: Array as PropType<TableColumnKind[]>, default: undefined },\n    /** 当前页码与每页条数：只用来算序号，不参与切片。 */\n    /** 列偏好：给定即受控。持久化归使用者，库只负责把它算进生效列。 */\n    columnPreference: { type: Object as PropType<TableColumnPreference>, default: undefined },\n    defaultColumnPreference: { type: Object as PropType<TableColumnPreference>, default: undefined },\n    page: { type: Number, default: undefined },\n    pageSize: { type: Number, default: undefined },\n    expanded: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpanded: { type: Array as PropType<string[]>, default: undefined },\n    loading: Boolean,\n    empty: { type: Boolean, default: undefined },\n    stickyHeader: Boolean,\n    striped: Boolean,\n    borderless: Boolean,\n    ruled: Boolean,\n    footer: Boolean,\n    /** 行可以拖着换位。整行都是拖动源，不另出把手。 */\n    rowReorderable: Boolean,\n    /** 这一次搬家许不许。收到的是折算好的落点（搬到哪个父下面的第几位）。不给即都许。 */\n    allowRowDrop: { type: Function as PropType<TableProps['allowRowDrop']>, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<TableProps['translations']>, default: undefined },\n  },\n  // *-change 携带 { value }，update:* 携带裸值以支持 v-model\n  emits: {\n    'column-preference-change': (_details: { value: TableColumnPreference }) => true,\n    'update:columnPreference': (_value: TableColumnPreference) => true,\n    'sort-change': (_details: PayloadOf<TableProps, 'onSortChange'>) => true,\n    'update:sort': (_sort: PayloadOf<TableProps, 'onSortChange'>['value']) => true,\n    'selection-change': (_details: PayloadOf<TableProps, 'onSelectionChange'>) => true,\n    'update:selection': (_selection: PayloadOf<TableProps, 'onSelectionChange'>['value']) => true,\n    'expanded-change': (_details: PayloadOf<TableProps, 'onExpandedChange'>) => true,\n    'update:expanded': (_expanded: PayloadOf<TableProps, 'onExpandedChange'>['value']) => true,\n    // 行换位是通知，行序与父子归属的真源在使用者的数据里，故没有配对的 update:*\n    'row-move': (_details: PayloadOf<TableProps, 'onRowMove'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TableRootSlotProps) => VNode[]\n  }>,\n  // Fragment 根接不住自动透传：Vue 只在单个元素根上做这件事。\n  // 作者写在 XhTableRoot 上的 class / aria-* / 监听器都要自己合到 root 那个 div 上\n  inheritAttrs: false,\n  setup(props, { slots, emit, attrs }) {\n    const onColumnPreferenceChange: TableProps['onColumnPreferenceChange'] = (details) => {\n      emit('column-preference-change', details)\n      emit('update:columnPreference', details.value)\n    }\n    const onSortChange: TableProps['onSortChange'] = (details) => {\n      emit('sort-change', details)\n      emit('update:sort', details.value)\n    }\n    const onSelectionChange: TableProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selection', details.value)\n    }\n    const onExpandedChange: TableProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expanded', details.value)\n    }\n    const onRowMove: TableProps['onRowMove'] = (details) => {\n      emit('row-move', details)\n    }\n    const ctx = useTable(withXhConfig('table', props) as TableProps, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange, onRowMove)\n    provideTable(ctx)\n    // 播报区由根组件自己渲，作者插不进 root 的兄弟位。它不能进 root：\n    // root 是 role=grid，塞活动区域进去是 aria-required-children（critical）\n    return () => h(Fragment, [\n      h('div', mergeProps(ctx.api.value.getRootProps() as Record<string, unknown>, attrs), slots.default?.({\n        columns: ctx.api.value.columns,\n        columnPreference: ctx.api.value.columnPreference,\n        setColumnHidden: ctx.api.value.setColumnHidden,\n        moveColumn: ctx.api.value.moveColumn,\n        setColumnWidth: ctx.api.value.setColumnWidth,\n        setColumnPreference: ctx.api.value.setColumnPreference,\n        rowNumber: ctx.api.value.rowNumber,\n        visibleRows: ctx.api.value.visibleRows,\n        sort: ctx.api.value.sort,\n        selection: ctx.api.value.selection,\n        selectionState: ctx.api.value.selectionState,\n        expandedValue: ctx.api.value.expandedValue,\n        focusedRow: ctx.api.value.focusedRow,\n        empty: ctx.api.value.empty,\n        loading: ctx.api.value.loading,\n        isSelected: ctx.api.value.isSelected,\n        isExpanded: ctx.api.value.isExpanded,\n        sortDirection: ctx.api.value.sortDirection,\n        sortPriority: ctx.api.value.sortPriority,\n        toggleSort: ctx.api.value.toggleSort,\n        selectRow: ctx.api.value.selectRow,\n        toggleSelectAll: ctx.api.value.toggleSelectAll,\n        toggleExpandRow: ctx.api.value.toggleExpandRow,\n        rowReorderDisabledReason: ctx.api.value.rowReorderDisabledReason,\n      })),\n      h(\n        'div',\n        ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n        ctx.service.context.get('announcement'),\n      ),\n    ])\n  },\n})\n\nexport const XhTableCaption = defineComponent({\n  name: 'XhTableCaption',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableHeader = defineComponent({\n  name: 'XhTableHeader',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('header')\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableBody = defineComponent({\n  name: 'XhTableBody',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('body')\n    // 键盘与 roving 的兜底 Tab 位落在表体上，不在 root 上\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableFooter = defineComponent({\n  name: 'XhTableFooter',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('footer')\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableRow = defineComponent({\n  name: 'XhTableRow',\n  props: {\n    /** 行 id：数据行必给，表头行与脚注行省略。 */\n    value: { type: String, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const section = useTableSection()\n    if (section !== 'body') {\n      return () => h(\n        'div',\n        (section === 'header'\n          ? ctx.api.value.getHeaderRowProps()\n          : ctx.api.value.getFooterRowProps()) as Record<string, unknown>,\n        slots.default?.(),\n      )\n    }\n    const row = computed<TableRowProps>(() => ({ value: props.value ?? '' }))\n    // 供行内的把手与单元格读取行 id\n    provideTableRow({ row })\n    const el = ref<HTMLElement | null>(null)\n    reportRowFocus(ctx, el, () => row.value.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getRowProps(row.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableColumnHeader = defineComponent({\n  name: 'XhTableColumnHeader',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const column = computed<TableColumnProps>(() => ({ value: props.value }))\n    provideTableColumn({ column })\n    return () => h(\n      'div',\n      ctx.api.value.getColumnHeaderProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableCell = defineComponent({\n  name: 'XhTableCell',\n  props: {\n    /** 列 id。 */\n    value: { type: String, required: true },\n    /** 跨列数，从 value 那一列往后算。 */\n    colspan: { type: [String, Number] as PropType<string | number>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    // 行上下文可选：脚注单元格不属于任何数据行\n    const rowCtx = useOptionalTableRowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getCellProps({\n        value: props.value,\n        row: rowCtx?.row.value.value,\n        colSpan: props.colspan == null ? undefined : Number(props.colspan),\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSelectAllTrigger = defineComponent({\n  name: 'XhTableSelectAllTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSelectAllTriggerProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableRowSelectTrigger = defineComponent({\n  name: 'XhTableRowSelectTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRowSelectTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSortTrigger = defineComponent({\n  name: 'XhTableSortTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { column } = useTableColumnContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSortTriggerProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/** 列宽把手。放在表头格里，只有 resizable 的列渲它。 */\nexport const XhTableColumnResizeTrigger = defineComponent({\n  name: 'XhTableColumnResizeTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { column } = useTableColumnContext()\n    return () => h(\n      'span',\n      ctx.api.value.getColumnResizeTriggerProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/** 列拖拽把手。放在表头格里，只有可拖的列渲它。 */\nexport const XhTableColumnDragTrigger = defineComponent({\n  name: 'XhTableColumnDragTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { column } = useTableColumnContext()\n    return () => h(\n      'span',\n      ctx.api.value.getColumnDragTriggerProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 行拖拽把手。放在数据行里，自带 touch-action: none，按下即拖，不等激活距离。\n * 对读屏隐藏、也不占 Tab 位；键盘换位由表体上的 Alt + 上下键承担，\n * 树形表下另有 Alt + 左右键改缩进层级。\n * 整行起手那一路照旧可用，把手是叠加的第二个入口。\n */\nexport const XhTableRowDragTrigger = defineComponent({\n  name: 'XhTableRowDragTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRowDragTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandTrigger = defineComponent({\n  name: 'XhTableExpandTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getExpandTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandedRow = defineComponent({\n  name: 'XhTableExpandedRow',\n  props: {\n    /** 所属数据行的 id。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const row = computed<TableRowProps>(() => ({ value: props.value }))\n    // 不 provide 行上下文；收起只加 hidden，不卸载内部节点\n    return () => h(\n      'div',\n      ctx.api.value.getExpandedRowProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableEmpty = defineComponent({\n  name: 'XhTableEmpty',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableLoadingState = defineComponent({\n  name: 'XhTableLoadingState',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getLoadingStateProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ interface TableContext {
   /** 机器实例，供部件上报 DOM 侧的事实（如行卸载带走了焦点）。 */
   service: Service<TableSchema>;
 }
-declare function useTable(props: TableSchema['props'], onSortChange?: TableSchema['props']['onSortChange'], onSelectionChange?: TableSchema['props']['onSelectionChange'], onExpandedChange?: TableSchema['props']['onExpandedChange'], onColumnPreferenceChange?: TableSchema['props']['onColumnPreferenceChange']): TableContext;
+declare function useTable(props: TableSchema['props'], onSortChange?: TableSchema['props']['onSortChange'], onSelectionChange?: TableSchema['props']['onSelectionChange'], onExpandedChange?: TableSchema['props']['onExpandedChange'], onColumnPreferenceChange?: TableSchema['props']['onColumnPreferenceChange'], onRowMove?: TableSchema['props']['onRowMove']): TableContext;
 //#endregion
 export { TableContext, useTable };
 //# sourceMappingURL=use-table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-table.d.ts","names":[],"sources":["../../../src/components/table/use-table.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,SACd,OAAO,sBACP,eAAe,sCACf,oBAAoB,2CACpB,mBAAmB,0CACnB,2BAA2B,mDAC1B"}
+{"version":3,"file":"use-table.d.ts","names":[],"sources":["../../../src/components/table/use-table.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,SACd,OAAO,sBACP,eAAe,sCACf,oBAAoB,2CACpB,mBAAmB,0CACnB,2BAA2B,kDAC3B,YAAY,oCACX"}

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

@@ -5,13 +5,14 @@ import { computed } from "vue";
 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) {
+function useTable(props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange, onRowMove) {
 	const service = useMachine(tableMachine, () => ({
 		...props,
 		onSortChange,
 		onSelectionChange,
 		onExpandedChange,
-		onColumnPreferenceChange
+		onColumnPreferenceChange,
+		onRowMove
 	}), createScope(null, createVueIdGenerator()));
 	return {
 		api: computed(() => connectTable(service, vueNormalize)),

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): TableContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(\n    tableMachine,\n    () => ({ ...props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange }),\n    scope,\n  )\n  const api = computed(() => connectTable(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,SACd,OACA,cACA,mBACA,kBACA,0BACc;CAGd,MAAM,UAAU,WACd,qBACO;EAAE,GAAG;EAAO;EAAc;EAAmB;EAAkB;CAAyB,IAHnF,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":["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"}

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

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

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

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

package/dist/components/tabs/tabs.js

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