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

package/dist/input-number/index.js

@@ -8,8 +8,8 @@ import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
 import { ContextIsolator } from "../_util/ContextIsolator.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
-import { useFormItemInputContext } from "../form/context.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
+import { useFormItemInputContext } from "../form/context.js";
 import useVariant from "../form/hooks/useVariant.js";
 import { SpaceAddon, SpaceCompact } from "../space/index.js";
 import style_default from "./style/index.js";
@@ -236,15 +236,18 @@ const InputNumber = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 	props: {
 		size: {
 			type: [String, null],
-			required: false
+			required: false,
+			default: void 0
 		},
 		status: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		addonBefore: {
 			type: [
@@ -255,7 +258,8 @@ const InputNumber = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		addonAfter: {
 			type: [
@@ -266,7 +270,8 @@ const InputNumber = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefix: {
 			type: [
@@ -277,7 +282,8 @@ const InputNumber = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		suffix: {
 			type: [
@@ -288,106 +294,151 @@ const InputNumber = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		bordered: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		variant: {
 			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
 		},
 		controls: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		type: {
 			type: String,
-			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
 		},
 		mode: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
+		},
+		min: {
+			required: false,
+			default: void 0
+		},
+		max: {
+			required: false,
+			default: void 0
+		},
+		step: {
+			required: false,
+			default: void 0
+		},
+		defaultValue: {
+			required: false,
+			default: void 0
+		},
+		value: {
+			required: false,
+			default: void 0
 		},
-		min: { required: false },
-		max: { required: false },
-		step: { required: false },
-		defaultValue: { required: false },
-		value: { required: false },
 		readOnly: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
+		},
+		upHandler: {
+			required: false,
+			default: void 0
+		},
+		downHandler: {
+			required: false,
+			default: void 0
 		},
-		upHandler: { required: false },
-		downHandler: { required: false },
 		keyboard: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		changeOnWheel: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		parser: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		formatter: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		precision: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		decimalSeparator: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		onStep: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		changeOnBlur: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		tabIndex: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		onMouseLeave: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		onMouseOut: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		onFocus: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		stringMode: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "AInputNumber",

package/dist/input-number/style/index.js

@@ -1,5 +1,5 @@
 import { resetComponent, resetIcon } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { genCompactItemStyle } from "../../style/compact-item.js";
 import { initInputToken } from "../../input/style/token.js";
@@ -10,14 +10,15 @@ import { unit } from "@antdv-next/cssinjs";
 
 //#region src/input-number/style/index.ts
 const genInputNumberStyles = (token) => {
-	const { componentCls, lineWidth, lineType, borderRadius, inputFontSizeSM, inputFontSizeLG, colorError, paddingInlineSM, paddingBlockSM, paddingBlockLG, paddingInlineLG, colorIcon, motionDurationMid, handleHoverColor, handleOpacity, paddingInline, paddingBlock, handleBg, handleActiveBg, inputAffixPadding, borderRadiusSM, controlWidth, handleBorderColor, filledHandleBg, lineHeightLG } = token;
+	const { componentCls, lineWidth, lineType, borderRadius, inputFontSizeSM, inputFontSizeLG, colorError, paddingInlineSM, paddingBlockSM, paddingBlockLG, paddingInlineLG, colorIcon, motionDurationMid, handleHoverColor, handleOpacity, paddingInline, paddingBlock, handleBg, handleActiveBg, inputAffixPadding, borderRadiusSM, controlWidth, handleBorderColor, filledHandleBg, lineHeightLG, antCls } = token;
 	const borderStyle = `${unit(lineWidth)} ${lineType} ${handleBorderColor}`;
+	const [varName, varRef] = genCssVar(antCls, "input-number");
 	return [
 		{ [componentCls]: {
 			...resetComponent(token),
 			...genBasicInputStyle(token),
-			"--input-number-input-padding-block": unit(paddingBlock),
-			"--input-number-input-padding-inline": unit(paddingInline),
+			[varName("input-padding-block")]: unit(paddingBlock),
+			[varName("input-padding-inline")]: unit(paddingInline),
 			"display": "inline-flex",
 			"width": controlWidth,
 			"margin": 0,
@@ -47,7 +48,7 @@ const genInputNumberStyles = (token) => {
 			[`${componentCls}-input`]: {
 				...resetComponent(token),
 				"width": "100%",
-				"paddingBlock": `var(--input-number-input-padding-block)`,
+				"paddingBlock": varRef("input-padding-block"),
 				"textAlign": "start",
 				"backgroundColor": "transparent",
 				"border": 0,
@@ -131,30 +132,30 @@ const genInputNumberStyles = (token) => {
 				width: "auto",
 				[`${componentCls}-action`]: {
 					"flex": "none",
-					"paddingInline": "var(--input-number-input-padding-inline)",
+					"paddingInline": varRef("input-padding-inline"),
 					"&-up": { borderInlineStart: borderStyle },
 					"&-down": { borderInlineEnd: borderStyle }
 				},
 				[`${componentCls}-input`]: {
 					textAlign: "center",
-					paddingInline: "var(--input-number-input-padding-inline)"
+					paddingInline: varRef("input-padding-inline")
 				}
 			}
 		} },
 		{ [componentCls]: {
 			"&-lg": {
-				"--input-number-input-padding-block": unit(paddingBlockLG),
-				"--input-number-input-padding-inline": unit(paddingInlineLG),
-				"paddingBlock": 0,
-				"fontSize": inputFontSizeLG,
-				"lineHeight": lineHeightLG
+				[varName("input-padding-block")]: unit(paddingBlockLG),
+				[varName("input-padding-inline")]: unit(paddingInlineLG),
+				paddingBlock: 0,
+				fontSize: inputFontSizeLG,
+				lineHeight: lineHeightLG
 			},
 			"&-sm": {
-				"--input-number-input-padding-block": unit(paddingBlockSM),
-				"--input-number-input-padding-inline": unit(paddingInlineSM),
-				"paddingBlock": 0,
-				"fontSize": inputFontSizeSM,
-				"borderRadius": borderRadiusSM
+				[varName("input-padding-block")]: unit(paddingBlockSM),
+				[varName("input-padding-inline")]: unit(paddingInlineSM),
+				paddingBlock: 0,
+				fontSize: inputFontSizeSM,
+				borderRadius: borderRadiusSM
 			}
 		} },
 		{ [componentCls]: {

package/dist/layout/Sider.js

@@ -119,43 +119,53 @@ const Sider = /* @__PURE__ */ defineComponent((props, { emit, slots, attrs }) =>
 	props: /* @__PURE__ */ mergeDefaults({
 		prefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		collapsible: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		collapsed: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		defaultCollapsed: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		reverseArrow: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		zeroWidthTriggerStyle: {
 			type: Object,
-			required: false
+			required: false,
+			default: void 0
 		},
 		width: {
 			type: [Number, String],
-			required: false
+			required: false,
+			default: void 0
 		},
 		collapsedWidth: {
 			type: [Number, String],
-			required: false
+			required: false,
+			default: void 0
 		},
 		breakpoint: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		theme: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		}
 	}, {
 		theme: "dark",

package/dist/layout/index.d.ts

@@ -1,14 +1,14 @@
 import { BasicProps, Layout } from "./layout.js";
 import { SiderEmits, SiderProps, SiderSlots, useSiderCtx } from "./Sider.js";
-import * as vue109 from "vue";
+import * as vue146 from "vue";
 
 //#region src/layout/index.d.ts
 declare const useLayoutSider: typeof useSiderCtx;
-declare const LayoutHeader: vue109.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue109.PublicProps>;
-declare const LayoutFooter: vue109.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue109.PublicProps>;
-declare const LayoutContent: vue109.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue109.PublicProps>;
-declare const LayoutSider: vue109.DefineSetupFnComponent<SiderProps, SiderEmits, vue109.SlotsType<SiderSlots>, SiderProps & {
+declare const LayoutHeader: vue146.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue146.PublicProps>;
+declare const LayoutFooter: vue146.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue146.PublicProps>;
+declare const LayoutContent: vue146.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue146.PublicProps>;
+declare const LayoutSider: vue146.DefineSetupFnComponent<SiderProps, SiderEmits, vue146.SlotsType<SiderSlots>, SiderProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue109.PublicProps>;
+}, vue146.PublicProps>;
 //#endregion
 export { LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, useLayoutSider };

package/dist/layout/layout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue265 from "vue";
+import * as vue302 from "vue";
 
 //#region src/layout/layout.d.ts
 
@@ -7,6 +7,6 @@ interface BasicProps extends ComponentBaseProps {
   suffixCls?: string;
   hasSider?: boolean;
 }
-declare const Layout: vue265.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue265.PublicProps>;
+declare const Layout: vue302.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue302.PublicProps>;
 //#endregion
 export { BasicProps, Layout };

package/dist/layout/layout.js

@@ -21,19 +21,23 @@ function generator({ suffixCls, tagName, displayName }) {
 			props: /* @__PURE__ */ mergeDefaults({
 				suffixCls: {
 					type: String,
-					required: false
+					required: false,
+					default: void 0
 				},
 				hasSider: {
 					type: Boolean,
-					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
 				}
 			}, basicDefaultProps),
 			name: displayName,
@@ -55,23 +59,28 @@ const Basic = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 }, { props: /* @__PURE__ */ mergeDefaults({
 	tagName: {
 		type: String,
-		required: true
+		required: true,
+		default: void 0
 	},
 	suffixCls: {
 		type: String,
-		required: false
+		required: false,
+		default: void 0
 	},
 	hasSider: {
 		type: Boolean,
-		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
 	}
 }, basicDefaultProps) });
 const BasicLayout = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
@@ -107,23 +116,28 @@ const BasicLayout = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =>
 }, { props: /* @__PURE__ */ mergeDefaults({
 	tagName: {
 		type: String,
-		required: true
+		required: true,
+		default: void 0
 	},
 	suffixCls: {
 		type: String,
-		required: false
+		required: false,
+		default: void 0
 	},
 	hasSider: {
 		type: Boolean,
-		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
 	}
 }, basicDefaultProps) });
 const Layout = generator({

package/dist/locale/index.js

@@ -18,11 +18,13 @@ const LocaleProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	props: {
 		locale: {
 			type: Object,
-			required: true
+			required: true,
+			default: void 0
 		},
 		_ANT_MARK__: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "LocaleProvider"

package/dist/masonry/Masonry.d.ts

@@ -5,7 +5,7 @@ import { RowProps } from "../grid/row.js";
 import "../grid/index.js";
 import { MasonryItemType } from "./MasonryItem.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue261 from "vue";
+import * as vue336 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/masonry/Masonry.d.ts
@@ -43,8 +43,8 @@ interface MasonrySlots {
 interface MasonryRef {
   nativeElement: HTMLDivElement;
 }
-declare const Masonry: vue261.DefineSetupFnComponent<MasonryProps, MasonryEmits, SlotsType<MasonrySlots>, MasonryProps & {
+declare const Masonry: vue336.DefineSetupFnComponent<MasonryProps, MasonryEmits, SlotsType<MasonrySlots>, MasonryProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue261.PublicProps>;
+}, vue336.PublicProps>;
 //#endregion
 export { Masonry, MasonryEmits, MasonryProps, MasonryRef, MasonrySlots };

package/dist/masonry/Masonry.js

@@ -1,4 +1,5 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
+import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { toPropsRefs } from "../_util/tools.js";
@@ -24,9 +25,10 @@ function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const Masonry = /* @__PURE__ */ defineComponent((props, { expose, emit, attrs, slots }) => {
-	const { direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls } = useComponentBaseConfig("masonry", props);
+	const { direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls, rootPrefixCls } = useComponentBaseConfig("masonry", props);
 	const { classes, styles, gutter, columns } = toPropsRefs(props, "classes", "styles", "gutter", "columns");
 	const [hashId, cssVarCls] = style_default(prefixCls, useCSSVarCls_default(prefixCls));
+	const [varName, varRef] = genCssVar(rootPrefixCls.value, "masonry");
 	const containerRef = shallowRef();
 	expose({ nativeElement: containerRef });
 	const [setItemRef, getItemRef] = useRefs();
@@ -131,11 +133,11 @@ const Masonry = /* @__PURE__ */ defineComponent((props, { expose, emit, attrs, s
 			const columnIndex = position?.column ?? 0;
 			const widthVar = `calc((100% + ${horizontalGutter.value}px) / ${columnCount.value})`;
 			const itemStyle = {
-				"--item-width": widthVar,
-				"insetInlineStart": `calc(var(--item-width) * ${columnIndex})`,
-				"width": `calc(var(--item-width) - ${horizontalGutter.value}px)`,
-				"top": `${position?.top}px`,
-				"position": "absolute"
+				[varName("item-width")]: widthVar,
+				insetInlineStart: `calc(${varRef("item-width")} * ${columnIndex})`,
+				width: `calc(${varRef("item-width")} - ${horizontalGutter.value}px)`,
+				top: `${position?.top}px`,
+				position: "absolute"
 			};
 			return createVNode(MasonryItem_default, {
 				"key": key,
@@ -162,36 +164,47 @@ const Masonry = /* @__PURE__ */ defineComponent((props, { expose, emit, attrs, s
 	props: /* @__PURE__ */ mergeDefaults({
 		classes: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
 		},
 		styles: {
 			type: [Object, Function],
-			required: false
+			required: false,
+			default: void 0
+		},
+		gutter: {
+			required: false,
+			default: void 0
 		},
-		gutter: { required: false },
 		items: {
 			type: Array,
-			required: false
+			required: false,
+			default: void 0
 		},
 		itemRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		columns: {
 			type: [Number, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		fresh: {
 			type: Boolean,
-			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
 		}
 	}, { gutter: 0 }),
 	name: "AMasonry",