antdv-next 1.0.0-alpha.5 → 1.0.0-beta.1

package/dist/modal/Modal.js

@@ -10,6 +10,7 @@ import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import { ContextIsolator } from "../_util/ContextIsolator.js";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
 import { canUseDocElement } from "../_util/styleChecker.js";
+import useFocusable from "../drawer/useFocusable.js";
 import skeleton_default from "../skeleton/index.js";
 import { usePanelRef } from "../watermark/context.js";
 import { Footer, renderCloseIcon } from "./shared.js";
@@ -40,7 +41,7 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		"okButtonProps",
 		"mask"
 	]);
-	const { mask: modalMask, classes, styles, zIndex: customZIndex, width: widthRef, rootClass: rootClassRef, rootStyle: rootStyleRef, panelRef: panelRefRef } = toPropsRefs(props, "mask", "classes", "styles", "zIndex", "width", "rootClass", "rootStyle", "panelRef");
+	const { mask: modalMask, classes, styles, zIndex: customZIndex, width: widthRef, rootClass: rootClassRef, rootStyle: rootStyleRef, panelRef: panelRefRef, focusable, focusTriggerAfterClose } = toPropsRefs(props, "mask", "classes", "styles", "zIndex", "width", "rootClass", "rootStyle", "panelRef", "focusable", "focusTriggerAfterClose");
 	const { modal: modalContext } = useBaseConfig();
 	const modalRenderRef = computed(() => slots.modalRender || props.modalRender);
 	const rootPrefixCls = computed(() => getPrefixCls());
@@ -50,6 +51,7 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		return [closable?.afterClose, closable?.onClose];
 	});
 	const [mergedMask, maskBlurClassName] = useMergedMask(modalMask, contextMask, prefixCls);
+	const mergedFocusable = useFocusable(focusable, mergedMask, focusTriggerAfterClose);
 	const onClose = () => {
 		closableContext.value?.[1]?.();
 	};
@@ -89,7 +91,9 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 	const mergedProps = computed(() => ({
 		...props,
 		mask: mergedMask.value,
-		zIndex: zIndex.value
+		zIndex: zIndex.value,
+		focusTriggerAfterClose: mergedFocusable.value?.focusTriggerAfterClose,
+		focusable: mergedFocusable.value
 	}));
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes, maskBlurClassName), useToArr(contextStyles, styles), useToProps(mergedProps));
 	const numWidth = computed(() => {
@@ -122,12 +126,12 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			[`${prefixCls.value}-wrap-rtl`]: direction.value === "rtl"
 		});
 		const [rawClosable, mergedCloseIcon, closeBtnIsDisabled, ariaProps] = closableIconContext.value;
-		const [closableAfterclose] = closableContext.value;
+		const [closableAfterClose] = closableContext.value;
 		const mergedClosable = rawClosable ? {
 			disabled: closeBtnIsDisabled,
 			closeIcon: mergedCloseIcon,
 			afterClose: () => {
-				closableAfterclose?.();
+				closableAfterClose?.();
 			},
 			...ariaProps
 		} : false;
@@ -179,7 +183,8 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"destroyOnClose",
 			"mousePosition",
 			"focusTriggerAfterClose",
-			"panelRef"
+			"panelRef",
+			"focusable"
 		]);
 		const titleNode = getSlotPropsFnRun(slots, props, "title");
 		const mergedClassName = clsx(hashId.value, contextClassName.value, className);
@@ -205,7 +210,8 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			"onClose": handleCancel,
 			"closable": mergedClosable,
 			"closeIcon": mergedCloseIcon,
-			"focusTriggerAfterClose": props.focusTriggerAfterClose ?? true,
+			"focusTriggerAfterClose": mergedFocusable.value?.focusTriggerAfterClose,
+			"focusTrap": mergedFocusable.value?.trap,
 			"transitionName": getTransitionName(rootPrefixCls.value, "zoom", props.transitionName),
 			"maskTransitionName": getTransitionName(rootPrefixCls.value, "fade", props.maskTransitionName),
 			"mask": mergedMask.value,
