@sdata/web-vue 1.19.0 → 2.1.1

package/es/popover/style/index.css

@@ -18,16 +18,16 @@
 .sd-popover-popup-content {
   box-sizing: border-box;
   padding: 12px 16px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 14px;
   line-height: 1.5715;
-  background-color: var(--color-bg-popup);
-  border: 1px solid var(--color-neutral-3);
-  border-radius: var(--border-radius-medium);
+  background-color: var(--sd-color-bg-popup);
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-medium);
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }
 .sd-popover-title {
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-weight: 500;
   font-size: 16px;
 }
@@ -40,6 +40,6 @@
 }
 .sd-popover-popup-arrow {
   z-index: 1;
-  background-color: var(--color-bg-popup);
-  border: 1px solid var(--color-neutral-3);
+  background-color: var(--sd-color-bg-popup);
+  border: 1px solid var(--sd-color-neutral-3);
 }

package/es/popover/style/index.d.ts

@@ -1,3 +1,4 @@
 import '../../style/index.scss';
+import '../../scrollbar/style';
 import '../../trigger/style';
 import './index.scss';

package/es/progress/circle.js

@@ -76,6 +76,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		class: normalizeClass(`${_ctx.prefixCls}-text`)
 	}, [renderSlot(_ctx.$slots, "text", { percent: _ctx.percent }, () => [_ctx.status === "danger" ? (openBlock(), createBlock(_component_icon_exclamation, { key: 0 })) : _ctx.status === "success" ? (openBlock(), createBlock(_component_icon_check, { key: 1 })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(_ctx.text), 1)], 64))])], 2)) : createCommentVNode("", true)], 14, _hoisted_1);
 }
-var circle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(circle_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var circle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(circle_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { circle_default as default };

package/es/progress/circle.vue.d.ts

@@ -89,8 +89,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: NumberConstructor;
     };
 }>> & Readonly<{}>, {
-    size: "small" | "mini" | "medium" | "large";
     color: string | Record<string, any>;
+    size: "medium" | "large" | "small" | "mini";
     width: number;
     status: string;
     showText: boolean;

package/es/progress/index.d.ts

@@ -46,7 +46,7 @@ declare const Progress: {
         circleWidth: import("vue").ComputedRef<number | undefined>;
         cls: import("vue").ComputedRef<string[]>;
         computedStatus: import("vue").ComputedRef<"normal" | "success" | "warning" | "danger">;
-        mergedSize: import("vue").ComputedRef<"small" | "mini" | "medium" | "large">;
+        mergedSize: import("vue").ComputedRef<"medium" | "large" | "small" | "mini">;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: "circle" | "line";
         animation: boolean;
@@ -142,8 +142,8 @@ declare const Progress: {
             };
             showText: BooleanConstructor;
         }>> & Readonly<{}>, {
-            size: "small" | "medium" | "large";
             color: string | Record<string, any>;
+            size: "medium" | "large" | "small";
             strokeWidth: number;
             width: string | number;
             animation: boolean;
@@ -360,8 +360,8 @@ declare const Progress: {
                 type: NumberConstructor;
             };
         }>> & Readonly<{}>, {
-            size: "small" | "mini" | "medium" | "large";
             color: string | Record<string, any>;
+            size: "medium" | "large" | "small" | "mini";
             width: number;
             status: string;
             showText: boolean;
@@ -852,7 +852,7 @@ declare const Progress: {
         circleWidth: import("vue").ComputedRef<number | undefined>;
         cls: import("vue").ComputedRef<string[]>;
         computedStatus: import("vue").ComputedRef<"normal" | "success" | "warning" | "danger">;
-        mergedSize: import("vue").ComputedRef<"small" | "mini" | "medium" | "large">;
+        mergedSize: import("vue").ComputedRef<"medium" | "large" | "small" | "mini">;
     }, {}, {}, {}, {
         type: "circle" | "line";
         animation: boolean;
@@ -907,7 +907,7 @@ declare const Progress: {
     circleWidth: import("vue").ComputedRef<number | undefined>;
     cls: import("vue").ComputedRef<string[]>;
     computedStatus: import("vue").ComputedRef<"normal" | "success" | "warning" | "danger">;
-    mergedSize: import("vue").ComputedRef<"small" | "mini" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<"medium" | "large" | "small" | "mini">;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "circle" | "line";
     animation: boolean;
@@ -1003,8 +1003,8 @@ declare const Progress: {
         };
         showText: BooleanConstructor;
     }>> & Readonly<{}>, {
-        size: "small" | "medium" | "large";
         color: string | Record<string, any>;
+        size: "medium" | "large" | "small";
         strokeWidth: number;
         width: string | number;
         animation: boolean;
@@ -1221,8 +1221,8 @@ declare const Progress: {
             type: NumberConstructor;
         };
     }>> & Readonly<{}>, {
-        size: "small" | "mini" | "medium" | "large";
         color: string | Record<string, any>;
+        size: "medium" | "large" | "small" | "mini";
         width: number;
         status: string;
         showText: boolean;

package/es/progress/line.js

@@ -22,6 +22,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		class: normalizeClass(`${_ctx.prefixCls}-text`)
 	}, [renderSlot(_ctx.$slots, "text", { percent: _ctx.percent }, () => [createTextVNode(toDisplayString(_ctx.text) + " ", 1), _ctx.status === "danger" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 0 })) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
 }
-var line_default = /* @__PURE__ */ _plugin_vue_export_helper_default(line_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var line_default = /*#__PURE__*/ _plugin_vue_export_helper_default(line_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { line_default as default };

package/es/progress/line.vue.d.ts

@@ -90,8 +90,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     showText: BooleanConstructor;
 }>> & Readonly<{}>, {
-    size: "small" | "medium" | "large";
     color: string | Record<string, any>;
+    size: "medium" | "large" | "small";
     strokeWidth: number;
     width: string | number;
     animation: boolean;

package/es/progress/line.vue_vue_type_script_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject } from "../_utils/is.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";

package/es/progress/progress.js

@@ -85,6 +85,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"status"
 	]))], 2);
 }
