fix(button): add class when the shape props is rectangle (#5187)

* fix(button): add class when the shape props is rectangle

closed #5186

* chore: update snapshot

---------

Co-authored-by: Saraph1nes <[email protected]>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: Saraph1nes

internal/utils/types/src/exec.d.ts

@@ -1,9 +1,6 @@
 import { SyncOptions } from 'execa';
-declare const run: (
-  command: string,
-  options?: SyncOptions,
-) => Promise<{
-  stdout: string;
-  stderr: string;
+declare const run: (command: string, options?: SyncOptions) => Promise<{
+    stdout: string;
+    stderr: string;
 }>;
 export { run };

packages/components/button/__tests__/__snapshots__/index.test.jsx.snap

@@ -2,7 +2,7 @@
 
 exports[`Button > :props > :block 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-size-full-width"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-size-full-width"
   href=""
   tabindex="0"
   type="button"
@@ -20,7 +20,7 @@ exports[`Button > :props > :block 1`] = `
 exports[`Button > :props > :content 1`] = `
 <div>
   <button
-    class="t-button t-button--variant-base t-button--theme-primary"
+    class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
     href=""
     tabindex="0"
     type="button"
@@ -34,7 +34,7 @@ exports[`Button > :props > :content 1`] = `
     </span>
   </button>
   <button
-    class="t-button t-button--variant-base t-button--theme-primary"
+    class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
     href=""
     tabindex="0"
     type="button"
@@ -48,7 +48,7 @@ exports[`Button > :props > :content 1`] = `
     </span>
   </button>
   <button
-    class="t-button t-button--variant-base t-button--theme-primary"
+    class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
     href=""
     tabindex="0"
     type="button"
@@ -60,7 +60,7 @@ exports[`Button > :props > :content 1`] = `
     </span>
   </button>
   <button
-    class="t-button t-button--variant-base t-button--theme-primary"
+    class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
     href=""
     tabindex="0"
     type="button"
@@ -72,7 +72,7 @@ exports[`Button > :props > :content 1`] = `
     </span>
   </button>
   <button
-    class="t-button t-button--variant-base t-button--theme-primary"
+    class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
     href=""
     tabindex="0"
     type="button"
@@ -90,7 +90,7 @@ exports[`Button > :props > :content 1`] = `
 
 exports[`Button > :props > :disabled 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-is-disabled"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-is-disabled"
   disabled=""
   href=""
   type="button"
@@ -107,7 +107,7 @@ exports[`Button > :props > :disabled 1`] = `
 
 exports[`Button > :props > :icon function 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-button--icon-only"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-button--icon-only"
   href=""
   tabindex="0"
   type="button"
@@ -123,7 +123,7 @@ exports[`Button > :props > :icon function 1`] = `
 
 exports[`Button > :props > :loading 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-is-loading"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-is-loading"
   disabled=""
   href=""
   tabindex="0"
@@ -185,7 +185,7 @@ exports[`Button > :props > :shape 1`] = `
 
 exports[`Button > :props > :size 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-size-l"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-size-l"
   href=""
   tabindex="0"
   type="button"
@@ -202,7 +202,7 @@ exports[`Button > :props > :size 1`] = `
 
 exports[`Button > :props > :variant 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -219,7 +219,7 @@ exports[`Button > :props > :variant 1`] = `
 
 exports[`Button > <slot> > <icon> 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-button--icon-only"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-button--icon-only"
   href=""
   tabindex="0"
   type="button"

packages/components/button/__tests__/__snapshots__/vitest-button.test.jsx.snap

@@ -2,7 +2,7 @@
 
 exports[`Button Component > props.block works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-size-full-width"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-size-full-width"
   href=""
   tabindex="0"
   type="button"
@@ -19,7 +19,7 @@ exports[`Button Component > props.block works fine 1`] = `
 
 exports[`Button Component > props.block works fine 2`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -36,7 +36,7 @@ exports[`Button Component > props.block works fine 2`] = `
 
 exports[`Button Component > props.content works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -55,7 +55,7 @@ exports[`Button Component > props.content works fine 1`] = `
 
 exports[`Button Component > props.default works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -74,7 +74,7 @@ exports[`Button Component > props.default works fine 1`] = `
 
 exports[`Button Component > props.disabled works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-is-disabled"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-is-disabled"
   disabled=""
   href=""
   type="button"
@@ -91,7 +91,7 @@ exports[`Button Component > props.disabled works fine 1`] = `
 
 exports[`Button Component > props.disabled works fine 2`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -108,7 +108,7 @@ exports[`Button Component > props.disabled works fine 2`] = `
 
 exports[`Button Component > props.ghost works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-button--ghost"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-button--ghost"
   href=""
   tabindex="0"
   type="button"
@@ -125,7 +125,7 @@ exports[`Button Component > props.ghost works fine 1`] = `
 
 exports[`Button Component > props.ghost works fine 2`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -142,7 +142,7 @@ exports[`Button Component > props.ghost works fine 2`] = `
 
 exports[`Button Component > props.href works fine 1`] = `
 <a
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   disabled="false"
   href="https://tdesign.tencent.com/"
   tabindex="0"
@@ -160,7 +160,7 @@ exports[`Button Component > props.href works fine 1`] = `
 
 exports[`Button Component > props.loading works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-is-loading"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-is-loading"
   disabled=""
   href=""
   tabindex="0"
@@ -205,7 +205,7 @@ exports[`Button Component > props.loading works fine 1`] = `
 
 exports[`Button Component > props.loading works fine 2`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -222,7 +222,7 @@ exports[`Button Component > props.loading works fine 2`] = `
 
 exports[`Button Component > props.loading: Button contains element \`.t-loading\` 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-is-loading"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-is-loading"
   disabled=""
   href=""
   tabindex="0"
@@ -284,7 +284,7 @@ exports[`Button Component > props.shape is equal to circle 1`] = `
 
 exports[`Button Component > props.shape is equal to rectangle 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -335,7 +335,7 @@ exports[`Button Component > props.shape is equal to square 1`] = `
 
 exports[`Button Component > props.size is equal to large 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-size-l"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-size-l"
   href=""
   tabindex="0"
   type="button"
@@ -352,7 +352,7 @@ exports[`Button Component > props.size is equal to large 1`] = `
 
 exports[`Button Component > props.size is equal to medium 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -369,7 +369,7 @@ exports[`Button Component > props.size is equal to medium 1`] = `
 
 exports[`Button Component > props.size is equal to small 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary t-size-s"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle t-size-s"
   href=""
   tabindex="0"
   type="button"
@@ -386,7 +386,7 @@ exports[`Button Component > props.size is equal to small 1`] = `
 
 exports[`Button Component > props.tag is equal to a 1`] = `
 <a
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   disabled="false"
   href=""
   tabindex="0"
@@ -404,7 +404,7 @@ exports[`Button Component > props.tag is equal to a 1`] = `
 
 exports[`Button Component > props.tag is equal to button 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -421,7 +421,7 @@ exports[`Button Component > props.tag is equal to button 1`] = `
 
 exports[`Button Component > props.tag is equal to div 1`] = `
 <div
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   disabled="false"
   href=""
   tabindex="0"
@@ -439,7 +439,7 @@ exports[`Button Component > props.tag is equal to div 1`] = `
 
 exports[`Button Component > props.theme is equal to danger 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-danger"
+  class="t-button t-button--variant-base t-button--theme-danger t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -456,7 +456,7 @@ exports[`Button Component > props.theme is equal to danger 1`] = `
 
 exports[`Button Component > props.theme is equal to default 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-default"
+  class="t-button t-button--variant-base t-button--theme-default t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -473,7 +473,7 @@ exports[`Button Component > props.theme is equal to default 1`] = `
 
 exports[`Button Component > props.theme is equal to primary 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -490,7 +490,7 @@ exports[`Button Component > props.theme is equal to primary 1`] = `
 
 exports[`Button Component > props.theme is equal to success 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-success"
+  class="t-button t-button--variant-base t-button--theme-success t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -507,7 +507,7 @@ exports[`Button Component > props.theme is equal to success 1`] = `
 
 exports[`Button Component > props.theme is equal to warning 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-warning"
+  class="t-button t-button--variant-base t-button--theme-warning t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -524,7 +524,7 @@ exports[`Button Component > props.theme is equal to warning 1`] = `
 
 exports[`Button Component > props.variant is equal to base 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -541,7 +541,7 @@ exports[`Button Component > props.variant is equal to base 1`] = `
 
 exports[`Button Component > props.variant is equal to dashed 1`] = `
 <button
-  class="t-button t-button--variant-dashed t-button--theme-default"
+  class="t-button t-button--variant-dashed t-button--theme-default t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -558,7 +558,7 @@ exports[`Button Component > props.variant is equal to dashed 1`] = `
 
 exports[`Button Component > props.variant is equal to outline 1`] = `
 <button
-  class="t-button t-button--variant-outline t-button--theme-default"
+  class="t-button t-button--variant-outline t-button--theme-default t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -575,7 +575,7 @@ exports[`Button Component > props.variant is equal to outline 1`] = `
 
 exports[`Button Component > props.variant is equal to text 1`] = `
 <button
-  class="t-button t-button--variant-text t-button--theme-default"
+  class="t-button t-button--variant-text t-button--theme-default t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -592,7 +592,7 @@ exports[`Button Component > props.variant is equal to text 1`] = `
 
 exports[`Button Component > slots.content works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"
@@ -613,7 +613,7 @@ exports[`Button Component > slots.content works fine 1`] = `
 
 exports[`Button Component > slots.default works fine 1`] = `
 <button
-  class="t-button t-button--variant-base t-button--theme-primary"
+  class="t-button t-button--variant-base t-button--theme-primary t-button--shape-rectangle"
   href=""
   tabindex="0"
   type="button"

packages/components/button/__tests__/vitest-button.test.jsx

@@ -118,7 +118,7 @@ describe('Button Component', () => {
   });
 
   const shapeClassNameList = [
-    { 't-button--shape-rectangle': false },
+    't-button--shape-rectangle',
     't-button--shape-square',
     't-button--shape-round',
     't-button--shape-circle',