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

package/dist/pagination/Pagination.mjs

@@ -5,7 +5,6 @@ import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeS
 import { devUseWarning, isDev } from "../_util/warning.mjs";
 import "../_util/hooks/index.mjs";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.mjs";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.mjs";
 import { useSize } from "../config-provider/hooks/useSize.mjs";
 import useLocale_default from "../locale/useLocale.mjs";
 import select_default from "../select/index.mjs";
@@ -35,8 +34,7 @@ const omitKeys = [
 const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) => {
 	const { getPrefixCls, prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, showSizeChanger: contextShowSizeChangerConfig } = useComponentBaseConfig("pagination", props, ["showSizeChanger"]);
 	const { size, responsive, classes, styles, showSizeChanger } = toPropsRefs(props, "size", "responsive", "classes", "styles", "showSizeChanger");
-	const rootCls = useCSSVarCls_default(prefixCls);
-	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, prefixCls);
 	const [, token] = useToken();
 	const mergedSize = useSize(size);
 	const screens = useBreakpoint_default(responsive);
@@ -79,7 +77,7 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 				onSizeChange?.(nextSize);
 				propSelectOnChange?.(nextSize, option);
 			},
-			"size": isSmall.value ? "small" : "middle",
+			"size": mergedSize.value,
 			"class": clsx(sizeChangerClassName, propSelectClass)
 		}), null);
 	};
@@ -126,16 +124,19 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 		if (props.current !== page) emit("update:current", page);
 		else if (props.pageSize !== pageSize) emit("update:pageSize", pageSize);
 	};
