naive-ui 2.34.4 → 2.36.0

package/lib/modal/src/BodyWrapper.d.ts

@@ -47,9 +47,13 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -70,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
+    preset: PropType<"confirm" | "dialog" | "card">;
     displayDirective: {
         type: PropType<"show" | "if">;
         required: true;
@@ -771,9 +775,13 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -794,7 +802,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
+    preset: PropType<"confirm" | "dialog" | "card">;
     displayDirective: {
         type: PropType<"show" | "if">;
         required: true;
@@ -812,8 +820,8 @@ declare const _default: import("vue").DefineComponent<{
     type: "default" | "error" | "info" | "success" | "warning";
     tag: keyof HTMLElementTagNameMap;
     size: "small" | "medium" | "large" | "huge";
-    autoFocus: boolean;
     loading: boolean;
+    autoFocus: boolean;
     bordered: boolean;
     showIcon: boolean;
     closable: boolean;
@@ -822,5 +830,5 @@ declare const _default: import("vue").DefineComponent<{
     segmented: boolean | import("../../card").CardSegmented;
     trapFocus: boolean;
     blockScroll: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/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/lib/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/lib/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/lib/notification/src/NotificationContainer.d.ts

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

package/lib/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/lib/notification/src/NotificationEnvironment.js

@@ -132,7 +132,7 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
     },
     render() {
         return ((0, vue_1.h)(vue_1.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 ? ((0, vue_1.h)(Notification_1.Notification, Object.assign({}, (0, _utils_1.keep)(this.$props, Notification_1.notificationPropKeys), { onClose: this.handleClose, onMouseenter: this.duration && this.keepAliveOnHover

package/lib/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/lib/notification/src/NotificationProvider.js

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

package/lib/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/lib/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/lib/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/lib/pagination/src/Pagination.js

@@ -499,7 +499,9 @@ exports.default = (0, vue_1.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/lib/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/lib/popconfirm/src/Popconfirm.js

@@ -52,6 +52,9 @@ exports.default = (0, vue_1.defineComponent)({
         const themeRef = (0, _mixins_1.useTheme)('Popconfirm', '-popconfirm', index_cssr_1.default, styles_1.popconfirmLight, props, mergedClsPrefixRef);
         const popoverInstRef = (0, vue_1.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;
@@ -63,6 +66,9 @@ exports.default = (0, vue_1.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;
@@ -78,7 +84,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedClsPrefixRef,
             props
         });
-        const exposedMethods = {
+        const returned = {
             setShow(value) {
                 var _a;
                 (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.setShow(value);
@@ -86,11 +92,13 @@ exports.default = (0, vue_1.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/lib/popconfirm/src/PopconfirmPanel.d.ts

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

package/lib/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/lib/popover/src/Popover.js

@@ -94,7 +94,10 @@ exports.popoverBaseProps = {
         type: String,
         default: 'if'
     },
+    arrowClass: String,
     arrowStyle: [String, Object],
+    arrowWrapperClass: String,
+    arrowWrapperStyle: [String, Object],
     flip: {
         type: Boolean,
         default: true
@@ -115,8 +118,11 @@ exports.popoverBaseProps = {
     zIndex: Number,
     to: _utils_1.useAdjustedTo.propTo,
     scrollable: Boolean,
+    contentClass: String,
     contentStyle: [Object, String],
+    headerClass: String,
     headerStyle: [Object, String],
+    footerClass: String,
     footerStyle: [Object, String],
     // events
     onClickoutside: Function,
@@ -340,6 +346,7 @@ exports.default = (0, vue_1.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) {
@@ -364,7 +371,7 @@ exports.default = (0, vue_1.defineComponent)({
                 doUpdateShow(false);
             }
         });
-        return {
+        const returned = {
             binderInstRef,
             positionManually: positionManuallyRef,
             mergedShowConsideringDisabledProp: mergedShowConsideringDisabledPropRef,
@@ -380,6 +387,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleBlur,
             syncPosition
         };
+        return returned;
     },
     render() {
         var _a;
@@ -396,9 +404,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (triggerVNode) {
                 triggerVNode = (0, vue_1.cloneVNode)(triggerVNode);
                 triggerVNode =
-                    triggerVNode.type === vue_1.Text
-                        ? (0, vue_1.h)('span', [triggerVNode])
-                        : triggerVNode;
+                    triggerVNode.type === vue_1.Text ? (0, vue_1.h)('span', [triggerVNode]) : triggerVNode;
                 const handlers = {
                     onClick: this.handleClick,
                     onMouseenter: this.handleMouseEnter,