naive-ui 2.34.4 → 2.36.0

package/es/modal/src/Modal.d.ts

@@ -43,9 +43,13 @@ export declare const modalProps: {
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -71,7 +75,7 @@ export declare const modalProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
+    preset: PropType<"confirm" | "dialog" | "card">;
     to: PropType<string | HTMLElement>;
     displayDirective: {
         type: PropType<"show" | "if">;
@@ -995,9 +999,13 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -1023,7 +1031,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
+    preset: PropType<"confirm" | "dialog" | "card">;
     to: PropType<string | HTMLElement>;
     displayDirective: {
         type: PropType<"show" | "if">;
@@ -1903,7 +1911,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
     containerRef: import("vue").Ref<HTMLElement | null>;
@@ -1967,9 +1975,13 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -1995,7 +2007,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
+    preset: PropType<"confirm" | "dialog" | "card">;
     to: PropType<string | HTMLElement>;
     displayDirective: {
         type: PropType<"show" | "if">;
@@ -2880,8 +2892,8 @@ declare const _default: import("vue").DefineComponent<{
     size: "small" | "medium" | "large" | "huge";
     show: boolean;
     transformOrigin: "center" | "mouse";
-    autoFocus: boolean;
     loading: boolean;
+    autoFocus: boolean;
     bordered: boolean;
     showIcon: boolean;
     closable: boolean;
@@ -2896,5 +2908,5 @@ declare const _default: import("vue").DefineComponent<{
     unstableShowMask: boolean;
     maskClosable: boolean;
     closeOnEsc: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/modal/src/presetProps.d.ts

@@ -25,9 +25,13 @@ declare const presetProps: {
     onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
     onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
     onClose: import("vue").PropType<() => void>;
+    contentClass: StringConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -45,5 +49,5 @@ declare const presetProps: {
         readonly default: "div";
     };
 };
-declare const presetPropsKeys: ("type" | "tag" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "iconPlacement" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "tag" | "content" | "size" | "icon" | "title" | "role" | "action" | "loading" | "positiveText" | "negativeText" | "bordered" | "showIcon" | "closable" | "contentClass" | "contentStyle" | "onClose" | "headerClass" | "headerStyle" | "footerClass" | "footerStyle" | "iconPlacement" | "hoverable" | "embedded" | "headerExtraClass" | "headerExtraStyle" | "segmented" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/es/notification/src/Notification.d.ts

@@ -111,4 +111,4 @@ export declare const Notification: import("vue").DefineComponent<{
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly closable: boolean;
     readonly keepAliveOnHover: boolean;
-}>;
+}, {}>;

package/es/notification/src/NotificationContainer.d.ts

@@ -173,4 +173,4 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
         type: PropType<NotificationPlacement>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;

package/es/notification/src/NotificationEnvironment.d.ts

@@ -116,4 +116,4 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     type: "default" | "error" | "info" | "success" | "warning";
     closable: boolean;
     keepAliveOnHover: boolean;
-}>;
+}, {}>;

package/es/notification/src/NotificationEnvironment.js

@@ -129,7 +129,7 @@ export const NotificationEnvironment = defineComponent({
     },
     render() {
         return (h(Transition, { name: "notification-transition", appear: true, 
-            // convert to any since Element is not compitable with HTMLElement
+            // convert to any since Element is not compatible with HTMLElement
             onBeforeEnter: this.handleBeforeEnter, onAfterEnter: this.handleAfterEnter, onBeforeLeave: this.handleBeforeLeave, onLeave: this.handleLeave, onAfterLeave: this.handleAfterLeave }, {
             default: () => {
                 return this.show ? (h(Notification, Object.assign({}, keep(this.$props, notificationPropKeys), { onClose: this.handleClose, onMouseenter: this.duration && this.keepAliveOnHover

package/es/notification/src/NotificationProvider.d.ts

@@ -37,6 +37,7 @@ interface NotificationRef {
     hide: () => void;
 }
 export declare const notificationProviderProps: {
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
     scrollable: {
@@ -160,6 +161,7 @@ export declare const notificationProviderProps: {
 };
 export type NotificationProviderProps = ExtractPublicPropTypes<typeof notificationProviderProps>;
 declare const _default: import("vue").DefineComponent<{
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
     scrollable: {
@@ -281,7 +283,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     notificationList: Ref<{
         readonly key: string;
         readonly destroy: () => void;
@@ -318,6 +320,7 @@ declare const _default: import("vue").DefineComponent<{
     open: (options: NotificationOptions) => NotificationReactive;
     destroyAll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
     scrollable: {
@@ -442,5 +445,5 @@ declare const _default: import("vue").DefineComponent<{
     placement: NotificationPlacement;
     scrollable: boolean;
     keepAliveOnHover: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/notification/src/NotificationProvider.js

@@ -9,7 +9,7 @@ import { NotificationEnvironment } from './NotificationEnvironment';
 import { notificationProviderInjectionKey } from './context';
 import style from './styles/index.cssr';
 export const notificationApiInjectionKey = createInjectionKey('n-notification-api');
-export const notificationProviderProps = Object.assign(Object.assign({}, useTheme.props), { containerStyle: [String, Object], to: [String, Object], scrollable: {
+export const notificationProviderProps = Object.assign(Object.assign({}, useTheme.props), { containerClass: String, containerStyle: [String, Object], to: [String, Object], scrollable: {
         type: Boolean,
         default: true
     }, max: Number, placement: {
@@ -103,7 +103,7 @@ export default defineComponent({
         return (h(Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
             _b.call(_a),
             this.notificationList.length ? (h(Teleport, { to: (_c = this.to) !== null && _c !== void 0 ? _c : 'body' },
-                h(NotificationContainer, { style: this.containerStyle, scrollable: this.scrollable && placement !== 'top' && placement !== 'bottom', placement: placement }, {
+                h(NotificationContainer, { class: this.containerClass, style: this.containerStyle, scrollable: this.scrollable && placement !== 'top' && placement !== 'bottom', placement: placement }, {
                     default: () => {
                         return this.notificationList.map((notification) => {
                             return (h(NotificationEnvironment, Object.assign({ ref: ((inst) => {

package/es/number-animation/src/NumberAnimation.d.ts

@@ -91,5 +91,5 @@ declare const _default: import("vue").DefineComponent<{
     to: number;
     precision: number;
     showSeparator: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/page-header/src/PageHeader.d.ts

@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     }, unknown>>>;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-title-text-color': string;
         '--n-title-font-size': string;
@@ -133,5 +133,5 @@ declare const _default: import("vue").DefineComponent<{
         titleFontSize: string;
         backSize: string;
     }, unknown>>>;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/es/pagination/src/Pagination.d.ts

@@ -2101,7 +2101,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     locale: import("vue").Ref<{
         goto: string;
         selectionSuffix: string;
@@ -3881,5 +3881,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showQuickJumper: boolean;
     readonly pageSlot: number;
     readonly displayOrder: ("pages" | "size-picker" | "quick-jumper")[];
-}>;
+}, {}>;
 export default _default;

package/es/pagination/src/Pagination.js

@@ -493,7 +493,9 @@ export default defineComponent({
                                             `${mergedClsPrefix}-pagination-item--disabled`,
                                         type === 'page' &&
                                             `${mergedClsPrefix}-pagination-item--clickable`
-                                    ], onClick: () => { handlePageItemClick(pageItem); }, onMouseenter: onMouseenter, onMouseleave: onMouseleave }, contentNode));
+                                    ], onClick: () => {
+                                        handlePageItemClick(pageItem);
+                                    }, onMouseenter: onMouseenter, onMouseleave: onMouseleave }, contentNode));
                                 if (type === 'page' &&
                                     !pageItem.mayBeFastBackward &&
                                     !pageItem.mayBeFastForward) {

package/es/popconfirm/src/Popconfirm.d.ts

@@ -48,7 +48,10 @@ export declare const popconfirmProps: {
         type: PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -72,8 +75,11 @@ export declare const popconfirmProps: {
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -818,7 +824,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -842,8 +851,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -1540,6 +1552,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    setShow(value: boolean): void;
+    syncPosition(): void;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -1887,11 +1901,10 @@ declare const _default: import("vue").DefineComponent<{
     popoverInstRef: import("vue").Ref<{
         syncPosition: () => void;
         setShow: (value: boolean) => void;
+        getMergedShow: () => boolean;
     } | null>;
     handlePositiveClick: (e: MouseEvent) => void;
     handleNegativeClick: (e: MouseEvent) => void;
-    syncPosition: () => void;
-    setShow: (value: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     positiveText: PropType<string | null>;
     negativeText: PropType<string | null>;
@@ -1938,7 +1951,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -1962,8 +1978,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -2685,5 +2704,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalExtraClass: string[];
     arrow: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/es/popconfirm/src/Popconfirm.js

@@ -23,6 +23,9 @@ export default defineComponent({
         const themeRef = useTheme('Popconfirm', '-popconfirm', style, popconfirmLight, props, mergedClsPrefixRef);
         const popoverInstRef = ref(null);
         function handlePositiveClick(e) {
+            var _a;
+            if (!((_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.getMergedShow()))
+                return;
             const { onPositiveClick, 'onUpdate:show': onUpdateShow } = props;
             void Promise.resolve(onPositiveClick ? onPositiveClick(e) : true).then((value) => {
                 var _a;
@@ -34,6 +37,9 @@ export default defineComponent({
             });
         }
         function handleNegativeClick(e) {
+            var _a;
+            if (!((_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.getMergedShow()))
+                return;
             const { onNegativeClick, 'onUpdate:show': onUpdateShow } = props;
             void Promise.resolve(onNegativeClick ? onNegativeClick(e) : true).then((value) => {
                 var _a;
@@ -49,7 +55,7 @@ export default defineComponent({
             mergedClsPrefixRef,
             props
         });
-        const exposedMethods = {
+        const returned = {
             setShow(value) {
                 var _a;
                 (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.setShow(value);
@@ -57,11 +63,13 @@ export default defineComponent({
             syncPosition() {
                 var _a;
                 (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
-            }
-        };
-        return Object.assign(Object.assign({}, exposedMethods), { mergedTheme: themeRef, popoverInstRef,
+            },
+            mergedTheme: themeRef,
+            popoverInstRef,
             handlePositiveClick,
-            handleNegativeClick });
+            handleNegativeClick
+        };
+        return returned;
     },
     render() {
         const { $slots: slots, $props: props, mergedTheme } = this;

package/es/popconfirm/src/PopconfirmPanel.d.ts

@@ -69,5 +69,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly showIcon: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/popover/src/Popover.d.ts

@@ -63,7 +63,10 @@ export declare const popoverBaseProps: {
         type: PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -87,8 +90,11 @@ export declare const popoverBaseProps: {
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -151,7 +157,10 @@ export declare const popoverProps: {
         type: PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -175,8 +184,11 @@ export declare const popoverProps: {
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -283,7 +295,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -307,8 +322,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -428,7 +446,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -452,8 +473,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -544,5 +568,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: TriggerEventHandlers[];
     internalExtraClass: string[];
     arrow: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/es/popover/src/Popover.js

@@ -68,7 +68,10 @@ export const popoverBaseProps = {
         type: String,
         default: 'if'
     },
+    arrowClass: String,
     arrowStyle: [String, Object],
+    arrowWrapperClass: String,
+    arrowWrapperStyle: [String, Object],
     flip: {
         type: Boolean,
         default: true
@@ -89,8 +92,11 @@ export const popoverBaseProps = {
     zIndex: Number,
     to: useAdjustedTo.propTo,
     scrollable: Boolean,
+    contentClass: String,
     contentStyle: [Object, String],
+    headerClass: String,
     headerStyle: [Object, String],
+    footerClass: String,
     footerStyle: [Object, String],
     // events
     onClickoutside: Function,
@@ -314,6 +320,7 @@ export default defineComponent({
         }
         function getTriggerElement() {
             var _a;
+            // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
             return (_a = binderInstRef.value) === null || _a === void 0 ? void 0 : _a.targetRef;
         }
         function setBodyInstance(value) {
@@ -338,7 +345,7 @@ export default defineComponent({
                 doUpdateShow(false);
             }
         });
-        return {
+        const returned = {
             binderInstRef,
             positionManually: positionManuallyRef,
             mergedShowConsideringDisabledProp: mergedShowConsideringDisabledPropRef,
@@ -354,6 +361,7 @@ export default defineComponent({
             handleBlur,
             syncPosition
         };
+        return returned;
     },
     render() {
         var _a;
@@ -370,9 +378,7 @@ export default defineComponent({
             if (triggerVNode) {
                 triggerVNode = cloneVNode(triggerVNode);
                 triggerVNode =
-                    triggerVNode.type === Text
-                        ? h('span', [triggerVNode])
-                        : triggerVNode;
+                    triggerVNode.type === Text ? h('span', [triggerVNode]) : triggerVNode;
                 const handlers = {
                     onClick: this.handleClick,
                     onMouseenter: this.handleMouseEnter,

package/es/popover/src/PopoverBody.d.ts

@@ -13,7 +13,10 @@ export declare const popoverBodyProps: {
     duration: NumberConstructor;
     raw: BooleanConstructor;
     arrowPointToCenter: BooleanConstructor;
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | CSSProperties>;
     displayDirective: PropType<"show" | "if">;
     x: NumberConstructor;
     y: NumberConstructor;
@@ -23,8 +26,11 @@ export declare const popoverBodyProps: {
     width: PropType<number | "trigger">;
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
@@ -77,10 +83,13 @@ export declare const popoverBodyProps: {
     }, any>>>;
 };
 interface RenderArrowProps {
+    arrowClass: string | undefined;
     arrowStyle: string | CSSProperties | undefined;
+    arrowWrapperClass: string | undefined;
+    arrowWrapperStyle: string | CSSProperties | undefined;
     clsPrefix: string;
 }
-export declare const renderArrow: ({ arrowStyle, clsPrefix }: RenderArrowProps) => VNode | null;
+export declare const renderArrow: ({ arrowClass, arrowStyle, arrowWrapperClass, arrowWrapperStyle, clsPrefix }: RenderArrowProps) => VNode | null;
 declare const _default: import("vue").DefineComponent<{
     to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -93,7 +102,10 @@ declare const _default: import("vue").DefineComponent<{
     duration: NumberConstructor;
     raw: BooleanConstructor;
     arrowPointToCenter: BooleanConstructor;
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | CSSProperties>;
     displayDirective: PropType<"show" | "if">;
     x: NumberConstructor;
     y: NumberConstructor;
@@ -103,8 +115,11 @@ declare const _default: import("vue").DefineComponent<{
     width: PropType<number | "trigger">;
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
@@ -178,7 +193,10 @@ declare const _default: import("vue").DefineComponent<{
     duration: NumberConstructor;
     raw: BooleanConstructor;
     arrowPointToCenter: BooleanConstructor;
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | CSSProperties>;
     displayDirective: PropType<"show" | "if">;
     x: NumberConstructor;
     y: NumberConstructor;
@@ -188,8 +206,11 @@ declare const _default: import("vue").DefineComponent<{
     width: PropType<number | "trigger">;
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
@@ -253,5 +274,5 @@ declare const _default: import("vue").DefineComponent<{
     internalDeactivateImmediately: boolean;
     animated: boolean;
     internalTrapFocus: boolean;
-}>;
+}, {}>;
 export default _default;