naive-ui 2.35.0 → 2.36.0

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

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

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

@@ -16,14 +16,14 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const interface_3 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.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], 
+exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.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 });
-const renderArrow = ({ arrowStyle, clsPrefix }) => {
-    return ((0, vue_1.h)("div", { key: "__popover-arrow__", class: `${clsPrefix}-popover-arrow-wrapper` },
-        (0, vue_1.h)("div", { class: `${clsPrefix}-popover-arrow`, style: arrowStyle })));
+const renderArrow = ({ arrowClass, arrowStyle, arrowWrapperClass, arrowWrapperStyle, clsPrefix }) => {
+    return ((0, vue_1.h)("div", { key: "__popover-arrow__", style: arrowWrapperStyle, class: [`${clsPrefix}-popover-arrow-wrapper`, arrowWrapperClass] },
+        (0, vue_1.h)("div", { class: [`${clsPrefix}-popover-arrow`, arrowClass], style: arrowStyle })));
 };
 exports.renderArrow = renderArrow;
 exports.default = (0, vue_1.defineComponent)({
@@ -34,6 +34,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { namespaceRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Popover', '-popover', index_cssr_1.default, styles_1.popoverLight, props, mergedClsPrefixRef);
         const followerRef = (0, vue_1.ref)(null);
+        // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
         const NPopover = (0, vue_1.inject)('NPopover');
         const bodyRef = (0, vue_1.ref)(null);
         const followerEnabledRef = (0, vue_1.ref)(props.show);
@@ -183,25 +184,40 @@ exports.default = (0, vue_1.defineComponent)({
                 const { internalTrapFocus } = props;
                 const hasHeaderOrFooter = !(0, _utils_1.isSlotEmpty)(slots.header) || !(0, _utils_1.isSlotEmpty)(slots.footer);
                 const renderContentInnerNode = () => {
-                    var _a;
+                    var _a, _b;
                     const body = hasHeaderOrFooter ? ((0, vue_1.h)(vue_1.Fragment, null,
                         (0, _utils_1.resolveWrappedSlot)(slots.header, (children) => {
-                            return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children)) : null;
+                            return children ? ((0, vue_1.h)("div", { class: [
+                                    `${mergedClsPrefix}-popover__header`,
+                                    props.headerClass
+                                ], style: props.headerStyle }, children)) : null;
                         }),
                         (0, _utils_1.resolveWrappedSlot)(slots.default, (children) => {
-                            return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots)) : null;
+                            return children ? ((0, vue_1.h)("div", { class: [
+                                    `${mergedClsPrefix}-popover__content`,
+                                    props.contentClass
+                                ], style: props.contentStyle }, slots)) : null;
                         }),
                         (0, _utils_1.resolveWrappedSlot)(slots.footer, (children) => {
-                            return children ? ((0, vue_1.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)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
+                            return children ? ((0, vue_1.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)) : ((0, vue_1.h)("div", { class: [
+                            `${mergedClsPrefix}-popover__content`,
+                            props.contentClass
+                        ], style: props.contentStyle }, slots));
                     const maybeScrollableBody = props.scrollable ? ((0, vue_1.h)(scrollbar_1.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
                         ? (0, exports.renderArrow)({
+                            arrowClass: props.arrowClass,
                             arrowStyle: props.arrowStyle,
+                            arrowWrapperClass: props.arrowWrapperClass,
+                            arrowWrapperStyle: props.arrowWrapperStyle,
                             clsPrefix: mergedClsPrefix
                         })
                         : null;

package/lib/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/lib/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/lib/popselect/src/Popselect.js

@@ -76,13 +76,14 @@ exports.default = (0, vue_1.defineComponent)({
             ref: 'popoverInstRef',
             internalRenderBody: (className, ref, style, onMouseenter, onMouseleave) => {
                 const { $attrs } = this;
-                return ((0, vue_1.h)(PopselectPanel_1.default, Object.assign({}, $attrs, { class: [$attrs.class, className], style: [$attrs.style, style] }, (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: (0, _utils_1.mergeEventHandlers)([
+                return ((0, vue_1.h)(PopselectPanel_1.default, Object.assign({}, $attrs, { class: [$attrs.class, className], style: [$attrs.style, ...style] }, (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: (0, _utils_1.mergeEventHandlers)([
                         onMouseenter,
                         $attrs.onMouseenter
                     ]), onMouseleave: (0, _utils_1.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/lib/popselect/src/PopselectPanel.js

@@ -162,6 +162,7 @@ exports.default = (0, vue_1.defineComponent)({
         var _a;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return ((0, vue_1.h)(_internal_1.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/lib/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/lib/qr-code/index.d.ts

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

package/lib/qr-code/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.qrCodeProps = exports.NQrCode = void 0;
+var QrCode_1 = require("./src/QrCode");
+Object.defineProperty(exports, "NQrCode", { enumerable: true, get: function () { return __importDefault(QrCode_1).default; } });
+Object.defineProperty(exports, "qrCodeProps", { enumerable: true, get: function () { return QrCode_1.qrCodeProps; } });