-	const handleShowSizeChange = (current, size$1) => {
-		emit("showSizeChange", current, size$1);
+	const handleShowSizeChange = (current, size) => {
+		emit("showSizeChange", current, size);
 	};
 	return () => {
+		const { rootClass, align } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		const mergedClassName = clsx(contextClassName.value, props.rootClass, mergedClassNames.value?.root, hashId.value, cssVarCls.value, rootCls.value, {
+		const extendedClassName = clsx({
+			[`${prefixCls.value}-${align}`]: !!align,
+			[`${prefixCls.value}-${mergedSize.value}`]: mergedSize.value,
 			[`${prefixCls.value}-mini`]: isSmall.value,
 			[`${prefixCls.value}-rtl`]: direction.value === "rtl",
 			[`${prefixCls.value}-bordered`]: token.value.wireframe
-		}, className);
+		}, contextClassName.value, className, rootClass, mergedClassNames.value.root, hashId.value, cssVarCls.value);
 		const mergedStyle = {
 			...mergedStyles.value?.root,
 			...contextStyle.value,
@@ -145,7 +146,7 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 		return createVNode(Fragment, null, [token.value.wireframe && createVNode(bordered_default, { "prefixCls": prefixCls.value }, null), createVNode(VcPagination, mergeProps(restProps, restAttrs, {
 			"prefixCls": prefixCls.value,
 			"selectPrefixCls": selectPrefixCls.value,
-			"class": mergedClassName,
+			"class": extendedClassName,
 			"style": mergedStyle,
 			"classNames": mergedClassNames.value,
 			"styles": mergedStyles.value,
@@ -177,7 +178,7 @@ const Pagination$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, emi
 			default: void 0
 		},
 		size: {
-			type: String,
+			type: [String, null],
 			required: false,
 			default: void 0
 		},

package/dist/pagination/interface.d.mts

@@ -1,7 +1,9 @@
+import { SizeType } from "../config-provider/SizeContext.mjs";
 import { VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { SelectProps } from "../select/index.mjs";
+import { CSSProperties } from "vue";
 import { PaginationProps } from "@v-c/pagination";
 
 //#region src/pagination/interface.d.ts
@@ -18,14 +20,21 @@ interface PaginationLocale {
   next_3?: string;
   page_size?: string;
 }
-type PaginationSemanticName = 'root' | 'item';
-type PaginationClassNamesType = SemanticClassNamesType<PaginationProps$1, PaginationSemanticName>;
-type PaginationStylesType = SemanticStylesType<PaginationProps$1, PaginationSemanticName>;
+interface PaginationSemanticClassNames {
+  root?: string;
+  item?: string;
+}
+interface PaginationSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+}
+type PaginationClassNamesType = SemanticClassNamesType<PaginationProps$1, PaginationSemanticClassNames>;
+type PaginationStylesType = SemanticStylesType<PaginationProps$1, PaginationSemanticStyles>;
 interface PaginationProps$1 extends Omit<PaginationProps, 'className' | 'style' | 'classNames' | 'styles' | 'locale' | 'showSizeChanger' | 'pageSizeOptions' | 'prevIcon' | 'nextIcon' | 'jumpPrevIcon' | 'jumpNextIcon' | 'onChange' | 'onShowSizeChange'> {
   showQuickJumper?: boolean | {
     goButton?: VueNode;
   };
-  size?: 'default' | 'small';
+  size?: SizeType;
   responsive?: boolean;
   totalBoundaryShowSizeChanger?: number;
   rootClass?: string;
@@ -68,4 +77,4 @@ interface PaginationSlots {
   jumpNextIcon?: () => any;
 }
 //#endregion
-export { PaginationClassNamesType, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationProps$1 as PaginationProps, PaginationSemanticName, PaginationSlots, PaginationStylesType };
+export { PaginationClassNamesType, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationProps$1 as PaginationProps, PaginationSemanticClassNames, PaginationSemanticStyles, PaginationSlots, PaginationStylesType };

package/dist/pagination/style/bordered.mjs

@@ -7,7 +7,7 @@ import { unit } from "@antdv-next/cssinjs";
 const genBorderedStyle = (token) => {
 	const { componentCls } = token;
 	return {
-		[`${componentCls}${componentCls}-bordered${componentCls}-disabled:not(${componentCls}-mini)`]: {
+		[`${componentCls}${componentCls}-bordered${componentCls}-disabled`]: {
 			"&, &:hover": { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } },
 			"&:focus-visible": { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } },
 			[`${componentCls}-item, ${componentCls}-item-link`]: {
@@ -32,7 +32,7 @@ const genBorderedStyle = (token) => {
 				}
 			}
 		},
-		[`${componentCls}${componentCls}-bordered:not(${componentCls}-mini)`]: {
+		[`${componentCls}${componentCls}-bordered`]: {
 			[`${componentCls}-prev, ${componentCls}-next`]: {
 				"&:hover button": {
 					borderColor: token.colorPrimaryHover,

package/dist/pagination/style/index.d.mts

@@ -14,6 +14,16 @@ interface ComponentToken {
    * @descEN Size of Pagination item
    */
   itemSize: number;
+  /**
+   * @desc 小号页码尺寸
+   * @descEN Size of small Pagination item
+   */
+  itemSizeSM: number;
+  /**
+   * @desc 大号页码尺寸
+   * @descEN Size of large Pagination item
+   */
+  itemSizeLG: number;
   /**
    * @desc 页码激活态背景色
    * @descEN Background color of active Pagination item
@@ -29,11 +39,6 @@ interface ComponentToken {
    * @descEN Text color of active Pagination item hover
    */
   itemActiveColorHover: string;
-  /**
-   * @desc 小号页码尺寸
-   * @descEN Size of small Pagination item
-   */
-  itemSizeSM: number;
   /**
    * @desc 页码链接背景色
    * @descEN Background color of Pagination item link

package/dist/pagination/style/index.mjs

@@ -3,7 +3,7 @@ import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.mjs";
 import { mergeToken } from "../../theme/internal.mjs";
 import { initComponentToken, initInputToken } from "../../input/style/token.mjs";
 import { genBaseOutlinedStyle, genDisabledStyle } from "../../input/style/variants.mjs";
-import { genBasicInputStyle, genInputSmallStyle } from "../../input/style/index.mjs";
+import { genBasicInputStyle, genInputLargeStyle, genInputSmallStyle } from "../../input/style/index.mjs";
 import { unit } from "@antdv-next/cssinjs";
 
 //#region src/pagination/style/index.ts
@@ -62,87 +62,45 @@ const genPaginationDisabledStyle = (token) => {
 		}
 	};
 };
-const genPaginationMiniStyle = (token) => {
-	const { componentCls, antCls } = token;
-	const [, varRef] = genCssVar(antCls, "pagination");
-	return {
-		[`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]: {
-			height: varRef("item-size-actual"),
-			lineHeight: varRef("item-size-actual")
-		},
-		[`&${componentCls}-mini ${componentCls}-item`]: {
-			minWidth: varRef("item-size-actual"),
-			height: varRef("item-size-actual"),
-			margin: 0,
-			lineHeight: unit(token.calc(varRef("item-size-actual")).sub(2).equal())
-		},
-		[`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {
-			minWidth: varRef("item-size-actual"),
-			height: varRef("item-size-actual"),
-			margin: 0,
-			lineHeight: varRef("item-size-actual")
-		},
-		[`&${componentCls}-mini:not(${componentCls}-disabled)`]: { [`${componentCls}-prev, ${componentCls}-next`]: {
-			[`&:hover ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextHover },
-			[`&:active ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextActive },
-			[`&${componentCls}-disabled:hover ${componentCls}-item-link`]: { backgroundColor: "transparent" }
-		} },
-		[`
-    &${componentCls}-mini ${componentCls}-prev ${componentCls}-item-link,
-    &${componentCls}-mini ${componentCls}-next ${componentCls}-item-link
-    `]: {
-			"backgroundColor": "transparent",
-			"borderColor": "transparent",
-			"&::after": {
-				height: varRef("item-size-actual"),
-				lineHeight: varRef("item-size-actual")
-			}
-		},
-		[`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]: {
-			height: varRef("item-size-actual"),
-			marginInlineEnd: 0,
-			lineHeight: varRef("item-size-actual")
-		},
-		[`&${componentCls}-mini ${componentCls}-options`]: {
-			"marginInlineStart": token.paginationMiniOptionsMarginInlineStart,
-			"&-size-changer": { top: token.miniOptionsSizeChangerTop },
-			"&-quick-jumper": {
-				height: varRef("item-size-actual"),
-				lineHeight: varRef("item-size-actual"),
-				input: {
-					...genInputSmallStyle(token),
-					width: token.paginationMiniQuickJumperInputWidth,
-					height: token.controlHeightSM
-				}
-			}
-		}
-	};
+const genPaginationSmallStyle = (token) => {
+	const { componentCls } = token;
+	return { [`&${componentCls}-small ${componentCls}-options`]: {
+		"marginInlineStart": token.paginationMiniOptionsMarginInlineStart,
+		"&-quick-jumper": { input: {
+			...genInputSmallStyle(token),
+			width: token.paginationMiniQuickJumperInputWidth
+		} }
+	} };
+};
+const genPaginationLargeStyle = (token) => {
+	const { componentCls } = token;
+	return { [`&${componentCls}-large ${componentCls}-options`]: { "&-quick-jumper": { input: { ...genInputLargeStyle(token) } } } };
 };
 const genPaginationSimpleStyle = (token) => {
 	const { componentCls, antCls } = token;
 	const [, varRef] = genCssVar(antCls, "pagination");
 	return { [`&${componentCls}-simple`]: {
 		[`${componentCls}-prev, ${componentCls}-next`]: {
-			height: varRef("item-size-actual"),
-			lineHeight: varRef("item-size-actual"),
+			height: varRef(`item-size-actual`),
+			lineHeight: varRef(`item-size-actual`),
 			verticalAlign: "top",
 			[`${componentCls}-item-link`]: {
-				"height": varRef("item-size-actual"),
+				"height": varRef(`item-size-actual`),
 				"backgroundColor": "transparent",
 				"border": 0,
 				"&:hover": { backgroundColor: token.colorBgTextHover },
 				"&:active": { backgroundColor: token.colorBgTextActive },
 				"&::after": {
-					height: varRef("item-size-actual"),
-					lineHeight: varRef("item-size-actual")
+					height: varRef(`item-size-actual`),
+					lineHeight: varRef(`item-size-actual`)
 				}
 			}
 		},
 		[`${componentCls}-simple-pager`]: {
 			display: "inline-flex",
 			alignItems: "center",
-			height: varRef("item-size-actual"),
-			marginInlineEnd: varRef("item-spacing-actual"),
+			height: varRef(`item-size-actual`),
+			marginInlineEnd: varRef(`item-spacing-actual`),
 			input: {
 				"boxSizing": "border-box",
 				"height": "100%",
@@ -169,23 +127,7 @@ const genPaginationSimpleStyle = (token) => {
 			}
 		},
 		[`&${componentCls}-disabled`]: { [`${componentCls}-prev, ${componentCls}-next`]: { [`${componentCls}-item-link`]: { "&:hover, &:active": { backgroundColor: "transparent" } } } },
-		[`&${componentCls}-mini`]: {
-			[`${componentCls}-prev, ${componentCls}-next`]: {
-				height: varRef("item-size-actual"),
-				lineHeight: varRef("item-size-actual"),
-				[`${componentCls}-item-link`]: {
-					"height": varRef("item-size-actual"),
-					"&::after": {
-						height: varRef("item-size-actual"),
-						lineHeight: varRef("item-size-actual")
-					}
-				}
-			},
-			[`${componentCls}-simple-pager`]: {
-				height: varRef("item-size-actual"),
-				input: { width: token.paginationMiniQuickJumperInputWidth }
-			}
-		}
+		[`&${componentCls}-small`]: { [`${componentCls}-simple-pager`]: { input: { width: token.paginationMiniQuickJumperInputWidth } } }
 	} };
 };
 const genPaginationJumpStyle = (token) => {
@@ -234,7 +176,7 @@ const genPaginationJumpStyle = (token) => {
     ${componentCls}-prev,
     ${componentCls}-jump-prev,
     ${componentCls}-jump-next
-    `]: { marginInlineEnd: varRef("item-spacing-actual") },
+    `]: { marginInlineEnd: varRef(`item-spacing-actual`) },
 		[`
     ${componentCls}-prev,
     ${componentCls}-next,
@@ -242,11 +184,11 @@ const genPaginationJumpStyle = (token) => {
     ${componentCls}-jump-next
     `]: {
 			display: "inline-block",
-			minWidth: varRef("item-size-actual"),
-			height: varRef("item-size-actual"),
+			minWidth: varRef(`item-size-actual`),
+			height: varRef(`item-size-actual`),
 			color: token.colorText,
 			fontFamily: token.fontFamily,
-			lineHeight: varRef("item-size-actual"),
+			lineHeight: varRef(`item-size-actual`),
 			textAlign: "center",
 			verticalAlign: "middle",
 			listStyle: "none",
@@ -289,10 +231,10 @@ const genPaginationJumpStyle = (token) => {
 			"&-size-changer": { width: "auto" },
 			"&-quick-jumper": {
 				display: "inline-block",
-				height: varRef("item-size-actual"),
-				marginInlineStart: varRef("item-spacing-actual"),
-				lineHeight: varRef("item-size-actual"),
-				verticalAlign: "top",
+				height: varRef(`item-size-actual`),
+				marginInlineStart: token.marginXS,
+				lineHeight: varRef(`item-size-actual`),
+				verticalAlign: "baseline",
 				input: {
 					...genBasicInputStyle(token),
 					...genBaseOutlinedStyle(token, {
@@ -303,11 +245,11 @@ const genPaginationJumpStyle = (token) => {
 					}),
 					"&[disabled]": { ...genDisabledStyle(token) },
 					"width": token.quickJumperInputWidth,
-					"height": varRef("item-size-actual"),
+					"height": varRef(`item-size-actual`),
 					"boxSizing": "border-box",
 					"margin": 0,
-					"marginInlineStart": varRef("item-spacing-actual"),
-					"marginInlineEnd": varRef("item-spacing-actual")
+					"marginInlineStart": varRef(`item-spacing-actual`),
+					"marginInlineEnd": varRef(`item-spacing-actual`)
 				}
 			}
 		}
@@ -318,9 +260,9 @@ const genPaginationItemStyle = (token) => {
 	const [, varRef] = genCssVar(antCls, "pagination");
 	return { [`${componentCls}-item`]: {
 		"display": "inline-block",
-		"minWidth": varRef("item-size-actual"),
-		"height": varRef("item-size-actual"),
-		"marginInlineEnd": varRef("item-spacing-actual"),
+		"minWidth": varRef(`item-size-actual`),
+		"height": varRef(`item-size-actual`),
+		"marginInlineEnd": varRef(`item-spacing-actual`),
 		"fontFamily": token.fontFamily,
 		"lineHeight": unit(token.calc(varRef("item-size-actual")).sub(2).equal()),
 		"textAlign": "center",
@@ -360,14 +302,19 @@ const genPaginationStyle = (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)
+			[varName(`item-size-actual`)]: unit(token.itemSize),
+			[varName(`item-spacing-actual`)]: unit(token.marginXS),
+			"&-small": {
+				[varName(`item-size-actual`)]: unit(token.itemSizeSM),
+				[varName(`item-spacing-actual`)]: unit(token.marginXXS)
+			},
+			"&-large": {
+				[varName(`item-size-actual`)]: unit(token.itemSizeLG),
+				[varName(`item-spacing-actual`)]: unit(token.marginSM)
 			},
 			...resetComponent(token),
 			"display": "flex",
+			"alignItems": "center",
 			"&-start": { justifyContent: "start" },
 			"&-center": { justifyContent: "center" },
 			"&-end": { justifyContent: "end" },
@@ -386,15 +333,16 @@ const genPaginationStyle = (token) => {
 			},
 			[`${componentCls}-total-text`]: {
 				display: "inline-block",
-				height: varRef("item-size-actual"),
-				marginInlineEnd: varRef("item-spacing-actual"),
-				lineHeight: unit(token.calc(varRef("item-size-actual")).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),
 			...genPaginationJumpStyle(token),
 			...genPaginationSimpleStyle(token),
-			...genPaginationMiniStyle(token),
+			...genPaginationSmallStyle(token),
+			...genPaginationLargeStyle(token),
 			...genPaginationDisabledStyle(token),
 			[`@media only screen and (max-width: ${token.screenLG}px)`]: { [`${componentCls}-item`]: { "&-after-jump-prev, &-before-jump-next": { display: "none" } } },
 			[`@media only screen and (max-width: ${token.screenSM}px)`]: { [`${componentCls}-options`]: { display: "none" } }
@@ -418,6 +366,7 @@ const prepareComponentToken = (token) => ({
 	itemBg: token.colorBgContainer,
 	itemSize: token.controlHeight,
 	itemSizeSM: token.controlHeightSM,
+	itemSizeLG: token.controlHeightLG,
 	itemActiveBg: token.colorBgContainer,
 	itemActiveColor: token.colorPrimary,
 	itemActiveColorHover: token.colorPrimaryHover,

package/dist/popconfirm/PurePanel.d.mts

@@ -1,8 +1,6 @@
-import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.mjs";
-import "../_util/hooks/index.mjs";
-import { PopoverSemanticName } from "../popover/index.mjs";
+import { PopoverSemanticClassNames, PopoverSemanticStyles } from "../popover/index.mjs";
 import { PopconfirmProps } from "./index.mjs";
-import * as vue59 from "vue";
+import * as vue19 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/popconfirm/PurePanel.d.ts
@@ -16,13 +14,13 @@ interface OverlayProps extends Pick<PopconfirmProps, 'icon' | 'okButtonProps' |
   onConfirm?: (e?: MouseEvent) => void;
   onCancel?: (e?: MouseEvent) => void;
   onPopupClick?: (e: MouseEvent) => void;
-  classes?: SemanticClassNames<PopoverSemanticName>;
-  styles?: SemanticStyles<PopoverSemanticName>;
+  classes?: PopoverSemanticClassNames;
+  styles?: PopoverSemanticStyles;
 }
 interface PurePanelProps extends Omit<OverlayProps, 'prefixCls'>, Pick<PopconfirmProps, 'placement'> {
   class?: string;
   style?: CSSProperties;
 }
-declare const PurePanel: vue59.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue59.PublicProps>;
+declare const PurePanel: vue19.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue19.PublicProps>;
 //#endregion
 export { PopconfirmLocale, PurePanel };

package/dist/popconfirm/index.d.mts

@@ -4,14 +4,16 @@ import "../_util/hooks/index.mjs";
 import { TooltipEmits } from "../tooltip/index.mjs";
 import { ButtonProps, LegacyButtonType } from "../button/Button.mjs";
 import "../button/index.mjs";
-import { PopoverProps, PopoverSemanticName } from "../popover/index.mjs";
+import { PopoverProps, PopoverSemanticClassNames, PopoverSemanticStyles } from "../popover/index.mjs";
 import { PurePanel } from "./PurePanel.mjs";
-import * as vue130 from "vue";
+import * as vue129 from "vue";
 import { App, SlotsType } from "vue";
 
 //#region src/popconfirm/index.d.ts
-type PopconfirmClassNamesType = SemanticClassNamesType<PopconfirmProps, PopoverSemanticName>;
-type PopconfirmStylesType = SemanticStylesType<PopconfirmProps, PopoverSemanticName>;
+type PopconfirmSemanticClassNames = PopoverSemanticClassNames;
+type PopconfirmSemanticStyles = PopoverSemanticStyles;
+type PopconfirmClassNamesType = SemanticClassNamesType<PopconfirmProps, PopconfirmSemanticClassNames>;
+type PopconfirmStylesType = SemanticStylesType<PopconfirmProps, PopconfirmSemanticStyles>;
 interface PopconfirmProps extends Omit<PopoverProps, 'title' | 'content' | 'classes' | 'styles'> {
   title?: VueNode;
   description?: VueNode;
@@ -40,9 +42,9 @@ interface PopconfirmSlots {
   okText?: () => any;
   cancelText?: () => any;
 }
-declare const InternalPopconfirm: vue130.DefineSetupFnComponent<PopconfirmProps, PopconfirmEmits, SlotsType<PopconfirmSlots>, PopconfirmProps & {
+declare const InternalPopconfirm: vue129.DefineSetupFnComponent<PopconfirmProps, PopconfirmEmits, SlotsType<PopconfirmSlots>, PopconfirmProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue130.PublicProps>;
+}, vue129.PublicProps>;
 type PopconfirmType = typeof InternalPopconfirm & {
   install: (app: App) => void;
   _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;

package/dist/popconfirm/index.mjs

@@ -31,10 +31,11 @@ const OMITTED_PROP_KEYS = [
 ];
 const defaultIcon = createVNode(ExclamationCircleFilled, null, null);
 const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose, emit }) => {
-	const { class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, prefixCls } = useComponentBaseConfig("popconfirm", props, ["arrow"]);
+	const { class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger, prefixCls } = useComponentBaseConfig("popconfirm", props, ["arrow", "trigger"]);
 	const { arrow: arrowProp, classes, styles } = toPropsRefs(props, "arrow", "classes", "styles");
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const mergedArrow = useMergedArrow_default(arrowProp, contextArrow);
+	const mergedTrigger = computed(() => props?.trigger ?? contextTrigger.value ?? "click");
 	const popoverRef = shallowRef();
 	const open = shallowRef(props.open ?? props.defaultOpen ?? false);
 	watchEffect(() => {
@@ -67,7 +68,10 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
 		nativeElement: computed(() => popoverRef.value?.nativeElement),
 		popupElement: computed(() => popoverRef.value?.popupElement)
 	});
-	const mergedProps = computed(() => ({ ...props }));
+	const mergedProps = computed(() => ({
+		...props,
+		trigger: mergedTrigger.value
+	}));
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
 	const rootClassNames = computed(() => clsx(prefixCls.value, hashId.value, cssVarCls.value, contextClassName.value, mergedClassNames.value.root));
 	return () => {
@@ -96,6 +100,7 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
 			"styles": mergedStyles.value
 		}, null);
 		return createVNode(popover_default, mergeProps(attrs, removeUndefined(restProps), {
+			"trigger": mergedTrigger.value,
 			"ref": popoverRef,
 			"open": open.value,
 			"arrow": mergedArrow.value,
@@ -341,7 +346,6 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
 		}
 	}, {
 		placement: "top",
-		trigger: "click",
 		okType: "primary"
 	}),
 	name: "APopconfirm",

package/dist/popover/index.d.mts

@@ -1,14 +1,21 @@
 import { VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
-import { SemanticName, TooltipEmits, TooltipProps } from "../tooltip/index.mjs";
-import * as vue132 from "vue";
-import { App, SlotsType } from "vue";
+import { TooltipEmits, TooltipProps, TooltipSemanticClassNames, TooltipSemanticStyles } from "../tooltip/index.mjs";
+import * as vue131 from "vue";
+import { App, CSSProperties, SlotsType } from "vue";
 
 //#region src/popover/index.d.ts
-type PopoverSemanticName = SemanticName | 'title' | 'content';
-type PopoverClassNamesType = SemanticClassNamesType<PopoverProps, PopoverSemanticName>;
-type PopoverStylesType = SemanticStylesType<PopoverProps, PopoverSemanticName>;
+type PopoverSemanticClassNames = TooltipSemanticClassNames & {
+  title?: string;
+  content?: string;
+};
+type PopoverSemanticStyles = TooltipSemanticStyles & {
+  title?: CSSProperties;
+  content?: CSSProperties;
+};
+type PopoverClassNamesType = SemanticClassNamesType<PopoverProps, PopoverSemanticClassNames>;
+type PopoverStylesType = SemanticStylesType<PopoverProps, PopoverSemanticStyles>;
 interface PopoverProps extends TooltipProps {
   title?: VueNode;
   content?: VueNode;
@@ -23,12 +30,12 @@ interface PopoverSlots {
   content: () => any;
   default: () => any;
 }
-declare const InternalPopover: vue132.DefineSetupFnComponent<PopoverProps, PopoverEmits, SlotsType<PopoverSlots>, PopoverProps & {
+declare const InternalPopover: vue131.DefineSetupFnComponent<PopoverProps, PopoverEmits, SlotsType<PopoverSlots>, PopoverProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue132.PublicProps>;
+}, vue131.PublicProps>;
 declare const Popover: typeof InternalPopover & {
   install: (app: App) => void;
   _InternalPanelDoNotUseOrYouWillBeFired: any;
 };
 //#endregion
-export { Popover, PopoverProps, PopoverSemanticName };
+export { Popover, PopoverProps, PopoverSemanticClassNames, PopoverSemanticStyles };

package/dist/popover/index.mjs

@@ -17,11 +17,12 @@ function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose, emit }) => {
-	const { getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, prefixCls } = useComponentBaseConfig("popover", props, ["arrow"]);
+	const { getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, arrow: contextArrow, trigger: contextTrigger, prefixCls } = useComponentBaseConfig("popover", props, ["arrow", "trigger"]);
 	const { arrow: popoverArrow, classes, styles } = toPropsRefs(props, "arrow", "classes", "styles");
 	const rootCls = computed(() => getPrefixCls());
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const mergedArrow = useMergedArrow_default(popoverArrow, contextArrow);
+	const mergedTrigger = computed(() => props?.trigger ?? contextTrigger.value ?? "hover");
 	const popoverRef = shallowRef();
 	const forceAlign = () => {
 		popoverRef.value?.forceAlign?.();
@@ -31,7 +32,10 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 		nativeElement: computed(() => popoverRef.value?.nativeElement),
 		popupElement: computed(() => popoverRef.value?.popupElement)
 	});
-	const mergedProps = computed(() => ({ ...props }));
+	const mergedProps = computed(() => ({
+		...props,
+		trigger: mergedTrigger.value
+	}));
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
 	const open = shallowRef(props?.open ?? props?.defaultOpen ?? false);
 	watchEffect(() => {
@@ -51,7 +55,7 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 	return () => {
 		let _slot;
 		const children = filterEmpty(slots?.default?.() ?? [])?.[0];
-		const { placement, trigger, mouseLeaveDelay, mouseEnterDelay, motion, ...restProps } = props;
+		const { placement, mouseLeaveDelay, mouseEnterDelay, motion, ...restProps } = props;
 		const titleNode = getSlotPropsFnRun(slots, props, "title");
 		const contentNode = getSlotPropsFnRun(slots, props, "content");
 		const rootClassNames = clsx(hashId.value, cssVarCls.value, contextClassName.value, mergedClassNames.value.root);
@@ -59,7 +63,7 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 			"unique": false,
 			"arrow": mergedArrow.value,
 			"placement": placement,
-			"trigger": trigger,
+			"trigger": mergedTrigger.value,
 			"mouseLeaveDelay": mouseLeaveDelay,
 			"mouseEnterDelay": mouseEnterDelay
 		}, removeUndefined(restProps), {
@@ -249,7 +253,6 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 		}
 	}, {
 		placement: "top",
-		trigger: "hover",
 		mouseEnterDelay: .1,
 		mouseLeaveDelay: .1
 	}),

package/dist/progress/Line.mjs

@@ -44,10 +44,10 @@ function sortGradient(gradients) {
 function handleGradient(strokeColor, directionConfig) {
 	const { from = presetPrimaryColors.blue, to = presetPrimaryColors.blue, direction = directionConfig === "rtl" ? "to left" : "to right", ...rest } = strokeColor;
 	if (Object.keys(rest).length !== 0) {
-		const background$1 = `linear-gradient(${direction}, ${sortGradient(rest)})`;
+		const background = `linear-gradient(${direction}, ${sortGradient(rest)})`;
 		return {
-			background: background$1,
-			[LineStrokeColorVar]: background$1
+			background,
+			[LineStrokeColorVar]: background
 		};
 	}
 	const background = `linear-gradient(${direction}, ${from}, ${to})`;