naive-ui 2.35.0 → 2.36.0

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: {
@@ -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: {

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/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>>;
@@ -1939,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;
@@ -1963,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>>;

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>>;

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) {

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;

package/es/popover/src/PopoverBody.js

@@ -10,14 +10,14 @@ import { formatLength, isSlotEmpty, resolveWrappedSlot, useAdjustedTo, isJsdom }
 import { popoverLight } from '../styles';
 import { popoverBodyInjectionKey } from './interface';
 import style from './styles/index.cssr';
-export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowPointToCenter: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, scrollable: Boolean, contentStyle: [Object, String], headerStyle: [Object, String], footerStyle: [Object, String], 
+export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowPointToCenter: Boolean, arrowClass: String, arrowStyle: [String, Object], arrowWrapperClass: String, arrowWrapperStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, scrollable: Boolean, contentClass: String, contentStyle: [Object, String], headerClass: String, headerStyle: [Object, String], footerClass: String, footerStyle: [Object, String], 
     // private
     internalDeactivateImmediately: Boolean, animated: Boolean, onClickoutside: Function, internalTrapFocus: Boolean, internalOnAfterLeave: Function, 
     // deprecated
     minWidth: Number, maxWidth: Number });
-export const renderArrow = ({ arrowStyle, clsPrefix }) => {
-    return (h("div", { key: "__popover-arrow__", class: `${clsPrefix}-popover-arrow-wrapper` },
-        h("div", { class: `${clsPrefix}-popover-arrow`, style: arrowStyle })));
+export const renderArrow = ({ arrowClass, arrowStyle, arrowWrapperClass, arrowWrapperStyle, clsPrefix }) => {
+    return (h("div", { key: "__popover-arrow__", style: arrowWrapperStyle, class: [`${clsPrefix}-popover-arrow-wrapper`, arrowWrapperClass] },
+        h("div", { class: [`${clsPrefix}-popover-arrow`, arrowClass], style: arrowStyle })));
 };
 export default defineComponent({
     name: 'PopoverBody',
@@ -27,6 +27,7 @@ export default defineComponent({
         const { namespaceRef, mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Popover', '-popover', style, popoverLight, props, mergedClsPrefixRef);
         const followerRef = ref(null);
+        // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
         const NPopover = inject('NPopover');
         const bodyRef = ref(null);
         const followerEnabledRef = ref(props.show);
@@ -176,25 +177,40 @@ export default defineComponent({
                 const { internalTrapFocus } = props;
                 const hasHeaderOrFooter = !isSlotEmpty(slots.header) || !isSlotEmpty(slots.footer);
                 const renderContentInnerNode = () => {
-                    var _a;
+                    var _a, _b;
                     const body = hasHeaderOrFooter ? (h(Fragment, null,
                         resolveWrappedSlot(slots.header, (children) => {
-                            return children ? (h("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children)) : null;
+                            return children ? (h("div", { class: [
+                                    `${mergedClsPrefix}-popover__header`,
+                                    props.headerClass
+                                ], style: props.headerStyle }, children)) : null;
                         }),
                         resolveWrappedSlot(slots.default, (children) => {
-                            return children ? (h("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots)) : null;
+                            return children ? (h("div", { class: [
+                                    `${mergedClsPrefix}-popover__content`,
+                                    props.contentClass
+                                ], style: props.contentStyle }, slots)) : null;
                         }),
                         resolveWrappedSlot(slots.footer, (children) => {
-                            return children ? (h("div", { class: `${mergedClsPrefix}-popover__footer`, style: props.footerStyle }, children)) : null;
-                        }))) : props.scrollable ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : (h("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
+                            return children ? (h("div", { class: [
+                                    `${mergedClsPrefix}-popover__footer`,
+                                    props.footerClass
+                                ], style: props.footerStyle }, children)) : null;
+                        }))) : props.scrollable ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : (h("div", { class: [
+                            `${mergedClsPrefix}-popover__content`,
+                            props.contentClass
+                        ], style: props.contentStyle }, slots));
                     const maybeScrollableBody = props.scrollable ? (h(NxScrollbar, { contentClass: hasHeaderOrFooter
                             ? undefined
-                            : `${mergedClsPrefix}-popover__content`, contentStyle: hasHeaderOrFooter ? undefined : props.contentStyle }, {
+                            : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ''}`, contentStyle: hasHeaderOrFooter ? undefined : props.contentStyle }, {
                         default: () => body
                     })) : (body);
                     const arrow = props.showArrow
                         ? renderArrow({
+                            arrowClass: props.arrowClass,
                             arrowStyle: props.arrowStyle,
+                            arrowWrapperClass: props.arrowWrapperClass,
+                            arrowWrapperStyle: props.arrowWrapperStyle,
                             clsPrefix: mergedClsPrefix
                         })
                         : null;

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

@@ -9,4 +9,4 @@ export type InternalPopoverInst = PopoverInst & {
 };
 export type PopoverBodyInjection = Ref<HTMLElement | null> | null;
 export declare const popoverBodyInjectionKey: import("vue").InjectionKey<PopoverBodyInjection>;
-export type InternalRenderBody = (className: any, ref: Ref<HTMLElement | null>, style: Ref<CSSProperties>, onMouseenter: (e: MouseEvent) => void, onMouseleave: (e: MouseEvent) => void) => VNode;
+export type InternalRenderBody = (className: any, ref: Ref<HTMLElement | null>, style: CSSProperties[], onMouseenter: (e: MouseEvent) => void, onMouseleave: (e: MouseEvent) => void) => VNode;

package/es/popselect/src/Popselect.d.ts

@@ -65,8 +65,12 @@ export declare const popselectProps: {
     };
     raw: BooleanConstructor;
     overlap: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     delay: {
         type: NumberConstructor;
         default: number;
@@ -80,7 +84,9 @@ export declare const popselectProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
@@ -384,8 +390,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     overlap: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     delay: {
         type: NumberConstructor;
         default: number;
@@ -399,7 +409,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
@@ -914,8 +926,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     overlap: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
+    arrowClass: StringConstructor;
     arrowStyle: PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     delay: {
         type: NumberConstructor;
         default: number;
@@ -929,7 +945,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    headerClass: StringConstructor;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {

package/es/popselect/src/Popselect.js

@@ -50,13 +50,14 @@ export default defineComponent({
             ref: 'popoverInstRef',
             internalRenderBody: (className, ref, style, onMouseenter, onMouseleave) => {
                 const { $attrs } = this;
-                return (h(NPopselectPanel, Object.assign({}, $attrs, { class: [$attrs.class, className], style: [$attrs.style, style] }, keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: mergeEventHandlers([
+                return (h(NPopselectPanel, Object.assign({}, $attrs, { class: [$attrs.class, className], style: [$attrs.style, ...style] }, keep(this.$props, panelPropKeys), { ref: createRefSetter(ref), onMouseenter: mergeEventHandlers([
                         onMouseenter,
                         $attrs.onMouseenter
                     ]), onMouseleave: mergeEventHandlers([
                         onMouseleave,
                         $attrs.onMouseleave
                     ]) }), {
+                    header: () => { var _a, _b; return (_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a); },
                     action: () => { var _a, _b; return (_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a); },
                     empty: () => { var _a, _b; return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a); }
                 }));

package/es/popselect/src/PopselectPanel.js

@@ -156,6 +156,7 @@ export default defineComponent({
         var _a;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (h(NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, nodeProps: this.nodeProps, class: [`${this.mergedClsPrefix}-popselect-menu`, this.themeClass], style: this.cssVars, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, virtualScroll: this.virtualScroll, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown, showCheckmark: this.showCheckmark }, {
+            header: () => { var _a, _b; return ((_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; },
             action: () => { var _a, _b; return ((_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; },
             empty: () => { var _a, _b; return ((_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; }
         }));

package/es/progress/src/Progress.d.ts

@@ -381,8 +381,8 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly type: "circle" | "line" | "multiple-circle" | "dashboard";
-    readonly strokeWidth: number;
     readonly status: Status;
+    readonly strokeWidth: number;
     readonly processing: boolean;
     readonly unit: string;
     readonly indicatorPlacement: "inside" | "outside";

package/es/qr-code/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NQrCode, qrCodeProps } from './src/QrCode';
+export type { QrCodeProps } from './src/QrCode';

package/es/qr-code/index.js

@@ -0,0 +1 @@
+export { default as NQrCode, qrCodeProps } from './src/QrCode';