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

package/dist/button/Button.js

@@ -233,28 +233,37 @@ const InternalCompoundedButton = /* @__PURE__ */ defineComponent((props, { slots
 	props: /* @__PURE__ */ mergeDefaults({
 		href: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		htmlType: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		target: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		autoInsertSpace: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		type: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
+		},
+		color: {
+			required: false,
+			default: void 0
 		},
-		color: { required: false },
 		variant: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		icon: {
 			type: [
@@ -265,63 +274,78 @@ const InternalCompoundedButton = /* @__PURE__ */ defineComponent((props, { slots
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		iconPlacement: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		shape: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		size: {
 			type: [String, null],
-			required: false
+			required: false,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		loading: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		ghost: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		danger: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		block: {
 			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
 		},
 		autoFocus: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		_skipSemantic: {
 			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
 		}
 	}, {
 		iconPlacement: "start",

package/dist/button/DefaultLoadingIcon.js

@@ -17,11 +17,13 @@ const InnerLoadingIcon = /* @__PURE__ */ defineComponent((props) => {
 	props: {
 		prefixCls: {
 			type: String,
-			required: true
+			required: true,
+			default: void 0
 		},
 		iconClassName: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "InnerLoadingIcon"
@@ -70,19 +72,23 @@ const DefaultLoadingIcon = /* @__PURE__ */ defineComponent((props, { attrs }) =>
 }, { props: {
 	prefixCls: {
 		type: String,
-		required: true
+		required: true,
+		default: void 0
 	},
 	existIcon: {
 		type: Boolean,
-		required: true
+		required: true,
+		default: void 0
 	},
 	loading: {
 		type: [Boolean, Object],
-		required: false
+		required: false,
+		default: void 0
 	},
 	mount: {
 		type: Boolean,
-		required: true
+		required: true,
+		default: void 0
 	}
 } });
 var DefaultLoadingIcon_default = DefaultLoadingIcon;

package/dist/button/IconWrapper.js

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

package/dist/button/style/variant.js

@@ -4,140 +4,152 @@ import { genCssVar } from "../../theme/util/genStyleUtils.js";
 //#region src/button/style/variant.ts
 const genVariantStyle = (token) => {
 	const { componentCls, antCls } = token;
-	const getCssVar = genCssVar(antCls, "btn");
+	const [varName, varRef] = genCssVar(antCls, "btn");
 	return { [componentCls]: [
 		{
-			[getCssVar("border-width")]: "1px",
-			[getCssVar("border-color")]: "#000",
-			[getCssVar("border-color-hover")]: `var(${getCssVar("border-color")})`,
-			[getCssVar("border-color-active")]: `var(${getCssVar("border-color")})`,
-			[getCssVar("border-color-disabled")]: `var(${getCssVar("border-color")})`,
-			[getCssVar("border-style")]: "solid",
-			[getCssVar("text-color")]: "#000",
-			[getCssVar("text-color-hover")]: `var(${getCssVar("text-color")})`,
-			[getCssVar("text-color-active")]: `var(${getCssVar("text-color")})`,
-			[getCssVar("text-color-disabled")]: `var(${getCssVar("text-color")})`,
-			[getCssVar("bg-color")]: "#ddd",
-			[getCssVar("bg-color-hover")]: `var(${getCssVar("bg-color")})`,
-			[getCssVar("bg-color-active")]: `var(${getCssVar("bg-color")})`,
-			[getCssVar("bg-color-disabled")]: token.colorBgContainerDisabled,
-			[getCssVar("bg-color-container")]: token.colorBgContainer,
-			[getCssVar("shadow")]: "none"
+			[varName("border-width")]: "1px",
+			[varName("border-color")]: "#000",
+			[varName("border-color-hover")]: varRef("border-color"),
+			[varName("border-color-active")]: varRef("border-color"),
+			[varName("border-color-disabled")]: varRef("border-color"),
+			[varName("border-style")]: "solid",
+			[varName("text-color")]: "#000",
+			[varName("text-color-hover")]: varRef("text-color"),
+			[varName("text-color-active")]: varRef("text-color"),
+			[varName("text-color-disabled")]: varRef("text-color"),
+			[varName("bg-color")]: "#ddd",
+			[varName("bg-color-hover")]: varRef("bg-color"),
+			[varName("bg-color-active")]: varRef("bg-color"),
+			[varName("bg-color-disabled")]: token.colorBgContainerDisabled,
+			[varName("bg-color-container")]: token.colorBgContainer,
+			[varName("shadow")]: "none"
 		},
 		{
-			border: `var(${getCssVar("border-width")}) var(${getCssVar("border-style")}) var(${getCssVar("border-color")})`,
-			color: `var(${getCssVar("text-color")})`,
-			backgroundColor: `var(${getCssVar("bg-color")})`,
+			border: [
+				varRef("border-width"),
+				varRef("border-style"),
+				varRef("border-color")
+			].join(" "),
+			color: varRef("text-color"),
+			backgroundColor: varRef("bg-color"),
 			[`&:not(:disabled):not(${componentCls}-disabled)`]: {
 				"&:hover": {
-					border: `var(${getCssVar("border-width")}) var(${getCssVar("border-style")}) var(${getCssVar("border-color-hover")})`,
-					color: `var(${getCssVar("text-color-hover")})`,
-					backgroundColor: `var(${getCssVar("bg-color-hover")})`
+					border: [
+						varRef("border-width"),
+						varRef("border-style"),
+						varRef("border-color-hover")
+					].join(" "),
+					color: varRef("text-color-hover"),
+					backgroundColor: varRef("bg-color-hover")
 				},
 				"&:active": {
-					border: `var(${getCssVar("border-width")}) var(${getCssVar("border-style")}) var(${getCssVar("border-color-active")})`,
-					color: `var(${getCssVar("text-color-active")})`,
-					backgroundColor: `var(${getCssVar("bg-color-active")})`
+					border: [
+						varRef("border-width"),
+						varRef("border-style"),
+						varRef("border-color-active")
+					].join(" "),
+					color: varRef("text-color-active"),
+					backgroundColor: varRef("bg-color-active")
 				}
 			}
 		},
 		{
 			[`&${componentCls}-variant-solid`]: {
-				[getCssVar("solid-bg-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("solid-bg-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("solid-bg-color-active")]: `var(${getCssVar("color-active")})`,
-				[getCssVar("border-color")]: "transparent",
-				[getCssVar("text-color")]: token.colorTextLightSolid,
-				[getCssVar("bg-color")]: `var(${getCssVar("solid-bg-color")})`,
-				[getCssVar("bg-color-hover")]: `var(${getCssVar("solid-bg-color-hover")})`,
-				[getCssVar("bg-color-active")]: `var(${getCssVar("solid-bg-color-active")})`,
-				boxShadow: `var(${getCssVar("shadow")})`
+				[varName("solid-bg-color")]: varRef("color-base"),
+				[varName("solid-bg-color-hover")]: varRef("color-hover"),
+				[varName("solid-bg-color-active")]: varRef("color-active"),
+				[varName("border-color")]: "transparent",
+				[varName("text-color")]: token.colorTextLightSolid,
+				[varName("bg-color")]: varRef("solid-bg-color"),
+				[varName("bg-color-hover")]: varRef("solid-bg-color-hover"),
+				[varName("bg-color-active")]: varRef("solid-bg-color-active"),
+				boxShadow: varRef("shadow")
 			},
 			[`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
-				[getCssVar("border-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("border-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("border-color-active")]: `var(${getCssVar("color-active")})`,
-				[getCssVar("bg-color")]: `var(${getCssVar("bg-color-container")})`,
-				[getCssVar("text-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("text-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("text-color-active")]: `var(${getCssVar("color-active")})`,
-				boxShadow: `var(${getCssVar("shadow")})`
+				[varName("border-color")]: varRef("color-base"),
+				[varName("border-color-hover")]: varRef("color-hover"),
+				[varName("border-color-active")]: varRef("color-active"),
+				[varName("bg-color")]: varRef("bg-color-container"),
+				[varName("text-color")]: varRef("color-base"),
+				[varName("text-color-hover")]: varRef("color-hover"),
+				[varName("text-color-active")]: varRef("color-active"),
+				boxShadow: varRef("shadow")
 			},
 			[`&${componentCls}-variant-dashed`]: {
-				[getCssVar("border-style")]: "dashed",
-				[getCssVar("bg-color-disabled")]: token.dashedBgDisabled
+				[varName("border-style")]: "dashed",
+				[varName("bg-color-disabled")]: token.dashedBgDisabled
 			},
 			[`&${componentCls}-variant-filled`]: {
-				[getCssVar("border-color")]: "transparent",
-				[getCssVar("text-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("bg-color")]: `var(${getCssVar("color-light")})`,
-				[getCssVar("bg-color-hover")]: `var(${getCssVar("color-light-hover")})`,
-				[getCssVar("bg-color-active")]: `var(${getCssVar("color-light-active")})`
+				[varName("border-color")]: "transparent",
+				[varName("text-color")]: varRef("color-base"),
+				[varName("bg-color")]: varRef("color-light"),
+				[varName("bg-color-hover")]: varRef("color-light-hover"),
+				[varName("bg-color-active")]: varRef("color-light-active")
 			},
 			[`&${componentCls}-variant-text, &${componentCls}-variant-link`]: {
-				[getCssVar("border-color")]: "transparent",
-				[getCssVar("text-color")]: `var(${getCssVar("color-base")})`,
-				[getCssVar("text-color-hover")]: `var(${getCssVar("color-hover")})`,
-				[getCssVar("text-color-active")]: `var(${getCssVar("color-active")})`,
-				[getCssVar("bg-color")]: "transparent",
-				[getCssVar("bg-color-hover")]: "transparent",
-				[getCssVar("bg-color-active")]: "transparent",
+				[varName("border-color")]: "transparent",
+				[varName("text-color")]: varRef("color-base"),
+				[varName("text-color-hover")]: varRef("color-hover"),
+				[varName("text-color-active")]: varRef("color-active"),
+				[varName("bg-color")]: "transparent",
+				[varName("bg-color-hover")]: "transparent",
+				[varName("bg-color-active")]: "transparent",
 				[`&:disabled, &${token.componentCls}-disabled`]: {
 					background: "transparent",
 					borderColor: "transparent"
 				}
 			},
 			[`&${componentCls}-variant-text`]: {
-				[getCssVar("bg-color-hover")]: `var(${getCssVar("color-light")})`,
-				[getCssVar("bg-color-active")]: `var(${getCssVar("color-light-active")})`
+				[varName("bg-color-hover")]: varRef("color-light"),
+				[varName("bg-color-active")]: varRef("color-light-active")
 			}
 		},
 		{
 			[`&${componentCls}-variant-link`]: {
-				[getCssVar("color-base")]: token.colorLink,
-				[getCssVar("color-hover")]: token.colorLinkHover,
-				[getCssVar("color-active")]: token.colorLinkActive
+				[varName("color-base")]: token.colorLink,
+				[varName("color-hover")]: token.colorLinkHover,
+				[varName("color-active")]: token.colorLinkActive
 			},
 			[`&${componentCls}-color-primary`]: {
-				[getCssVar("color-base")]: token.colorPrimary,
-				[getCssVar("color-hover")]: token.colorPrimaryHover,
-				[getCssVar("color-active")]: token.colorPrimaryActive,
-				[getCssVar("color-light")]: token.colorPrimaryBg,
-				[getCssVar("color-light-hover")]: token.colorPrimaryBgHover,
-				[getCssVar("color-light-active")]: token.colorPrimaryBorder,
-				[getCssVar("shadow")]: token.primaryShadow
+				[varName("color-base")]: token.colorPrimary,
+				[varName("color-hover")]: token.colorPrimaryHover,
+				[varName("color-active")]: token.colorPrimaryActive,
+				[varName("color-light")]: token.colorPrimaryBg,
+				[varName("color-light-hover")]: token.colorPrimaryBgHover,
+				[varName("color-light-active")]: token.colorPrimaryBorder,
+				[varName("shadow")]: token.primaryShadow
 			},
 			[`&${componentCls}-color-dangerous`]: {
-				[getCssVar("color-base")]: token.colorError,
-				[getCssVar("color-hover")]: token.colorErrorHover,
-				[getCssVar("color-active")]: token.colorErrorActive,
-				[getCssVar("color-light")]: token.colorErrorBg,
-				[getCssVar("color-light-hover")]: token.colorErrorBgFilledHover,
-				[getCssVar("color-light-active")]: token.colorErrorBgActive,
-				[getCssVar("shadow")]: token.dangerShadow
+				[varName("color-base")]: token.colorError,
+				[varName("color-hover")]: token.colorErrorHover,
+				[varName("color-active")]: token.colorErrorActive,
+				[varName("color-light")]: token.colorErrorBg,
+				[varName("color-light-hover")]: token.colorErrorBgFilledHover,
+				[varName("color-light-active")]: token.colorErrorBgActive,
+				[varName("shadow")]: token.dangerShadow
 			},
 			[`&${componentCls}-color-default`]: {
-				[getCssVar("solid-bg-color")]: token.colorBgSolid,
-				[getCssVar("solid-bg-color-hover")]: token.colorBgSolidHover,
-				[getCssVar("solid-bg-color-active")]: token.colorBgSolidActive,
-				[getCssVar("color-base")]: token.defaultBorderColor,
-				[getCssVar("color-hover")]: token.defaultHoverBorderColor,
-				[getCssVar("color-active")]: token.defaultActiveBorderColor,
-				[getCssVar("color-light")]: token.colorFillTertiary,
-				[getCssVar("color-light-hover")]: token.colorFillSecondary,
-				[getCssVar("color-light-active")]: token.colorFill,
-				[getCssVar("text-color")]: token.colorText,
-				[getCssVar("text-color-hover")]: token.defaultHoverBorderColor,
-				[getCssVar("text-color-active")]: token.defaultActiveBorderColor,
-				[getCssVar("shadow")]: token.defaultShadow,
-				[`&${componentCls}-variant-solid`]: { [getCssVar("text-color")]: token.solidTextColor },
+				[varName("solid-bg-color")]: token.colorBgSolid,
+				[varName("solid-bg-color-hover")]: token.colorBgSolidHover,
+				[varName("solid-bg-color-active")]: token.colorBgSolidActive,
+				[varName("color-base")]: token.defaultBorderColor,
+				[varName("color-hover")]: token.defaultHoverBorderColor,
+				[varName("color-active")]: token.defaultActiveBorderColor,
+				[varName("color-light")]: token.colorFillTertiary,
+				[varName("color-light-hover")]: token.colorFillSecondary,
+				[varName("color-light-active")]: token.colorFill,
+				[varName("text-color")]: token.colorText,
+				[varName("text-color-hover")]: token.defaultHoverBorderColor,
+				[varName("text-color-active")]: token.defaultActiveBorderColor,
+				[varName("shadow")]: token.defaultShadow,
+				[`&${componentCls}-variant-solid`]: { [varName("text-color")]: token.solidTextColor },
 				[`&${componentCls}-variant-filled, &${componentCls}-variant-text`]: {
-					[getCssVar("text-color-hover")]: `var(${getCssVar("text-color")})`,
-					[getCssVar("text-color-active")]: `var(${getCssVar("text-color")})`
+					[varName("text-color-hover")]: varRef("text-color"),
+					[varName("text-color-active")]: varRef("text-color")
 				},
 				[`&${componentCls}-background-ghost`]: { [`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
-					[getCssVar("text-color")]: token.defaultGhostColor,
-					[getCssVar("border-color")]: token.defaultGhostBorderColor
+					[varName("text-color")]: token.defaultGhostColor,
+					[varName("border-color")]: token.defaultGhostBorderColor
 				} }
 			}
 		},
@@ -150,25 +162,25 @@ const genVariantStyle = (token) => {
 			const activeColor = token[`${colorKey}7`];
 			const shadowColor = token[`${colorKey}ShadowColor`];
 			return { [`&${componentCls}-color-${colorKey}`]: {
-				[getCssVar("color-base")]: darkColor,
-				[getCssVar("color-hover")]: hoverColor,
-				[getCssVar("color-active")]: activeColor,
-				[getCssVar("color-light")]: lightColor,
-				[getCssVar("color-light-hover")]: lightHoverColor,
-				[getCssVar("color-light-active")]: lightActiveColor,
-				[getCssVar("shadow")]: shadowColor
+				[varName("color-base")]: darkColor,
+				[varName("color-hover")]: hoverColor,
+				[varName("color-active")]: activeColor,
+				[varName("color-light")]: lightColor,
+				[varName("color-light-hover")]: lightHoverColor,
+				[varName("color-light-active")]: lightActiveColor,
+				[varName("shadow")]: shadowColor
 			} };
 		}),
 		{ [`&:disabled, &${token.componentCls}-disabled`]: {
 			cursor: "not-allowed",
 			borderColor: token.colorBorderDisabled,
-			background: `var(${getCssVar("bg-color-disabled")})`,
+			background: varRef("bg-color-disabled"),
 			color: token.colorTextDisabled,
 			boxShadow: "none"
 		} },
 		{ [`&${componentCls}-background-ghost`]: {
-			[getCssVar("bg-color")]: "transparent",
-			[getCssVar("shadow")]: "none"
+			[varName("bg-color")]: "transparent",
+			[varName("shadow")]: "none"
 		} }
 	] };
 };