antdv-next 1.3.7 → 1.4.0

package/dist/steps/index.js

@@ -4,20 +4,20 @@ import { useSize } from "../config-provider/hooks/useSize.js";
 import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
-import tooltip_default from "../tooltip/index.js";
+import InternalTooltip from "../tooltip/index.js";
 import { TARGET_CLS } from "../_util/wave/interface.js";
 import wave_default from "../_util/wave/index.js";
-import useBreakpoint_default from "../grid/hooks/useBreakpoint.js";
+import useBreakpoint from "../grid/hooks/useBreakpoint.js";
 import { useInternalContext } from "./context.js";
-import PanelArrow_default from "./PanelArrow.js";
-import ProgressIcon_default from "./ProgressIcon.js";
+import PanelArrow from "./PanelArrow.js";
+import ProgressIcon from "./ProgressIcon.js";
 import style_default from "./style/index.js";
+import useDisplaySteps from "./useDisplaySteps.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { CheckOutlined } from "@antdv-next/icons";
 import VcSteps from "@v-c/steps";
-
 //#region src/steps/index.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -38,7 +38,10 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	const [varName] = genCssVar(rootPrefixCls.value, "cmp-steps");
 	const mergedSize = useSize(size);
 	const mergedItems = computed(() => (items.value || []).filter(Boolean));
