@sdata/web-vue 3.30.0 → 4.0.0

package/es/pagination/pagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,454 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isNumber } from "../_utils/is.js";
+import { useI18n } from "../locale/index.js";
+import { useSize } from "../_hooks/use-size.js";
+import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import page_item_ellipsis_default from "./page-item-ellipsis.js";
+import page_item_step_default from "./page-item-step.js";
+import page_item_default from "./page-item.js";
+import page_jumper_default from "./page-jumper.js";
+import page_options_default from "./page-options.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, watch, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/pagination/pagination.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var pagination_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Pagination",
+	inheritAttrs: false
+}), {}, {
+	__name: "pagination",
+	props: {
+		total: {
+			type: Number,
+			required: true
+		},
+		current: Number,
+		defaultCurrent: {
+			type: Number,
+			default: 1
+		},
+		pageSize: Number,
+		defaultPageSize: {
+			type: Number,
+			default: 10
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		hideOnSinglePage: {
+			type: Boolean,
+			default: false
+		},
+		simple: {
+			type: Boolean,
+			default: false
+		},
+		showTotal: {
+			type: Boolean,
+			default: false
+		},
+		showMore: {
+			type: Boolean,
+			default: false
+		},
+		showJumper: {
+			type: Boolean,
+			default: false
+		},
+		showPageSize: {
+			type: Boolean,
+			default: false
+		},
+		pageSizeOptions: {
+			type: Array,
+			default: () => [
+				10,
+				20,
+				30,
+				40,
+				50
+			]
+		},
+		pageSizeProps: Object,
+		size: String,
+		pageItemStyle: Object,
+		activePageItemStyle: Object,
+		baseSize: {
+			type: Number,
+			default: 6
+		},
+		bufferSize: {
+			type: Number,
+			default: 2
+		},
+		autoAdjust: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: {
+		"update:current": (_current) => true,
+		"update:pageSize": (_pageSize) => true,
+		"change": (_current) => true,
+		"pageSizeChange": (_pageSize) => true
+	},
+	setup(__props, { emit: __emit }) {
+		var _mergedDefaultPageSiz;
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const [DefinePageItem, ReusePageItem] = createReusableTemplate();
+		const prefixCls = getPrefixCls("pagination");
+		const { t } = useI18n();
+		const { mergedSize } = useSize(toRef(props, "size"));
+		const { mergedValue: mergedPageSizeOptions } = useConfigProviderProp(toRef(props, "pageSizeOptions"), {
+			propNames: ["pageSizeOptions", "page-size-options"],
+			getGlobalValue: (context) => {
+				var _context$pagination;
+				return context === null || context === void 0 || (_context$pagination = context.pagination) === null || _context$pagination === void 0 ? void 0 : _context$pagination.pageSizeOptions;
+			}
+		});
+		const { mergedValue: mergedDefaultPageSize } = useConfigProviderProp(toRef(props, "defaultPageSize"), {
+			propNames: ["defaultPageSize", "default-page-size"],
+			getGlobalValue: (context) => {
+				var _context$pagination2;
+				return context === null || context === void 0 || (_context$pagination2 = context.pagination) === null || _context$pagination2 === void 0 ? void 0 : _context$pagination2.defaultPageSize;
+			}
+		});
+		const { mergedValue: mergedShowTotal } = useConfigProviderProp(toRef(props, "showTotal"), {
+			propNames: ["showTotal", "show-total"],
+			getGlobalValue: (context) => {
+				var _context$pagination3;
+				return context === null || context === void 0 || (_context$pagination3 = context.pagination) === null || _context$pagination3 === void 0 ? void 0 : _context$pagination3.showTotal;
+			}
+		});
+		const { mergedValue: mergedShowMore } = useConfigProviderProp(toRef(props, "showMore"), {
+			propNames: ["showMore", "show-more"],
+			getGlobalValue: (context) => {
+				var _context$pagination4;
+				return context === null || context === void 0 || (_context$pagination4 = context.pagination) === null || _context$pagination4 === void 0 ? void 0 : _context$pagination4.showMore;
+			}
+		});
+		const { mergedValue: mergedShowJumper } = useConfigProviderProp(toRef(props, "showJumper"), {
+			propNames: ["showJumper", "show-jumper"],
+			getGlobalValue: (context) => {
+				var _context$pagination5;
+				return context === null || context === void 0 || (_context$pagination5 = context.pagination) === null || _context$pagination5 === void 0 ? void 0 : _context$pagination5.showJumper;
+			}
+		});
+		const { mergedValue: mergedShowPageSize } = useConfigProviderProp(toRef(props, "showPageSize"), {
+			propNames: ["showPageSize", "show-page-size"],
+			getGlobalValue: (context) => {
+				var _context$pagination6;
+				return context === null || context === void 0 || (_context$pagination6 = context.pagination) === null || _context$pagination6 === void 0 ? void 0 : _context$pagination6.showPageSize;
+			}
+		});
+		const { mergedValue: mergedAutoAdjust } = useConfigProviderProp(toRef(props, "autoAdjust"), {
+			propNames: ["autoAdjust", "auto-adjust"],
+			getGlobalValue: (context) => {
+				var _context$pagination7;
+				return context === null || context === void 0 || (_context$pagination7 = context.pagination) === null || _context$pagination7 === void 0 ? void 0 : _context$pagination7.autoAdjust;
+			}
+		});
+		const { mergedValue: mergedBaseSize } = useConfigProviderProp(toRef(props, "baseSize"), {
+			propNames: ["baseSize", "base-size"],
+			getGlobalValue: (context) => {
+				var _context$pagination8;
+				return context === null || context === void 0 || (_context$pagination8 = context.pagination) === null || _context$pagination8 === void 0 ? void 0 : _context$pagination8.baseSize;
+			}
+		});
+		const { mergedValue: mergedBufferSize } = useConfigProviderProp(toRef(props, "bufferSize"), {
+			propNames: ["bufferSize", "buffer-size"],
+			getGlobalValue: (context) => {
+				var _context$pagination9;
+				return context === null || context === void 0 || (_context$pagination9 = context.pagination) === null || _context$pagination9 === void 0 ? void 0 : _context$pagination9.bufferSize;
+			}
+		});
+		const { mergedValue: mergedPageSizeProps } = useConfigProviderProp(toRef(props, "pageSizeProps"), {
+			propNames: ["pageSizeProps", "page-size-props"],
+			getGlobalValue: (context) => {
+				var _context$pagination10;
+				return context === null || context === void 0 || (_context$pagination10 = context.pagination) === null || _context$pagination10 === void 0 ? void 0 : _context$pagination10.pageSizeProps;
+			}
+		});
+		const innerCurrent = ref(props.defaultCurrent);
+		const innerPageSize = ref((_mergedDefaultPageSiz = mergedDefaultPageSize.value) !== null && _mergedDefaultPageSiz !== void 0 ? _mergedDefaultPageSiz : 10);
+		const computedCurrent = computed(() => {
+			var _props$current;
+			return (_props$current = props.current) !== null && _props$current !== void 0 ? _props$current : innerCurrent.value;
+		});
+		const computedPageSize = computed(() => {
+			var _props$pageSize;
+			return (_props$pageSize = props.pageSize) !== null && _props$pageSize !== void 0 ? _props$pageSize : innerPageSize.value;
+		});
+		const resolvedBaseSize = computed(() => {
+			var _mergedBaseSize$value;
+			return (_mergedBaseSize$value = mergedBaseSize.value) !== null && _mergedBaseSize$value !== void 0 ? _mergedBaseSize$value : props.baseSize;
+		});
+		const resolvedBufferSize = computed(() => {
+			var _mergedBufferSize$val;
+			return (_mergedBufferSize$val = mergedBufferSize.value) !== null && _mergedBufferSize$val !== void 0 ? _mergedBufferSize$val : props.bufferSize;
+		});
+		const pages = computed(() => Math.ceil(props.total / computedPageSize.value));
+		const handleClick = (page) => {
+			if (page !== computedCurrent.value && isNumber(page) && !props.disabled) {
+				innerCurrent.value = page;
+				emit("update:current", page);
+				emit("change", page);
+			}
+		};
+		const handlePageSizeChange = (pageSize) => {
+			innerPageSize.value = pageSize;
+			emit("update:pageSize", pageSize);
+			emit("pageSizeChange", pageSize);
+		};
+		const pageList = computed(() => {
+			const items = [];
+			const baseSize = resolvedBaseSize.value;
+			const bufferSize = resolvedBufferSize.value;
+			if (pages.value < baseSize + bufferSize * 2) {
+				for (let page = 1; page <= pages.value; page++) items.push({
+					key: page,
+					type: "page",
+					pageNumber: page
+				});
+				return items;
+			}
+			let left = 1;
+			let right = pages.value;
+			let hasLeftEllipsis = false;
+			let hasRightEllipsis = false;
+			if (computedCurrent.value > 2 + bufferSize) {
+				hasLeftEllipsis = true;
+				left = Math.min(computedCurrent.value - bufferSize, pages.value - 2 * bufferSize);
+			}
+			if (computedCurrent.value < pages.value - (bufferSize + 1)) {
+				hasRightEllipsis = true;
+				right = Math.max(computedCurrent.value + bufferSize, 2 * bufferSize + 1);
+			}
+			if (hasLeftEllipsis) {
+				items.push({
+					key: 1,
+					type: "page",
+					pageNumber: 1
+				});
+				items.push({
+					key: "left-ellipsis-pager",
+					type: "more",
+					step: -(bufferSize * 2 + 1)
+				});
+			}
+			for (let page = left; page <= right; page++) items.push({
+				key: page,
+				type: "page",
+				pageNumber: page
+			});
+			if (hasRightEllipsis) {
+				items.push({
+					key: "right-ellipsis-pager",
+					type: "more",
+					step: bufferSize * 2 + 1
+				});
+				items.push({
+					key: pages.value,
+					type: "page",
+					pageNumber: pages.value
+				});
+			}
+			return items;
+		});
+		watch(computedPageSize, (currentPageSize, previousPageSize) => {
+			if (mergedAutoAdjust.value && currentPageSize !== previousPageSize && computedCurrent.value > 1) {
+				const index = previousPageSize * (computedCurrent.value - 1) + 1;
+				const newPage = Math.ceil(index / currentPageSize);
+				if (newPage !== computedCurrent.value) {
+					innerCurrent.value = newPage;
+					emit("update:current", newPage);
+					emit("change", newPage);
+				}
+			}
+		});
+		watch(pages, (currentPages, previousPages) => {
+			if (mergedAutoAdjust.value && currentPages !== previousPages && computedCurrent.value > 1 && computedCurrent.value > currentPages) {
+				const newCurrent = Math.max(currentPages, 1);
+				innerCurrent.value = newCurrent;
+				emit("update:current", newCurrent);
+				emit("change", newCurrent);
+			}
+		});
+		const cls = computed(() => [
+			prefixCls,
+			`${prefixCls}-size-${mergedSize.value}`,
+			{
+				[`${prefixCls}-simple`]: props.simple,
+				[`${prefixCls}-disabled`]: props.disabled
+			}
+		]);
+		return (_ctx, _cache) => {
+			var _unref2;
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefinePageItem), null, {
+				default: withCtx(({ type, pageNumber, step, simple = false }) => [type === "more" ? (openBlock(), createBlock(page_item_ellipsis_default, {
+					key: 0,
+					current: computedCurrent.value,
+					pages: pages.value,
+					disabled: props.disabled,
+					style: normalizeStyle(props.pageItemStyle),
+					"active-style": props.activePageItemStyle,
+					step,
+					onClick: handleClick
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "page-item-ellipsis")]),
+					_: 3
+				}, 8, [
+					"current",
+					"pages",
+					"disabled",
+					"style",
+					"active-style",
+					"step"
+				])) : type === "previous" || type === "next" ? (openBlock(), createBlock(page_item_step_default, {
+					key: 1,
+					type,
+					current: computedCurrent.value,
+					pages: pages.value,
+					disabled: props.disabled,
+					style: normalizeStyle(props.pageItemStyle),
+					"active-style": props.activePageItemStyle,
+					simple,
+					onClick: handleClick
+				}, {
+					default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-item-step", normalizeProps(guardReactiveProps(slotProps)))]),
+					_: 3
+				}, 8, [
+					"type",
+					"current",
+					"pages",
+					"disabled",
+					"style",
+					"active-style",
+					"simple"
+				])) : (openBlock(), createBlock(page_item_default, {
+					key: 2,
+					"page-number": pageNumber,
+					current: computedCurrent.value,
+					pages: pages.value,
+					disabled: props.disabled,
+					style: normalizeStyle(props.pageItemStyle),
+					"active-style": props.activePageItemStyle,
+					onClick: handleClick
+				}, {
+					default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-item", normalizeProps(guardReactiveProps(slotProps)))]),
+					_: 3
+				}, 8, [
+					"page-number",
+					"current",
+					"pages",
+					"disabled",
+					"style",
+					"active-style"
+				]))]),
+				_: 3
+			}), !(props.hideOnSinglePage && pages.value <= 1) ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, unref(attrs), {
+				role: "navigation",
+				"aria-label": unref(t)("a11y.pagination"),
+				class: cls.value
+			}), [
+				unref(mergedShowTotal) ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-total`)
+				}, [renderSlot(_ctx.$slots, "total", { total: props.total }, () => [createTextVNode(toDisplayString(unref(t)("pagination.total", props.total)), 1)])], 2)) : createCommentVNode("", true),
+				props.simple ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(`${unref(prefixCls)}-simple`)
+				}, [
+					createVNode(unref(ReusePageItem), {
+						type: "previous",
+						simple: ""
+					}),
+					createVNode(page_jumper_default, {
+						disabled: props.disabled,
+						current: computedCurrent.value,
+						size: unref(mergedSize),
+						pages: pages.value,
+						simple: "",
+						onChange: handleClick
+					}, null, 8, [
+						"disabled",
+						"current",
+						"size",
+						"pages"
+					]),
+					createVNode(unref(ReusePageItem), {
+						type: "next",
+						simple: ""
+					})
+				], 2)) : (openBlock(), createElementBlock("ul", {
+					key: 2,
+					class: normalizeClass(`${unref(prefixCls)}-list`)
+				}, [
+					createVNode(unref(ReusePageItem), {
+						type: "previous",
+						simple: ""
+					}),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(pageList.value, (item) => {
+						return openBlock(), createBlock(unref(ReusePageItem), {
+							key: item.key,
+							type: item.type,
+							"page-number": item.pageNumber,
+							step: item.step
+						}, null, 8, [
+							"type",
+							"page-number",
+							"step"
+						]);
+					}), 128)),
+					unref(mergedShowMore) ? (openBlock(), createBlock(unref(ReusePageItem), {
+						key: "more",
+						type: "more",
+						step: resolvedBufferSize.value * 2 + 1
+					}, null, 8, ["step"])) : createCommentVNode("", true),
+					createVNode(unref(ReusePageItem), {
+						type: "next",
+						simple: ""
+					})
+				], 2)),
+				unref(mergedShowPageSize) ? (openBlock(), createBlock(page_options_default, {
+					key: 3,
+					disabled: props.disabled,
+					"size-options": (_unref2 = unref(mergedPageSizeOptions)) !== null && _unref2 !== void 0 ? _unref2 : props.pageSizeOptions,
+					"page-size": computedPageSize.value,
+					size: unref(mergedSize),
+					"select-props": unref(mergedPageSizeProps),
+					onChange: handlePageSizeChange
+				}, null, 8, [
+					"disabled",
+					"size-options",
+					"page-size",
+					"size",
+					"select-props"
+				])) : createCommentVNode("", true),
+				!props.simple && unref(mergedShowJumper) ? (openBlock(), createBlock(page_jumper_default, {
+					key: 4,
+					disabled: props.disabled,
+					current: computedCurrent.value,
+					pages: pages.value,
+					size: unref(mergedSize),
+					onChange: handleClick
+				}, {
+					"jumper-prepend": withCtx(() => [renderSlot(_ctx.$slots, "jumper-prepend")]),
+					"jumper-append": withCtx(() => [renderSlot(_ctx.$slots, "jumper-append")]),
+					_: 3
+				}, 8, [
+					"disabled",
+					"current",
+					"pages",
+					"size"
+				])) : createCommentVNode("", true)
+			], 16, _hoisted_1)) : createCommentVNode("", true)], 64);
+		};
+	}
+}));
+//#endregion
+export { pagination_vue_vue_type_script_setup_true_lang_default as default };

package/es/popconfirm/popconfirm.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isPromise } from "../_utils/is.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
@@ -6,7 +6,7 @@ import IconCloseCircleFill from "../icon/icon-close-circle-fill/index.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import IconInfoCircleFill from "../icon/icon-info-circle-fill/index.js";
 import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
 import Trigger from "../trigger/index.js";
 import Button from "../button/index.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";

package/es/popover/popover.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Trigger from "../trigger/index.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";

package/es/progress/circle.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject } from "../_utils/is.js";
 import IconCheck from "../icon/icon-check/index.js";

package/es/progress/line.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useSize } from "../_hooks/use-size.js";
 import circle_default from "./circle.js";

package/es/progress/steps.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";

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

@@ -72,19 +72,14 @@ declare const QrCode: {
         color: string;
         size: number;
         icon: string;
-        spinProps: Partial<{
-            dot: boolean;
-            loading: boolean;
-            delay: number | boolean;
-            hideIcon: boolean;
-        }> & Omit<{
-            readonly dot: boolean;
-            readonly loading: boolean;
-            readonly delay: number | boolean;
-            readonly hideIcon: boolean;
+        spinProps: {
             readonly size?: number | undefined;
+            readonly loading?: boolean | undefined;
+            readonly delay?: boolean | number | undefined;
+            readonly dot?: boolean | undefined;
             readonly tip?: string | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+            readonly hideIcon?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         bordered: boolean;
         status: import("./types").QrCodeStatusType;
         iconAlt: string;
@@ -169,19 +164,14 @@ declare const QrCode: {
         color: string;
         size: number;
         icon: string;
-        spinProps: Partial<{
-            dot: boolean;
-            loading: boolean;
-            delay: number | boolean;
-            hideIcon: boolean;
-        }> & Omit<{
-            readonly dot: boolean;
-            readonly loading: boolean;
-            readonly delay: number | boolean;
-            readonly hideIcon: boolean;
+        spinProps: {
             readonly size?: number | undefined;
+            readonly loading?: boolean | undefined;
+            readonly delay?: boolean | number | undefined;
+            readonly dot?: boolean | undefined;
             readonly tip?: string | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+            readonly hideIcon?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         bordered: boolean;
         status: import("./types").QrCodeStatusType;
         iconAlt: string;
@@ -265,19 +255,14 @@ declare const QrCode: {
     color: string;
     size: number;
     icon: string;
-    spinProps: Partial<{
-        dot: boolean;
-        loading: boolean;
-        delay: number | boolean;
-        hideIcon: boolean;
-    }> & Omit<{
-        readonly dot: boolean;
-        readonly loading: boolean;
-        readonly delay: number | boolean;
-        readonly hideIcon: boolean;
+    spinProps: {
         readonly size?: number | undefined;
+        readonly loading?: boolean | undefined;
+        readonly delay?: boolean | number | undefined;
+        readonly dot?: boolean | undefined;
         readonly tip?: string | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+        readonly hideIcon?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     bordered: boolean;
     status: import("./types").QrCodeStatusType;
     iconAlt: string;

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

@@ -136,19 +136,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     color: string;
     size: number;
     icon: string;
-    spinProps: Partial<{
-        dot: boolean;
-        loading: boolean;
-        delay: number | boolean;
-        hideIcon: boolean;
-    }> & Omit<{
-        readonly dot: boolean;
-        readonly loading: boolean;
-        readonly delay: number | boolean;
-        readonly hideIcon: boolean;
+    spinProps: {
         readonly size?: number | undefined;
+        readonly loading?: boolean | undefined;
+        readonly delay?: boolean | number | undefined;
+        readonly dot?: boolean | undefined;
         readonly tip?: string | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "delay" | "hideIcon">;
+        readonly hideIcon?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     bordered: boolean;
     status: QrCodeStatusType;
     iconAlt: string;

package/es/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
 import { useThemeMode } from "../_hooks/use-theme-mode.js";
 import qr_code_status_default from "./qr-code-status.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useSlots, useTemplateRef, watch } from "vue";
@@ -163,7 +163,8 @@ var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const configCtx = inject(configProviderInjectionKey, void 0);
 		const resolvedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.qrCodeSpinProps), props.spinProps));
 		const prefixCls = getPrefixCls("qr-code");
-		const themeMode = useThemeMode(useTemplateRef("root"));
+		const rootRef = useTemplateRef("root");
+		const themeMode = useThemeMode(rootRef);
 		const canvasRef = ref();
 		const svgMarkup = ref("");
 		const handleRefresh = () => {