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

package/dist/pagination/Pagination.js

@@ -8,8 +8,8 @@ import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import useLocale_default from "../locale/useLocale.js";
-import useBreakpoint_default from "../grid/hooks/useBreakpoint.js";
 import select_default from "../select/index.js";
+import useBreakpoint_default from "../grid/hooks/useBreakpoint.js";
 import style_default from "./style/index.js";
 import bordered_default from "./style/bordered.js";
 import resolveShowSizeChanger from "./useShowSizeChanger.js";
@@ -173,43 +173,53 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 	props: {
 		showQuickJumper: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		size: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		responsive: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		totalBoundaryShowSizeChanger: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		rootClass: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		showSizeChanger: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		pageSizeOptions: {
 			type: Array,
-			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
 		},
 		locale: {
 			type: Object,
-			required: false
+			required: false,
+			default: void 0
 		},
 		prevIcon: {
 			type: [
@@ -220,7 +230,8 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		nextIcon: {
 			type: [
@@ -231,7 +242,8 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		jumpPrevIcon: {
 			type: [
@@ -242,7 +254,8 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
 		},
 		jumpNextIcon: {
 			type: [
@@ -253,80 +266,102 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 				null,
 				Object
 			],
-			required: false
+			required: false,
+			default: void 0
+		},
+		selectComponentClass: {
+			required: false,
+			default: void 0
 		},
-		selectComponentClass: { required: false },
 		itemRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		showTotal: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		role: {
 			type: [String, null],
-			required: false
+			required: false,
+			default: void 0
 		},
 		selectPrefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		prefixCls: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		current: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		defaultCurrent: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		total: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		pageSize: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		defaultPageSize: {
 			type: Number,
-			required: false
+			required: false,
+			default: void 0
 		},
 		hideOnSinglePage: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		align: {
 			type: String,
-			required: false
+			required: false,
+			default: void 0
 		},
 		sizeChangerRender: {
 			type: Function,
-			required: false
+			required: false,
+			default: void 0
 		},
 		showLessItems: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		showPrevNextJumpers: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		showTitle: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		},
 		simple: {
 			type: [Boolean, Object],
-			required: false
+			required: false,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
-			required: false
+			required: false,
+			default: void 0
 		}
 	},
 	name: "APagination",

package/dist/pagination/style/index.js

@@ -1,5 +1,5 @@
 import { genFocusOutline, genFocusStyle, resetComponent } 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 { initComponentToken, initInputToken } from "../../input/style/token.js";
 import { genBaseOutlinedStyle, genDisabledStyle } from "../../input/style/variants.js";
@@ -63,23 +63,24 @@ const genPaginationDisabledStyle = (token) => {
 	};
 };
 const genPaginationMiniStyle = (token) => {
-	const { componentCls } = token;
+	const { componentCls, antCls } = token;
+	const [, varRef] = genCssVar(antCls, "pagination");
 	return {
 		[`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]: {
-			height: token.itemSizeSM,
-			lineHeight: unit(token.itemSizeSM)
+			height: varRef("item-size-actual"),
+			lineHeight: varRef("item-size-actual")
 		},
 		[`&${componentCls}-mini ${componentCls}-item`]: {
-			minWidth: token.itemSizeSM,
-			height: token.itemSizeSM,
+			minWidth: varRef("item-size-actual"),
+			height: varRef("item-size-actual"),
 			margin: 0,
-			lineHeight: unit(token.calc(token.itemSizeSM).sub(2).equal())
+			lineHeight: unit(token.calc(varRef("item-size-actual")).sub(2).equal())
 		},
 		[`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {
-			minWidth: token.itemSizeSM,
-			height: token.itemSizeSM,
+			minWidth: varRef("item-size-actual"),
+			height: varRef("item-size-actual"),
 			margin: 0,
-			lineHeight: unit(token.itemSizeSM)
+			lineHeight: varRef("item-size-actual")
 		},
 		[`&${componentCls}-mini:not(${componentCls}-disabled)`]: { [`${componentCls}-prev, ${componentCls}-next`]: {
 			[`&:hover ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextHover },
@@ -93,21 +94,21 @@ const genPaginationMiniStyle = (token) => {
 			"backgroundColor": "transparent",
 			"borderColor": "transparent",
 			"&::after": {
-				height: token.itemSizeSM,
-				lineHeight: unit(token.itemSizeSM)
+				height: varRef("item-size-actual"),
+				lineHeight: varRef("item-size-actual")
 			}
 		},
 		[`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]: {
-			height: token.itemSizeSM,
+			height: varRef("item-size-actual"),
 			marginInlineEnd: 0,
-			lineHeight: unit(token.itemSizeSM)
+			lineHeight: varRef("item-size-actual")
 		},
 		[`&${componentCls}-mini ${componentCls}-options`]: {
 			"marginInlineStart": token.paginationMiniOptionsMarginInlineStart,
 			"&-size-changer": { top: token.miniOptionsSizeChangerTop },
 			"&-quick-jumper": {
-				height: token.itemSizeSM,
-				lineHeight: unit(token.itemSizeSM),
+				height: varRef("item-size-actual"),
+				lineHeight: varRef("item-size-actual"),
 				input: {
 					...genInputSmallStyle(token),
 					width: token.paginationMiniQuickJumperInputWidth,
@@ -118,29 +119,30 @@ const genPaginationMiniStyle = (token) => {
 	};
 };
 const genPaginationSimpleStyle = (token) => {
-	const { componentCls } = token;
+	const { componentCls, antCls } = token;
+	const [, varRef] = genCssVar(antCls, "pagination");
 	return { [`&${componentCls}-simple`]: {
 		[`${componentCls}-prev, ${componentCls}-next`]: {
-			height: token.itemSize,
-			lineHeight: unit(token.itemSize),
+			height: varRef("item-size-actual"),
+			lineHeight: varRef("item-size-actual"),
 			verticalAlign: "top",
 			[`${componentCls}-item-link`]: {
-				"height": token.itemSize,
+				"height": varRef("item-size-actual"),
 				"backgroundColor": "transparent",
 				"border": 0,
 				"&:hover": { backgroundColor: token.colorBgTextHover },
 				"&:active": { backgroundColor: token.colorBgTextActive },
 				"&::after": {
-					height: token.itemSize,
-					lineHeight: unit(token.itemSize)
+					height: varRef("item-size-actual"),
+					lineHeight: varRef("item-size-actual")
 				}
 			}
 		},
 		[`${componentCls}-simple-pager`]: {
 			display: "inline-flex",
 			alignItems: "center",
-			height: token.itemSize,
-			marginInlineEnd: token.marginXS,
+			height: varRef("item-size-actual"),
+			marginInlineEnd: varRef("item-spacing-actual"),
 			input: {
 				"boxSizing": "border-box",
 				"height": "100%",
@@ -169,25 +171,26 @@ const genPaginationSimpleStyle = (token) => {
 		[`&${componentCls}-disabled`]: { [`${componentCls}-prev, ${componentCls}-next`]: { [`${componentCls}-item-link`]: { "&:hover, &:active": { backgroundColor: "transparent" } } } },
 		[`&${componentCls}-mini`]: {
 			[`${componentCls}-prev, ${componentCls}-next`]: {
-				height: token.itemSizeSM,
-				lineHeight: unit(token.itemSizeSM),
+				height: varRef("item-size-actual"),
+				lineHeight: varRef("item-size-actual"),
 				[`${componentCls}-item-link`]: {
-					"height": token.itemSizeSM,
+					"height": varRef("item-size-actual"),
 					"&::after": {
-						height: token.itemSizeSM,
-						lineHeight: unit(token.itemSizeSM)
+						height: varRef("item-size-actual"),
+						lineHeight: varRef("item-size-actual")
 					}
 				}
 			},
 			[`${componentCls}-simple-pager`]: {
-				height: token.itemSizeSM,
+				height: varRef("item-size-actual"),
 				input: { width: token.paginationMiniQuickJumperInputWidth }
 			}
 		}
 	} };
 };
 const genPaginationJumpStyle = (token) => {
-	const { componentCls } = token;
+	const { componentCls, antCls } = token;
+	const [, varRef] = genCssVar(antCls, "pagination");
 	return {
 		[`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
 			"outline": 0,
@@ -231,7 +234,7 @@ const genPaginationJumpStyle = (token) => {
     ${componentCls}-prev,
     ${componentCls}-jump-prev,
     ${componentCls}-jump-next
-    `]: { marginInlineEnd: token.marginXS },
+    `]: { marginInlineEnd: varRef("item-spacing-actual") },
 		[`
     ${componentCls}-prev,
     ${componentCls}-next,
@@ -239,11 +242,11 @@ const genPaginationJumpStyle = (token) => {
     ${componentCls}-jump-next
     `]: {
 			display: "inline-block",
-			minWidth: token.itemSize,
-			height: token.itemSize,
+			minWidth: varRef("item-size-actual"),
+			height: varRef("item-size-actual"),
 			color: token.colorText,
 			fontFamily: token.fontFamily,
-			lineHeight: unit(token.itemSize),
+			lineHeight: varRef("item-size-actual"),
 			textAlign: "center",
 			verticalAlign: "middle",
 			listStyle: "none",
@@ -286,9 +289,9 @@ const genPaginationJumpStyle = (token) => {
 			"&-size-changer": { width: "auto" },
 			"&-quick-jumper": {
 				display: "inline-block",
-				height: token.controlHeight,
-				marginInlineStart: token.marginXS,
-				lineHeight: unit(token.controlHeight),
+				height: varRef("item-size-actual"),
+				marginInlineStart: varRef("item-spacing-actual"),
+				lineHeight: varRef("item-size-actual"),
 				verticalAlign: "top",
 				input: {
 					...genBasicInputStyle(token),
@@ -300,25 +303,26 @@ const genPaginationJumpStyle = (token) => {
 					}),
 					"&[disabled]": { ...genDisabledStyle(token) },
 					"width": token.quickJumperInputWidth,
-					"height": token.controlHeight,
+					"height": varRef("item-size-actual"),
 					"boxSizing": "border-box",
 					"margin": 0,
-					"marginInlineStart": token.marginXS,
-					"marginInlineEnd": token.marginXS
+					"marginInlineStart": varRef("item-spacing-actual"),
+					"marginInlineEnd": varRef("item-spacing-actual")
 				}
 			}
 		}
 	};
 };
 const genPaginationItemStyle = (token) => {
-	const { componentCls } = token;
+	const { componentCls, antCls } = token;
+	const [, varRef] = genCssVar(antCls, "pagination");
 	return { [`${componentCls}-item`]: {
 		"display": "inline-block",
-		"minWidth": token.itemSize,
-		"height": token.itemSize,
-		"marginInlineEnd": token.marginXS,
+		"minWidth": varRef("item-size-actual"),
+		"height": varRef("item-size-actual"),
+		"marginInlineEnd": varRef("item-spacing-actual"),
 		"fontFamily": token.fontFamily,
-		"lineHeight": unit(token.calc(token.itemSize).sub(2).equal()),
+		"lineHeight": unit(token.calc(varRef("item-size-actual")).sub(2).equal()),
 		"textAlign": "center",
 		"verticalAlign": "middle",
 		"listStyle": "none",
@@ -352,9 +356,16 @@ const genPaginationItemStyle = (token) => {
 	} };
 };
 const genPaginationStyle = (token) => {
-	const { componentCls } = token;
+	const { componentCls, antCls } = token;
+	const [varName, varRef] = genCssVar(antCls, "pagination");
 	return {
 		[componentCls]: {
+			[varName("item-size-actual")]: unit(token.itemSize),
+			[varName("item-spacing-actual")]: unit(token.marginXS),
+			"&-mini": {
+				[varName("item-size-actual")]: unit(token.itemSizeSM),
+				[varName("item-spacing-actual")]: unit(token.marginXXS)
+			},
 			...resetComponent(token),
 			"display": "flex",
 			"&-start": { justifyContent: "start" },
@@ -375,9 +386,9 @@ const genPaginationStyle = (token) => {
 			},
 			[`${componentCls}-total-text`]: {
 				display: "inline-block",
-				height: token.itemSize,
-				marginInlineEnd: token.marginXS,
-				lineHeight: unit(token.calc(token.itemSize).sub(2).equal()),
+				height: varRef("item-size-actual"),
+				marginInlineEnd: varRef("item-spacing-actual"),
+				lineHeight: unit(token.calc(varRef("item-size-actual")).sub(2).equal()),
 				verticalAlign: "middle"
 			},
 			...genPaginationItemStyle(token),

package/dist/popconfirm/PurePanel.d.ts

@@ -2,7 +2,7 @@ import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSeman
 import "../_util/hooks/index.js";
 import { PopoverSemanticName } from "../popover/index.js";
 import { PopconfirmProps } from "./index.js";
-import * as vue51 from "vue";
+import * as vue13 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/popconfirm/PurePanel.d.ts
@@ -23,6 +23,6 @@ interface PurePanelProps extends Omit<OverlayProps, 'prefixCls'>, Pick<Popconfir
   class?: string;
   style?: CSSProperties;
 }
-declare const PurePanel: vue51.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue51.PublicProps>;
+declare const PurePanel: vue13.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue13.PublicProps>;
 //#endregion
 export { PopconfirmLocale, PurePanel };