fix(Button): button's children should be disabled when button is disabled (#42949)

* fix: button's children should be disabled when button is disabled

* feat: update test case

* feat: update test case

components/button/__tests__/index.test.tsx

@@ -334,4 +334,13 @@ describe('Button', () => {
     );
     expect(wrapper.container.firstChild).toMatchSnapshot();
   });
+
+  it("should prevent children's event when button is disabled", () => {
+    const { container } = render(
+      <Button disabled>
+        <a id="link">test</a>
+      </Button>,
+    );
+    expect(window.getComputedStyle(container.querySelector('#link')!).pointerEvents).toBe('none');
+  });
 });

components/button/style/index.ts

@@ -38,6 +38,10 @@ const genSharedButtonStyle: GenerateStyle<ButtonToken, CSSObject> = (token): CSS
       lineHeight: token.lineHeight,
       color: token.colorText,
 
+      '&:disabled > *': {
+        pointerEvents: 'none',
+      },
+
       '> span': {
         display: 'inline-block',
       },