antdv-next 1.3.6 → 1.4.0

package/dist/statistic/index.d.ts

@@ -1,11 +1,10 @@
 import Statistic, { InternalStatisticProps, StatisticSlots } from "./Statistic.js";
 import StatisticTimer$1, { InternalStatisticTimerProps, StatisticTimeEmits } from "./Timer.js";
-import * as vue841 from "vue";
 
 //#region src/statistic/index.d.ts
 type StatisticProps = InternalStatisticProps;
 type StatisticTimerProps = InternalStatisticTimerProps;
-declare const StatisticTimer: vue841.DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, vue841.SlotsType<StatisticSlots>, InternalStatisticTimerProps, vue841.PublicProps>;
+declare const StatisticTimer: import("vue").DefineSetupFnComponent<InternalStatisticTimerProps, StatisticTimeEmits, import("vue").SlotsType<StatisticSlots>, InternalStatisticTimerProps, import("vue").PublicProps>;
 declare const _default: typeof Statistic & {
   Timer: typeof StatisticTimer$1;
 };

package/dist/statistic/index.js

@@ -1,14 +1,12 @@
-import Statistic_default from "./Statistic.js";
-import Timer_default from "./Timer.js";
-
+import Statistic from "./Statistic.js";
+import StatisticTimer$1 from "./Timer.js";
 //#region src/statistic/index.tsx