@@ -443,6 +449,11 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 			required: false,
 			default: void 0
 		},
+		focusable: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		footer: {
 			type: [
 				Function,

package/dist/modal/PurePanel.js

@@ -0,0 +1,305 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { getSlotPropsFnRun } from "../_util/tools.js";
+import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import { Footer, renderCloseIcon } from "./shared.js";
+import style_default from "./style/index.js";
+import { ConfirmContent } from "./ConfirmDialog.js";
+import { withPureRenderTheme } from "../_util/PurePanel.js";
+import { computed, createVNode, defineComponent, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
+import { Panel } from "@v-c/dialog";
+
+//#region src/modal/PurePanel.tsx
+const PurePanel = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const { getPrefixCls } = useComponentBaseConfig("modal", props, []);
+	const prefixCls = computed(() => props.prefixCls || getPrefixCls());
+	const rootPrefixCls = computed(() => getPrefixCls(void 0, ""));
+	const rootCls = useCSSVarCls_default(rootPrefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const confirmPrefixCls = computed(() => `${prefixCls.value}-confirm`);
+	return () => {
+		const { className: attrClassName, restAttrs } = getAttrStyleAndClass(attrs);
+		const { type, closable, closeIcon, style: attrStyle } = props;
+		const footer = getSlotPropsFnRun(slots, props, "footer", false);
+		const title = getSlotPropsFnRun(slots, props, "title", false);
+		let additionalProps = {};
+		if (type) additionalProps = {
+			closable: closable ?? false,
+			title: "",
+			footer: "",
+			children: createVNode(ConfirmContent, mergeProps(props, {
+				"prefixCls": prefixCls.value,
+				"confirmPrefixCls": confirmPrefixCls.value,
+				"rootPrefixCls": rootPrefixCls.value,
+				"content": slots.default?.()
+			}), null)
+		};
+		else additionalProps = {
+			closable: closable ?? true,
+			title,
+			footer: footer !== null && createVNode(Footer, mergeProps(props, { "footer": footer }), null),
+			children: slots.default?.()
+		};
+		return createVNode(Panel, mergeProps({
+			"prefixCls": prefixCls.value,
+			"className": clsx(hashId.value, `${prefixCls.value}-pure-panel`, type && confirmPrefixCls.value, type && `${confirmPrefixCls.value}-${type}`, attrClassName, cssVarCls.value, rootCls.value, props.rootClass),
+			"animationVisible": true,
+			"style": attrStyle
+		}, restAttrs, {
+			"closeIcon": renderCloseIcon(prefixCls.value, slots.closeIcon || closeIcon),
+			"closable": closable,
+			"visible": true
+		}, additionalProps), { default: () => additionalProps.children });
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		rootClass: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		className: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		keyboard: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		rootStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		mask: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		children: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		afterClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		afterOpenChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onClose: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		closable: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		maskClosable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		mousePosition: {
+			type: [Object, null],
+			required: false,
+			default: void 0
+		},
+		title: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		transitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		maskTransitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		animation: {
+			required: false,
+			default: void 0
+		},
+		maskAnimation: {
+			required: false,
+			default: void 0
+		},
+		wrapStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		bodyStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		maskStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		wrapClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		width: {
+			type: [String, Number],
+			required: false,
+			default: void 0
+		},
+		height: {
+			type: [String, Number],
+			required: false,
+			default: void 0
+		},
+		zIndex: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		bodyProps: {
+			required: false,
+			default: void 0
+		},
+		maskProps: {
+			required: false,
+			default: void 0
+		},
+		rootClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		wrapProps: {
+			required: false,
+			default: void 0
+		},
+		getContainer: {
+			type: [
+				String,
+				Function,
+				Boolean
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		closeIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		modalRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		forceRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		focusTriggerAfterClose: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		focusTrap: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		panelRef: {
+			required: false,
+			default: void 0
+		},
+		type: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		footer: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "AModalPurePanel",
+	inheritAttrs: false
+});
+var PurePanel_default = withPureRenderTheme(PurePanel);
+
+//#endregion
+export { PurePanel_default as default };

package/dist/modal/index.js

@@ -1,6 +1,7 @@
 import Modal_default from "./Modal.js";
 import destroyFns_default from "./destroyFns.js";
 import confirm, { modalGlobalConfig, withError, withInfo, withSuccess, withWarn } from "./confirm.js";
+import PurePanel_default from "./PurePanel.js";
 import useModal from "./useModal/index.js";
 
 //#region src/modal/index.tsx
@@ -20,6 +21,7 @@ Modal.install = (app) => {
 	app.component(Modal.name, Modal);
 };
 var modal_default = Modal;
+Modal._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default;
 
 //#endregion
 export { modal_default as default };

package/dist/modal/interface.d.ts

@@ -6,6 +6,7 @@ import "../_util/hooks/index.js";
 import { ClosableType } from "../_util/hooks/useClosable.js";
 import { ButtonProps, LegacyButtonType } from "../button/Button.js";
 import "../button/index.js";
+import { FocusableConfig, OmitFocusType } from "../drawer/useFocusable.js";
 import { DirectionType } from "../config-provider/context.js";
 import { CSSProperties } from "vue";
 import { DialogProps } from "@v-c/dialog";
@@ -14,7 +15,7 @@ import { DialogProps } from "@v-c/dialog";
 type SemanticName = 'root' | 'header' | 'body' | 'footer' | 'container' | 'title' | 'wrapper' | 'mask';
 type ModalClassNamesType = SemanticClassNamesType<ModalProps, SemanticName>;
 type ModalStylesType = SemanticStylesType<ModalProps, SemanticName>;
-interface ModalCommonProps extends Omit<DialogProps, 'footer' | 'width' | 'onClose' | 'animation' | 'maskAnimation' | 'transitionName' | 'maskTransitionName' | 'mask' | 'classNames' | 'styles' | 'modalRender' | 'rootStyle' | 'style'> {
+interface ModalCommonProps extends Omit<DialogProps, 'footer' | 'width' | 'onClose' | 'animation' | 'maskAnimation' | 'transitionName' | 'maskTransitionName' | 'mask' | 'classNames' | 'styles' | 'modalRender' | 'rootStyle' | 'style' | OmitFocusType> {
   footer?: VueNode | ((params: {
     originNode: VueNode;
     extra: {
@@ -85,6 +86,7 @@ interface ModalProps extends ModalCommonProps {
    * @since 5.18.0
    */
   loading?: boolean;
+  focusable?: FocusableConfig;
 }
 interface ModalEmits {
   /** Specify a function that will be called when a user clicks the OK button */

package/dist/notification/PurePanel.d.ts

@@ -2,7 +2,7 @@ import { VueNode } from "../_util/type.js";
 import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { IconType, NotificationSemantic } from "./interface.js";
-import * as vue229 from "vue";
+import * as vue340 from "vue";
 
 //#region src/notification/PurePanel.d.ts
 type PurePanelClassNamesType = SemanticClassNamesType<PurePanelProps, NotificationSemantic>;
@@ -36,6 +36,6 @@ interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children'
   onClick?: (event: Event) => void;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue229.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue229.PublicProps>;
+declare const PurePanel: vue340.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue340.PublicProps>;
 //#endregion
 export { PurePanel };

package/dist/notification/PurePanel.js

@@ -1,7 +1,7 @@
 import { useBaseConfig, useComponentBaseConfig } from "../config-provider/context.js";
 import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
-import { toPropsRefs } from "../_util/tools.js";
+import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
 import style_default from "./style/index.js";
@@ -152,7 +152,7 @@ const omitKeys = [
 	"closable"
 ];
 /** @private Internal Component. Do not use in your production. */
-const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const { classes: notificationClassNames, styles } = toPropsRefs(props, "classes", "styles");
 	const { getPrefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("notification", props);
 	const { notification: notificationContext } = useBaseConfig("notification", props);
@@ -184,6 +184,7 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		const notificationClassName = attrs.class;
 		const style = attrs.style;
 		const restProps = omit(props, omitKeys);
+		const actions = getSlotPropsFnRun(slots, props, "actions");
 		return createVNode("div", {
 			"class": clsx(`${noticePrefixCls}-pure-panel`, hashId.value, notificationClassName, cssVarCls.value, rootCls.value, mergedClassNames.value?.root),
 			"style": mergedStyles.value.root
@@ -204,7 +205,7 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 				"type": props.type,
 				"title": props.title,
 				"description": props.description,
-				"actions": props.actions
+				"actions": actions
 			}, null)
 		}), null)]);
 	};

package/dist/notification/style/index.d.ts

@@ -1,6 +1,6 @@
 import "../../theme/internal.js";
-import "vue";
 import { CSSObject } from "@antdv-next/cssinjs";
+import "vue";
 
 //#region src/notification/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */

package/dist/notification/useNotification.d.ts

@@ -1,8 +1,9 @@
 import { NotificationConfig, NotificationInstance } from "./interface.js";
-import * as vue_jsx_runtime1 from "vue/jsx-runtime";
+import { MaybeRef } from "@v-c/util/dist/type";
+import * as vue_jsx_runtime10 from "vue/jsx-runtime";
 
 //#region src/notification/useNotification.d.ts
 
-declare function useNotification(notificationConfig?: NotificationConfig): readonly [NotificationInstance, () => vue_jsx_runtime1.JSX.Element];
+declare function useNotification(notificationConfig?: MaybeRef<NotificationConfig>): readonly [NotificationInstance, () => vue_jsx_runtime10.JSX.Element];
 //#endregion
 export { useNotification };

package/dist/notification/useNotification.js

@@ -10,7 +10,7 @@ import { computeClosable, pickClosable } from "../_util/hooks/useClosable.js";
 import style_default from "./style/index.js";
 import { PureContent, getCloseIcon } from "./PurePanel.js";
 import { getCloseIconConfig, getMotion, getPlacementStyle } from "./util.js";
-import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef } from "vue";
+import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, unref } from "vue";
 import { clsx } from "@v-c/util";
 import { useNotification, useNotificationProvider } from "@v-c/notification";
 
@@ -60,7 +60,7 @@ const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	};
 	const getClassName = () => clsx({ [`${prefixCls.value}-rtl`]: props.rtl ?? direction.value === "rtl" });
 	const getNotificationMotion = () => getMotion(prefixCls.value);
-	const [api, holder] = useNotification({
+	const [api, holder] = useNotification(computed(() => ({
 		prefixCls: prefixCls.value,
 		style: getStyle,
 		className: getClassName,
@@ -78,7 +78,7 @@ const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			offset: 8,
 			gap: token.value?.margin
 		}
-	});
+	})));
 	const mergedProps = computed(() => props);
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
 	expose({
@@ -195,9 +195,9 @@ function useInternalNotification(notificationConfig) {
 			const { title, description, icon, type, actions, class: className, style, role = "alert", closeIcon, closable, classes: configClassNames = {}, styles = {},...restConfig } = config;
 			const mergedTitle = title;
 			const mergedActions = actions;
-			const realCloseIcon = getCloseIcon(noticePrefixCls, getCloseIconConfig(closeIcon, notificationConfig, notification));
+			const realCloseIcon = getCloseIcon(noticePrefixCls, getCloseIconConfig(closeIcon, unref(notificationConfig), notification));
 			const [rawClosable, mergedCloseIcon, , ariaProps] = computeClosable(pickClosable(computed(() => ({
-				...notificationConfig || {},
+				...unref(notificationConfig) || {},
 				...config
 			}))), pickClosable(notificationContext), computed(() => ({
 				closable: true,
@@ -213,7 +213,7 @@ function useInternalNotification(notificationConfig) {
 			const mergedClassNames = mergeClassNames(void 0, originClassNames, semanticClassNames);
 			const mergedStyles = mergeStyles(originStyles, semanticStyles);
 			return originOpen({
-				placement: notificationConfig?.placement ?? DEFAULT_PLACEMENT,
+				placement: unref(notificationConfig)?.placement ?? DEFAULT_PLACEMENT,
 				...restConfig,
 				content: createVNode(PureContent, {
 					"prefixCls": noticePrefixCls,
@@ -257,7 +257,7 @@ function useInternalNotification(notificationConfig) {
 		return clone;
 	};
 	const holderContext = () => {
-		return createVNode(Holder, mergeProps({ "key": "notificaion-holder" }, notificationConfig, { "ref": holderRef }), null);
+		return createVNode(Holder, mergeProps({ "key": "notificaion-holder" }, unref(notificationConfig), { "ref": holderRef }), null);
 	};
 	return [wrapAPIFn(), holderContext];
 }

package/dist/package.d.ts

@@ -30,6 +30,36 @@ declare const _exports: {
       import: string;
       default: string;
     };
+    "./date-picker/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./date-picker/locale/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./time-picker/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./time-picker/locale/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./date-picker/generate": {
+      types: string;
+      import: string;
+      default: string;
+    };
+    "./date-picker/generate/*": {
+      types: string;
+      import: string;
+      default: string;
+    };
     "./global.d.ts": string;
     "./global": string;
     "./dist/reset.css": string;
@@ -102,9 +132,13 @@ declare const _exports: {
     defu: string;
     "es-toolkit": string;
     "scroll-into-view-if-needed": string;
+    "throttle-debounce": string;
   };
   "web-types": string;
   browserslist: string[];
+  devDependencies: {
+    "@types/throttle-debounce": string;
+  };
 };
 declare let _version2: typeof _exports["version"];
 //#endregion

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "1.0.0-alpha.5";
+var version = "1.0.0-beta.1";
 
 //#endregion
 export { version };

package/dist/pagination/Pagination.d.ts

@@ -1,10 +1,10 @@
 import { PaginationEmits, PaginationProps, PaginationSlots } from "./interface.js";
-import * as vue363 from "vue";
+import * as vue365 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/pagination/Pagination.d.ts
-declare const Pagination: vue363.DefineSetupFnComponent<PaginationProps, PaginationEmits, SlotsType<PaginationSlots>, PaginationProps & {
+declare const Pagination: vue365.DefineSetupFnComponent<PaginationProps, PaginationEmits, SlotsType<PaginationSlots>, PaginationProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue363.PublicProps>;
+}, vue365.PublicProps>;
 //#endregion
 export { Pagination };

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 vue13 from "vue";
+import * as vue57 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: vue13.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue13.PublicProps>;
+declare const PurePanel: vue57.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue57.PublicProps>;
 //#endregion
 export { PopconfirmLocale, PurePanel };

package/dist/popconfirm/PurePanel.js

@@ -7,6 +7,7 @@ import PurePanel_default from "../popover/PurePanel.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
+import { ExclamationCircleFilled } from "@antdv-next/icons";
 
 //#region src/popconfirm/PurePanel.tsx
 function _isSlot(s) {
@@ -17,7 +18,7 @@ const Overlay = /* @__PURE__ */ defineComponent((props) => {
 	const btnPrefixCls = computed(() => config.value?.getPrefixCls?.("btn") ?? "ant-btn");
 	const [contextLocale] = useLocale_default("Popconfirm", en_US_default.Popconfirm);
 	return () => {
-		const { prefixCls, icon, title, description, cancelText, okText, okType = "primary", okButtonProps, cancelButtonProps, showCancel = true, close, onConfirm, onCancel, onPopupClick, classes, styles } = props;
+		const { prefixCls, icon = createVNode(ExclamationCircleFilled, null, null), title, description, cancelText, okText, okType = "primary", okButtonProps, cancelButtonProps, showCancel = true, close, onConfirm, onCancel, onPopupClick, classes, styles } = props;
 		const cancelButtonAttrs = {
 			size: "small",
 			...cancelButtonProps ?? {}