antdv-next 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/statistic/Number.js

@@ -31,11 +31,13 @@ const StatisticNumber = /* @__PURE__ */ defineComponent((props) => {
 }, { props: {
 	value: {
 		type: [Number, String],
-		required: true
+		required: true,
+		default: void 0
 	},
 	prefixCls: {
 		type: String,
-		required: false
+		required: false,
+		default: void 0
 	},
 	formatter: {
 		type: [
@@ -43,19 +45,23 @@ const StatisticNumber = /* @__PURE__ */ defineComponent((props) => {
 			String,
 			Function
 		],
-		required: false
+		required: false,
+		default: void 0
 	},
 	decimalSeparator: {
 		type: String,
-		required: false
+		required: false,
+		default: void 0
 	},
 	groupSeparator: {
 		type: String,
-		required: false
+		required: false,
+		default: void 0
 	},
 	precision: {
 		type: Number,
-		required: false
+		required: false,
+		default: void 0
 	}
 } });
 var Number_default = StatisticNumber;

package/dist/statistic/Statistic.d.ts

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

package/dist/statistic/Statistic.js

@@ -92,39 +92,48 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 				String,
 				Function
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		decimalSeparator: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		groupSeparator: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		precision: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		rootClass: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		value: {
 			type: [Number, String],
-			required: false
+			required: false,
+			default: void 0
 		},
 		valueStyle: {
 			type: Object,
-			required: false
+			required: false,
+			default: void 0
 		},
 		valueRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		title: {
 			type: [
@@ -135,7 +144,8 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefix: {
 			type: [
@@ -146,7 +156,8 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		suffix: {
 			type: [
@@ -157,19 +168,23 @@ const Statistic = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		loading: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		classes: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		styles: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		}
 	}, {
 		value: 0,

package/dist/statistic/Timer.d.ts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
 import { FormatConfig, valueType } from "./utils.js";
 import { StatisticClassNamesType, StatisticProps, StatisticSlots, StatisticStylesType } from "./Statistic.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue349 from "vue";
+import * as vue264 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: vue349.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
+declare const StatisticTimer: vue264.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
   value?: valueType;
-  valueStyle?: vue349.CSSProperties;
-  valueRender?: (node: any) => vue349.VNodeChild;
+  valueStyle?: vue264.CSSProperties;
+  valueRender?: (node: any) => vue264.VNodeChild;
   title?: VueNode;
   prefix?: VueNode;
   suffix?: VueNode;
@@ -34,6 +34,6 @@ declare const StatisticTimer: vue349.DefineSetupFnComponent<StatisticTimerProps,
   format?: string;
 } & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue349.PublicProps>;
+}, vue264.PublicProps>;
 //#endregion
 export { StatisticTimeEmits, StatisticTimer, StatisticTimerProps, TimerType };

package/dist/statistic/Timer.js

@@ -63,39 +63,48 @@ const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 				String,
 				Function
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		decimalSeparator: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		groupSeparator: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		precision: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		rootClass: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		value: {
 			type: [Number, String],
-			required: false
+			required: false,
+			default: void 0
 		},
 		valueStyle: {
 			type: Object,
-			required: false
+			required: false,
+			default: void 0
 		},
 		valueRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		title: {
 			type: [
@@ -106,7 +115,8 @@ const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefix: {
 			type: [
@@ -117,7 +127,8 @@ const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		suffix: {
 			type: [
@@ -128,27 +139,33 @@ const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		loading: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		classes: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		styles: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		type: {
 			type: String,
-			required: true
+			required: true,
+			default: void 0
 		},
 		format: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		}
 	}, {
 		value: 0,

package/dist/statistic/index.d.ts

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

package/dist/steps/PanelArrow.js

@@ -14,7 +14,8 @@ const PanelArrow = /* @__PURE__ */ defineComponent((props) => {
 }, {
 	props: { prefixCls: {
 		type: String,
-		required: true
+		required: true,
+		default: void 0
 	} },
 	name: "PanelArrow"
 });

package/dist/steps/ProgressIcon.js

@@ -1,13 +1,15 @@
+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 () => {
-		const { prefixCls, percent } = props;
+		const { prefixCls, rootPrefixCls, percent } = props;
 		const progressCls = `${prefixCls}-item-progress-icon`;
 		const circleCls = `${progressCls}-circle`;
-		const dashArray = `calc(var(--progress-r) * 2 * ${Math.PI * percent / 100}) 9999`;
+		const [, varRef] = genCssVar(rootPrefixCls, "cmp-steps");
+		const dashArray = `calc(${varRef("progress-radius")} * 2 * ${Math.PI * percent / 100}) 9999`;
 		return createVNode(Fragment, null, [createVNode("svg", {
 			"class": `${progressCls}-svg`,
 			"viewBox": "0 0 100 100",
@@ -31,11 +33,18 @@ const ProgressIcon = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	props: {
 		prefixCls: {
 			type: String,
-			required: true
+			required: true,
+			default: void 0
+		},
+		rootPrefixCls: {
+			type: String,
+			required: true,
+			default: void 0
 		},
 		percent: {
 			type: Number,
-			required: true
+			required: true,
+			default: void 0
 		}
 	},
 	name: "ProgressIcon"

package/dist/steps/index.d.ts

@@ -1,7 +1,7 @@
 import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
-import * as vue167 from "vue";
+import * as vue136 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { StepsProps } from "@v-c/steps";
 
@@ -80,8 +80,8 @@ interface StepsSlots {
   default: () => any;
   iconRender?: IconRenderType;
 }
-declare const Steps: vue167.DefineSetupFnComponent<StepsProps$1, StepsEmits, SlotsType<StepsSlots>, StepsProps$1 & {
+declare const Steps: vue136.DefineSetupFnComponent<StepsProps$1, StepsEmits, SlotsType<StepsSlots>, StepsProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue167.PublicProps>;
+}, vue136.PublicProps>;
 //#endregion
 export { Steps, StepsProps$1 as StepsProps };

package/dist/steps/index.js

@@ -1,4 +1,5 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
+import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { devUseWarning, isDev } from "../_util/warning.js";
 import "../_util/hooks/index.js";
@@ -25,7 +26,7 @@ function _isSlot(s) {
 const waveEffectClassNames = { itemIcon: TARGET_CLS };
 const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) => {
 	const internalContent = useInternalContext();
-	const { direction: rtlDirection, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls } = useComponentBaseConfig("steps", props);
+	const { direction: rtlDirection, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls, rootPrefixCls } = useComponentBaseConfig("steps", props);
 	const { size, items, responsive, type, classes, styles } = toPropsRefs(props, "size", "items", "responsive", "type", "classes", "styles");
 	const components = computed(() => {
 		return {
@@ -35,10 +36,11 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	});
 	const itemIconCls = computed(() => `${prefixCls.value}-item-icon`);
 	const [hashId, cssVarCls] = style_default(prefixCls);
+	const [varName] = genCssVar(rootPrefixCls.value, "cmp-steps");
 	const mergedSize = useSize(size);
 	const mergedItems = computed(() => (items.value || []).filter(Boolean));
 	const breakpoint = useBreakpoint_default(responsive);
-	const xl = computed(() => breakpoint.value?.xl);
+	const xs = computed(() => breakpoint.value?.xs);
 	const mergedType = computed(() => {
 		if (type.value && type.value !== "default") return type.value;
 		if (props.progressDot) return "dot";
@@ -49,7 +51,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	const mergedOrientation = computed(() => {
 		const nextOrientation = props.orientation || props.direction;
 		if (mergedType.value === "panel") return "horizontal";
-		return responsive.value && xl.value || nextOrientation === "vertical" ? "vertical" : "horizontal";
+		return responsive.value && xs.value || nextOrientation === "vertical" ? "vertical" : "horizontal";
 	});
 	const mergedTitlePlacement = computed(() => {
 		if (isDot.value || mergedOrientation.value === "vertical") return mergedOrientation.value === "vertical" ? "horizontal" : "vertical";
@@ -104,6 +106,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 						}();
 						numNode = createVNode(ProgressIcon_default, {
 							"prefixCls": prefixCls.value,
+							"rootPrefixCls": rootPrefixCls.value,
 							"percent": mergedPercent.value
 						}, _isSlot(numNode) ? numNode : { default: () => [_numNode] });
 					}
@@ -146,7 +149,7 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			return createVNode(Fragment, null, [itemNode, createVNode(PanelArrow_default, { "prefixCls": prefixCls.value }, null)]);
 		} : void 0;
 		const mergedStyle = {
-			"--steps-items-offset": offset,
+			[varName("items-offset")]: `${offset}`,
 			...contextStyle.value,
 			...style
 		};
@@ -183,91 +186,113 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	props: /* @__PURE__ */ mergeDefaults({
 		prefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		rootClass: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		classes: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		styles: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		variant: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		size: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		type: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		direction: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		orientation: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		labelPlacement: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		titlePlacement: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		progressDot: {
 			type: [Boolean, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		responsive: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		ellipsis: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		offset: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		current: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		initial: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		items: {
 			type: Array,
-			required: false
+			required: false,
+			default: void 0
 		},
 		percent: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		status: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		iconRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		onChange: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		}
 	}, {
 		variant: "filled",

package/dist/steps/style/horizontal.js

@@ -1,20 +1,23 @@
+import { genCssVar } from "../../theme/util/genStyleUtils.js";
+
 //#region src/steps/style/horizontal.ts
 const genHorizontalStyle = (token) => {
-	const { componentCls } = token;
+	const { componentCls, antCls } = token;
 	const itemCls = `${componentCls}-item`;
+	const [varName, varRef] = genCssVar(antCls, "cmp-steps");
 	return { [`${componentCls}-horizontal`]: { [`> ${itemCls}`]: {
 		flex: "1 1 auto",
 		minWidth: token.iconSize,
 		[`${itemCls}-rail`]: {
-			"--steps-horizontal-rail-margin": "calc(var(--steps-icon-size-max) / 2 + var(--steps-item-wrapper-padding-top))",
-			"position": "static",
-			"marginTop": "var(--steps-horizontal-rail-margin)",
-			"width": "auto",
-			"borderBlockStartWidth": "var(--steps-rail-size)",
-			"flex": 1,
-			"minWidth": 0,
-			"alignSelf": "flex-start",
-			"transform": "translateY(-50%)"
+			[varName("horizontal-rail-margin")]: `calc(${varRef("icon-size-max")} / 2 + ${varRef("item-wrapper-padding-top")})`,
+			position: "static",
+			marginTop: varRef("horizontal-rail-margin"),
+			width: "auto",
+			borderBlockStartWidth: varRef("rail-size"),
+			flex: 1,
+			minWidth: 0,
+			alignSelf: "flex-start",
+			transform: "translateY(-50%)"
 		}
 	} } };
 };

package/dist/steps/style/icon.js

@@ -1,13 +1,16 @@
+import { genCssVar } from "../../theme/util/genStyleUtils.js";
+
 //#region src/steps/style/icon.ts
 const genIconStyle = (token) => {
-	const { componentCls, customIconFontSize, motionDurationSlow } = token;
+	const { componentCls, customIconFontSize, motionDurationSlow, iconSize, lineWidth, lineType, antCls } = token;
 	const itemCls = `${componentCls}-item`;
+	const [varName, varRef] = genCssVar(antCls, "cmp-steps");
 	return { [componentCls]: {
-		"--steps-icon-size": token.iconSize,
-		"--steps-icon-border-width": token.lineWidth,
+		[varName("icon-size")]: iconSize,
+		[varName("icon-border-width")]: lineWidth,
 		[`${itemCls}-icon`]: {
-			width: "var(--steps-icon-size)",
-			height: "var(--steps-icon-size)",
+			width: varRef("icon-size"),
+			height: varRef("icon-size"),
 			margin: 0,
 			flex: "none",
 			display: "flex",
@@ -15,10 +18,10 @@ const genIconStyle = (token) => {
 			justifyContent: "center",
 			fontSize: token.iconFontSize,
 			fontFamily: token.fontFamily,
-			lineHeight: "var(--steps-icon-size)",
+			lineHeight: varRef("icon-size"),
 			textAlign: "center",
-			borderRadius: "var(--steps-icon-size)",
-			border: `var(--steps-icon-border-width) ${token.lineType} transparent`,
+			borderRadius: varRef("icon-size"),
+			border: `${varRef("icon-border-width")} ${lineType} transparent`,
 			transition: [
 				"background",
 				"border",