antdv-next 1.0.0-beta.2 → 1.0.0-rc.1

package/dist/slider/index.d.mts

@@ -2,15 +2,28 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import { Orientation } from "../_util/hooks/useOrientation.mjs";
 import "../_util/hooks/index.mjs";
 import { TooltipPlacement, TriggerCommonApi } from "../tooltip/index.mjs";
-import * as vue175 from "vue";
+import * as vue153 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { SliderProps } from "@v-c/slider";
 
 //#region src/slider/index.d.ts
 type SliderMarks = SliderProps['marks'];
-type SemanticName = 'root' | 'tracks' | 'track' | 'rail' | 'handle';
-type SliderClassNamesType = SemanticClassNamesType<SliderBaseProps, SemanticName>;
-type SliderStylesType = SemanticStylesType<SliderBaseProps, SemanticName>;
+interface SliderSemanticClassNames {
+  root?: string;
+  tracks?: string;
+  track?: string;
+  rail?: string;
+  handle?: string;
+}
+interface SliderSemanticStyles {
+  root?: CSSProperties;
+  tracks?: CSSProperties;
+  track?: CSSProperties;
+  rail?: CSSProperties;
+  handle?: CSSProperties;
+}
+type SliderClassNamesType = SemanticClassNamesType<SliderBaseProps, SliderSemanticClassNames>;
+type SliderStylesType = SemanticStylesType<SliderBaseProps, SliderSemanticStyles>;
 interface SliderProps$1 extends Omit<SliderProps, 'styles' | 'classNames'> {
   classes?: SliderClassNamesType;
   styles?: SliderStylesType;
@@ -69,8 +82,8 @@ interface SliderEmits {
 }
 interface SliderSlots {}
 type SliderRange = SliderProps['range'];
-declare const Slider: vue175.DefineSetupFnComponent<SliderInternalProps, SliderEmits, SlotsType<SliderSlots>, SliderInternalProps & {
+declare const Slider: vue153.DefineSetupFnComponent<SliderInternalProps, SliderEmits, SlotsType<SliderSlots>, SliderInternalProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue175.PublicProps>;
+}, vue153.PublicProps>;
 //#endregion
 export { Slider, SliderEmits, SliderProps$1 as SliderProps };

package/dist/slider/index.mjs

@@ -76,8 +76,8 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 	return () => {
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const { rootClass, tooltip, range } = props;
-		const tooltipProps$1 = { ...tooltip };
-		const { placement: tooltipPlacement, getPopupContainer: getTooltipPopupContainer, prefixCls: customizeTooltipPrefixCls, formatter: tipFormatter } = tooltipProps$1;
+		const tooltipProps = { ...tooltip };
+		const { placement: tooltipPlacement, getPopupContainer: getTooltipPopupContainer, prefixCls: customizeTooltipPrefixCls, formatter: tipFormatter } = tooltipProps;
 		const rootClassNames = clsx(className, contextClassName.value, mergedClassNames.value.root, rootClass, {
 			[`${prefixCls.value}-rtl`]: isRTL.value,
 			[`${prefixCls.value}-lock`]: dragging.value
@@ -132,7 +132,7 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 				}
 			});
 			const open = (!!lockOpen.value || activeOpen.value) && mergedTipFormatter !== null;
-			if (!useActiveTooltipHandle) return createVNode(SliderTooltip_default, mergeProps(tooltipProps$1, {
+			if (!useActiveTooltipHandle) return createVNode(SliderTooltip_default, mergeProps(tooltipProps, {
 				"prefixCls": getPrefixCls("tooltip", customizeTooltipPrefixCls),
 				"title": mergedTipFormatter ? mergedTipFormatter(value) : "",
 				"value": value,
@@ -146,7 +146,7 @@ const Slider = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose })
 		});
 		const activeHandleRender = useActiveTooltipHandle ? ({ node, ...info }) => {
 			const cloneNode = cloneVNode(node, { style: { visibility: "hidden" } });
-			return createVNode(SliderTooltip_default, mergeProps(tooltipProps$1, {
+			return createVNode(SliderTooltip_default, mergeProps(tooltipProps, {
 				"prefixCls": getPrefixCls("tooltip", customizeTooltipPrefixCls),
 				"title": mergedTipFormatter ? mergedTipFormatter(info.value) : "",
 				"open": mergedTipFormatter !== null && activeOpen.value,

package/dist/space/index.d.mts

@@ -6,14 +6,23 @@ import "../_util/hooks/index.mjs";
 import { SpaceCompactProps } from "./Compact.mjs";
 import { SpaceCompactCellProps } from "./Addon.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue124 from "vue";
-import { SlotsType } from "vue";
+import * as vue155 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/space/index.d.ts
 type SpaceSize = SizeType | number;
-type SemanticName = 'root' | 'item' | 'separator';
-type SpaceClassNamesType = SemanticClassNamesType<SpaceProps, SemanticName>;
-type SpaceStylesType = SemanticStylesType<SpaceProps, SemanticName>;
+interface SpaceSemanticClassNames {
+  root?: string;
+  item?: string;
+  separator?: string;
+}
+interface SpaceSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  separator?: CSSProperties;
+}
+type SpaceClassNamesType = SemanticClassNamesType<SpaceProps, SpaceSemanticClassNames>;
+type SpaceStylesType = SemanticStylesType<SpaceProps, SpaceSemanticStyles>;
 interface SpaceProps extends ComponentBaseProps {
   size?: SpaceSize | [SpaceSize, SpaceSize];
   /** @deprecated please use `orientation` instead */
@@ -30,10 +39,10 @@ interface SpaceSlots {
   default?: () => any;
   separator?: () => any;
 }
-declare const Space: vue124.DefineSetupFnComponent<SpaceProps, EmptyEmit, SlotsType<SpaceSlots>, SpaceProps & {
+declare const Space: vue155.DefineSetupFnComponent<SpaceProps, EmptyEmit, SlotsType<SpaceSlots>, SpaceProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue124.PublicProps>;
-declare const SpaceCompact: vue124.DefineSetupFnComponent<SpaceCompactProps, {}, {}, SpaceCompactProps & {}, vue124.PublicProps>;
-declare const SpaceAddon: vue124.DefineSetupFnComponent<SpaceCompactCellProps, {}, {}, SpaceCompactCellProps & {}, vue124.PublicProps>;
+}, vue155.PublicProps>;
+declare const SpaceCompact: vue155.DefineSetupFnComponent<SpaceCompactProps, {}, {}, SpaceCompactProps & {}, vue155.PublicProps>;
+declare const SpaceAddon: vue155.DefineSetupFnComponent<SpaceCompactCellProps, {}, {}, SpaceCompactCellProps & {}, vue155.PublicProps>;
 //#endregion
 export { Space, SpaceAddon, SpaceCompact, SpaceProps, SpaceSize, SpaceSlots };

package/dist/spin/Indicator/Progress.mjs

@@ -31,9 +31,9 @@ const CustomCircle = /* @__PURE__ */ defineComponent((props) => {
 	}
 } });
 const Progress = /* @__PURE__ */ defineComponent((props) => {
-	const render$1 = shallowRef(false);
+	const render = shallowRef(false);
 	watch(() => props.percent !== 0, () => {
-		if (props.percent !== 0) render$1.value = true;
+		if (props.percent !== 0) render.value = true;
 	}, { immediate: true });
 	return () => {
 		const { percent, prefixCls } = props;
@@ -41,7 +41,7 @@ const Progress = /* @__PURE__ */ defineComponent((props) => {
 		const holderClassName = `${dotClassName}-holder`;
 		const hideClassName = `${holderClassName}-hidden`;
 		const safePtg = Math.max(Math.min(percent, 100), 0);
-		if (!render$1.value) return null;
+		if (!render.value) return null;
 		const circleStyle = {
 			strokeDashoffset: `${circumference / 4}`,
 			strokeDasharray: `${circumference * safePtg / 100} ${circumference * (100 - safePtg) / 100}`

package/dist/spin/index.d.mts

@@ -2,15 +2,28 @@ import { EmptyEmit, VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue138 from "vue";
+import * as vue161 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/spin/index.d.ts
 declare const _SpinSizes: readonly ["small", "default", "large"];
 type SpinSize = (typeof _SpinSizes)[number];
-type SemanticName = 'root' | 'wrapper' | 'mask' | 'indicator' | 'tip';
-type SpinClassNamesType = SemanticClassNamesType<SpinProps, SemanticName>;
-type SpinStylesType = SemanticStylesType<SpinProps, SemanticName, {
+interface SpinSemanticClassNames {
+  root?: string;
+  wrapper?: string;
+  mask?: string;
+  indicator?: string;
+  tip?: string;
+}
+interface SpinSemanticStyles {
+  root?: CSSProperties;
+  wrapper?: CSSProperties;
+  mask?: CSSProperties;
+  indicator?: CSSProperties;
+  tip?: CSSProperties;
+}
+type SpinClassNamesType = SemanticClassNamesType<SpinProps, SpinSemanticClassNames>;
+type SpinStylesType = SemanticStylesType<SpinProps, SpinSemanticStyles, {
   wrapper?: CSSProperties;
 }>;
 interface SpinProps extends ComponentBaseProps {
@@ -37,9 +50,9 @@ interface SpinSlots {
   tip?: () => any;
   default?: () => any;
 }
-declare const Spin: vue138.DefineSetupFnComponent<SpinProps, EmptyEmit, SlotsType<SpinSlots>, SpinProps & {
+declare const Spin: vue161.DefineSetupFnComponent<SpinProps, EmptyEmit, SlotsType<SpinSlots>, SpinProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue138.PublicProps>;
+}, vue161.PublicProps>;
 declare const _default: typeof Spin & {
   setDefaultIndicator: (indicator: VueNode) => void;
 };

package/dist/splitter/SplitBar.mjs

@@ -106,22 +106,22 @@ const SplitBar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const collapsibleIconEnd = getSlotPropsFnRun(slots, { collapsibleIconEnd: propCollapsibleIconEnd }, "collapsibleIconEnd", false);
 		const draggerIcon = getSlotPropsFnRun(slots, props, "draggerIcon", false);
 		const renderIconsFn = () => {
-			let startIcon$1 = null;
-			let endIcon$1 = null;
-			const startCustomize$1 = collapsibleIconStart !== void 0;
-			const endCustomize$1 = collapsibleIconEnd !== void 0;
+			let startIcon = null;
+			let endIcon = null;
+			const startCustomize = collapsibleIconStart !== void 0;
+			const endCustomize = collapsibleIconEnd !== void 0;
 			if (vertical.value) {
-				startIcon$1 = startCustomize$1 ? collapsibleIconStart : createVNode(UpOutlined, null, null);
-				endIcon$1 = endCustomize$1 ? collapsibleIconEnd : createVNode(DownOutlined, null, null);
+				startIcon = startCustomize ? collapsibleIconStart : createVNode(UpOutlined, null, null);
+				endIcon = endCustomize ? collapsibleIconEnd : createVNode(DownOutlined, null, null);
 			} else {
-				startIcon$1 = startCustomize$1 ? collapsibleIconStart : createVNode(LeftOutlined, null, null);
-				endIcon$1 = endCustomize$1 ? collapsibleIconEnd : createVNode(RightOutlined, null, null);
+				startIcon = startCustomize ? collapsibleIconStart : createVNode(LeftOutlined, null, null);
+				endIcon = endCustomize ? collapsibleIconEnd : createVNode(RightOutlined, null, null);
 			}
 			return [
-				startIcon$1,
-				endIcon$1,
-				startCustomize$1,
-				endCustomize$1
+				startIcon,
+				endIcon,
+				startCustomize,
+				endCustomize
 			];
 		};
 		const [startIcon, endIcon, startCustomize, endCustomize] = renderIconsFn();

package/dist/splitter/Splitter.d.mts

@@ -1,10 +1,10 @@
 import { SplitterEmits, SplitterProps, SplitterSlots } from "./interface.mjs";
-import * as vue406 from "vue";
+import * as vue407 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/splitter/Splitter.d.ts
-declare const Splitter: vue406.DefineSetupFnComponent<SplitterProps, SplitterEmits, SlotsType<SplitterSlots>, SplitterProps & {
+declare const Splitter: vue407.DefineSetupFnComponent<SplitterProps, SplitterEmits, SlotsType<SplitterSlots>, SplitterProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue406.PublicProps>;
+}, vue407.PublicProps>;
 //#endregion
 export { Splitter };

package/dist/splitter/Splitter.mjs

@@ -42,7 +42,7 @@ const Splitter = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 		containerSize.value = _containerSize;
 	};
 	const [panelSizes, itemPxSizes, itemPtgSizes, itemPtgMinSizes, itemPtgMaxSizes, updateSizes] = useSizes(items, containerSize);
-	const resizableInfos = useResizable(items, itemPxSizes, isRTL);
+	const resizableInfos = useResizable(items, itemPxSizes, reverse);
 	const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] = useResize(items, resizableInfos, itemPtgSizes, containerSize, updateSizes, isRTL);
 	const onInternalResizeStart = (index) => {
 		onOffsetStart(index);

package/dist/splitter/hooks/useItems.mjs

@@ -20,7 +20,7 @@ function getCollapsible(collapsible) {
 */
 function convertChildrenToItems(children) {
 	return filterEmpty(children).filter((item) => isVNode(item)).map((node) => {
-		const { props, children: children$1 } = node;
+		const { props, children } = node;
 		const defaultSize = props?.["default-size"] ?? props?.defaultSize;
 		const { collapsible, resizable, ...restProps } = props ?? {};
 		const mergedResizable = resizable !== false;
@@ -29,7 +29,7 @@ function convertChildrenToItems(children) {
 			defaultSize,
 			resizable: mergedResizable,
 			collapsible: getCollapsible(collapsible),
-			_$slots: children$1
+			_$slots: children
 		};
 	});
 }

package/dist/splitter/hooks/useResizable.mjs

@@ -11,7 +11,7 @@ function getShowCollapsibleIcon(prev, next) {
 	if (next.collapsible) return next.showCollapsibleIcon;
 	return false;
 }
-function useResizable(items, pxSizes, isRTL) {
+function useResizable(items, pxSizes, reverse) {
 	return computed(() => {
 		const resizeInfos = [];
 		const itemsLen = items.value.length;
@@ -45,10 +45,10 @@ function useResizable(items, pxSizes, isRTL) {
 			});
 			resizeInfos[i] = {
 				resizable: mergedResizable,
-				startCollapsible: !!(isRTL.value ? endCollapsible : startCollapsible),
-				endCollapsible: !!(isRTL.value ? startCollapsible : endCollapsible),
-				showStartCollapsibleIcon: isRTL.value ? showEndCollapsibleIcon : showStartCollapsibleIcon,
-				showEndCollapsibleIcon: isRTL.value ? showStartCollapsibleIcon : showEndCollapsibleIcon
+				startCollapsible: !!(reverse.value ? endCollapsible : startCollapsible),
+				endCollapsible: !!(reverse.value ? startCollapsible : endCollapsible),
+				showStartCollapsibleIcon: reverse.value ? showEndCollapsibleIcon : showStartCollapsibleIcon,
+				showEndCollapsibleIcon: reverse.value ? showStartCollapsibleIcon : showEndCollapsibleIcon
 			};
 		}
 		return resizeInfos;

package/dist/splitter/hooks/useResize.mjs

@@ -5,7 +5,7 @@ import { computed, shallowRef } from "vue";
 /**
 * Handle user drag resize logic.
 */
-function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, isRTL) {
+function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, reverse) {
 	const limitSizes = computed(() => items.value.map((item) => [item.min, item.max]));
 	const mergedContainerSize = computed(() => containerSize.value || 0);
 	const ptg2px = (ptg) => ptg * mergedContainerSize.value;
@@ -68,7 +68,7 @@ function useResize(items, resizableInfos, percentSizes, containerSize, updateSiz
 	};
 	const onCollapse = (index, type) => {
 		const currentSizes = getPxSizes();
-		const adjustedType = isRTL.value ? type === "start" ? "end" : "start" : type;
+		const adjustedType = reverse.value ? type === "start" ? "end" : "start" : type;
 		const currentIndex = adjustedType === "start" ? index : index + 1;
 		const targetIndex = adjustedType === "start" ? index + 1 : index;
 		const currentSize = currentSizes[currentIndex];

package/dist/splitter/index.d.mts

@@ -1,8 +1,8 @@
 import { InternalPanelProps, SplitterEmits, SplitterProps, SplitterSlots } from "./interface.mjs";
 import { Splitter } from "./Splitter.mjs";
-import * as vue148 from "vue";
+import * as vue163 from "vue";
 
 //#region src/splitter/index.d.ts
-declare const SplitterPanel: vue148.DefineSetupFnComponent<InternalPanelProps, {}, {}, InternalPanelProps & {}, vue148.PublicProps>;
+declare const SplitterPanel: vue163.DefineSetupFnComponent<InternalPanelProps, {}, {}, InternalPanelProps & {}, vue163.PublicProps>;
 //#endregion
 export { SplitterPanel };

package/dist/splitter/interface.d.mts

@@ -1,5 +1,5 @@
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import { Orientation } from "../_util/hooks/useOrientation.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
@@ -7,13 +7,27 @@ import { ShowCollapsibleIconMode } from "./SplitBar.mjs";
 import { CSSProperties } from "vue";
 
 //#region src/splitter/interface.d.ts
-type DraggerSemantic = 'default' | 'active';
-type SplitterSemanticName = 'root' | 'panel';
-type SplitterClassNamesType = SemanticClassNamesType<SplitterProps, SplitterSemanticName, {
-  dragger?: string | SemanticClassNames<DraggerSemantic>;
+interface SplitterSemanticClassNames {
+  root?: string;
+  panel?: string;
+}
+interface SplitterSemanticStyles {
+  root?: CSSProperties;
+  panel?: CSSProperties;
+}
+interface DraggerSemanticClassNames {
+  default?: string;
+  active?: string;
+}
+interface DraggerSemanticStyles {
+  default?: CSSProperties;
+  active?: CSSProperties;
+}
+type SplitterClassNamesType = SemanticClassNamesType<SplitterProps, SplitterSemanticClassNames, {
+  dragger?: string | DraggerSemanticClassNames;
 }>;
-type SplitterStylesType = SemanticStylesType<SplitterProps, SplitterSemanticName, {
-  dragger?: CSSProperties | SemanticStyles<DraggerSemantic>;
+type SplitterStylesType = SemanticStylesType<SplitterProps, SplitterSemanticStyles, {
+  dragger?: CSSProperties | DraggerSemanticStyles;
 }>;
 interface SplitterProps extends ComponentBaseProps {
   classes?: SplitterClassNamesType;

package/dist/splitter/style/index.mjs

@@ -3,31 +3,6 @@ import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.mjs";
 import "../../theme/internal.mjs";
 
 //#region src/splitter/style/index.ts
-function genRtlStyle(token) {
-	const { componentCls } = token;
-	return {
-		[`&-rtl${componentCls}-horizontal`]: { [`> ${componentCls}-bar`]: {
-			[`${componentCls}-bar-collapse-previous`]: {
-				insetInlineEnd: 0,
-				insetInlineStart: "unset"
-			},
-			[`${componentCls}-bar-collapse-next`]: {
-				insetInlineEnd: "unset",
-				insetInlineStart: 0
-			}
-		} },
-		[`&-rtl${componentCls}-vertical`]: { [`> ${componentCls}-bar`]: {
-			[`${componentCls}-bar-collapse-previous`]: {
-				insetInlineEnd: "50%",
-				insetInlineStart: "unset"
-			},
-			[`${componentCls}-bar-collapse-next`]: {
-				insetInlineEnd: "50%",
-				insetInlineStart: "unset"
-			}
-		} }
-	};
-}
 const centerStyle = {
 	position: "absolute",
 	top: "50%",
@@ -39,10 +14,10 @@ const centerStyle = {
 };
 const genSplitterStyle = (token) => {
 	const { componentCls, colorFill, splitBarDraggableSize, splitBarSize, splitTriggerSize, controlItemBgHover, controlItemBgActive, controlItemBgActiveHover, colorPrimary, antCls, calc } = token;
+	const [, varRef] = genCssVar(antCls, "splitter");
 	const splitBarCls = `${componentCls}-bar`;
 	const splitMaskCls = `${componentCls}-mask`;
 	const splitPanelCls = `${componentCls}-panel`;
-	const [, varRef] = genCssVar(antCls, "splitter");
 	const halfTriggerSize = calc(splitTriggerSize).div(2).equal();
 	const splitterBarPreviewStyle = {
 		position: "absolute",
@@ -239,8 +214,7 @@ const genSplitterStyle = (token) => {
 				overflow: "hidden"
 			},
 			[`&:has(${componentCls}:only-child)`]: { overflow: "hidden" }
-		},
-		...genRtlStyle(token)
+		}
 	} };
 };
 const prepareComponentToken = (token) => {

package/dist/statistic/Statistic.d.mts

@@ -3,13 +3,28 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { FormatConfig, valueType } from "./utils.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue328 from "vue";
+import * as vue299 from "vue";
 import { CSSProperties, SlotsType, VNodeChild } from "vue";
 
 //#region src/statistic/Statistic.d.ts
-type SemanticName = 'root' | 'content' | 'title' | 'header' | 'prefix' | 'suffix';
-type StatisticClassNamesType = SemanticClassNamesType<StatisticProps, SemanticName>;
-type StatisticStylesType = SemanticStylesType<StatisticProps, SemanticName>;
+interface StatisticSemanticClassNames {
+  root?: string;
+  content?: string;
+  title?: string;
+  header?: string;
+  prefix?: string;
+  suffix?: string;
+}
+interface StatisticSemanticStyles {
+  root?: CSSProperties;
+  content?: CSSProperties;
+  title?: CSSProperties;
+  header?: CSSProperties;
+  prefix?: CSSProperties;
+  suffix?: CSSProperties;
+}
+type StatisticClassNamesType = SemanticClassNamesType<StatisticProps, StatisticSemanticClassNames>;
+type StatisticStylesType = SemanticStylesType<StatisticProps, StatisticSemanticStyles>;
 type StatisticRectProps = FormatConfig & ComponentBaseProps & {
   value?: valueType;
   valueStyle?: CSSProperties;
@@ -33,7 +48,7 @@ interface StatisticSlots {
   prefix: () => any;
   suffix: () => any;
 }
-declare const Statistic: vue328.DefineSetupFnComponent<StatisticRectProps, StatisticEmits, SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
+declare const Statistic: vue299.DefineSetupFnComponent<StatisticRectProps, StatisticEmits, SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
   value?: valueType;
   valueStyle?: CSSProperties;
   valueRender?: (node: any) => VNodeChild;
@@ -45,6 +60,6 @@ declare const Statistic: vue328.DefineSetupFnComponent<StatisticRectProps, Stati
   styles?: StatisticStylesType;
 } & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue328.PublicProps>;
+}, vue299.PublicProps>;
 //#endregion
 export { Statistic, StatisticClassNamesType, StatisticProps, StatisticSlots, StatisticStylesType };

package/dist/statistic/Statistic.mjs

@@ -62,7 +62,7 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 			"style": mergedStyles.value.header
 		}, [createVNode("div", {
 			"class": titleClassNames,
-			"style": mergedStyles.value.header
+			"style": mergedStyles.value.title
 		}, [title])]), createVNode(skeleton_default, {
 			"paragraph": false,
 			"loading": loading,

package/dist/statistic/Timer.d.mts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.mjs";
 import { FormatConfig, valueType } from "./utils.mjs";
 import { StatisticClassNamesType, StatisticProps, StatisticSlots, StatisticStylesType } from "./Statistic.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue324 from "vue";
+import * as vue295 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/statistic/Timer.d.ts
@@ -19,10 +19,10 @@ interface StatisticTimeEmits {
   change: (value?: valueType) => void;
   [key: string]: (...args: any[]) => any;
 }
-declare const StatisticTimer: vue324.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
+declare const StatisticTimer: vue295.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
   value?: valueType;
-  valueStyle?: vue324.CSSProperties;
-  valueRender?: (node: any) => vue324.VNodeChild;
+  valueStyle?: vue295.CSSProperties;
+  valueRender?: (node: any) => vue295.VNodeChild;
   title?: VueNode;
   prefix?: VueNode;
   suffix?: VueNode;
@@ -34,6 +34,6 @@ declare const StatisticTimer: vue324.DefineSetupFnComponent<StatisticTimerProps,
   format?: string;
 } & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue324.PublicProps>;
+}, vue295.PublicProps>;
 //#endregion
 export { StatisticTimeEmits, StatisticTimer, StatisticTimerProps, TimerType };

package/dist/statistic/index.d.mts

@@ -3,13 +3,13 @@ import { FormatConfig, valueType } from "./utils.mjs";
 import { Statistic, StatisticClassNamesType, StatisticProps, StatisticSlots, StatisticStylesType } from "./Statistic.mjs";
 import { StatisticTimeEmits, StatisticTimer as StatisticTimer$1, StatisticTimerProps, TimerType } from "./Timer.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue152 from "vue";
+import * as vue165 from "vue";
 
 //#region src/statistic/index.d.ts
-declare const StatisticTimer: vue152.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, vue152.SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
+declare const StatisticTimer: vue165.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, vue165.SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
   value?: valueType;
-  valueStyle?: vue152.CSSProperties;
-  valueRender?: (node: any) => vue152.VNodeChild;
+  valueStyle?: vue165.CSSProperties;
+  valueRender?: (node: any) => vue165.VNodeChild;
   title?: VueNode;
   prefix?: VueNode;
   suffix?: VueNode;
@@ -21,7 +21,7 @@ declare const StatisticTimer: vue152.DefineSetupFnComponent<StatisticTimerProps,
   format?: string;
 } & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue152.PublicProps>;
+}, vue165.PublicProps>;
 declare const _default: typeof Statistic & {
   Timer: typeof StatisticTimer$1;
 };

package/dist/steps/context.mjs

@@ -1,7 +1,10 @@
-import { inject, ref } from "vue";
+import { inject, provide, ref } from "vue";
 
 //#region src/steps/context.ts
 const InternalContext = Symbol("InternalContext");
+function provideInternalContext(value) {
+	provide(InternalContext, value);
+}
 /**
 * When use this context. Will trade as sub component instead of root Steps component.
 */
@@ -10,4 +13,4 @@ function useInternalContext() {
 }
 
 //#endregion
-export { useInternalContext };
+export { provideInternalContext, useInternalContext };

package/dist/steps/index.d.mts

@@ -1,7 +1,7 @@
 import { VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
-import * as vue146 from "vue";
+import * as vue170 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { StepsProps } from "@v-c/steps";
 
@@ -11,9 +11,32 @@ type IconRenderType = (params: {
   oriNode: any;
   info: Pick<RcIconRenderTypeInfo, 'index' | 'active' | 'item' | 'components'>;
 }) => any;
-type StepsSemanticName = 'root' | 'item' | 'itemWrapper' | 'itemIcon' | 'itemSection' | 'itemHeader' | 'itemTitle' | 'itemSubtitle' | 'itemContent' | 'itemRail';
-type StepsClassNamesType = SemanticClassNamesType<StepsProps$1, StepsSemanticName>;
-type StepsStylesType = SemanticStylesType<StepsProps$1, StepsSemanticName>;
+interface StepsSemanticClassNames {
+  root?: string;
+  item?: string;
+  itemWrapper?: string;
+  itemIcon?: string;
+  itemSection?: string;
+  itemHeader?: string;
+  itemTitle?: string;
+  itemSubtitle?: string;
+  itemContent?: string;
+  itemRail?: string;
+}
+interface StepsSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  itemWrapper?: CSSProperties;
+  itemIcon?: CSSProperties;
+  itemSection?: CSSProperties;
+  itemHeader?: CSSProperties;
+  itemTitle?: CSSProperties;
+  itemSubtitle?: CSSProperties;
+  itemContent?: CSSProperties;
+  itemRail?: CSSProperties;
+}
+type StepsClassNamesType = SemanticClassNamesType<StepsProps$1, StepsSemanticClassNames>;
+type StepsStylesType = SemanticStylesType<StepsProps$1, StepsSemanticStyles>;
 interface StepItem {
   class?: string;
   style?: CSSProperties;
@@ -34,8 +57,7 @@ type ProgressDotRender = (params: {
   info: {
     index: number;
     status: NonNullable<StepsProps['status']>;
-    title: any;
-    /** @deprecated Please use `content` instead. */
+    title: any; /** @deprecated Please use `content` instead. */
     description: any;
     content: any;
   };
@@ -80,8 +102,8 @@ interface StepsSlots {
   default: () => any;
   iconRender?: IconRenderType;
 }
-declare const Steps: vue146.DefineSetupFnComponent<StepsProps$1, StepsEmits, SlotsType<StepsSlots>, StepsProps$1 & {
+declare const Steps: vue170.DefineSetupFnComponent<StepsProps$1, StepsEmits, SlotsType<StepsSlots>, StepsProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue146.PublicProps>;
+}, vue170.PublicProps>;
 //#endregion
-export { Steps, StepsProps$1 as StepsProps };
+export { StepItem, Steps, StepsProps$1 as StepsProps, StepsSemanticClassNames, StepsSemanticStyles };

package/dist/steps/index.mjs

@@ -172,9 +172,9 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"components": components.value,
 			"current": current,
 			"items": mergedItems.value,
-			"onChange": (current$1) => {
-				onChange?.(current$1);
-				emit("update:current", current$1);
+			"onChange": (current) => {
+				onChange?.(current);
+				emit("update:current", current);
 			},
 			"iconRender": internalIconRender,
 			"itemRender": itemRender,