@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/sortable/sortable.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { Direction } from "@xihan-ui/core";
 import { SortableItemState, SortableMode, SortableSchema, SortableTranslations } from "@xihan-ui/headless";
-import { Direction } from "@xihan-ui/kernel";
 import { SortableAxis } from "@xihan-ui/pointer";
 //#region src/components/sortable/sortable.d.ts
 type SortableProps = SortableSchema['props'];
@@ -14,7 +14,7 @@ interface SortableRootSlotProps {
   to: number;
   mode: SortableMode | null;
 }
-/** 每一项的插槽载荷。`dragging` 是「就是它被拖着」，不是「列表里有人在拖」。 */
+/** 每一项的插槽载荷。`dragging` 表示该项正被拖动，而不是列表中有任意项在拖动。 */
 interface SortableItemSlotProps {
   dragging: boolean;
   index: number;
@@ -26,16 +26,13 @@ declare const XhSortableRoot: import("vue").DefineComponent<import("vue").Extrac
   };
   orientation: {
     type: PropType<SortableAxis>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   disabled: BooleanConstructor;
   activationDistance: {
     type: NumberConstructor;
-    default: undefined;
   };
   autoScroll: {
     type: BooleanConstructor;
@@ -43,7 +40,6 @@ declare const XhSortableRoot: import("vue").DefineComponent<import("vue").Extrac
   };
   translations: {
     type: PropType<Partial<SortableTranslations>>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -59,16 +55,13 @@ declare const XhSortableRoot: import("vue").DefineComponent<import("vue").Extrac
   };
   orientation: {
     type: PropType<SortableAxis>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   disabled: BooleanConstructor;
   activationDistance: {
     type: NumberConstructor;
-    default: undefined;
   };
   autoScroll: {
     type: BooleanConstructor;
@@ -76,7 +69,6 @@ declare const XhSortableRoot: import("vue").DefineComponent<import("vue").Extrac
   };
   translations: {
     type: PropType<Partial<SortableTranslations>>;
-    default: undefined;
   };
 }>> & Readonly<{
   onSort?: ((_details: import("@xihan-ui/headless").SortableSortDetails) => any) | undefined;
@@ -84,23 +76,19 @@ declare const XhSortableRoot: import("vue").DefineComponent<import("vue").Extrac
   "onDrag-end"?: ((_details: import("@xihan-ui/headless").SortableDragEndDetails) => any) | undefined;
   "onUpdate:ids"?: ((_ids: string[]) => any) | undefined;
 }>, {
-  orientation: SortableAxis;
-  dir: Direction;
   disabled: boolean;
-  translations: Partial<SortableTranslations>;
   ids: string[];
-  activationDistance: number;
   autoScroll: boolean;
 }, SlotsType<{
   default?: (props: SortableRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhSortableItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 项标识，与 `ids` 里的值一一对应。 */
+  /** 项标识，与 `ids` 中的值一一对应。 */
   itemId: {
     type: StringConstructor;
     required: true;
   };
-  /** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */
+  /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */
   disabled: {
     type: BooleanConstructor;
     default: undefined;
@@ -108,12 +96,12 @@ declare const XhSortableItem: import("vue").DefineComponent<import("vue").Extrac
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  /** 项标识，与 `ids` 里的值一一对应。 */
+  /** 项标识，与 `ids` 中的值一一对应。 */
   itemId: {
     type: StringConstructor;
     required: true;
   };
-  /** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */
+  /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */
   disabled: {
     type: BooleanConstructor;
     default: undefined;
@@ -123,13 +111,13 @@ declare const XhSortableItem: import("vue").DefineComponent<import("vue").Extrac
 }, SlotsType<{
   default?: (props: SortableItemSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhSortableItemHandle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 项标识，与 `ids` 里的值一一对应。 */
+declare const XhSortableItemDragTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 项标识，与 `ids` 中的值一一对应。 */
   itemId: {
     type: StringConstructor;
     required: true;
   };
-  /** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */
+  /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */
   disabled: {
     type: BooleanConstructor;
     default: undefined;
@@ -137,12 +125,12 @@ declare const XhSortableItemHandle: 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<import("vue").ExtractPropTypes<{
-  /** 项标识，与 `ids` 里的值一一对应。 */
+  /** 项标识，与 `ids` 中的值一一对应。 */
   itemId: {
     type: StringConstructor;
     required: true;
   };
-  /** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */
+  /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */
   disabled: {
     type: BooleanConstructor;
     default: undefined;
@@ -152,15 +140,23 @@ declare const XhSortableItemHandle: import("vue").DefineComponent<import("vue").
 }, SlotsType<{
   default?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 落点线：拖动中绘制在松手后该项将插入的缝隙上，落点与起点同一位置时不在场。
+ *
+ * 它是容器的绝对定位子节点，写在 Root 中、排在末项之后：这样才绘制在各项之上。
+ */
+declare const XhSortableDropIndicator: 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>;
 /**
  * 拖动过程的读屏播报区，视觉上不可见。
  *
- * 放进列表里就行，位置不限。它必须在拖动开始**之前**就在 DOM 上——
- * 读屏不播报后插入的节点，等到拾起才渲出来等于没有。
+ * 放进列表中即可，位置不限。它必须在拖动开始之前就在 DOM 上：
+ * 读屏不播报后插入的节点，等到拾起才渲染等于没有。
  */
 declare const XhSortableLiveRegion: 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>;
 //#endregion
-export { SortableItemSlotProps, SortableRootSlotProps, XhSortableItem, XhSortableItemHandle, XhSortableLiveRegion, XhSortableRoot };
+export { SortableItemSlotProps, SortableRootSlotProps, XhSortableDropIndicator, XhSortableItem, XhSortableItemDragTrigger, XhSortableLiveRegion, XhSortableRoot };
 //# sourceMappingURL=sortable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sortable.d.ts","names":[],"sources":["../../../src/components/sortable/sortable.ts"],"mappings":";;;;;;KAUK,gBAAgB;;UAGJ;EACf,OAAO;EACP;EACA;EACA;EACA;EACA,MAAM;;;UAIS;EACf;EACA;;cAGW,8BAAc,8BAAA;;IAGD,MAAA;;;;IACS,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;;EAI9B,OAAA,UAAA,UAAU;EACR,eAAA,MAAA,UAAU;EACN,eAAA,UAAA,UAAU;EACZ,aAAA,UAAA,UAAU;;;IAbX,MAAA;;;;IACS,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,0BAA0B;kCA2B9C;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASb,WAAC,OAAO,0BAA0B;kCAc9C;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASnB,gBAAM;kCAUlB;;;;;;;cAQW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAU/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"sortable.d.ts","names":[],"sources":["../../../src/components/sortable/sortable.ts"],"mappings":";;;;;;KAiBK,gBAAgB;;UAGJ;EACf,OAAO;EACP;EACA;EACA;EACA;EACA,MAAM;;;UAIS;EACf;EACA;;cAGW,8BAAc,8BAAA;;IAGD,MAAA;;;;IACS,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;EAI9B,OAAA,UAAA,UAAU;EACR,eAAA,MAAA,UAAU;EACN,eAAA,UAAA,UAAU;EACZ,aAAA,UAAA,UAAU;;;IAbX,MAAA;;;;IACS,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;;;;;;;;EAUvC,WAAC,OAAO,0BAA0B;kCA2B9C;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASb,WAAC,OAAO,0BAA0B;kCAc9C;cAEW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASxB,gBAAM;kCAUlB;;;;;;cAOW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAU/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/sortable/sortable.js

@@ -10,27 +10,15 @@ const XhSortableRoot = defineComponent({
 			type: Array,
 			default: () => []
 		},
-		orientation: {
-			type: String,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			default: void 0
-		},
+		orientation: { type: String },
+		dir: { type: String },
 		disabled: Boolean,
-		activationDistance: {
-			type: Number,
-			default: void 0
-		},
+		activationDistance: { type: Number },
 		autoScroll: {
 			type: Boolean,
 			default: void 0
 		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		translations: { type: Object }
 	},
 	emits: {
 		"sort": (_details) => true,
@@ -62,12 +50,12 @@ const XhSortableRoot = defineComponent({
 const XhSortableItem = defineComponent({
 	name: "XhSortableItem",
 	props: {
-		/** 项标识，与 `ids` 里的值一一对应。 */
+		/** 项标识，与 `ids` 中的值一一对应。 */
 		itemId: {
 			type: String,
 			required: true
 		},
-		/** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */
+		/** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */
 		disabled: {
 			type: Boolean,
 			default: void 0
@@ -86,15 +74,15 @@ const XhSortableItem = defineComponent({
 		}));
 	}
 });
-const XhSortableItemHandle = defineComponent({
-	name: "XhSortableItemHandle",
+const XhSortableItemDragTrigger = defineComponent({
+	name: "XhSortableItemDragTrigger",
 	props: {
-		/** 项标识，与 `ids` 里的值一一对应。 */
+		/** 项标识，与 `ids` 中的值一一对应。 */
 		itemId: {
 			type: String,
 			required: true
 		},
-		/** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */
+		/** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */
 		disabled: {
 			type: Boolean,
 			default: void 0
@@ -103,17 +91,29 @@ const XhSortableItemHandle = defineComponent({
 	slots: Object,
 	setup(props, { slots }) {
 		const ctx = useSortableContext();
-		return () => h("button", ctx.api.value.getItemHandleProps({
+		return () => h("button", ctx.api.value.getItemDragTriggerProps({
 			id: props.itemId,
 			disabled: props.disabled
 		}), slots.default?.());
 	}
 });
 /**
+* 落点线：拖动中绘制在松手后该项将插入的缝隙上，落点与起点同一位置时不在场。
+*
+* 它是容器的绝对定位子节点，写在 Root 中、排在末项之后：这样才绘制在各项之上。
+*/
+const XhSortableDropIndicator = defineComponent({
+	name: "XhSortableDropIndicator",
+	setup() {
+		const ctx = useSortableContext();
+		return () => h("div", ctx.api.value.getDropIndicatorProps());
+	}
+});
+/**
 * 拖动过程的读屏播报区，视觉上不可见。
 *
-* 放进列表里就行，位置不限。它必须在拖动开始**之前**就在 DOM 上——
-* 读屏不播报后插入的节点，等到拾起才渲出来等于没有。
+* 放进列表中即可，位置不限。它必须在拖动开始之前就在 DOM 上：
+* 读屏不播报后插入的节点，等到拾起才渲染等于没有。
 */
 const XhSortableLiveRegion = defineComponent({
 	name: "XhSortableLiveRegion",
@@ -123,6 +123,6 @@ const XhSortableLiveRegion = defineComponent({
 	}
 });
 //#endregion
-export { XhSortableItem, XhSortableItemHandle, XhSortableLiveRegion, XhSortableRoot };
+export { XhSortableDropIndicator, XhSortableItem, XhSortableItemDragTrigger, XhSortableLiveRegion, XhSortableRoot };
 
 //# sourceMappingURL=sortable.js.map

package/dist/components/sortable/sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortable.js","names":[],"sources":["../../../src/components/sortable/sortable.ts"],"sourcesContent":["import type { SortableItemState, SortableMode, SortableSchema, SortableTranslations } from '@xihan-ui/headless'\nimport type { Direction } from '@xihan-ui/kernel'\nimport type { SortableAxis } from '@xihan-ui/pointer'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSortable, useSortableContext } from './context'\nimport { useSortable } from './use-sortable'\n\ntype SortableProps = SortableSchema['props']\n\n/** 默认插槽的载荷：逐项呈现状态与整体拖动态。 */\nexport interface SortableRootSlotProps {\n  items: SortableItemState[]\n  dragging: boolean\n  activeId: string | null\n  from: number\n  to: number\n  mode: SortableMode | null\n}\n\n/** 每一项的插槽载荷。`dragging` 是「就是它被拖着」，不是「列表里有人在拖」。 */\nexport interface SortableItemSlotProps {\n  dragging: boolean\n  index: number\n}\n\nexport const XhSortableRoot = defineComponent({\n  name: 'XhSortableRoot',\n  props: {\n    ids: { type: Array as PropType<string[]>, default: () => [] },\n    orientation: { type: String as PropType<SortableAxis>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    disabled: Boolean,\n    activationDistance: { type: Number, default: undefined },\n    autoScroll: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<SortableTranslations>>, default: undefined },\n  },\n  // sort 携带 { from, to, id, ids }，update:ids 携带重排好的裸数组，可直接 v-model:ids\n  emits: {\n    'sort': (_details: PayloadOf<SortableProps, 'onSort'>) => true,\n    'update:ids': (_ids: PayloadOf<SortableProps, 'onSort'>['ids']) => true,\n    'drag-start': (_details: PayloadOf<SortableProps, 'onDragStart'>) => true,\n    'drag-end': (_details: PayloadOf<SortableProps, 'onDragEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifySort: SortableProps['onSort'] = (details) => {\n      emit('sort', details)\n      emit('update:ids', details.ids)\n    }\n    const ctx = useSortable(\n      withXhConfig('sortable', props) as SortableProps,\n      notifySort,\n      details => emit('drag-start', details),\n      details => emit('drag-end', details),\n    )\n    provideSortable(ctx)\n\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: ctx.rootRef,\n    }, slots.default?.({\n      items: ctx.api.value.items,\n      dragging: ctx.api.value.dragging,\n      activeId: ctx.api.value.activeId,\n      from: ctx.api.value.from,\n      to: ctx.api.value.to,\n      mode: ctx.api.value.mode,\n    }))\n  },\n})\n\nexport const XhSortableItem = defineComponent({\n  name: 'XhSortableItem',\n  props: {\n    /** 项标识，与 `ids` 里的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    const state = computed(() => ctx.api.value.items.find(item => item.id === props.itemId))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.({\n        dragging: state.value?.dragging ?? false,\n        index: state.value?.index ?? -1,\n      }),\n    )\n  },\n})\n\nexport const XhSortableItemHandle = defineComponent({\n  name: 'XhSortableItemHandle',\n  props: {\n    /** 项标识，与 `ids` 里的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁掉这一项。整份 `disabled` 在 Root 上，这条是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemHandleProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 拖动过程的读屏播报区，视觉上不可见。\n *\n * 放进列表里就行，位置不限。它必须在拖动开始**之前**就在 DOM 上——\n * 读屏不播报后插入的节点，等到拾起才渲出来等于没有。\n */\nexport const XhSortableLiveRegion = defineComponent({\n  name: 'XhSortableLiveRegion',\n  setup() {\n    const ctx = useSortableContext()\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      ctx.service.context.get('announcement'),\n    )\n  },\n})\n"],"mappings":";;;;;AA4BA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EACL,KAAK;GAAE,MAAM;GAA6B,eAAe,CAAC;EAAE;EAC5D,aAAa;GAAE,MAAM;GAAkC,SAAS,KAAA;EAAU;EAC1E,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAC/D,UAAU;EACV,oBAAoB;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACvD,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAChD,cAAc;GAAE,MAAM;GAAmD,SAAS,KAAA;EAAU;CAC9F;CAEA,OAAO;EACL,SAAS,aAAiD;EAC1D,eAAe,SAAoD;EACnE,eAAe,aAAsD;EACrE,aAAa,aAAoD;CACnE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,cAAuC,YAAY;GACvD,KAAK,QAAQ,OAAO;GACpB,KAAK,cAAc,QAAQ,GAAG;EAChC;EACA,MAAM,MAAM,YACV,aAAa,YAAY,KAAK,GAC9B,aACA,YAAW,KAAK,cAAc,OAAO,IACrC,YAAW,KAAK,YAAY,OAAO,CACrC;EACA,gBAAgB,GAAG;EAEnB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,KAAK,IAAI;EACX,GAAG,MAAM,UAAU;GACjB,OAAO,IAAI,IAAI,MAAM;GACrB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,MAAM,IAAI,IAAI,MAAM;GACpB,IAAI,IAAI,IAAI,MAAM;GAClB,MAAM,IAAI,IAAI,MAAM;EACtB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,IAAI,IAAI,MAAM,MAAM,MAAK,SAAQ,KAAK,OAAO,MAAM,MAAM,CAAC;EACvF,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GACzE,MAAM,UAAU;GACd,UAAU,MAAM,OAAO,YAAY;GACnC,OAAO,MAAM,OAAO,SAAS;EAC/B,CAAC,CACH;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,UACA,IAAI,IAAI,MAAM,mBAAmB;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GAC/E,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;;;AAQD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,mBAAmB,GACjC,IAAI,QAAQ,QAAQ,IAAI,cAAc,CACxC;CACF;AACF,CAAC"}
+{"version":3,"file":"sortable.js","names":[],"sources":["../../../src/components/sortable/sortable.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// 提供 sortable 相关实现。\n\nimport type { Direction } from '@xihan-ui/core'\nimport type { SortableItemState, SortableMode, SortableSchema, SortableTranslations } from '@xihan-ui/headless'\nimport type { SortableAxis } from '@xihan-ui/pointer'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSortable, useSortableContext } from './context'\nimport { useSortable } from './use-sortable'\n\ntype SortableProps = SortableSchema['props']\n\n/** 默认插槽的载荷：逐项呈现状态与整体拖动态。 */\nexport interface SortableRootSlotProps {\n  items: SortableItemState[]\n  dragging: boolean\n  activeId: string | null\n  from: number\n  to: number\n  mode: SortableMode | null\n}\n\n/** 每一项的插槽载荷。`dragging` 表示该项正被拖动，而不是列表中有任意项在拖动。 */\nexport interface SortableItemSlotProps {\n  dragging: boolean\n  index: number\n}\n\nexport const XhSortableRoot = defineComponent({\n  name: 'XhSortableRoot',\n  props: {\n    ids: { type: Array as PropType<string[]>, default: () => [] },\n    orientation: { type: String as PropType<SortableAxis> },\n    dir: { type: String as PropType<Direction> },\n    disabled: Boolean,\n    activationDistance: { type: Number },\n    autoScroll: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<SortableTranslations>> },\n  },\n  // sort 携带 { from, to, id, ids }，update:ids 携带重排好的裸数组，可直接 v-model:ids\n  emits: {\n    'sort': (_details: PayloadOf<SortableProps, 'onSort'>) => true,\n    'update:ids': (_ids: PayloadOf<SortableProps, 'onSort'>['ids']) => true,\n    'drag-start': (_details: PayloadOf<SortableProps, 'onDragStart'>) => true,\n    'drag-end': (_details: PayloadOf<SortableProps, 'onDragEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifySort: SortableProps['onSort'] = (details) => {\n      emit('sort', details)\n      emit('update:ids', details.ids)\n    }\n    const ctx = useSortable(\n      withXhConfig('sortable', props) as SortableProps,\n      notifySort,\n      details => emit('drag-start', details),\n      details => emit('drag-end', details),\n    )\n    provideSortable(ctx)\n\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: ctx.rootRef,\n    }, slots.default?.({\n      items: ctx.api.value.items,\n      dragging: ctx.api.value.dragging,\n      activeId: ctx.api.value.activeId,\n      from: ctx.api.value.from,\n      to: ctx.api.value.to,\n      mode: ctx.api.value.mode,\n    }))\n  },\n})\n\nexport const XhSortableItem = defineComponent({\n  name: 'XhSortableItem',\n  props: {\n    /** 项标识，与 `ids` 中的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    const state = computed(() => ctx.api.value.items.find(item => item.id === props.itemId))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.({\n        dragging: state.value?.dragging ?? false,\n        index: state.value?.index ?? -1,\n      }),\n    )\n  },\n})\n\nexport const XhSortableItemDragTrigger = defineComponent({\n  name: 'XhSortableItemDragTrigger',\n  props: {\n    /** 项标识，与 `ids` 中的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemDragTriggerProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 落点线：拖动中绘制在松手后该项将插入的缝隙上，落点与起点同一位置时不在场。\n *\n * 它是容器的绝对定位子节点，写在 Root 中、排在末项之后：这样才绘制在各项之上。\n */\nexport const XhSortableDropIndicator = defineComponent({\n  name: 'XhSortableDropIndicator',\n  setup() {\n    const ctx = useSortableContext()\n    return () => h('div', ctx.api.value.getDropIndicatorProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 拖动过程的读屏播报区，视觉上不可见。\n *\n * 放进列表中即可，位置不限。它必须在拖动开始之前就在 DOM 上：\n * 读屏不播报后插入的节点，等到拾起才渲染等于没有。\n */\nexport const XhSortableLiveRegion = defineComponent({\n  name: 'XhSortableLiveRegion',\n  setup() {\n    const ctx = useSortableContext()\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      ctx.service.context.get('announcement'),\n    )\n  },\n})\n"],"mappings":";;;;;AAmCA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EACL,KAAK;GAAE,MAAM;GAA6B,eAAe,CAAC;EAAE;EAC5D,aAAa,EAAE,MAAM,OAAiC;EACtD,KAAK,EAAE,MAAM,OAA8B;EAC3C,UAAU;EACV,oBAAoB,EAAE,MAAM,OAAO;EACnC,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAChD,cAAc,EAAE,MAAM,OAAkD;CAC1E;CAEA,OAAO;EACL,SAAS,aAAiD;EAC1D,eAAe,SAAoD;EACnE,eAAe,aAAsD;EACrE,aAAa,aAAoD;CACnE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,cAAuC,YAAY;GACvD,KAAK,QAAQ,OAAO;GACpB,KAAK,cAAc,QAAQ,GAAG;EAChC;EACA,MAAM,MAAM,YACV,aAAa,YAAY,KAAK,GAC9B,aACA,YAAW,KAAK,cAAc,OAAO,IACrC,YAAW,KAAK,YAAY,OAAO,CACrC;EACA,gBAAgB,GAAG;EAEnB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,KAAK,IAAI;EACX,GAAG,MAAM,UAAU;GACjB,OAAO,IAAI,IAAI,MAAM;GACrB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,MAAM,IAAI,IAAI,MAAM;GACpB,IAAI,IAAI,IAAI,MAAM;GAClB,MAAM,IAAI,IAAI,MAAM;EACtB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,IAAI,IAAI,MAAM,MAAM,MAAK,SAAQ,KAAK,OAAO,MAAM,MAAM,CAAC;EACvF,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GACzE,MAAM,UAAU;GACd,UAAU,MAAM,OAAO,YAAY;GACnC,OAAO,MAAM,OAAO,SAAS;EAC/B,CAAC,CACH;CACF;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,UACA,IAAI,IAAI,MAAM,wBAAwB;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GACpF,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;;AAOD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,sBAAsB,CAA4B;CACxF;AACF,CAAC;;;;;;;AAQD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,mBAAmB,GACjC,IAAI,QAAQ,QAAQ,IAAI,cAAc,CACxC;CACF;AACF,CAAC"}

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

@@ -1,11 +1,11 @@
 import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
 import { SortableApi, SortableSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/sortable/use-sortable.d.ts
 interface SortableContext {
   api: ComputedRef<SortableApi>;
   service: Service<SortableSchema>;
-  /** 容器节点，机器在拾起时拿它找项、量矩形。 */
+  /** 容器节点，状态机在拾起时用它查找项、测量矩形。 */
   rootRef: Ref<HTMLElement | null>;
 }
 declare function useSortable(props: SortableSchema['props'], onSort?: SortableSchema['props']['onSort'], onDragStart?: SortableSchema['props']['onDragStart'], onDragEnd?: SortableSchema['props']['onDragEnd']): SortableContext;

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

@@ -1 +1 @@
-{"version":3,"file":"use-sortable.d.ts","names":[],"sources":["../../../src/components/sortable/use-sortable.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,SAAS,mCACT,cAAc,wCACd,YAAY,uCACX"}
+{"version":3,"file":"use-sortable.d.ts","names":[],"sources":["../../../src/components/sortable/use-sortable.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,SAAS,mCACT,cAAc,wCACd,YAAY,uCACX"}

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

@@ -2,8 +2,8 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectSortable, sortableMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/sortable/use-sortable.ts
 function useSortable(props, onSort, onDragStart, onDragEnd) {
 	const rootRef = ref(null);

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

@@ -1 +1 @@
-{"version":3,"file":"use-sortable.js","names":[],"sources":["../../../src/components/sortable/use-sortable.ts"],"sourcesContent":["import type { SortableApi, SortableSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectSortable, sortableMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\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 SortableContext {\n  api: ComputedRef<SortableApi>\n  service: Service<SortableSchema>\n  /** 容器节点，机器在拾起时拿它找项、量矩形。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\nexport function useSortable(\n  props: SortableSchema['props'],\n  onSort?: SortableSchema['props']['onSort'],\n  onDragStart?: SortableSchema['props']['onDragStart'],\n  onDragEnd?: SortableSchema['props']['onDragEnd'],\n): SortableContext {\n  const rootRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sortableMachine, () => ({ ...props, onSort, onDragStart, onDragEnd }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectSortable(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,YACd,OACA,QACA,aACA,WACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAI5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAQ;EAAa;CAAU,IADhF,YAAY,MADZ,qBACsB,CACkE,CAAC;CAGvG,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}
+{"version":3,"file":"use-sortable.js","names":[],"sources":["../../../src/components/sortable/use-sortable.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 sortable 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SortableApi, SortableSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSortable, sortableMachine } 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 SortableContext {\n  api: ComputedRef<SortableApi>\n  service: Service<SortableSchema>\n  /** 容器节点，状态机在拾起时用它查找项、测量矩形。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\nexport function useSortable(\n  props: SortableSchema['props'],\n  onSort?: SortableSchema['props']['onSort'],\n  onDragStart?: SortableSchema['props']['onDragStart'],\n  onDragEnd?: SortableSchema['props']['onDragEnd'],\n): SortableContext {\n  const rootRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sortableMachine, () => ({ ...props, onSort, onDragStart, onDragEnd }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectSortable(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,YACd,OACA,QACA,aACA,WACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAI5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAQ;EAAa;CAAU,IADhF,YAAY,MADZ,qBACsB,CACkE,CAAC;CAGvG,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/spinner/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SpinnerContext } from './use-spinner'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SpinnerContext> = Symbol.for('xh-spinner')\n\nexport function provideSpinner(ctx: SpinnerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSpinnerContext(): SpinnerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Spinner 部件必须用在 XhSpinner 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,IAAI,YAAY;AAEjE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/spinner/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 { SpinnerContext } from './use-spinner'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SpinnerContext> = Symbol.for('xh-spinner')\n\nexport function provideSpinner(ctx: SpinnerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSpinnerContext(): SpinnerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Spinner 部件必须用在 XhSpinner 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAoC,OAAO,IAAI,YAAY;AAEjE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}

package/dist/components/spinner/spinner.d.ts

@@ -1,51 +1,44 @@
 import { PropType } from "vue";
-import { SpinnerTranslations } from "@xihan-ui/headless";
-import { Size, Tone } from "@xihan-ui/kernel";
+import { Size, Tone } from "@xihan-ui/core";
+import { SpinnerTranslations, SpinnerVariant } from "@xihan-ui/headless";
 //#region src/components/spinner/spinner.d.ts
-/** 转圈图形由皮肤画在 root 的伪元素上，这里不生成任何子节点。 */
+/** 旋转图形由皮肤绘制在 root 的伪元素上，这里不生成任何子节点。 */
 declare const XhSpinner: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   label: {
     type: StringConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<SpinnerVariant>;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<SpinnerTranslations>>;
-    default: undefined;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   label: {
     type: StringConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<SpinnerVariant>;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<SpinnerTranslations>>;
-    default: undefined;
-  };
-}>> & Readonly<{}>, {
-  label: string;
-  tone: Tone;
-  size: Size;
-  translations: Partial<SpinnerTranslations>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 可见文案节点。作者不写内容时显示解析后的 label，屏幕上看到的与读屏念的因此是同一段字。 */
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 可见文案节点。作者未写内容时显示解析后的 label，屏幕上看到的与读屏朗读的因此是同一段文字。 */
 declare const XhSpinnerLabel: 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/spinner/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../../src/components/spinner/spinner.ts"],"mappings":";;;;;cASa,yBAAS,8BAAA;;;;;;IAKM,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;IAFzB,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;qCAOnD;;cAGW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../../src/components/spinner/spinner.ts"],"mappings":";;;;;cAgBa,yBAAS,8BAAA;;;;;IAKM,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;IAHzB,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;MAOnD,oDAAA;;cAGW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/spinner/spinner.js

@@ -3,26 +3,15 @@ import { provideSpinner, useSpinnerContext } from "./context.js";
 import { useSpinner } from "./use-spinner.js";
 import { defineComponent, h } from "vue";
 //#region src/components/spinner/spinner.ts
-/** 转圈图形由皮肤画在 root 的伪元素上，这里不生成任何子节点。 */
+/** 旋转图形由皮肤绘制在 root 的伪元素上，这里不生成任何子节点。 */
 const XhSpinner = defineComponent({
 	name: "XhSpinner",
 	props: {
-		label: {
-			type: String,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		},
-		tone: {
-			type: String,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		label: { type: String },
+		size: { type: String },
+		variant: { type: String },
+		tone: { type: String },
+		translations: { type: Object }
 	},
 	setup(props, { slots }) {
 		const ctx = useSpinner(withXhConfig("spinner", props));
@@ -30,7 +19,7 @@ const XhSpinner = defineComponent({
 		return () => h("span", ctx.api.value.getRootProps(), slots.default?.());
 	}
 });
-/** 可见文案节点。作者不写内容时显示解析后的 label，屏幕上看到的与读屏念的因此是同一段字。 */
+/** 可见文案节点。作者未写内容时显示解析后的 label，屏幕上看到的与读屏朗读的因此是同一段文字。 */
 const XhSpinnerLabel = defineComponent({
 	name: "XhSpinnerLabel",
 	setup(_, { slots }) {

package/dist/components/spinner/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/components/spinner/spinner.ts"],"sourcesContent":["import type { SpinnerProps, SpinnerTranslations } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSpinner, useSpinnerContext } from './context'\nimport { useSpinner } from './use-spinner'\n\n/** 转圈图形由皮肤画在 root 的伪元素上，这里不生成任何子节点。 */\nexport const XhSpinner = defineComponent({\n  name: 'XhSpinner',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    label: { type: String, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    translations: { type: Object as PropType<Partial<SpinnerTranslations>>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useSpinner(withXhConfig('spinner', props) as SpinnerProps)\n    provideSpinner(ctx)\n    return () => h('span', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 可见文案节点。作者不写内容时显示解析后的 label，屏幕上看到的与读屏念的因此是同一段字。 */\nexport const XhSpinnerLabel = defineComponent({\n  name: 'XhSpinnerLabel',\n  setup(_, { slots }) {\n    const ctx = useSpinnerContext()\n    return () => h(\n      'span',\n      ctx.api.value.getLabelProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.label,\n    )\n  },\n})\n"],"mappings":";;;;;;AASA,MAAa,YAAY,gBAAgB;CACvC,MAAM;CAEN,OAAO;EACL,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,cAAc;GAAE,MAAM;GAAkD,SAAS,KAAA;EAAU;CAC7F;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,WAAW,aAAa,WAAW,KAAK,CAAiB;EACrE,eAAe,GAAG;EAClB,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;;AAGD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa,EACX,QACA,IAAI,IAAI,MAAM,cAAc,GAC5B,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,KACrC;CACF;AACF,CAAC"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/components/spinner/spinner.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// 提供 spinner 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type { SpinnerProps, SpinnerTranslations, SpinnerVariant } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSpinner, useSpinnerContext } from './context'\nimport { useSpinner } from './use-spinner'\n\n/** 旋转图形由皮肤绘制在 root 的伪元素上，这里不生成任何子节点。 */\nexport const XhSpinner = defineComponent({\n  name: 'XhSpinner',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    label: { type: String },\n    size: { type: String as PropType<Size> },\n    variant: { type: String as PropType<SpinnerVariant> },\n    tone: { type: String as PropType<Tone> },\n    translations: { type: Object as PropType<Partial<SpinnerTranslations>> },\n  },\n  setup(props, { slots }) {\n    const ctx = useSpinner(withXhConfig('spinner', props) as SpinnerProps)\n    provideSpinner(ctx)\n    return () => h('span', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 可见文案节点。作者未写内容时显示解析后的 label，屏幕上看到的与读屏朗读的因此是同一段文字。 */\nexport const XhSpinnerLabel = defineComponent({\n  name: 'XhSpinnerLabel',\n  setup(_, { slots }) {\n    const ctx = useSpinnerContext()\n    return () => h(\n      'span',\n      ctx.api.value.getLabelProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.label,\n    )\n  },\n})\n"],"mappings":";;;;;;AAgBA,MAAa,YAAY,gBAAgB;CACvC,MAAM;CAEN,OAAO;EACL,OAAO,EAAE,MAAM,OAAO;EACtB,MAAM,EAAE,MAAM,OAAyB;EACvC,SAAS,EAAE,MAAM,OAAmC;EACpD,MAAM,EAAE,MAAM,OAAyB;EACvC,cAAc,EAAE,MAAM,OAAiD;CACzE;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,WAAW,aAAa,WAAW,KAAK,CAAiB;EACrE,eAAe,GAAG;EAClB,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;;AAGD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa,EACX,QACA,IAAI,IAAI,MAAM,cAAc,GAC5B,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,KACrC;CACF;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-spinner.js","names":[],"sources":["../../../src/components/spinner/use-spinner.ts"],"sourcesContent":["import type { SpinnerApi, SpinnerProps } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectSpinner } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport interface SpinnerContext {\n  api: ComputedRef<SpinnerApi>\n}\n\n// Spinner 无状态机也不派生 part id，props 变了由 computed 重算属性\nexport function useSpinner(props: SpinnerProps): SpinnerContext {\n  const api = computed(() => connectSpinner(props, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;AAWA,SAAgB,WAAW,OAAqC;CAE9D,OAAO,EAAE,KADG,eAAe,eAAe,OAAO,YAAY,CAClD,EAAE;AACf"}
+{"version":3,"file":"use-spinner.js","names":[],"sources":["../../../src/components/spinner/use-spinner.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 spinner 相关实现。\n\nimport type { SpinnerApi, SpinnerProps } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectSpinner } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport interface SpinnerContext {\n  api: ComputedRef<SpinnerApi>\n}\n\n// Spinner 无状态机也不派生 part id，props 变了由 computed 重算属性\nexport function useSpinner(props: SpinnerProps): SpinnerContext {\n  const api = computed(() => connectSpinner(props, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;AAkBA,SAAgB,WAAW,OAAqC;CAE9D,OAAO,EAAE,KADG,eAAe,eAAe,OAAO,YAAY,CAClD,EAAE;AACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/splitter/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SplitterContext } from './use-splitter'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SplitterContext> = Symbol.for('xh-splitter')\n\nexport function provideSplitter(ctx: SplitterContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSplitterContext(): SplitterContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Splitter 部件必须用在 XhSplitterRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/splitter/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 { SplitterContext } from './use-splitter'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SplitterContext> = Symbol.for('xh-splitter')\n\nexport function provideSplitter(ctx: SplitterContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSplitterContext(): SplitterContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Splitter 部件必须用在 XhSplitterRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/splitter/splitter.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { SplitterApi, SplitterPanelProps, SplitterPanelState, SplitterSchema } from "@xihan-ui/headless";
-import { Direction, Orientation } from "@xihan-ui/kernel";
+import { Direction, Orientation } from "@xihan-ui/core";
+import { SplitterApi, SplitterPanelProps, SplitterPanelState, SplitterSchema, SplitterTranslations } from "@xihan-ui/headless";
 //#region src/components/splitter/splitter.d.ts
 type SplitterProps = SplitterSchema['props'];
 /** 默认插槽的载荷：各面板的百分比与逐块状态、拖拽态，以及整份赋值、单块调整、折叠展开的命令。 */
@@ -18,32 +18,28 @@ interface SplitterRootSlotProps {
 declare const XhSplitterRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   sizes: {
     type: PropType<number[]>;
-    default: undefined;
   };
   defaultSizes: {
     type: PropType<number[]>;
-    default: undefined;
   };
   panels: {
     type: PropType<SplitterPanelProps[]>;
-    default: undefined;
   };
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   disabled: BooleanConstructor;
   step: {
     type: NumberConstructor;
-    default: undefined;
   };
   largeStep: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<SplitterTranslations>>;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -54,46 +50,35 @@ declare const XhSplitterRoot: import("vue").DefineComponent<import("vue").Extrac
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   sizes: {
     type: PropType<number[]>;
-    default: undefined;
   };
   defaultSizes: {
     type: PropType<number[]>;
-    default: undefined;
   };
   panels: {
     type: PropType<SplitterPanelProps[]>;
-    default: undefined;
   };
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
   };
   disabled: BooleanConstructor;
   step: {
     type: NumberConstructor;
-    default: undefined;
   };
   largeStep: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<SplitterTranslations>>;
   };
 }>> & Readonly<{
   "onSizes-change"?: ((_details: import("@xihan-ui/headless").SplitterSizesChangeDetails) => any) | undefined;
   "onUpdate:sizes"?: ((_sizes: number[]) => any) | undefined;
   "onSizes-change-end"?: ((_details: import("@xihan-ui/headless").SplitterSizesChangeEndDetails) => any) | undefined;
 }>, {
-  orientation: Orientation;
-  dir: Direction;
   disabled: boolean;
-  panels: SplitterPanelProps[];
-  step: number;
-  largeStep: number;
-  sizes: number[];
-  defaultSizes: number[];
 }, SlotsType<{
   default?: (props: SplitterRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"splitter.d.ts","names":[],"sources":["../../../src/components/splitter/splitter.ts"],"mappings":";;;;;KAQK,gBAAgB;;UAGJ;EACf;EACA,QAAQ;EACR;EACA,UAAU;EACV,cAAc;EACd,eAAe;EACf,aAAa;EACb,aAAa;;cAWF,8BAAc,8BAAA;;IAIC,MAAA;;;;IACO,MAAA;;;;IACN,MAAA,SAAS;;;;IACH,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;EAOL,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACJ,qBAAA,UAAA,UAAU;;;IAbjB,MAAA;;;;IACO,MAAA;;;;IACN,MAAA,SAAS;;;;IACH,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;EAYtB,WAAC,OAAO,0BAA0B;kCA2B9C;cAEW,+BAAe,8BAAA;;IAxD4B,MAAA;;;;;;;IAAA,MAAA;;;;;qCAmEtD;cAEW,uCAAuB,8BAAA;;IArEoB,MAAA;;;;;;;IAAA,MAAA;;;;;qCAgFtD"}
+{"version":3,"file":"splitter.d.ts","names":[],"sources":["../../../src/components/splitter/splitter.ts"],"mappings":";;;;;KAiBK,gBAAgB;;UAGJ;EACf;EACA,QAAQ;EACR;EACA,UAAU;EACV,cAAc;EACd,eAAe;EACf,aAAa;EACb,aAAa;;cAMF,8BAAc,8BAAA;;IAIC,MAAA;;;IACO,MAAA;;;IACN,MAAA,SAAS;;;IACH,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACJ,qBAAA,UAAA,UAAU;;;IAdjB,MAAA;;;IACO,MAAA;;;IACN,MAAA,SAAS;;;IACH,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;;;;;EASvC,WAAC,OAAO,0BAA0B;kCA2B9C;cAEW,+BAAe,8BAAA;;IApD4B,MAAA;;;;;;;IAAA,MAAA;;;;;qCA+DtD;cAEW,uCAAuB,8BAAA;;IAjEoB,MAAA;;;;;;;IAAA,MAAA;;;;;qCA4EtD"}