@sdata/web-vue 4.5.0 → 4.5.2

package/es/bloom-menu/bloom-menu.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
@@ -161,10 +161,10 @@ var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		}
 		function handlePopupVisibleChange(visible) {
 			if (visible) {
-				popupVisible.value = true;
 				window.clearTimeout(closeTimer);
 				captureTriggerStyle();
 				setOpen(true);
+				if (isOpen.value) popupVisible.value = true;
 			} else {
 				var _panelRootRef$value;
 				if (document.activeElement instanceof HTMLElement && ((_panelRootRef$value = panelRootRef.value) === null || _panelRootRef$value === void 0 ? void 0 : _panelRootRef$value.contains(document.activeElement))) focusTrigger();
@@ -200,6 +200,7 @@ var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		function focusPanel(attempt = 0) {
 			nextTick(() => {
 				var _panelRootRef$value2, _panelRootRef$value3;
+				if (!isOpen.value || !popupVisible.value) return;
 				const firstItem = (_panelRootRef$value2 = panelRootRef.value) === null || _panelRootRef$value2 === void 0 ? void 0 : _panelRootRef$value2.querySelector(`.${prefixCls}-item:not(:disabled)`);
 				const closeButton = (_panelRootRef$value3 = panelRootRef.value) === null || _panelRootRef$value3 === void 0 ? void 0 : _panelRootRef$value3.querySelector(`.${prefixCls}-close`);
 				const target = firstItem !== null && firstItem !== void 0 ? firstItem : closeButton;

package/es/border-beam/border-beam.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { registerPulseInstance } from "./pulseDriver.js";
 import { generateBeamCSS, getPulseDriverConfig, sizePresets, sizeThemePresets } from "./styles.js";
@@ -112,6 +112,7 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			systemTheme.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 		}
 		let mediaQueryCleanup = null;
+		const reducedMotion = ref(false);
 		onMounted(() => {
 			updateSystemTheme();
 			const mq = window.matchMedia("(prefers-color-scheme: dark)");
@@ -119,7 +120,16 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				systemTheme.value = e.matches ? "dark" : "light";
 			};
 			mq.addEventListener("change", handler);
-			mediaQueryCleanup = () => mq.removeEventListener("change", handler);
+			const motionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+			const updateMotion = () => {
+				reducedMotion.value = motionQuery.matches;
+			};
+			updateMotion();
+			motionQuery.addEventListener("change", updateMotion);
+			mediaQueryCleanup = () => {
+				mq.removeEventListener("change", handler);
+				motionQuery.removeEventListener("change", updateMotion);
+			};
 		});
 		onUnmounted(() => {
 			mediaQueryCleanup === null || mediaQueryCleanup === void 0 || mediaQueryCleanup();
@@ -279,30 +289,33 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			return null;
 		}
 		onMounted(() => {
+			let observedChild = null;
 			const detect = () => {
-				if (props.borderRadius != null) return;
 				const child = getSlotElement();
-				if (!child) return;
+				if (child !== observedChild && mutationObserver && wrapperRef.value) {
+					mutationObserver.disconnect();
+					mutationObserver.observe(wrapperRef.value, { childList: true });
+					if (child) mutationObserver.observe(child, {
+						attributes: true,
+						attributeFilter: ["class", "style"]
+					});
+					observedChild = child;
+					setupPulseGlowScale();
+				}
+				if (!child) {
+					detectedRadius.value = null;
+					return;
+				}
 				const computed = getComputedStyle(child);
 				const raw = parseFloat(computed.borderTopLeftRadius);
-				if (!isNaN(raw) && raw > 0) detectedRadius.value = raw;
+				if (!isNaN(raw) && raw >= 0) detectedRadius.value = raw;
 			};
 			nextTick(() => {
-				detect();
 				const el = wrapperRef.value;
 				if (!el) return;
 				mutationObserver = new MutationObserver(detect);
-				mutationObserver.observe(el, {
-					childList: true,
-					subtree: false,
-					attributes: true,
-					attributeFilter: ["class", "style"]
-				});
-				const child = getSlotElement();
-				if (child) mutationObserver.observe(child, {
-					attributes: true,
-					attributeFilter: ["class", "style"]
-				});
+				mutationObserver.observe(el, { childList: true });
+				detect();
 			});
 		});
 		let intersectionCleanup = null;
@@ -320,14 +333,23 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			mutationObserver === null || mutationObserver === void 0 || mutationObserver.disconnect();
 		});
 		watch(() => props.active, (active) => {
-			if (active && !isActive.value && !isFading.value) isActive.value = true;
-			else if (!active && isActive.value && !isFading.value) isFading.value = true;
+			if (active) {
+				isActive.value = true;
+				isFading.value = false;
+			} else if (!active && isActive.value && !isFading.value) {
+				if (shouldReduceMotion()) {
+					isActive.value = false;
+					emit("deactivate");
+				} else isFading.value = true;
+			}
 		});
 		onUnmounted(() => {
 			intersectionCleanup === null || intersectionCleanup === void 0 || intersectionCleanup();
 		});
 		let resizeObserverCleanup = null;
+		let resizeGeneration = 0;
 		function setupPulseGlowScale() {
+			const generation = ++resizeGeneration;
 			resizeObserverCleanup === null || resizeObserverCleanup === void 0 || resizeObserverCleanup();
 			resizeObserverCleanup = null;
 			if (props.size !== "pulse-outside") {
@@ -345,7 +367,13 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			const clamp = (value) => Math.max(MIN_SCALE, Math.min(MAX_SCALE, value));
 			const measure = () => {
 				const child = getSlotElement();
-				if (!child) return;
+				if (!child) {
+					pulseGlowScale.value = {
+						x: 1,
+						y: 1
+					};
+					return;
+				}
 				const rect = child.getBoundingClientRect();
 				if (!rect.width || !rect.height) return;
 				const x = +clamp(rect.width / REF_WIDTH).toFixed(3);
@@ -356,6 +384,7 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				};
 			};
 			nextTick(() => {
+				if (generation !== resizeGeneration || !wrapperRef.value) return;
 				measure();
 				if (typeof ResizeObserver === "undefined") return;
 				const child = getSlotElement();
@@ -367,7 +396,10 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		}
 		watch(() => props.size, () => setupPulseGlowScale());
 		onMounted(() => setupPulseGlowScale());
-		onUnmounted(() => resizeObserverCleanup === null || resizeObserverCleanup === void 0 ? void 0 : resizeObserverCleanup());
+		onUnmounted(() => {
+			resizeGeneration++;
+			resizeObserverCleanup === null || resizeObserverCleanup === void 0 || resizeObserverCleanup();
+		});
 		function handleAnimationEnd(e) {
 			if (e.pseudoElement) return;
 			const animationName = e.animationName || "";
@@ -461,8 +493,18 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			driverConfig,
 			isActive,
 			isFading,
-			isVisible
+			isVisible,
+			reducedMotion
 		], () => syncPulseDriver());
+		watch(reducedMotion, (reduce) => {
+			if (!reduce) return;
+			if (isFlowing.value) finishFlow();
+			if (isFading.value) {
+				isActive.value = false;
+				isFading.value = false;
+				emit("deactivate");
+			}
+		});
 		onUnmounted(() => {
 			if (unregisterPulse) {
 				unregisterPulse();

package/es/border-beam/index.d.ts

@@ -24,10 +24,10 @@ declare const BorderBeam: {
         deactivate: () => any;
     }, import("vue").PublicProps, {
         size: import("./types").BorderBeamSize;
-        active: boolean;
         colorVariant: import("./types").BorderBeamColorVariant;
         theme: import("./types").BorderBeamTheme;
         staticColors: boolean;
+        active: boolean;
         hueRange: number;
         strength: number;
         density: number;
@@ -56,10 +56,10 @@ declare const BorderBeam: {
         onDeactivate?: (() => any) | undefined;
     }>, import("./types").BorderBeamExposed, {}, {}, {}, {
         size: import("./types").BorderBeamSize;
-        active: boolean;
         colorVariant: import("./types").BorderBeamColorVariant;
         theme: import("./types").BorderBeamTheme;
         staticColors: boolean;
+        active: boolean;
         hueRange: number;
         strength: number;
         density: number;
@@ -88,10 +88,10 @@ declare const BorderBeam: {
     deactivate: () => any;
 }, string, {
     size: import("./types").BorderBeamSize;
-    active: boolean;
     colorVariant: import("./types").BorderBeamColorVariant;
     theme: import("./types").BorderBeamTheme;
     staticColors: boolean;
+    active: boolean;
     hueRange: number;
     strength: number;
     density: number;

package/es/border-beam/styles.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 //#region components/border-beam/styles.ts
 /**
 * Size presets for border radius and dimensions
@@ -2578,12 +2578,25 @@ function flowOverlayCSS(options) {
 * @param options
 */
 function generateBeamCSS(options) {
-	const { size } = options;
-	if (size === "line") return generateLineVariantCSS(options);
-	if (size === "sm") return generateSmallVariantCSS(options);
-	if (size === "pulse-inner") return generatePulseInnerVariantCSS(options);
-	if (size === "pulse-outside") return generatePulseOuterVariantCSS(options);
-	return generateBorderVariantCSS(options);
+	const render = {
+		"line": generateLineVariantCSS,
+		"sm": generateSmallVariantCSS,
+		"md": generateBorderVariantCSS,
+		"pulse-inner": generatePulseInnerVariantCSS,
+		"pulse-outside": generatePulseOuterVariantCSS
+	}[options.size];
+	const selector = `[data-beam="${options.id}"]`;
+	return `${render(options)}
+@media (prefers-reduced-motion: reduce) {
+  ${selector}, ${selector}::before, ${selector}::after,
+  ${selector} [data-beam-bloom] {
+    animation: none !important;
+  }
+  ${selector}[data-active] {
+    --beam-opacity-${options.id}: 1;
+  }
+}
+`;
 }
 /**
 *

package/es/breadcrumb/breadcrumb-item.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import IconMore from "../icon/icon-more/index.js";
@@ -7,7 +7,7 @@ import dropdown_option_default from "../dropdown/dropdown-option.js";
 import Dropdown from "../dropdown/index.js";
 import IconObliqueLine from "../icon/icon-oblique-line/index.js";
 import { breadcrumbInjectKey } from "./context.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, onBeforeUpdate, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, watchEffect, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/breadcrumb/breadcrumb-item.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
@@ -30,7 +30,13 @@ var breadcrumb_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const prefixCls = getPrefixCls("breadcrumb-item");
 		const breadcrumbCtx = inject(breadcrumbInjectKey, void 0);
 		const dropdownVisible = ref(false);
-		const hasDroplist = computed(() => Boolean(props.droplist || slots.droplist));
+		const hasDroplist = ref(false);
+		const syncDroplist = () => {
+			hasDroplist.value = Boolean(props.droplist || slots.droplist);
+			if (!hasDroplist.value) dropdownVisible.value = false;
+		};
+		watchEffect(syncDroplist);
+		onBeforeUpdate(syncDroplist);
 		const show = computed(() => {
 			if (breadcrumbCtx && breadcrumbCtx.needHide) {
 				if (props.index > 1 && props.index <= breadcrumbCtx.total - breadcrumbCtx.maxCount) return false;

package/es/breadcrumb/breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getAllElements } from "../_utils/vue-utils.js";
 import { useI18n } from "../locale/index.js";
 import { breadcrumbInjectKey } from "./context.js";
 import breadcrumb_item_default from "./breadcrumb-item.js";
-import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, normalizeClass, openBlock, provide, reactive, ref, renderList, renderSlot, toDisplayString, toRef, unref, useSlots, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, normalizeClass, onBeforeUpdate, openBlock, provide, reactive, ref, renderList, renderSlot, toDisplayString, toRef, unref, useSlots, watchEffect, withCtx } from "vue";
 //#region components/breadcrumb/breadcrumb.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = { key: 0 };
@@ -33,12 +33,14 @@ var breadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			needHide,
 			slots
 		}));
-		watchEffect(() => {
+		const syncRouteTotal = () => {
 			if (!slots.default) {
 				var _props$routes$length, _props$routes;
 				total.value = (_props$routes$length = (_props$routes = props.routes) === null || _props$routes === void 0 ? void 0 : _props$routes.length) !== null && _props$routes$length !== void 0 ? _props$routes$length : 0;
 			}
-		});
+		};
+		watchEffect(syncRouteTotal);
+		onBeforeUpdate(syncRouteTotal);
 		const routeEntries = computed(() => {
 			var _props$routes2;
 			if (!((_props$routes2 = props.routes) === null || _props$routes2 === void 0 ? void 0 : _props$routes2.length)) return [];

package/es/breadcrumb/index.d.ts

@@ -50,8 +50,8 @@ declare const Breadcrumb: {
     Item: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             separator?: string | number;
-            droplist?: import("./interface").BreadcrumbRoute["children"];
-            dropdownProps?: import("../index.ts").DropDownProps;
+            droplist?: import("./interface").BreadcrumbRoute['children'];
+            dropdownProps?: import("..").DropDownProps;
             index?: number;
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             index: number;
@@ -64,8 +64,8 @@ declare const Breadcrumb: {
             Defaults: {};
         }, Readonly<{
             separator?: string | number;
-            droplist?: import("./interface").BreadcrumbRoute["children"];
-            dropdownProps?: import("../index.ts").DropDownProps;
+            droplist?: import("./interface").BreadcrumbRoute['children'];
+            dropdownProps?: import("..").DropDownProps;
             index?: number;
         }> & Readonly<{}>, {}, {}, {}, {}, {
             index: number;
@@ -75,8 +75,8 @@ declare const Breadcrumb: {
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<{
         separator?: string | number;
-        droplist?: import("./interface").BreadcrumbRoute["children"];
-        dropdownProps?: import("../index.ts").DropDownProps;
+        droplist?: import("./interface").BreadcrumbRoute['children'];
+        dropdownProps?: import("..").DropDownProps;
         index?: number;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         index: number;

package/es/button/button-group.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { buttonGroupInjectionKey } from "./context.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, provide, reactive, renderSlot, toRefs, unref } from "vue";

package/es/button/{button.vue.d.ts → button.vue.d.vue.ts}

@@ -51,7 +51,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
     };
     htmlType: {
-        type: PropType<HTMLButtonElement["type"]>;
+        type: PropType<HTMLButtonElement['type']>;
         default: string;
     };
     autofocus: {
@@ -93,7 +93,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
     };
     htmlType: {
-        type: PropType<HTMLButtonElement["type"]>;
+        type: PropType<HTMLButtonElement['type']>;
         default: string;
     };
     autofocus: {
@@ -107,12 +107,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;
 }>, {
-    disabled: boolean;
-    autofocus: boolean;
-    loading: boolean;
     long: boolean;
+    loading: boolean;
     loadingFixedWidth: boolean;
+    disabled: boolean;
     htmlType: "button" | "reset" | "submit";
+    autofocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/button/button.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
 import Tooltip from "../tooltip/index.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
 import { buttonGroupInjectionKey } from "./context.js";
-import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, withCtx } from "vue";
+import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, onBeforeUpdate, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, watchEffect, withCtx } from "vue";
 //#region components/button/button.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["href"];
 var _hoisted_2 = { key: 2 };
@@ -17,7 +17,10 @@ var _hoisted_3 = [
 	"autofocus"
 ];
 var _hoisted_4 = { key: 2 };
-var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Button" }), {}, {
+var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Button",
+	inheritAttrs: false
+}), {}, {
 	__name: "button",
 	props: {
 		/**
@@ -129,7 +132,12 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}
 		});
 		const slots = useSlots();
-		const hasTooltip = computed(() => props.tooltip != null || Boolean(slots.tooltip));
+		const hasTooltip = ref(false);
+		const syncTooltip = () => {
+			hasTooltip.value = props.tooltip != null || Boolean(slots.tooltip);
+		};
+		watchEffect(syncTooltip);
+		onBeforeUpdate(syncTooltip);
 		const tooltipWrapper = computed(() => hasTooltip.value ? Tooltip : PassThrough);
 		const tooltipBindings = computed(() => {
 			if (!hasTooltip.value) return;
@@ -191,14 +199,13 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(tooltipWrapper.value), normalizeProps(guardReactiveProps(tooltipBindings.value)), createSlots({
-				default: withCtx(() => [__props.href ? (openBlock(), createElementBlock("a", {
-					key: 0,
+				default: withCtx(() => [__props.href ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, _ctx.$attrs, {
 					ref_key: "buttonRef",
 					ref: buttonRef,
-					class: normalizeClass([cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }]),
+					class: [cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }],
 					href: unref(mergedDisabled) || __props.loading ? void 0 : __props.href,
 					onClick: handleClick
-				}, [
+				}), [
 					__props.loading || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(`${unref(prefixCls)}-icon`)
@@ -211,16 +218,15 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						key: 3,
 						class: normalizeClass(`${unref(prefixCls)}-sr-only`)
 					}, [renderSlot(_ctx.$slots, "sr-only")], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_1)) : (openBlock(), createElementBlock("button", {
-					key: 1,
+				], 16, _hoisted_1)) : (openBlock(), createElementBlock("button", mergeProps({ key: 1 }, _ctx.$attrs, {
 					ref_key: "buttonRef",
 					ref: buttonRef,
-					class: normalizeClass([cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }]),
+					class: [cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }],
 					type: __props.htmlType,
 					disabled: unref(mergedDisabled),
 					autofocus: __props.autofocus,
 					onClick: handleClick
-				}, [
+				}), [
 					__props.loading || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(`${unref(prefixCls)}-icon`)
@@ -233,7 +239,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						key: 3,
 						class: normalizeClass(`${unref(prefixCls)}-sr-only`)
 					}, [renderSlot(_ctx.$slots, "sr-only")], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_3))]),
+				], 16, _hoisted_3))]),
 				_: 2
 			}, [_ctx.$slots.tooltip ? {
 				name: "content",

package/es/button/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const BUTTON_TYPES: readonly ["primary", "secondary", "outline", "dashed", "text"];
+export declare const BUTTON_TYPES: readonly ['primary', 'secondary', 'outline', 'dashed', 'text'];
 export type ButtonTypes = (typeof BUTTON_TYPES)[number];