naive-ui 2.34.4 → 2.36.0

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;
@@ -253,5 +274,5 @@ declare const _default: import("vue").DefineComponent<{
     internalDeactivateImmediately: boolean;
     animated: boolean;
     internalTrapFocus: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -4,6 +4,9 @@ export interface PopoverInst {
     syncPosition: () => void;
     setShow: (value: boolean) => void;
 }
+export type InternalPopoverInst = PopoverInst & {
+    getMergedShow: () => boolean;
+};
 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: {
@@ -1196,5 +1214,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalExtraClass: string[];
     cancelable: boolean;
-}>;
+}, {}>;
 export default _default;

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.d.ts

@@ -270,7 +270,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleMenuMousedown: (e: MouseEvent) => void;
@@ -316,5 +316,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showCheckmark: boolean;
     readonly virtualScroll: boolean;
     readonly cancelable: boolean;
-}>;
+}, {}>;
 export default _default;

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/Circle.d.ts

@@ -88,5 +88,5 @@ declare const _default: import("vue").DefineComponent<{
     percentage: number;
     offsetDegree: number;
     gapOffsetDegree: number;
-}>;
+}, {}>;
 export default _default;

package/lib/progress/src/Line.d.ts

@@ -75,5 +75,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     unit: string;
     percentage: number;
-}>;
+}, {}>;
 export default _default;

package/lib/progress/src/Line.js

@@ -104,9 +104,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     borderRadius: styleFillBorderRadiusRef.value
                                 } }, indicatorPlacement === 'inside' ? ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-graph-line-indicator`, style: {
                                     color: indicatorTextColor
-                                } },
-                                percentage,
-                                unit)) : null)))),
+                                } }, slots.default ? slots.default() : `${percentage}${unit}`)) : null)))),
                 showIndicator && indicatorPlacement === 'outside' ? ((0, vue_1.h)("div", null, slots.default ? ((0, vue_1.h)("div", { class: `${clsPrefix}-progress-custom-content`, style: {
                         color: indicatorTextColor
                     }, role: "none" }, slots.default())) : status === 'default' ? ((0, vue_1.h)("div", { role: "none", class: `${clsPrefix}-progress-icon ${clsPrefix}-progress-icon--as-text`, style: {

package/lib/progress/src/MultipleCircle.d.ts

@@ -78,5 +78,5 @@ declare const _default: import("vue").DefineComponent<{
     fillColor: string[];
     percentage: number[];
     railStyle: (string | CSSProperties)[];
-}>;
+}, {}>;
 export default _default;

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

@@ -240,7 +240,7 @@ declare const _default: import("vue").DefineComponent<{
         lineBgProcessing: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedIndicatorPlacement: import("vue").ComputedRef<"inside" | "outside">;
     gapDeg: import("vue").ComputedRef<number | undefined>;
     cssVars: import("vue").ComputedRef<{
@@ -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";
@@ -390,5 +390,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly viewBoxWidth: number;
     readonly circleGap: number;
     readonly indicatorPosition: "inside" | "outside";
-}>;
+}, {}>;
 export default _default;

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

package/lib/qr-code/src/QrCode.d.ts

@@ -0,0 +1,154 @@
+import { type PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+export declare const qrCodeProps: {
+    readonly value: StringConstructor;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#000";
+    };
+    readonly backgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "#FFF";
+    };
+    readonly iconSrc: StringConstructor;
+    readonly iconSize: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+    };
+    readonly iconBackgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "#FFF";
+    };
+    readonly iconBorderRadius: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly padding: {
+        readonly type: PropType<string | number>;
+        readonly default: 12;
+    };
+    readonly errorCorrectionLevel: {
+        readonly type: StringConstructor;
+        readonly default: "M";
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>>;
+};
+export type QrCodeProps = ExtractPublicPropTypes<typeof qrCodeProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly value: StringConstructor;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#000";
+    };
+    readonly backgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "#FFF";
+    };
+    readonly iconSrc: StringConstructor;
+    readonly iconSize: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+    };
+    readonly iconBackgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "#FFF";
+    };
+    readonly iconBorderRadius: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly padding: {
+        readonly type: PropType<string | number>;
+        readonly default: 12;
+    };
+    readonly errorCorrectionLevel: {
+        readonly type: StringConstructor;
+        readonly default: "M";
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>>;
+}, {
+    canvasRef: import("vue").Ref<HTMLCanvasElement | undefined>;
+    mergedClsPrefix: import("vue").Ref<string>;
+    cssVars: import("vue").ComputedRef<{
+        '--n-border-radius': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: StringConstructor;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#000";
+    };
+    readonly backgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "#FFF";
+    };
+    readonly iconSrc: StringConstructor;
+    readonly iconSize: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+    };
+    readonly iconBackgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "#FFF";
+    };
+    readonly iconBorderRadius: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly padding: {
+        readonly type: PropType<string | number>;
+        readonly default: 12;
+    };
+    readonly errorCorrectionLevel: {
+        readonly type: StringConstructor;
+        readonly default: "M";
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"QrCode", {
+        borderRadius: string;
+    }, any>>>;
+}>>, {
+    readonly color: string;
+    readonly size: number;
+    readonly backgroundColor: string;
+    readonly padding: string | number;
+    readonly iconSize: number;
+    readonly iconBackgroundColor: string;
+    readonly iconBorderRadius: number;
+    readonly errorCorrectionLevel: string;
+}, {}>;
+export default _default;