Fix/UI issue (#946)

Co-authored-by: JimmFly <yangjinfei001@gmail.com>

packages/component/src/ui/button/styles.ts

@@ -213,7 +213,7 @@ export const StyledButton = styled('button', {
       },
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      ...getButtonColors(theme, type, {
+      ...getButtonColors(theme, type, disabled, {
         hoverBackground,
         hoverColor,
         hoverStyle,

packages/component/src/ui/button/utils.ts

@@ -66,7 +66,9 @@ export const getButtonColors = (
           borderColor: theme.colors.primaryColor,
         },
         ':hover': {
-          borderColor: theme.colors.primaryColor,
+          borderColor: disabled
+            ? theme.colors.hoverBackground
+            : theme.colors.primaryColor,
         },
       };
     case 'warning':