feat(module:skeleton): support for square shape of skeleton button (#8481)

Author: HyperLife1119

components/skeleton/demo/element.ts

@@ -59,6 +59,7 @@ import {
         Button Shape:
         <nz-radio-group [(ngModel)]="buttonShape">
           <label nz-radio-button nzValue="default">Default</label>
+          <label nz-radio-button nzValue="square">Square</label>
           <label nz-radio-button nzValue="circle">Circle</label>
           <label nz-radio-button nzValue="round">Round</label>
         </nz-radio-group>

components/skeleton/doc/index.en-US.md

@@ -58,7 +58,7 @@ import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
 | ------------ | --------------------- | ---------------------------------- | ----------- |
 | `[nzActive]` | Show animation effect | `boolean`                          | `false`     |
 | `[nzSize]`   | Set the size          | `'large' \| 'small' \| 'default'`  | `'default'` |
-| `[nzShape]`  | Set the shape         | `'circle' \| 'round' \| 'default'` | `'default'` |
+| `[nzShape]`  | Set the shape         | `'square' \| 'circle' \| 'round' \| 'default'` | `'default'` |
 
 ### nz-skeleton-element [nzType="avatar"]:standalone
 

components/skeleton/doc/index.zh-CN.md

@@ -59,7 +59,7 @@ import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
 | ------------ | ---------------- | ---------------------------------- | ----------- |
 | `[nzActive]` | 是否展示动画效果 | `boolean`                          | `false`     |
 | `[nzSize]`   | 大小             | `'large' \| 'small' \| 'default'`  | `'default'` |
-| `[nzShape]`  | 形状             | `'circle' \| 'round' \| 'default'` | `'default'` |
+| `[nzShape]`  | 形状             | `'square' \| 'circle' \| 'round' \| 'default'` | `'default'` |
 
 ### nz-skeleton-element [nzType="avatar"]:standalone
 

components/skeleton/skeleton-element.component.ts

@@ -39,6 +39,7 @@ export class NzSkeletonElementDirective {
   template: `
     <span
       class="ant-skeleton-button"
+      [class.ant-skeleton-button-square]="nzShape === 'square'"
       [class.ant-skeleton-button-round]="nzShape === 'round'"
       [class.ant-skeleton-button-circle]="nzShape === 'circle'"
       [class.ant-skeleton-button-lg]="nzSize === 'large'"

components/skeleton/skeleton.type.ts

@@ -4,7 +4,7 @@
  */
 
 export type NzSkeletonParagraphWidth = number | string | Array<number | string>;
-export type NzSkeletonButtonShape = 'circle' | 'round' | 'default';
+export type NzSkeletonButtonShape = 'square' | 'circle' | 'round' | 'default';
 export type NzSkeletonAvatarShape = 'square' | 'circle';
 export type NzSkeletonInputSize = 'large' | 'small' | 'default';
 export type NzSkeletonButtonSize = NzSkeletonInputSize;