feat(button): support the disableRipple prop

hotdogc1017 · hotdogc1017 · commit 64aaf89eae6d · 2025-08-15T00:32:33.000+08:00
diff --git a/packages/components/button/src/use-button.ts b/packages/components/button/src/use-button.ts
@@ -37,11 +37,12 @@ export function useButton(
 ) {
   const attrs = useAttrs();
   const bindedProps = ref<object>();
+  const disableRipple = ref<boolean>(false);
   const { focused: isFocused } = useFocus(buttonRef);
   const { pressed: isPressed } = useMousePressed({ target: buttonRef });
   const isHovered = useElementHover(buttonRef);
 
-  useRipple(buttonRef);
+  useRipple(buttonRef, { disabled: disableRipple });
 
   watch(
     [
@@ -66,6 +67,7 @@ export function useButton(
         spinnerPlacement = "start",
       } = { ...originalProps, ...attrs };
 
+      disableRipple.value = disableRippleProp || disableAnimation;
       const isInGroup = false;
       const isDisabled = isDisabledProp || isLoading;
 
