feat(module:space): support array for size (#9289)

Author: HyperLife1119

components/core/config/config.ts

@@ -276,7 +276,7 @@ export interface SegmentedConfig {
 }
 
 export interface SpaceConfig {
-  nzSize?: 'small' | 'middle' | 'large' | number;
+  nzSize?: 'small' | 'middle' | 'large' | number | Array<'small' | 'middle' | 'large' | number>;
 }
 
 export interface SpinConfig {

components/space/demo/align.md

@@ -11,4 +11,4 @@ title:
 
 ## en-US
 
-Config item align.
+Config item align.

components/space/demo/compact-button-vertical.md

@@ -1,5 +1,5 @@
 ---
-order: 8
+order: 9
 title:
   zh-CN: 垂直方向紧凑布局
   en-US: Vertical Compact Mode

components/space/demo/compact-buttons.md

@@ -1,5 +1,5 @@
 ---
-order: 7
+order: 8
 title:
   zh-CN: Button 紧凑布局
   en-US: Button Compact Mode

components/space/demo/compact.md

@@ -1,5 +1,5 @@
 ---
-order: 6
+order: 7
 title:
   zh-CN: 紧凑布局组合
   en-US: Compact Mode

components/space/demo/customize.md

@@ -1,5 +1,5 @@
 ---
-order: 3
+order: 4
 title:
   zh-CN: 自定义尺寸
   en-US: Customize Size

components/space/demo/split.md

@@ -1,5 +1,5 @@
 ---
-order: 5
+order: 6
 title:
   zh-CN: 分隔符
   en-US: Split

components/space/demo/wrap.md

@@ -0,0 +1,14 @@
+---
+order: 5
+title:
+  zh-CN: 换行
+  en-US: Wrap
+---
+
+## zh-CN
+
+自动换行。
+
+## en-US
+
+Auto wrap line.

components/space/demo/wrap.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzSpaceModule } from 'ng-zorro-antd/space';
+
+@Component({
+  selector: 'nz-demo-space-wrap',
+  imports: [NzButtonModule, NzSpaceModule],
+  template: `
+    <nz-space [nzSize]="[8, 16]" nzWrap>
+      @for (item of items; track $index) {
+        <button *nzSpaceItem nz-button>Button</button>
+      }
+    </nz-space>
+  `
+})
+export class NzDemoSpaceWrapComponent {
+  items = new Array(20).fill(null);
+}

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

@@ -24,12 +24,18 @@ The difference with Flex component is:
 
 | Property        | Description                                 | Type                                         | Default      | Global Config |
 | --------------- | ------------------------------------------- | -------------------------------------------- | ------------ | ------------- |
-| `[nzSize]`      | The space size                              | `'small' \| 'middle' \| 'large' \| number`   | `small`      | ✅             |
+| `[nzSize]`      | The space size                              | `NzSpaceSize \| NzSpaceSize[]`               | `small`      | ✅             |
 | `[nzDirection]` | The space direction                         | `'vertical' \| 'horizontal'`                 | `horizontal` |               |
 | `[nzAlign]`     | Align items                                 | `'start' \| 'end' \| 'baseline' \| 'center'` | -            |               |
 | `[nzWrap]`      | Auto wrap line, when `horizontal` effective | `boolean`                                    | `false`      |               |
 | `[nzSplit]`     | Set split                                   | `TemplateRef \| string`                      | -            |               |
 
+#### Interfaces
+
+```ts
+type NzSpaceSize = 'small' | 'middle' | 'large' | number;
+```
+
 ### nz-space-compact
 
 Use `<nz-space-compact>` when child form components are compactly connected and the border is collapsed. The supported components are：