-	const breakpoint = useBreakpoint_default(responsive);
+	const mergedCurrent = computed(() => props.current ?? 0);
+	const mergedInitial = computed(() => props.initial ?? 0);
+	const { canApplyMaxCount, displaySteps, mappedDisplayCurrent, displayItems } = useDisplaySteps(mergedItems, mergedCurrent, mergedInitial, computed(() => props.maxCount), prefixCls);
+	const breakpoint = useBreakpoint(responsive);
 	const xs = computed(() => breakpoint.value?.xs);
 	const mergedType = computed(() => {
 		if (type.value && type.value !== "default") return type.value;
@@ -77,9 +80,10 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		warning.deprecated(!progressDot, "progressDot", "type=\"dot\"");
 		warning.deprecated(!direction, "direction", "orientation");
 		warning.deprecated(mergedItems.value.every((item) => !item.description), "items.description", "items.content");
+		warning(props.maxCount === void 0 || props.maxCount >= 3, "usage", "`maxCount` should be greater than or equal to 3.");
 	}
 	return () => {
-		const { variant, onChange, offset, ellipsis, rootClass, current, ...restProps } = props;
+		const { variant, onChange, offset, ellipsis, rootClass, current: _current, initial: _initial, maxCount: _maxCount, ...restProps } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const iconRender = slots?.iconRender || props?.iconRender;
 		const legacyProgressDotRenderFn = () => {
@@ -88,6 +92,8 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		const legacyProgressDotRender = legacyProgressDotRenderFn();
 		const internalIconRender = (_, info) => {
 			const { index, item, active, components: { Icon: StepIcon } } = info;
+			const originIndex = displaySteps.value[index]?.originIndex;
+			const mappedIndex = originIndex !== void 0 && originIndex >= 0 ? mergedInitial.value + originIndex : index;
 			const { status, icon } = item;
 			let iconContent;
 			if (isDot.value || icon) iconContent = icon;
@@ -99,12 +105,12 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 					iconContent = createVNode(CheckOutlined, { "class": `${itemIconCls.value}-error` }, null);
 					break;
 				default: {
-					let numNode = createVNode("span", { "class": `${itemIconCls.value}-number` }, [info.index + 1]);
+					let numNode = createVNode("span", { "class": `${itemIconCls.value}-number` }, [mappedIndex + 1]);
 					if (status === "process" && mergedPercent.value !== void 0) {
 						const _numNode = function() {
 							return numNode;
 						}();
-						numNode = createVNode(ProgressIcon_default, {
+						numNode = createVNode(ProgressIcon, {
 							"prefixCls": prefixCls.value,
 							"rootPrefixCls": rootPrefixCls.value,
 							"percent": mergedPercent.value
@@ -117,7 +123,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			if (iconRender) iconNode = iconRender({
 				oriNode: iconNode,
 				info: {
-					index,
+					index: mappedIndex,
 					active,
 					item,
 					components: { Icon: StepIcon }
@@ -126,7 +132,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			else if (typeof legacyProgressDotRender === "function") iconNode = legacyProgressDotRender({
 				iconDot: iconNode,
 				info: {
-					index,
+					index: mappedIndex,
 					...item
 				}
 			});
@@ -135,7 +141,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		const itemRender = (itemNode, itemInfo) => {
 			let content = itemNode;
 			const itemContent = getSlotPropsFnRun({}, itemInfo.item, "content");
-			if (isInline.value && itemContent) content = createVNode(tooltip_default, {
+			if (isInline.value && itemContent) content = createVNode(InternalTooltip, {
 				"destroyOnHidden": true,
 				"title": itemContent
 			}, _isSlot(itemNode) ? itemNode : { default: () => [itemNode] });
@@ -146,7 +152,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			}, _isSlot(content) ? content : { default: () => [content] });
 		};
 		const itemWrapperRender = mergedType.value === "panel" ? (itemNode) => {
-			return createVNode(Fragment, null, [itemNode, createVNode(PanelArrow_default, { "prefixCls": prefixCls.value }, null)]);
+			return createVNode(Fragment, null, [itemNode, createVNode(PanelArrow, { "prefixCls": prefixCls.value }, null)]);
 		} : void 0;
 		const mergedStyle = {
 			[varName("items-offset")]: `${offset}`,
@@ -158,6 +164,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			[`${prefixCls.value}-rtl`]: rtlDirection.value === "rtl",
 			[`${prefixCls.value}-dot`]: isDot.value,
 			[`${prefixCls.value}-ellipsis`]: ellipsis,
+			[`${prefixCls.value}-max-count`]: canApplyMaxCount.value,
 			[`${prefixCls.value}-with-progress`]: mergedPercent.value !== void 0,
 			[`${prefixCls.value}-small`]: mergedSize.value === "small"
 		}, className, rootClass, hashId.value, cssVarCls.value);
@@ -170,11 +177,15 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"orientation": mergedOrientation.value,
 			"titlePlacement": mergedTitlePlacement.value,
 			"components": components.value,
-			"current": current,
-			"items": mergedItems.value,
-			"onChange": (current) => {
-				onChange?.(current);
-				emit("update:current", current);
+			"initial": 0,
+			"current": mappedDisplayCurrent.value,
+			"items": displayItems.value,
+			"onChange": (displayCurrent) => {
+				const target = displaySteps.value[displayCurrent];
+				const originIndex = target && target.originIndex >= 0 ? target.originIndex : displayCurrent;
+				const next = mergedInitial.value + originIndex;
+				onChange?.(next);
+				emit("update:current", next);
 			},
 			"iconRender": internalIconRender,
 			"itemRender": itemRender,
@@ -182,7 +193,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		}), null);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		prefixCls: {
 			type: String,
 			required: false
@@ -242,6 +253,10 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			required: false,
 			default: void 0
 		},
+		maxCount: {
+			type: Number,
+			required: false
+		},
 		offset: {
 			type: Number,
 			required: false
@@ -287,7 +302,5 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 Steps.install = (app) => {
 	app.component(Steps.name, Steps);
 };
-var steps_default = Steps;
-
 //#endregion
-export { steps_default as default };
+export { Steps as default };

package/dist/steps/style/horizontal.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/horizontal.d.ts

package/dist/steps/style/horizontal.js

@@ -1,5 +1,4 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/steps/style/horizontal.ts
 const genHorizontalStyle = (token) => {
 	const { componentCls, antCls } = token;
@@ -21,7 +20,5 @@ const genHorizontalStyle = (token) => {
 		}
 	} } };
 };
-var horizontal_default = genHorizontalStyle;
-
 //#endregion
-export { horizontal_default as default };
+export { genHorizontalStyle as default };

package/dist/steps/style/icon.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/icon.d.ts

package/dist/steps/style/icon.js

@@ -1,5 +1,4 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/steps/style/icon.ts
 const genIconStyle = (token) => {
 	const { componentCls, customIconFontSize, motionDurationSlow, iconSize, lineWidth, lineType, antCls } = token;
@@ -38,7 +37,5 @@ const genIconStyle = (token) => {
 		}
 	} };
 };
-var icon_default = genIconStyle;
-
 //#endregion
-export { icon_default as default };
+export { genIconStyle as default };

package/dist/steps/style/index.d.ts

@@ -1,6 +1,4 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue512 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/steps/style/index.d.ts
@@ -78,6 +76,6 @@ interface StepsToken extends FullToken<'Steps'> {
   inlineDotSize: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Steps'>;
-declare const _default: (prefixCls: vue512.Ref<string>, rootCls?: vue512.Ref<string | undefined>) => readonly [vue512.Ref<string, string>, vue512.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, StepsToken, _default as default, prepareComponentToken };

package/dist/steps/style/index.js

@@ -1,19 +1,19 @@
 import { resetComponent, textEllipsis } from "../../style/index.js";
 import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
-import horizontal_default from "./horizontal.js";
-import icon_default from "./icon.js";
-import inline_default from "./inline.js";
-import label_placement_default from "./label-placement.js";
-import nav_default from "./nav.js";
-import panel_default from "./panel.js";
-import progress_default from "./progress.js";
-import progress_dot_default from "./progress-dot.js";
-import rtl_default from "./rtl.js";
-import small_default from "./small.js";
-import status_default from "./status.js";
-import vertical_default from "./vertical.js";
-
+import genHorizontalStyle from "./horizontal.js";
+import genIconStyle from "./icon.js";
+import genInlineStyle from "./inline.js";
+import genLabelPlacementStyle from "./label-placement.js";
+import genMaxCountStyle from "./max-count.js";
+import genLegacyNavStyle from "./nav.js";
+import genPanelStyle from "./panel.js";
+import genStepsProgressStyle from "./progress.js";
+import genDotStyle from "./progress-dot.js";
+import genRTLStyle from "./rtl.js";
+import genSmallStyle from "./small.js";
+import genStatusStyle from "./status.js";
+import genVerticalStyle from "./vertical.js";
 //#region src/steps/style/index.ts
 const genBasicStyle = (token) => {
 	const { componentCls, antCls } = token;
@@ -98,20 +98,20 @@ var style_default = genStyleHooks("Steps", (token) => {
 	const stepsToken = mergeToken(token, { inlineDotSize: 6 });
 	return [
 		genBasicStyle(stepsToken),
-		icon_default(stepsToken),
-		vertical_default(stepsToken),
-		horizontal_default(stepsToken),
-		label_placement_default(stepsToken),
-		small_default(stepsToken),
-		progress_dot_default(stepsToken),
-		status_default(stepsToken),
-		nav_default(stepsToken),
-		panel_default(stepsToken),
-		inline_default(stepsToken),
-		progress_default(stepsToken),
-		rtl_default(stepsToken)
+		genIconStyle(stepsToken),
+		genVerticalStyle(stepsToken),
+		genHorizontalStyle(stepsToken),
+		genLabelPlacementStyle(stepsToken),
+		genSmallStyle(stepsToken),
+		genDotStyle(stepsToken),
+		genStatusStyle(stepsToken),
+		genLegacyNavStyle(stepsToken),
+		genPanelStyle(stepsToken),
+		genInlineStyle(stepsToken),
+		genStepsProgressStyle(stepsToken),
+		genRTLStyle(stepsToken),
+		genMaxCountStyle(stepsToken)
 	];
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/steps/style/inline.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/inline.d.ts

package/dist/steps/style/inline.js

@@ -1,5 +1,4 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/steps/style/inline.ts
 const genInlineStyle = (token) => {
 	const { componentCls, inlineDotSize, paddingXS, lineWidth, antCls, calc } = token;
@@ -44,7 +43,5 @@ const genInlineStyle = (token) => {
 		}
 	} };
 };
-var inline_default = genInlineStyle;
-
 //#endregion
-export { inline_default as default };
+export { genInlineStyle as default };

package/dist/steps/style/label-placement.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/label-placement.d.ts

package/dist/steps/style/label-placement.js

@@ -1,6 +1,5 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { getItemWithWidthStyle } from "./util.js";
-
 //#region src/steps/style/label-placement.ts
 const genLabelPlacementStyle = (token) => {
 	const { componentCls, descriptionMaxWidth, marginXS, fontHeightLG, margin, paddingSM, marginXXS, antCls, calc } = token;
@@ -78,7 +77,5 @@ const genLabelPlacementStyle = (token) => {
 		}
 	};
 };
-var label_placement_default = genLabelPlacementStyle;
-
 //#endregion
-export { label_placement_default as default };
+export { genLabelPlacementStyle as default };

package/dist/steps/style/max-count.d.ts

@@ -0,0 +1,8 @@
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@antdv-next/cssinjs";
+
+//#region src/steps/style/max-count.d.ts
+declare const genMaxCountStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genMaxCountStyle as default };

package/dist/steps/style/max-count.js

@@ -0,0 +1,8 @@
+//#region src/steps/style/max-count.ts
+const genMaxCountStyle = (token) => {
+	const { componentCls } = token;
+	const itemCls = `${componentCls}-item`;
+	return { [`${componentCls}-max-count`]: { [`${itemCls}-ellipsis`]: { [`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: { color: token.colorTextDescription } } } };
+};
+//#endregion
+export { genMaxCountStyle as default };

package/dist/steps/style/nav.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/nav.d.ts

package/dist/steps/style/nav.js

@@ -1,6 +1,5 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/steps/style/nav.ts
 const genLegacyNavStyle = (token) => {
 	const { componentCls, fontSizeIcon, navContentMaxWidth, navArrowColor, colorPrimary, motionDurationSlow, antCls, calc } = token;
@@ -85,7 +84,5 @@ const genLegacyNavStyle = (token) => {
 		} }
 	} };
 };
-var nav_default = genLegacyNavStyle;
-
 //#endregion
-export { nav_default as default };
+export { genLegacyNavStyle as default };

package/dist/steps/style/panel.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/panel.d.ts

package/dist/steps/style/panel.js

@@ -1,6 +1,5 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/steps/style/panel.ts
 const genPanelStyle = (token) => {
 	const { componentCls, lineWidthBold, borderRadius, borderRadiusSM, motionDurationMid, paddingXS, lineType, paddingSM, antCls, calc } = token;
@@ -97,7 +96,5 @@ const genPanelStyle = (token) => {
 		} } }
 	] };
 };
-var panel_default = genPanelStyle;
-
 //#endregion
-export { panel_default as default };
+export { genPanelStyle as default };

package/dist/steps/style/progress-dot.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/progress-dot.d.ts

package/dist/steps/style/progress-dot.js

@@ -1,6 +1,5 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { getItemWithWidthStyle } from "./util.js";
-
 //#region src/steps/style/progress-dot.ts
 const genDotStyle = (token) => {
 	const { componentCls, iconSize, dotSize, dotCurrentSize, marginXXS, lineWidthBold, fontSizeSM, antCls } = token;
@@ -34,7 +33,5 @@ const genDotStyle = (token) => {
 		[`&${componentCls}-horizontal`]: { [`&, &${componentCls}-small`]: getItemWithWidthStyle(token, marginXXS) }
 	} };
 };
-var progress_dot_default = genDotStyle;
-
 //#endregion
-export { progress_dot_default as default };
+export { genDotStyle as default };

package/dist/steps/style/progress.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/progress.d.ts

package/dist/steps/style/progress.js

@@ -1,5 +1,4 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/steps/style/progress.ts
 const genStepsProgressStyle = (token) => {
 	const { calc, antCls, componentCls, lineWidthBold, motionDurationSlow } = token;
@@ -35,7 +34,5 @@ const genStepsProgressStyle = (token) => {
 		}
 	} };
 };
-var progress_default = genStepsProgressStyle;
-
 //#endregion
-export { progress_default as default };
+export { genStepsProgressStyle as default };

package/dist/steps/style/rtl.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/rtl.d.ts

package/dist/steps/style/rtl.js

@@ -1,6 +1,5 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/steps/style/rtl.ts
 const genRTLStyle = (token) => {
 	const { componentCls, lineWidthBold, antCls } = token;
@@ -21,7 +20,5 @@ const genRTLStyle = (token) => {
 		}
 	} };
 };
-var rtl_default = genRTLStyle;
-
 //#endregion
-export { rtl_default as default };
+export { genRTLStyle as default };

package/dist/steps/style/small.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/small.d.ts

package/dist/steps/style/small.js

@@ -1,6 +1,5 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { getItemWithWidthStyle } from "./util.js";
-
 //#region src/steps/style/small.ts
 const genSmallStyle = (token) => {
 	const { componentCls, iconSizeSM, fontSize, lineHeight, marginXS, fontHeight, marginSM, paddingXS, antCls } = token;
@@ -16,7 +15,5 @@ const genSmallStyle = (token) => {
 		[`&${componentCls}-horizontal${componentCls}-title-vertical`]: getItemWithWidthStyle(token, marginXS)
 	} };
 };
-var small_default = genSmallStyle;
-
 //#endregion
-export { small_default as default };
+export { genSmallStyle as default };

package/dist/steps/style/status.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/status.d.ts

package/dist/steps/style/status.js

@@ -1,5 +1,4 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/steps/style/status.ts
 const STATUS_WAIT = "wait";
 const STATUS_PROCESS = "process";
@@ -179,7 +178,5 @@ const genStatusStyle = (token) => {
 		} }
 	] };
 };
-var status_default = genStatusStyle;
-
 //#endregion
-export { STATUS_ERROR, STATUS_FINISH, STATUS_PROCESS, STATUS_WAIT, status_default as default };
+export { STATUS_ERROR, STATUS_FINISH, STATUS_PROCESS, STATUS_WAIT, genStatusStyle as default };

package/dist/steps/style/util.js

@@ -1,5 +1,4 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/steps/style/util.ts
 function withoutVar(cssVar) {
 	return (cssVar || "--ant-not-exist").replace(/var\((.*)\)/, "$1");
@@ -21,6 +20,5 @@ function getItemWithWidthStyle(token, marginSize, optionalStyle) {
 		}
 	}, optionalStyle] };
 }
-
 //#endregion
-export { getItemWithWidthStyle };
+export { getItemWithWidthStyle };

package/dist/steps/style/vertical.d.ts

@@ -1,6 +1,5 @@
 import { StepsToken } from "./index.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
-import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/steps/style/vertical.d.ts

package/dist/steps/style/vertical.js

@@ -1,5 +1,4 @@
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
-
 //#region src/steps/style/vertical.ts
 const genVerticalStyle = (token) => {
 	const { componentCls, marginXXS, paddingSM, controlHeight, antCls, calc } = token;
@@ -26,7 +25,5 @@ const genVerticalStyle = (token) => {
 		}
 	} };
 };
-var vertical_default = genVerticalStyle;
-
 //#endregion
-export { vertical_default as default };
+export { genVerticalStyle as default };

package/dist/steps/useDisplaySteps.d.ts

@@ -0,0 +1,22 @@
+import { StepItem } from "./index.js";
+import { ComputedRef, Ref } from "vue";
+
+//#region src/steps/useDisplaySteps.d.ts
+interface DisplayStep {
+  item: StepItem;
+  originIndex: number;
+}
+interface UseDisplayStepsResult {
+  canApplyMaxCount: ComputedRef<boolean>;
+  displaySteps: ComputedRef<DisplayStep[]>;
+  mappedDisplayCurrent: ComputedRef<number>;
+  displayItems: ComputedRef<StepItem[]>;
+}
+/**
+ * Convert the original items/current into the list consumed by @v-c/steps.
+ * When steps are collapsed, @v-c/steps receives a compact item list and a remapped current,
+ * while callers still interact with the original step indexes through `onChange`.
+ */
+declare function useDisplaySteps(mergedItems: Ref<StepItem[]>, current: Ref<number>, initial: Ref<number>, maxCount: Ref<number | undefined>, prefixCls: Ref<string>): UseDisplayStepsResult;
+//#endregion
+export { useDisplaySteps as default };