-var progress_default = /* @__PURE__ */ _plugin_vue_export_helper_default(progress_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var progress_default = /*#__PURE__*/ _plugin_vue_export_helper_default(progress_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { progress_default as default };

package/es/progress/progress.vue.d.ts

@@ -48,7 +48,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     circleWidth: import("vue").ComputedRef<number | undefined>;
     cls: import("vue").ComputedRef<string[]>;
     computedStatus: import("vue").ComputedRef<"normal" | "success" | "warning" | "danger">;
-    mergedSize: import("vue").ComputedRef<"small" | "mini" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<"medium" | "large" | "small" | "mini">;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<ProgressType>;
@@ -184,8 +184,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
         showText: BooleanConstructor;
     }>> & Readonly<{}>, {
-        size: "small" | "medium" | "large";
         color: string | Record<string, any>;
+        size: "medium" | "large" | "small";
         strokeWidth: number;
         width: string | number;
         animation: boolean;
@@ -402,8 +402,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             type: NumberConstructor;
         };
     }>> & Readonly<{}>, {
-        size: "small" | "mini" | "medium" | "large";
         color: string | Record<string, any>;
+        size: "medium" | "large" | "small" | "mini";
         width: number;
         status: string;
         showText: boolean;

package/es/progress/steps.js

@@ -25,6 +25,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		class: normalizeClass(`${_ctx.prefixCls}-text`)
 	}, [renderSlot(_ctx.$slots, "text", { percent: _ctx.percent }, () => [createTextVNode(toDisplayString(_ctx.text) + " ", 1), _ctx.status === "danger" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 0 })) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
 }
