@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/splitter/splitter.js

@@ -1,48 +1,26 @@
+import { withXhConfig } from "../../config/config.js";
 import { provideSplitter, useSplitterContext } from "./context.js";
 import { useSplitter } from "./use-splitter.js";
 import { computed, defineComponent, h } from "vue";
+import { normalizeItemIndex } from "@xihan-ui/core";
 //#region src/components/splitter/splitter.ts
 /** 部件上的下标声明，兼收字符串以支持 DOM 属性写法。 */
 const INDEX_PROP = { index: {
 	type: [Number, String],
 	default: 0
 } };
-function toIndex(raw) {
-	const n = Number(raw);
-	return Number.isFinite(n) ? n : 0;
-}
 const XhSplitterRoot = defineComponent({
 	name: "XhSplitterRoot",
 	props: {
-		sizes: {
-			type: Array,
-			default: void 0
-		},
-		defaultSizes: {
-			type: Array,
-			default: void 0
-		},
-		panels: {
-			type: Array,
-			default: void 0
-		},
-		orientation: {
-			type: String,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			default: void 0
-		},
+		sizes: { type: Array },
+		defaultSizes: { type: Array },
+		panels: { type: Array },
+		orientation: { type: String },
+		dir: { type: String },
 		disabled: Boolean,
-		step: {
-			type: Number,
-			default: void 0
-		},
-		largeStep: {
-			type: Number,
-			default: void 0
-		}
+		step: { type: Number },
+		largeStep: { type: Number },
+		translations: { type: Object }
 	},
 	emits: {
 		"sizes-change": (_details) => true,
@@ -58,7 +36,7 @@ const XhSplitterRoot = defineComponent({
 		const notifyEnd = (details) => {
 			emit("sizes-change-end", details);
 		};
-		const ctx = useSplitter(props, notify, notifyEnd);
+		const ctx = useSplitter(withXhConfig("splitter", props), notify, notifyEnd);
 		provideSplitter(ctx);
 		return () => h("div", {
 			...ctx.api.value.getRootProps(),
@@ -82,18 +60,18 @@ const XhSplitterPanel = defineComponent({
 ...INDEX_PROP },
 	setup(props, { slots }) {
 		const ctx = useSplitterContext();
-		const index = computed(() => toIndex(props.index));
+		const index = computed(() => normalizeItemIndex(props.index));
 		return () => h("div", ctx.api.value.getPanelProps(index.value), slots.default?.());
 	}
 });
 const XhSplitterResizeTrigger = defineComponent({
 	name: "XhSplitterResizeTrigger",
 	props: { 
-	/** 第几条分隔条；它坐在第 index 与第 index+1 块面板之间，调整的是前一块。 */
+	/** 第几条分隔条；它位于第 index 与第 index+1 块面板之间，调整的是前一块。 */
 ...INDEX_PROP },
 	setup(props, { slots }) {
 		const ctx = useSplitterContext();
-		const index = computed(() => toIndex(props.index));
+		const index = computed(() => normalizeItemIndex(props.index));
 		return () => h("div", ctx.api.value.getResizeTriggerProps(index.value), slots.default?.());
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"splitter.js","names":[],"sources":["../../../src/components/splitter/splitter.ts"],"sourcesContent":["import type { SplitterApi, SplitterPanelProps, SplitterPanelState, SplitterSchema } from '@xihan-ui/headless'\nimport type { Direction, Orientation } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { provideSplitter, useSplitterContext } from './context'\nimport { useSplitter } from './use-splitter'\n\ntype SplitterProps = SplitterSchema['props']\n\n/** 默认插槽的载荷：各面板的百分比与逐块状态、拖拽态，以及整份赋值、单块调整、折叠展开的命令。 */\nexport interface SplitterRootSlotProps {\n  size: number[]\n  panels: SplitterPanelState[]\n  dragging: boolean\n  setSizes: SplitterApi['setSizes']\n  setPanelSize: SplitterApi['setPanelSize']\n  collapsePanel: SplitterApi['collapsePanel']\n  expandPanel: SplitterApi['expandPanel']\n  togglePanel: SplitterApi['togglePanel']\n}\n\n/** 部件上的下标声明，兼收字符串以支持 DOM 属性写法。 */\nconst INDEX_PROP = { index: { type: [Number, String] as PropType<number | string>, default: 0 } }\n\nfunction toIndex(raw: number | string): number {\n  const n = Number(raw)\n  return Number.isFinite(n) ? n : 0\n}\n\nexport const XhSplitterRoot = defineComponent({\n  name: 'XhSplitterRoot',\n  props: {\n    // 布局恒是数组；default: undefined 表示非受控\n    sizes: { type: Array as PropType<number[]>, default: undefined },\n    defaultSizes: { type: Array as PropType<number[]>, default: undefined },\n    panels: { type: Array as PropType<SplitterPanelProps[]>, default: undefined },\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    disabled: Boolean,\n    step: { type: Number, default: undefined },\n    largeStep: { type: Number, default: undefined },\n  },\n  // sizes-change 携带 { sizes }，update:sizes 携带裸数组；sizes-change-end 只在操作收尾时发一次\n  emits: {\n    'sizes-change': (_details: PayloadOf<SplitterProps, 'onSizesChange'>) => true,\n    'update:sizes': (_sizes: PayloadOf<SplitterProps, 'onSizesChange'>['sizes']) => true,\n    'sizes-change-end': (_details: PayloadOf<SplitterProps, 'onSizesChangeEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SplitterRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: SplitterProps['onSizesChange'] = (details) => {\n      emit('sizes-change', details)\n      emit('update:sizes', details.sizes)\n    }\n    const notifyEnd: SplitterProps['onSizesChangeEnd'] = (details) => {\n      emit('sizes-change-end', details)\n    }\n    const ctx = useSplitter(props as SplitterProps, notify, notifyEnd)\n    provideSplitter(ctx)\n    // 容器节点交给机器，矩形在拖拽开始时现量\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: ctx.rootRef,\n    }, slots.default?.({\n      size: ctx.api.value.sizes,\n      panels: ctx.api.value.panels,\n      dragging: ctx.api.value.dragging,\n      setSizes: ctx.api.value.setSizes,\n      setPanelSize: ctx.api.value.setPanelSize,\n      collapsePanel: ctx.api.value.collapsePanel,\n      expandPanel: ctx.api.value.expandPanel,\n      togglePanel: ctx.api.value.togglePanel,\n    }))\n  },\n})\n\nexport const XhSplitterPanel = defineComponent({\n  name: 'XhSplitterPanel',\n  props: {\n    /** 第几块面板；多块时必须逐个写明（`:index=\"i\"`）。 */\n    ...INDEX_PROP,\n  },\n  setup(props, { slots }) {\n    const ctx = useSplitterContext()\n    const index = computed(() => toIndex(props.index))\n    return () => h('div', ctx.api.value.getPanelProps(index.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSplitterResizeTrigger = defineComponent({\n  name: 'XhSplitterResizeTrigger',\n  props: {\n    /** 第几条分隔条；它坐在第 index 与第 index+1 块面板之间，调整的是前一块。 */\n    ...INDEX_PROP,\n  },\n  setup(props, { slots }) {\n    const ctx = useSplitterContext()\n    const index = computed(() => toIndex(props.index))\n    return () => h('div', ctx.api.value.getResizeTriggerProps(index.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAuBA,MAAM,aAAa,EAAE,OAAO;CAAE,MAAM,CAAC,QAAQ,MAAM;CAAgC,SAAS;AAAE,EAAE;AAEhG,SAAS,QAAQ,KAA8B;CAC7C,MAAM,IAAI,OAAO,GAAG;CACpB,OAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC;AAEA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EAEL,OAAO;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EAC/D,cAAc;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EACtE,QAAQ;GAAE,MAAM;GAAyC,SAAS,KAAA;EAAU;EAC5E,aAAa;GAAE,MAAM;GAAiC,SAAS,KAAA;EAAU;EACzE,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAC/D,UAAU;EACV,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,WAAW;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;CAChD;CAEA,OAAO;EACL,iBAAiB,aAAwD;EACzE,iBAAiB,WAA+D;EAChF,qBAAqB,aAA2D;CAClF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA0C,YAAY;GAC1D,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,aAAgD,YAAY;GAChE,KAAK,oBAAoB,OAAO;EAClC;EACA,MAAM,MAAM,YAAY,OAAwB,QAAQ,SAAS;EACjE,gBAAgB,GAAG;EAEnB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,KAAK,IAAI;EACX,GAAG,MAAM,UAAU;GACjB,MAAM,IAAI,IAAI,MAAM;GACpB,QAAQ,IAAI,IAAI,MAAM;GACtB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,cAAc,IAAI,IAAI,MAAM;GAC5B,eAAe,IAAI,IAAI,MAAM;GAC7B,aAAa,IAAI,IAAI,MAAM;GAC3B,aAAa,IAAI,IAAI,MAAM;EAC7B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;;AAEL,GAAG,WACL;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,QAAQ,MAAM,KAAK,CAAC;EACjD,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,MAAM,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO;;AAEL,GAAG,WACL;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,QAAQ,MAAM,KAAK,CAAC;EACjD,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,sBAAsB,MAAM,KAAK,GAA8B,MAAM,UAAU,CAAC;CACtH;AACF,CAAC"}
+{"version":3,"file":"splitter.js","names":[],"sources":["../../../src/components/splitter/splitter.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// 提供 splitter 相关实现。\n\nimport type { Direction, Orientation } from '@xihan-ui/core'\nimport type { SplitterApi, SplitterPanelProps, SplitterPanelState, SplitterSchema, SplitterTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { normalizeItemIndex } from '@xihan-ui/core'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSplitter, useSplitterContext } from './context'\nimport { useSplitter } from './use-splitter'\n\ntype SplitterProps = SplitterSchema['props']\n\n/** 默认插槽的载荷：各面板的百分比与逐块状态、拖拽态，以及整份赋值、单块调整、折叠展开的命令。 */\nexport interface SplitterRootSlotProps {\n  size: number[]\n  panels: SplitterPanelState[]\n  dragging: boolean\n  setSizes: SplitterApi['setSizes']\n  setPanelSize: SplitterApi['setPanelSize']\n  collapsePanel: SplitterApi['collapsePanel']\n  expandPanel: SplitterApi['expandPanel']\n  togglePanel: SplitterApi['togglePanel']\n}\n\n/** 部件上的下标声明，兼收字符串以支持 DOM 属性写法。 */\nconst INDEX_PROP = { index: { type: [Number, String] as PropType<number | string>, default: 0 } }\n\nexport const XhSplitterRoot = defineComponent({\n  name: 'XhSplitterRoot',\n  props: {\n    // 布局恒是数组；缺席值 undefined 表示非受控\n    sizes: { type: Array as PropType<number[]> },\n    defaultSizes: { type: Array as PropType<number[]> },\n    panels: { type: Array as PropType<SplitterPanelProps[]> },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    disabled: Boolean,\n    step: { type: Number },\n    largeStep: { type: Number },\n    translations: { type: Object as PropType<Partial<SplitterTranslations>> },\n  },\n  // sizes-change 携带 { sizes }，update:sizes 携带裸数组；sizes-change-end 只在操作收尾时发一次\n  emits: {\n    'sizes-change': (_details: PayloadOf<SplitterProps, 'onSizesChange'>) => true,\n    'update:sizes': (_sizes: PayloadOf<SplitterProps, 'onSizesChange'>['sizes']) => true,\n    'sizes-change-end': (_details: PayloadOf<SplitterProps, 'onSizesChangeEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SplitterRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: SplitterProps['onSizesChange'] = (details) => {\n      emit('sizes-change', details)\n      emit('update:sizes', details.sizes)\n    }\n    const notifyEnd: SplitterProps['onSizesChangeEnd'] = (details) => {\n      emit('sizes-change-end', details)\n    }\n    const ctx = useSplitter(withXhConfig('splitter', props) as SplitterProps, notify, notifyEnd)\n    provideSplitter(ctx)\n    // 容器节点交给机器，矩形在拖拽开始时现量\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: ctx.rootRef,\n    }, slots.default?.({\n      size: ctx.api.value.sizes,\n      panels: ctx.api.value.panels,\n      dragging: ctx.api.value.dragging,\n      setSizes: ctx.api.value.setSizes,\n      setPanelSize: ctx.api.value.setPanelSize,\n      collapsePanel: ctx.api.value.collapsePanel,\n      expandPanel: ctx.api.value.expandPanel,\n      togglePanel: ctx.api.value.togglePanel,\n    }))\n  },\n})\n\nexport const XhSplitterPanel = defineComponent({\n  name: 'XhSplitterPanel',\n  props: {\n    /** 第几块面板；多块时必须逐个写明（`:index=\"i\"`）。 */\n    ...INDEX_PROP,\n  },\n  setup(props, { slots }) {\n    const ctx = useSplitterContext()\n    const index = computed(() => normalizeItemIndex(props.index))\n    return () => h('div', ctx.api.value.getPanelProps(index.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSplitterResizeTrigger = defineComponent({\n  name: 'XhSplitterResizeTrigger',\n  props: {\n    /** 第几条分隔条；它位于第 index 与第 index+1 块面板之间，调整的是前一块。 */\n    ...INDEX_PROP,\n  },\n  setup(props, { slots }) {\n    const ctx = useSplitterContext()\n    const index = computed(() => normalizeItemIndex(props.index))\n    return () => h('div', ctx.api.value.getResizeTriggerProps(index.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;AAgCA,MAAM,aAAa,EAAE,OAAO;CAAE,MAAM,CAAC,QAAQ,MAAM;CAAgC,SAAS;AAAE,EAAE;AAEhG,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EAEL,OAAO,EAAE,MAAM,MAA4B;EAC3C,cAAc,EAAE,MAAM,MAA4B;EAClD,QAAQ,EAAE,MAAM,MAAwC;EACxD,aAAa,EAAE,MAAM,OAAgC;EACrD,KAAK,EAAE,MAAM,OAA8B;EAC3C,UAAU;EACV,MAAM,EAAE,MAAM,OAAO;EACrB,WAAW,EAAE,MAAM,OAAO;EAC1B,cAAc,EAAE,MAAM,OAAkD;CAC1E;CAEA,OAAO;EACL,iBAAiB,aAAwD;EACzE,iBAAiB,WAA+D;EAChF,qBAAqB,aAA2D;CAClF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA0C,YAAY;GAC1D,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,aAAgD,YAAY;GAChE,KAAK,oBAAoB,OAAO;EAClC;EACA,MAAM,MAAM,YAAY,aAAa,YAAY,KAAK,GAAoB,QAAQ,SAAS;EAC3F,gBAAgB,GAAG;EAEnB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,KAAK,IAAI;EACX,GAAG,MAAM,UAAU;GACjB,MAAM,IAAI,IAAI,MAAM;GACpB,QAAQ,IAAI,IAAI,MAAM;GACtB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,cAAc,IAAI,IAAI,MAAM;GAC5B,eAAe,IAAI,IAAI,MAAM;GAC7B,aAAa,IAAI,IAAI,MAAM;GAC3B,aAAa,IAAI,IAAI,MAAM;EAC7B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;;AAEL,GAAG,WACL;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,mBAAmB,MAAM,KAAK,CAAC;EAC5D,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,MAAM,KAAK,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO;;AAEL,GAAG,WACL;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,mBAAmB,MAAM,KAAK,CAAC;EAC5D,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,sBAAsB,MAAM,KAAK,GAA8B,MAAM,UAAU,CAAC;CACtH;AACF,CAAC"}

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

@@ -1,11 +1,11 @@
 import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
 import { SplitterApi, SplitterSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/splitter/use-splitter.d.ts
 interface SplitterContext {
   api: ComputedRef<SplitterApi>;
   service: Service<SplitterSchema>;
-  /** 容器节点，机器在拖拽开始时拿它量矩形。 */
+  /** 容器节点，状态机在拖拽开始时读取它的矩形。 */
   rootRef: Ref<HTMLElement | null>;
 }
 declare function useSplitter(props: SplitterSchema['props'], onSizesChange?: SplitterSchema['props']['onSizesChange'], onSizesChangeEnd?: SplitterSchema['props']['onSizesChangeEnd']): SplitterContext;

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

@@ -1 +1 @@
-{"version":3,"file":"use-splitter.d.ts","names":[],"sources":["../../../src/components/splitter/use-splitter.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,gBAAgB,0CAChB,mBAAmB,8CAClB"}
+{"version":3,"file":"use-splitter.d.ts","names":[],"sources":["../../../src/components/splitter/use-splitter.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,gBAAgB,0CAChB,mBAAmB,8CAClB"}

package/dist/components/splitter/use-splitter.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 { connectSplitter, splitterMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/splitter/use-splitter.ts
 function useSplitter(props, onSizesChange, onSizesChangeEnd) {
 	const rootRef = ref(null);

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

@@ -1 +1 @@
-{"version":3,"file":"use-splitter.js","names":[],"sources":["../../../src/components/splitter/use-splitter.ts"],"sourcesContent":["import type { SplitterApi, SplitterSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectSplitter, splitterMachine } 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 SplitterContext {\n  api: ComputedRef<SplitterApi>\n  service: Service<SplitterSchema>\n  /** 容器节点，机器在拖拽开始时拿它量矩形。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\nexport function useSplitter(\n  props: SplitterSchema['props'],\n  onSizesChange?: SplitterSchema['props']['onSizesChange'],\n  onSizesChangeEnd?: SplitterSchema['props']['onSizesChangeEnd'],\n): SplitterContext {\n  const rootRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(splitterMachine, () => ({ ...props, onSizesChange, onSizesChangeEnd }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectSplitter(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,YACd,OACA,eACA,kBACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAI5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAe;CAAiB,IADjF,YAAY,MADZ,qBACsB,CACmE,CAAC;CAGxG,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}
+{"version":3,"file":"use-splitter.js","names":[],"sources":["../../../src/components/splitter/use-splitter.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 splitter 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SplitterApi, SplitterSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSplitter, splitterMachine } 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 SplitterContext {\n  api: ComputedRef<SplitterApi>\n  service: Service<SplitterSchema>\n  /** 容器节点，状态机在拖拽开始时读取它的矩形。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\nexport function useSplitter(\n  props: SplitterSchema['props'],\n  onSizesChange?: SplitterSchema['props']['onSizesChange'],\n  onSizesChangeEnd?: SplitterSchema['props']['onSizesChangeEnd'],\n): SplitterContext {\n  const rootRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(splitterMachine, () => ({ ...props, onSizesChange, onSizesChangeEnd }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectSplitter(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,YACd,OACA,eACA,kBACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAI5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAe;CAAiB,IADjF,YAAY,MADZ,qBACsB,CACmE,CAAC;CAGxG,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/statistic/context.ts"],"mappings":";;;UAIiB;EACf,KAAK,YAAY;;iBAKH,iBAAiB,KAAK;iBAItB,uBAAuB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/statistic/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAKH,iBAAiB,KAAK;iBAItB,uBAAuB"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/statistic/context.ts"],"sourcesContent":["import type { StatisticApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface StatisticContext {\n  api: ComputedRef<StatisticApi>\n}\n\nconst KEY: InjectionKey<StatisticContext> = Symbol.for('xh-statistic')\n\nexport function provideStatistic(ctx: StatisticContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStatisticContext(): StatisticContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Statistic 部件必须用在 XhStatisticRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAsC,OAAO,IAAI,cAAc;AAErE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/statistic/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 { StatisticApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface StatisticContext {\n  api: ComputedRef<StatisticApi>\n}\n\nconst KEY: InjectionKey<StatisticContext> = Symbol.for('xh-statistic')\n\nexport function provideStatistic(ctx: StatisticContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStatisticContext(): StatisticContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Statistic 部件必须用在 XhStatisticRoot 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAsC,OAAO,IAAI,cAAc;AAErE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/statistic/statistic.d.ts

@@ -1,30 +1,30 @@
 import { PropType } from "vue";
-import { Size, Tone } from "@xihan-ui/kernel";
+import { Size, Tone } from "@xihan-ui/core";
+import { StatisticTrend } from "@xihan-ui/headless";
 //#region src/components/statistic/statistic.d.ts
 declare const XhStatisticRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
+  };
+  trend: {
+    type: PropType<StatisticTrend>;
   };
 }>, () => 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<{
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  tone: Tone;
-  size: Size;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  trend: {
+    type: PropType<StatisticTrend>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhStatisticLabel: 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>;
@@ -37,6 +37,9 @@ declare const XhStatisticPrefix: import("vue").DefineComponent<{}, () => import(
 declare const XhStatisticSuffix: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhStatisticTrend: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhStatisticLabel, XhStatisticPrefix, XhStatisticRoot, XhStatisticSuffix, XhStatisticValue };
+export { XhStatisticLabel, XhStatisticPrefix, XhStatisticRoot, XhStatisticSuffix, XhStatisticTrend, XhStatisticValue };
 //# sourceMappingURL=statistic.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"statistic.d.ts","names":[],"sources":["../../../src/components/statistic/statistic.ts"],"mappings":";;;cASa,+BAAe,8BAAA;;IAIA,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;IADT,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;qCAOnC;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"statistic.d.ts","names":[],"sources":["../../../src/components/statistic/statistic.ts"],"mappings":";;;;cAgBa,+BAAe,8BAAA;;IAIA,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACR,MAAA,SAAS;;;;;;IAFV,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACR,MAAA,SAAS;;MAOpC,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/statistic/statistic.js

@@ -7,14 +7,9 @@ import { connectStatistic } from "@xihan-ui/headless";
 const XhStatisticRoot = defineComponent({
 	name: "XhStatisticRoot",
 	props: {
-		size: {
-			type: String,
-			default: void 0
-		},
-		tone: {
-			type: String,
-			default: void 0
-		}
+		size: { type: String },
+		tone: { type: String },
+		trend: { type: String }
 	},
 	setup(props, { slots }) {
 		const api = computed(() => connectStatistic(withXhConfig("statistic", props), vueNormalize));
@@ -50,7 +45,14 @@ const XhStatisticSuffix = defineComponent({
 		return () => h("span", ctx.api.value.getSuffixProps(), slots.default?.());
 	}
 });
+const XhStatisticTrend = defineComponent({
+	name: "XhStatisticTrend",
+	setup(_, { slots }) {
+		const ctx = useStatisticContext();
+		return () => h("span", ctx.api.value.getTrendProps(), slots.default?.());
+	}
+});
 //#endregion
-export { XhStatisticLabel, XhStatisticPrefix, XhStatisticRoot, XhStatisticSuffix, XhStatisticValue };
+export { XhStatisticLabel, XhStatisticPrefix, XhStatisticRoot, XhStatisticSuffix, XhStatisticTrend, XhStatisticValue };
 
 //# sourceMappingURL=statistic.js.map

package/dist/components/statistic/statistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.js","names":[],"sources":["../../../src/components/statistic/statistic.ts"],"sourcesContent":["import type { StatisticProps } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectStatistic } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideStatistic, useStatisticContext } from './context'\n\nexport const XhStatisticRoot = defineComponent({\n  name: 'XhStatisticRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    size: { type: String as PropType<Size>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectStatistic(withXhConfig('statistic', props) as StatisticProps, vueNormalize))\n    provideStatistic({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标签渲染为 span 而不是 label：它不关联任何表单控件\nexport const XhStatisticLabel = defineComponent({\n  name: 'XhStatisticLabel',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 数值由作者格式化好再塞进来，组件只负责排版\nexport const XhStatisticValue = defineComponent({\n  name: 'XhStatisticValue',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getValueProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticPrefix = defineComponent({\n  name: 'XhStatisticPrefix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticSuffix = defineComponent({\n  name: 'XhStatisticSuffix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AASA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,iBAAiB,aAAa,aAAa,KAAK,GAAqB,YAAY,CAAC;EAC7G,iBAAiB,EAAE,IAAI,CAAC;EACxB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC"}
+{"version":3,"file":"statistic.js","names":[],"sources":["../../../src/components/statistic/statistic.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// 提供 statistic 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type { StatisticProps, StatisticTrend } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectStatistic } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideStatistic, useStatisticContext } from './context'\n\nexport const XhStatisticRoot = defineComponent({\n  name: 'XhStatisticRoot',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    size: { type: String as PropType<Size> },\n    tone: { type: String as PropType<Tone> },\n    trend: { type: String as PropType<StatisticTrend> },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectStatistic(withXhConfig('statistic', props) as StatisticProps, vueNormalize))\n    provideStatistic({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标签渲染为 span 而不是 label：它不关联任何表单控件\nexport const XhStatisticLabel = defineComponent({\n  name: 'XhStatisticLabel',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 数值由作者格式化好再塞进来，组件只负责排版\nexport const XhStatisticValue = defineComponent({\n  name: 'XhStatisticValue',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getValueProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticPrefix = defineComponent({\n  name: 'XhStatisticPrefix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticSuffix = defineComponent({\n  name: 'XhStatisticSuffix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 涨跌那一段：方向由 root 的 trend 给，箭头由皮肤画，比数（同比、环比）由作者写进来\nexport const XhStatisticTrend = defineComponent({\n  name: 'XhStatisticTrend',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getTrendProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAgBA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CAEN,OAAO;EACL,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,OAAO,EAAE,MAAM,OAAmC;CACpD;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,iBAAiB,aAAa,aAAa,KAAK,GAAqB,YAAY,CAAC;EAC7G,iBAAiB,EAAE,IAAI,CAAC;EACxB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/steps/context.ts"],"sourcesContent":["import type { StepsItemProps } from '@xihan-ui/headless'\nimport type { InjectionKey } from 'vue'\nimport type { StepsContext } from './use-steps'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<StepsContext> = Symbol.for('xh-steps')\n/** 条目身份下传给 trigger/indicator/title/description/separator，用 getter 以跟随 value/disabled 变更。 */\nconst ITEM_KEY: InjectionKey<() => StepsItemProps> = Symbol.for('xh-steps-item')\n\nexport function provideSteps(ctx: StepsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStepsContext(): StepsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Steps 部件必须用在 XhStepsRoot 内')\n  return ctx\n}\n\nexport function provideStepsItem(item: () => StepsItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useStepsItem(): () => StepsItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Steps 条目部件必须用在 XhStepsItem 内')\n  return item\n}\n"],"mappings":";;AAKA,MAAM,MAAkC,OAAO,IAAI,UAAU;;AAE7D,MAAM,WAA+C,OAAO,IAAI,eAAe;AAE/E,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT;AAEA,SAAgB,iBAAiB,MAAkC;CACjE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,eAAqC;CACnD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/steps/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 { StepsItemProps } from '@xihan-ui/headless'\nimport type { InjectionKey } from 'vue'\nimport type { StepsContext } from './use-steps'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<StepsContext> = Symbol.for('xh-steps')\n/** 条目身份下传给 trigger/indicator/title/description/separator，用 getter 以跟随 value/disabled 变更。 */\nconst ITEM_KEY: InjectionKey<() => StepsItemProps> = Symbol.for('xh-steps-item')\n\nexport function provideSteps(ctx: StepsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStepsContext(): StepsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Steps 部件必须用在 XhStepsRoot 内')\n  return ctx\n}\n\nexport function provideStepsItem(item: () => StepsItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useStepsItem(): () => StepsItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Steps 条目部件必须用在 XhStepsItem 内')\n  return item\n}\n"],"mappings":";;AAYA,MAAM,MAAkC,OAAO,IAAI,UAAU;;AAE7D,MAAM,WAA+C,OAAO,IAAI,eAAe;AAE/E,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT;AAEA,SAAgB,iBAAiB,MAAkC;CACjE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,eAAqC;CACnD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

package/dist/components/steps/steps.d.ts

@@ -1,27 +1,32 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { StepsApi, StepsSchema } from "@xihan-ui/headless";
-import { Direction, Orientation, Size, Tone } from "@xihan-ui/kernel";
+import { Direction, Orientation, Size, Tone } from "@xihan-ui/core";
+import { StepNode, StepStatus, StepsApi, StepsSchema, StepsTranslations } from "@xihan-ui/headless";
 //#region src/components/steps/steps.d.ts
 type StepsProps = StepsSchema['props'];
-/** 默认插槽的载荷：当前步序、总步数、是否走完，以及跳步与前进后退的方法。 */
-type StepsRootSlotProps = Pick<StepsApi, 'step' | 'count' | 'complete' | 'setStep' | 'goToNextStep' | 'goToPrevStep'>;
+/** 默认插槽的载荷：当前步序、总步数、是否完成，以及跳步与前进后退的方法。 */
+type StepsRootSlotProps = Pick<StepsApi, 'value' | 'count' | 'complete' | 'setValue' | 'goToNextStep' | 'goToPrevStep'>;
 declare const XhStepsRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  step: {
+  value: {
     type: NumberConstructor;
-    default: undefined;
   };
-  defaultStep: {
+  defaultValue: {
     type: NumberConstructor;
-    default: undefined;
   };
   count: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  collection: {
+    type: PropType<StepNode[]>;
+  };
+  statuses: {
+    type: PropType<Record<number, StepStatus>>;
+  };
+  tones: {
+    type: PropType<Record<number, Tone>>;
   };
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   linear: {
     type: BooleanConstructor;
@@ -31,39 +36,48 @@ declare const XhStepsRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: BooleanConstructor;
     default: undefined;
   };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<StepsTranslations>>;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  'step-change': (_details: PayloadOf<StepsProps, "onStepChange">) => true;
-  'update:step': (_step: PayloadOf<StepsProps, "onStepChange">["step"]) => true;
+  'value-change': (_details: PayloadOf<StepsProps, "onValueChange">) => true;
+  'update:value': (_value: PayloadOf<StepsProps, "onValueChange">["value"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  step: {
+  value: {
     type: NumberConstructor;
-    default: undefined;
   };
-  defaultStep: {
+  defaultValue: {
     type: NumberConstructor;
-    default: undefined;
   };
   count: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  collection: {
+    type: PropType<StepNode[]>;
+  };
+  statuses: {
+    type: PropType<Record<number, StepStatus>>;
+  };
+  tones: {
+    type: PropType<Record<number, Tone>>;
   };
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   linear: {
     type: BooleanConstructor;
@@ -73,31 +87,29 @@ declare const XhStepsRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: BooleanConstructor;
     default: undefined;
   };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   dir: {
     type: PropType<Direction>;
-    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<StepsTranslations>>;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
 }>> & Readonly<{
-  "onStep-change"?: ((_details: import("@xihan-ui/headless").StepsStepChangeDetails) => any) | undefined;
-  "onUpdate:step"?: ((_step: number) => any) | undefined;
+  "onValue-change"?: ((_details: import("@xihan-ui/headless").StepsValueChangeDetails) => any) | undefined;
+  "onUpdate:value"?: ((_value: number) => any) | undefined;
 }>, {
-  orientation: Orientation;
-  dir: Direction;
-  tone: Tone;
-  size: Size;
+  loop: boolean;
   disabled: boolean;
-  count: number;
   linear: boolean;
-  step: number;
-  defaultStep: number;
 }, SlotsType<{
   default?: (props: StepsRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","names":[],"sources":["../../../src/components/steps/steps.ts"],"mappings":";;;;;KAQK,aAAa;;KAGN,qBAAqB,KAC/B;cAIW,2BAAW,8BAAA;;;;;;;;;;;;;;IAOW,MAAA,SAAS;;;;;;;;;;;;IAGjB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;;;;;;;IAVF,MAAA,SAAS;;;;;;;;;;;;IAGjB,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,uBAAuB;kCAmB3C;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,8BAAA;;IAIe,MAAA;;;;;;;;IAAA,MAAA;;;;;;qCAYrC;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BA6BzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAOvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,8BAAA;;IAGY,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA"}
+{"version":3,"file":"steps.d.ts","names":[],"sources":["../../../src/components/steps/steps.ts"],"mappings":";;;;;KAgBK,aAAa;;KAGN,qBAAqB,KAC/B;cAIW,2BAAW,8BAAA;;;;;;;;;;;IAOS,MAAA,SAAS;;;IACV,MAAA,SAAS,eAAe;;;IAC3B,MAAA,SAAS,eAAe;;;IAClB,MAAA,SAAS;;;;;;;;;;;;;;;IAIjB,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;;IAfN,MAAA,SAAS;;;IACV,MAAA,SAAS,eAAe;;;IAC3B,MAAA,SAAS,eAAe;;;IAClB,MAAA,SAAS;;;;;;;;;;;;;;;IAIjB,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;EAQvB,WAAC,OAAO,uBAAuB;kCAmB3C;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,8BAAA;;IAIe,MAAA;;;;;;;;IAAA,MAAA;;;;;;qCAYrC;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BA6BzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAOvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,8BAAA;;IAGY,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA"}

package/dist/components/steps/steps.js

@@ -1,3 +1,4 @@
+import { withXhConfig } from "../../config/config.js";
 import { provideSteps, provideStepsItem, useStepsContext, useStepsItem } from "./context.js";
 import { useSteps } from "./use-steps.js";
 import { defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
@@ -5,22 +6,13 @@ import { defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
 const XhStepsRoot = defineComponent({
 	name: "XhStepsRoot",
 	props: {
-		step: {
-			type: Number,
-			default: void 0
-		},
-		defaultStep: {
-			type: Number,
-			default: void 0
-		},
-		count: {
-			type: Number,
-			default: void 0
-		},
-		orientation: {
-			type: String,
-			default: void 0
-		},
+		value: { type: Number },
+		defaultValue: { type: Number },
+		count: { type: Number },
+		collection: { type: Array },
+		statuses: { type: Object },
+		tones: { type: Object },
+		orientation: { type: String },
 		linear: {
 			type: Boolean,
 			default: void 0
@@ -29,36 +21,32 @@ const XhStepsRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		dir: {
-			type: String,
-			default: void 0
-		},
-		tone: {
-			type: String,
+		loop: {
+			type: Boolean,
 			default: void 0
 		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		dir: { type: String },
+		translations: { type: Object },
+		tone: { type: String },
+		size: { type: String }
 	},
 	emits: {
-		"step-change": (_details) => true,
-		"update:step": (_step) => true
+		"value-change": (_details) => true,
+		"update:value": (_value) => true
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
 		const notify = (details) => {
-			emit("step-change", details);
-			emit("update:step", details.step);
+			emit("value-change", details);
+			emit("update:value", details.value);
 		};
-		const ctx = useSteps(props, notify);
+		const ctx = useSteps(withXhConfig("steps", props), notify);
 		provideSteps(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
-			step: ctx.api.value.step,
+			value: ctx.api.value.value,
 			count: ctx.api.value.count,
 			complete: ctx.api.value.complete,
-			setStep: ctx.api.value.setStep,
+			setValue: ctx.api.value.setValue,
 			goToNextStep: ctx.api.value.goToNextStep,
 			goToPrevStep: ctx.api.value.goToPrevStep
 		}));

package/dist/components/steps/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","names":[],"sources":["../../../src/components/steps/steps.ts"],"sourcesContent":["import type { StepsApi, StepsSchema } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { provideSteps, provideStepsItem, useStepsContext, useStepsItem } from './context'\nimport { useSteps } from './use-steps'\n\ntype StepsProps = StepsSchema['props']\n\n/** 默认插槽的载荷：当前步序、总步数、是否走完，以及跳步与前进后退的方法。 */\nexport type StepsRootSlotProps = Pick<\n  StepsApi,\n  'step' | 'count' | 'complete' | 'setStep' | 'goToNextStep' | 'goToPrevStep'\n>\n\nexport const XhStepsRoot = defineComponent({\n  name: 'XhStepsRoot',\n  // 全部 default: undefined，缺省值由 connect 决定\n  props: {\n    step: { type: Number, default: undefined },\n    defaultStep: { type: Number, default: undefined },\n    count: { type: Number, default: undefined },\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    linear: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // step-change 携带 { step }，update:step 携带裸下标\n  emits: {\n    'step-change': (_details: PayloadOf<StepsProps, 'onStepChange'>) => true,\n    'update:step': (_step: PayloadOf<StepsProps, 'onStepChange'>['step']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: StepsRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: StepsProps['onStepChange'] = (details) => {\n      emit('step-change', details)\n      emit('update:step', details.step)\n    }\n    const ctx = useSteps(props as StepsProps, notify)\n    provideSteps(ctx)\n    // 经插槽暴露状态与前进/后退方法，供步骤条外的按钮使用\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      step: ctx.api.value.step,\n      count: ctx.api.value.count,\n      complete: ctx.api.value.complete,\n      setStep: ctx.api.value.setStep,\n      goToNextStep: ctx.api.value.goToNextStep,\n      goToPrevStep: ctx.api.value.goToPrevStep,\n    }))\n  },\n})\n\nexport const XhStepsList = defineComponent({\n  name: 'XhStepsList',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStepsItem = defineComponent({\n  name: 'XhStepsItem',\n  props: {\n    // 步骤下标，兼收字符串以支持模板属性字面量与 WC 侧的 DOM 属性\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n    disabled: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = useStepsContext()\n    provideStepsItem(() => ({ index: Number(props.value), disabled: props.disabled }))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ index: Number(props.value), disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhStepsTrigger = defineComponent({\n  name: 'XhStepsTrigger',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    // 本节点持有焦点时，下标变更重报焦点步骤，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => item().index, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'TRIGGER.FOCUS', step: next })\n    })\n    onBeforeUnmount(() => {\n      if (ctx.service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按下标比对\n      if (itemEl.value && ctx.service.scope.getActiveElement() === itemEl.value)\n        ctx.service.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'button',\n      { ...ctx.api.value.getTriggerProps(item()) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhStepsIndicator = defineComponent({\n  name: 'XhStepsIndicator',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('span', ctx.api.value.getIndicatorProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStepsTitle = defineComponent({\n  name: 'XhStepsTitle',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('span', ctx.api.value.getTitleProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStepsDescription = defineComponent({\n  name: 'XhStepsDescription',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('span', ctx.api.value.getDescriptionProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 连接线写在 item 之内，身份从 item 上下文取\nexport const XhStepsSeparator = defineComponent({\n  name: 'XhStepsSeparator',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('div', ctx.api.value.getSeparatorProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 面板挂在 list 之外，自带 value 与 trigger 配对；value 等于 count 的面板即完成页 */\nexport const XhStepsContent = defineComponent({\n  name: 'XhStepsContent',\n  props: {\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useStepsContext()\n    return () => h(\n      'div',\n      ctx.api.value.getContentProps({ index: Number(props.value) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;AAgBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,aAAa;GAAE,MAAM;GAAiC,SAAS,KAAA;EAAU;EACzE,QAAQ;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC5C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;EAC/D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CAEA,OAAO;EACL,gBAAgB,aAAoD;EACpE,gBAAgB,UAAyD;CAC3E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAsC,YAAY;GACtD,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,SAAS,OAAqB,MAAM;EAChD,aAAa,GAAG;EAEhB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,MAAM,IAAI,IAAI,MAAM;GACpB,OAAO,IAAI,IAAI,MAAM;GACrB,UAAU,IAAI,IAAI,MAAM;GACxB,SAAS,IAAI,IAAI,MAAM;GACvB,cAAc,IAAI,IAAI,MAAM;GAC5B,cAAc,IAAI,IAAI,MAAM;EAC9B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EAEL,OAAO;GAAE,MAAM,CAAC,QAAQ,MAAM;GAAgC,UAAU;EAAK;EAC7E,UAAU;CACZ;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,gBAAgB;EAC5B,wBAAwB;GAAE,OAAO,OAAO,MAAM,KAAK;GAAG,UAAU,MAAM;EAAS,EAAE;EACjF,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa;GAAE,OAAO,OAAO,MAAM,KAAK;GAAG,UAAU,MAAM;EAAS,CAAC,GACnF,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,MAAM,OAAO,aAAa;EAE1B,MAAM,SAAS,IAAwB,IAAI;EAC3C,YAAY,KAAK,CAAC,CAAC,QAAQ,MAAM,SAAS;GACxC,IAAI,SAAS,MACX;GACF,MAAM,MAAM,IAAI;GAChB,IAAI,IAAI,UAAU,MAAM,WACtB;GACF,IAAI,OAAO,SAAS,IAAI,MAAM,iBAAiB,MAAM,OAAO,OAC1D,IAAI,KAAK;IAAE,MAAM;IAAiB,MAAM;GAAK,CAAC;EAClD,CAAC;EACD,sBAAsB;GACpB,IAAI,IAAI,QAAQ,UAAU,MAAM,WAC9B;GAEF,IAAI,OAAO,SAAS,IAAI,QAAQ,MAAM,iBAAiB,MAAM,OAAO,OAClE,IAAI,QAAQ,KAAK,EAAE,MAAM,YAAY,CAAC;EAC1C,CAAC;EACD,aAAa,EACX,UACA;GAAE,GAAG,IAAI,IAAI,MAAM,gBAAgB,KAAK,CAAC;GAA8B,KAAK;EAAO,GACnF,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,MAAM,OAAO,aAAa;EAC1B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,kBAAkB,KAAK,CAAC,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,MAAM,OAAO,aAAa;EAC1B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,KAAK,CAAC,GAA8B,MAAM,UAAU,CAAC;CAC1G;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,MAAM,OAAO,aAAa;EAC1B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,oBAAoB,KAAK,CAAC,GAA8B,MAAM,UAAU,CAAC;CAChH;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,MAAM,OAAO,aAAa;EAC1B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,kBAAkB,KAAK,CAAC,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;;AAGD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO,EACL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,UAAU;CAAK,EAC/E;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,gBAAgB,EAAE,OAAO,OAAO,MAAM,KAAK,EAAE,CAAC,GAC5D,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}
+{"version":3,"file":"steps.js","names":[],"sources":["../../../src/components/steps/steps.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// 提供 steps 相关实现。\n\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { StepNode, StepsApi, StepsSchema, StepStatus, StepsTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSteps, provideStepsItem, useStepsContext, useStepsItem } from './context'\nimport { useSteps } from './use-steps'\n\ntype StepsProps = StepsSchema['props']\n\n/** 默认插槽的载荷：当前步序、总步数、是否完成，以及跳步与前进后退的方法。 */\nexport type StepsRootSlotProps = Pick<\n  StepsApi,\n  'value' | 'count' | 'complete' | 'setValue' | 'goToNextStep' | 'goToPrevStep'\n>\n\nexport const XhStepsRoot = defineComponent({\n  name: 'XhStepsRoot',\n  // 缺省值由 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    value: { type: Number },\n    defaultValue: { type: Number },\n    count: { type: Number },\n    collection: { type: Array as PropType<StepNode[]> },\n    statuses: { type: Object as PropType<Record<number, StepStatus>> },\n    tones: { type: Object as PropType<Record<number, Tone>> },\n    orientation: { type: String as PropType<Orientation> },\n    linear: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<StepsTranslations>> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // value-change 携带 { value }，update:value 携带裸下标\n  emits: {\n    'value-change': (_details: PayloadOf<StepsProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<StepsProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: StepsRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: StepsProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useSteps(withXhConfig('steps', props) as StepsProps, notify)\n    provideSteps(ctx)\n    // 经插槽暴露状态与前进/后退方法，供步骤条外的按钮使用\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      count: ctx.api.value.count,\n      complete: ctx.api.value.complete,\n      setValue: ctx.api.value.setValue,\n      goToNextStep: ctx.api.value.goToNextStep,\n      goToPrevStep: ctx.api.value.goToPrevStep,\n    }))\n  },\n})\n\nexport const XhStepsList = defineComponent({\n  name: 'XhStepsList',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStepsItem = defineComponent({\n  name: 'XhStepsItem',\n  props: {\n    // 步骤下标，兼收字符串以支持模板属性字面量与 WC 侧的 DOM 属性\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n    disabled: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = useStepsContext()\n    provideStepsItem(() => ({ index: Number(props.value), disabled: props.disabled }))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ index: Number(props.value), disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhStepsTrigger = defineComponent({\n  name: 'XhStepsTrigger',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    // 本节点持有焦点时，下标变更重报焦点步骤，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => item().index, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'TRIGGER.FOCUS', step: next })\n    })\n    onBeforeUnmount(() => {\n      if (ctx.service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按下标比对\n      if (itemEl.value && ctx.service.scope.getActiveElement() === itemEl.value)\n        ctx.service.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'button',\n      { ...ctx.api.value.getTriggerProps(item()) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhStepsIndicator = defineComponent({\n  name: 'XhStepsIndicator',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('span', ctx.api.value.getIndicatorProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStepsTitle = defineComponent({\n  name: 'XhStepsTitle',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('span', ctx.api.value.getTitleProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStepsDescription = defineComponent({\n  name: 'XhStepsDescription',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('span', ctx.api.value.getDescriptionProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 连接线写在 item 之内，身份从 item 上下文取\nexport const XhStepsSeparator = defineComponent({\n  name: 'XhStepsSeparator',\n  setup(_, { slots }) {\n    const ctx = useStepsContext()\n    const item = useStepsItem()\n    return () => h('div', ctx.api.value.getSeparatorProps(item()) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 面板挂在 list 之外，自带 value 与 trigger 配对；value 等于 count 的面板即完成页 */\nexport const XhStepsContent = defineComponent({\n  name: 'XhStepsContent',\n  props: {\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useStepsContext()\n    return () => h(\n      'div',\n      ctx.api.value.getContentProps({ index: Number(props.value) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 import { ComputedRef } from "vue";
+import { Service } from "@xihan-ui/core";
 import { StepsApi, StepsSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/steps/use-steps.d.ts
 interface StepsContext {
   api: ComputedRef<StepsApi>;
-  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
+  /** 状态机实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
   service: Service<StepsSchema>;
 }
-declare function useSteps(props: StepsSchema['props'], onStepChange?: StepsSchema['props']['onStepChange']): StepsContext;
+declare function useSteps(props: StepsSchema['props'], onValueChange?: StepsSchema['props']['onValueChange']): StepsContext;
 //#endregion
 export { StepsContext, useSteps };
 //# sourceMappingURL=use-steps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-steps.d.ts","names":[],"sources":["../../../src/components/steps/use-steps.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,SACd,OAAO,sBACP,eAAe,uCACd"}
+{"version":3,"file":"use-steps.d.ts","names":[],"sources":["../../../src/components/steps/use-steps.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,SACd,OAAO,sBACP,gBAAgB,wCACf"}