-const StatisticTimer = Timer_default;
-Statistic_default.install = (app) => {
-	app.component(Statistic_default.name, Statistic_default);
+const StatisticTimer = StatisticTimer$1;
+Statistic.install = (app) => {
+	app.component(Statistic.name, Statistic);
 	app.component(StatisticTimer.name, StatisticTimer);
 };
-Statistic_default.Timer = Timer_default;
-var statistic_default = Statistic_default;
-
+Statistic.Timer = StatisticTimer$1;
+var statistic_default = Statistic;
 //#endregion
-export { StatisticTimer, statistic_default as default };
+export { StatisticTimer, statistic_default as default };

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

@@ -1,7 +1,4 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue370 from "vue";
-
 //#region src/statistic/style/index.d.ts
 interface ComponentToken {
   /**
@@ -16,6 +13,6 @@ interface ComponentToken {
   contentFontSize: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Statistic'>;
-declare const _default: (prefixCls: vue370.Ref<string>, rootCls?: vue370.Ref<string | undefined>) => readonly [vue370.Ref<string, string>, vue370.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, _default as default, prepareComponentToken };

package/dist/statistic/style/index.js

@@ -1,7 +1,6 @@
 import { resetComponent } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
-
 //#region src/statistic/style/index.ts
 const genStatisticStyle = (token) => {
 	const { componentCls, marginXXS, padding, colorTextDescription, titleFontSize, colorTextHeading, contentFontSize, fontFamily } = token;
@@ -39,6 +38,5 @@ const prepareComponentToken = (token) => {
 var style_default = genStyleHooks("Statistic", (token) => {
 	return genStatisticStyle(mergeToken(token, {}));
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/statistic/utils.js

@@ -37,6 +37,5 @@ function formatCounter(value, config, down) {
 	const current = Date.now();
 	return formatTimeStr(down ? Math.max(target - current, 0) : Math.max(current - target, 0), format);
 }
-
 //#endregion
-export { formatCounter, formatTimeStr };
+export { formatCounter, formatTimeStr };

package/dist/steps/PanelArrow.d.ts

@@ -1,9 +1,7 @@
-import * as vue644 from "vue";
-
 //#region src/steps/PanelArrow.d.ts
 interface PanelArrowProps {
   prefixCls: string;
 }
-declare const PanelArrow: vue644.DefineSetupFnComponent<PanelArrowProps, {}, {}, PanelArrowProps & {}, vue644.PublicProps>;
+declare const PanelArrow: import("vue").DefineSetupFnComponent<PanelArrowProps, {}, {}, PanelArrowProps & {}, import("vue").PublicProps>;
 //#endregion
 export { PanelArrowProps, PanelArrow as default };

package/dist/steps/PanelArrow.js

@@ -1,5 +1,4 @@
 import { createTextVNode, createVNode, defineComponent } from "vue";
-
 //#region src/steps/PanelArrow.tsx
 const PanelArrow = /* @__PURE__ */ defineComponent((props) => {
 	return () => {
@@ -18,7 +17,5 @@ const PanelArrow = /* @__PURE__ */ defineComponent((props) => {
 	} },
 	name: "PanelArrow"
 });
-var PanelArrow_default = PanelArrow;
-
 //#endregion
-export { PanelArrow_default as default };
+export { PanelArrow as default };

package/dist/steps/ProgressIcon.d.ts

@@ -1,11 +1,9 @@
-import * as vue648 from "vue";
-
 //#region src/steps/ProgressIcon.d.ts
 interface ProgressIconProps {
   prefixCls: string;
   rootPrefixCls: string;
   percent: number;
 }
-declare const ProgressIcon: vue648.DefineSetupFnComponent<ProgressIconProps, {}, {}, ProgressIconProps & {}, vue648.PublicProps>;
+declare const ProgressIcon: import("vue").DefineSetupFnComponent<ProgressIconProps, {}, {}, ProgressIconProps & {}, import("vue").PublicProps>;
 //#endregion
 export { ProgressIconProps, ProgressIcon as default };

package/dist/steps/ProgressIcon.js

@@ -1,7 +1,6 @@
 import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { Fragment, createTextVNode, createVNode, defineComponent } from "vue";
 import { clsx } from "@v-c/util";
-
 //#region src/steps/ProgressIcon.tsx
 const ProgressIcon = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	return () => {
@@ -46,7 +45,5 @@ const ProgressIcon = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	},
 	name: "ProgressIcon"
 });
-var ProgressIcon_default = ProgressIcon;
-
 //#endregion
-export { ProgressIcon_default as default };
+export { ProgressIcon as default };

package/dist/steps/context.js

@@ -1,5 +1,4 @@
 import { inject, provide, ref } from "vue";
-
 //#region src/steps/context.ts
 const InternalContext = Symbol("InternalContext");
 function provideInternalContext(value) {
@@ -11,6 +10,5 @@ function provideInternalContext(value) {
 function useInternalContext() {
 	return inject(InternalContext, ref(null));
 }
-
 //#endregion
-export { provideInternalContext, useInternalContext };
+export { provideInternalContext, useInternalContext };

package/dist/steps/index.d.ts

@@ -1,8 +1,6 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
-import * as vue887 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { StepsProps as StepsProps$1 } from "@v-c/steps";
 
@@ -40,6 +38,7 @@ interface StepsSemanticStyles {
 type StepsClassNamesType = SemanticClassNamesType<StepsProps, StepsSemanticClassNames>;
 type StepsStylesType = SemanticStylesType<StepsProps, StepsSemanticStyles>;
 interface StepItem {
+  key?: PropertyKey;
   class?: string;
   style?: CSSProperties;
   classes?: NonNullable<StepsProps$1['items']>[number]['classNames'];
@@ -81,6 +80,11 @@ interface BaseStepsProps {
   progressDot?: boolean | ProgressDotRender;
   responsive?: boolean;
   ellipsis?: boolean;
+  /**
+   * Maximum number of step items to display (`>= 3`).
+   * Hidden step ranges are collapsed into disabled ellipsis steps.
+   */
+  maxCount?: number;
   /**
    * Set offset cell, only work when `type` is `inline`.
    */
@@ -106,6 +110,6 @@ interface StepsSlots {
   default: () => any;
   iconRender?: IconRenderType;
 }
-declare const Steps: vue887.DefineSetupFnComponent<StepsProps, StepsEmits, SlotsType<StepsSlots>, StepsProps, vue887.PublicProps>;
+declare const Steps: import("vue").DefineSetupFnComponent<StepsProps, StepsEmits, SlotsType<StepsSlots>, StepsProps, import("vue").PublicProps>;
 //#endregion
 export { BaseStepsProps, IconRenderType, ProgressDotRender, StepItem, StepsClassNamesType, StepsEmits, StepsEmitsProps, StepsProps, StepsSemanticClassNames, StepsSemanticName, StepsSemanticStyles, StepsSlots, StepsStylesType, Steps as default };

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 vue765 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: vue765.Ref<string>, rootCls?: vue765.Ref<string | undefined>) => readonly [vue765.Ref<string, string>, vue765.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