-var steps_default = /* @__PURE__ */ _plugin_vue_export_helper_default(steps_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var steps_default = /*#__PURE__*/ _plugin_vue_export_helper_default(steps_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { steps_default as default };

package/es/progress/style/index.css

@@ -40,7 +40,7 @@
   flex-shrink: 0;
   min-width: 32px;
   margin-left: 16px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
   white-space: nowrap;
   text-align: right;
@@ -54,14 +54,14 @@
   display: inline-block;
   width: 100%;
   overflow: hidden;
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
   border-radius: 100px;
 }
 .sd-progress-line-bar {
   position: relative;
   max-width: 100%;
   height: 100%;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
   border-radius: 100px;
   transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
@@ -71,7 +71,7 @@
   left: 0;
   max-width: 100%;
   height: 100%;
-  background-color: var(--color-primary-light-3);
+  background-color: var(--sd-color-primary-light-3);
   border-radius: 0 100px 100px 0;
   transition: all 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
@@ -88,7 +88,7 @@
   content: "";
 }
 .sd-progress-line-text .sd-icon {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-progress-type-steps.sd-progress-size-small {
   width: auto;
@@ -110,14 +110,14 @@
   margin-left: 8px;
 }
 .sd-progress-steps-text .sd-icon {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-progress-steps-item {
   position: relative;
   display: inline-block;
   flex: 1;
   height: 100%;
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
 }
 .sd-progress-steps-item:not(:last-of-type) {
   margin-right: 3px;
@@ -131,37 +131,37 @@
   border-bottom-left-radius: 100px;
 }
 .sd-progress-steps-item-active {
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
 }
 .sd-progress-status-warning .sd-progress-line-bar {
-  background-color: rgb(var(--warning-6));
+  background-color: rgb(var(--sd-warning-6));
 }
 .sd-progress-status-warning .sd-progress-steps-item-active {
-  background-color: rgb(var(--warning-6));
+  background-color: rgb(var(--sd-warning-6));
 }
 .sd-progress-status-warning .sd-progress-line-text .sd-icon,
 .sd-progress-status-warning .sd-progress-steps-text .sd-icon {
-  color: rgb(var(--warning-6));
+  color: rgb(var(--sd-warning-6));
 }
 .sd-progress-status-success .sd-progress-line-bar {
-  background-color: rgb(var(--success-6));
+  background-color: rgb(var(--sd-success-6));
 }
 .sd-progress-status-success .sd-progress-steps-item-active {
-  background-color: rgb(var(--success-6));
+  background-color: rgb(var(--sd-success-6));
 }
 .sd-progress-status-success .sd-progress-line-text .sd-icon,
 .sd-progress-status-success .sd-progress-steps-text .sd-icon {
-  color: rgb(var(--success-6));
+  color: rgb(var(--sd-success-6));
 }
 .sd-progress-status-danger .sd-progress-line-bar {
-  background-color: rgb(var(--danger-6));
+  background-color: rgb(var(--sd-danger-6));
 }
 .sd-progress-status-danger .sd-progress-steps-item-active {
-  background-color: rgb(var(--danger-6));
+  background-color: rgb(var(--sd-danger-6));
 }
 .sd-progress-status-danger .sd-progress-line-text .sd-icon,
 .sd-progress-status-danger .sd-progress-steps-text .sd-icon {
-  color: rgb(var(--danger-6));
+  color: rgb(var(--sd-danger-6));
 }
 .sd-progress-size-small .sd-progress-line-text {
   margin-left: 16px;
@@ -195,35 +195,35 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 14px;
   transform: translate(-50%, -50%);
 }
 .sd-progress-circle-text .sd-icon {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 16px;
 }
 .sd-progress-circle-bg {
-  stroke: var(--color-fill-3);
+  stroke: var(--sd-color-fill-3);
 }
 .sd-progress-circle-bar {
   transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
-  stroke: rgb(var(--primary-6));
+  stroke: rgb(var(--sd-primary-6));
 }
 .sd-progress-size-mini .sd-progress-circle-bg {
-  stroke: var(--color-primary-light-3);
+  stroke: var(--sd-color-primary-light-3);
 }
 .sd-progress-size-mini .sd-progress-circle-bar {
-  stroke: rgb(var(--primary-6));
+  stroke: rgb(var(--sd-primary-6));
 }
 .sd-progress-size-mini.sd-progress-status-warning .sd-progress-circle-bg {
-  stroke: var(--color-warning-light-3);
+  stroke: var(--sd-color-warning-light-3);
 }
 .sd-progress-size-mini.sd-progress-status-danger .sd-progress-circle-bg {
-  stroke: var(--color-danger-light-3);
+  stroke: var(--sd-color-danger-light-3);
 }
 .sd-progress-size-mini.sd-progress-status-success .sd-progress-circle-bg {
-  stroke: var(--color-success-light-3);
+  stroke: var(--sd-color-success-light-3);
 }
 .sd-progress-size-mini .sd-progress-circle-wrapper .sd-icon-check {
   position: absolute;
@@ -250,22 +250,22 @@
   font-size: 16px;
 }
 .sd-progress-status-warning .sd-progress-circle-bar {
-  stroke: rgb(var(--warning-6));
+  stroke: rgb(var(--sd-warning-6));
 }
 .sd-progress-status-warning .sd-icon {
-  color: rgb(var(--warning-6));
+  color: rgb(var(--sd-warning-6));
 }
 .sd-progress-status-success .sd-progress-circle-bar {
-  stroke: rgb(var(--success-6));
+  stroke: rgb(var(--sd-success-6));
 }
 .sd-progress-status-success .sd-icon {
-  color: rgb(var(--success-6));
+  color: rgb(var(--sd-success-6));
 }
 .sd-progress-status-danger .sd-progress-circle-bar {
-  stroke: rgb(var(--danger-6));
+  stroke: rgb(var(--sd-danger-6));
 }
 .sd-progress-status-danger .sd-icon {
-  color: rgb(var(--danger-6));
+  color: rgb(var(--sd-danger-6));
 }
 
 @keyframes sd-progress-loading {

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

@@ -0,0 +1,294 @@
+import type { App } from 'vue';
+import type { SDOptions } from '../_utils/types';
+import _QrCode from './qr-code.vue';
+declare const QrCode: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: import("vue").PropType<import("./types").QrCodeValue>;
+            required: false;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").QrCodeType>;
+            default: string;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconAlt: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: NumberConstructor;
+            default: number;
+        };
+        iconSize: {
+            type: import("vue").PropType<import("./types").QrCodeIconSize>;
+            default: number;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        bgColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        errorLevel: {
+            type: import("vue").PropType<import("./types").QrCodeErrorLevel>;
+            default: string;
+        };
+        boostLevel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        marginSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        status: {
+            type: import("vue").PropType<import("./types").QrCodeStatusType>;
+            default: string;
+        };
+        statusRender: {
+            type: import("vue").PropType<(info: import("./types").QrCodeStatusRenderInfo) => import("vue").VNodeChild>;
+            default: undefined;
+        };
+        spinProps: {
+            type: import("vue").PropType<import("../spin").SpinProps>;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onRefresh?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        refresh: () => any;
+    }, import("vue").PublicProps, {
+        type: import("./types").QrCodeType;
+        color: string;
+        size: number;
+        icon: string;
+        bordered: boolean;
+        status: import("./types").QrCodeStatusType;
+        spinProps: Partial<{
+            dot: boolean;
+            loading: boolean;
+            hideIcon: boolean;
+        }> & Omit<{
+            readonly dot: boolean;
+            readonly loading: boolean;
+            readonly hideIcon: boolean;
+            readonly size?: number | undefined;
+            readonly tip?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "hideIcon">;
+        iconAlt: string;
+        iconSize: import("./types").QrCodeIconSize;
+        bgColor: string;
+        errorLevel: import("./types").QrCodeErrorLevel;
+        boostLevel: boolean;
+        marginSize: number;
+        statusRender: (info: import("./types").QrCodeStatusRenderInfo) => import("vue").VNodeChild;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: import("vue").PropType<import("./types").QrCodeValue>;
+            required: false;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").QrCodeType>;
+            default: string;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconAlt: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: NumberConstructor;
+            default: number;
+        };
+        iconSize: {
+            type: import("vue").PropType<import("./types").QrCodeIconSize>;
+            default: number;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        bgColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        errorLevel: {
+            type: import("vue").PropType<import("./types").QrCodeErrorLevel>;
+            default: string;
+        };
+        boostLevel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        marginSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        status: {
+            type: import("vue").PropType<import("./types").QrCodeStatusType>;
+            default: string;
+        };
+        statusRender: {
+            type: import("vue").PropType<(info: import("./types").QrCodeStatusRenderInfo) => import("vue").VNodeChild>;
+            default: undefined;
+        };
+        spinProps: {
+            type: import("vue").PropType<import("../spin").SpinProps>;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onRefresh?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        type: import("./types").QrCodeType;
+        color: string;
+        size: number;
+        icon: string;
+        bordered: boolean;
+        status: import("./types").QrCodeStatusType;
+        spinProps: Partial<{
+            dot: boolean;
+            loading: boolean;
+            hideIcon: boolean;
+        }> & Omit<{
+            readonly dot: boolean;
+            readonly loading: boolean;
+            readonly hideIcon: boolean;
+            readonly size?: number | undefined;
+            readonly tip?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "hideIcon">;
+        iconAlt: string;
+        iconSize: import("./types").QrCodeIconSize;
+        bgColor: string;
+        errorLevel: import("./types").QrCodeErrorLevel;
+        boostLevel: boolean;
+        marginSize: number;
+        statusRender: (info: import("./types").QrCodeStatusRenderInfo) => import("vue").VNodeChild;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<import("./types").QrCodeValue>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").QrCodeType>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    iconSize: {
+        type: import("vue").PropType<import("./types").QrCodeIconSize>;
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    bgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorLevel: {
+        type: import("vue").PropType<import("./types").QrCodeErrorLevel>;
+        default: string;
+    };
+    boostLevel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    marginSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    status: {
+        type: import("vue").PropType<import("./types").QrCodeStatusType>;
+        default: string;
+    };
+    statusRender: {
+        type: import("vue").PropType<(info: import("./types").QrCodeStatusRenderInfo) => import("vue").VNodeChild>;
+        default: undefined;
+    };
+    spinProps: {
+        type: import("vue").PropType<import("../spin").SpinProps>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    refresh: () => any;
+}, string, {
+    type: import("./types").QrCodeType;
+    color: string;
+    size: number;
+    icon: string;
+    bordered: boolean;
+    status: import("./types").QrCodeStatusType;
+    spinProps: Partial<{
+        dot: boolean;
+        loading: boolean;
+        hideIcon: boolean;
+    }> & Omit<{
+        readonly dot: boolean;
+        readonly loading: boolean;
+        readonly hideIcon: boolean;
+        readonly size?: number | undefined;
+        readonly tip?: string | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "hideIcon">;
+    iconAlt: string;
+    iconSize: import("./types").QrCodeIconSize;
+    bgColor: string;
+    errorLevel: import("./types").QrCodeErrorLevel;
+    boostLevel: boolean;
+    marginSize: number;
+    statusRender: (info: import("./types").QrCodeStatusRenderInfo) => import("vue").VNodeChild;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        icon?: () => import("vue").VNodeChild;
+        status?: (props: import("./types").QrCodeStatusRenderInfo) => import("vue").VNodeChild;
+    };
+}) & {
+    install: (app: App, options?: SDOptions) => void;
+};
+export type QrCodeInstance = InstanceType<typeof _QrCode>;
+export type { QrCodeErrorLevel, QrCodeIconSize, QrCodeInactiveStatus, QrCodeStatusProps, QrCodeStatusRenderInfo, QrCodeStatusType, QrCodeType, QrCodeValue, } from './types';
+export default QrCode;