mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-28 05:05:48 +08:00
This reverts commit bfa8aaec5e
.
This commit is contained in:
parent
03ea767cad
commit
0b9f1db072
@ -148,42 +148,6 @@ exports[`renders ./components/space/demo/align.md extend context correctly 1`] =
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="space-align-block"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-space ant-space-horizontal ant-space-align-stretch"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-space-item"
|
|
||||||
style="margin-right:8px"
|
|
||||||
>
|
|
||||||
stretch
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-space-item"
|
|
||||||
style="margin-right:8px"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="ant-btn ant-btn-primary"
|
|
||||||
type="button"
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Primary
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-space-item"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="mock-block"
|
|
||||||
>
|
|
||||||
Block
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
@ -148,42 +148,6 @@ exports[`renders ./components/space/demo/align.md correctly 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="space-align-block"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-space ant-space-horizontal ant-space-align-stretch"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-space-item"
|
|
||||||
style="margin-right:8px"
|
|
||||||
>
|
|
||||||
stretch
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-space-item"
|
|
||||||
style="margin-right:8px"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="ant-btn ant-btn-primary"
|
|
||||||
type="button"
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
Primary
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-space-item"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="mock-block"
|
|
||||||
>
|
|
||||||
Block
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
@ -47,13 +47,6 @@ const App: React.FC = () => (
|
|||||||
<span className="mock-block">Block</span>
|
<span className="mock-block">Block</span>
|
||||||
</Space>
|
</Space>
|
||||||
</div>
|
</div>
|
||||||
<div className="space-align-block">
|
|
||||||
<Space align="stretch">
|
|
||||||
stretch
|
|
||||||
<Button type="primary">Primary</Button>
|
|
||||||
<span className="mock-block">Block</span>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -16,7 +16,7 @@ Avoid components clinging together and set a unified space.
|
|||||||
|
|
||||||
| Property | Description | Type | Default | Version |
|
| Property | Description | Type | Default | Version |
|
||||||
| --- | --- | --- | --- | --- |
|
| --- | --- | --- | --- | --- |
|
||||||
| align | Align items | `start` \| `end` \|`center` \|`baseline` \|`stretch` | - | 4.2.0 |
|
| align | Align items | `start` \| `end` \|`center` \|`baseline` | - | 4.2.0 |
|
||||||
| direction | The space direction | `vertical` \| `horizontal` | `horizontal` | 4.1.0 |
|
| direction | The space direction | `vertical` \| `horizontal` | `horizontal` | 4.1.0 |
|
||||||
| size | The space size | [Size](#Size) \| [Size\[\]](#Size) | `small` | 4.1.0 \| Array: 4.9.0 |
|
| size | The space size | [Size](#Size) \| [Size\[\]](#Size) | `small` | 4.1.0 \| Array: 4.9.0 |
|
||||||
| split | Set split | ReactNode | - | 4.7.0 |
|
| split | Set split | ReactNode | - | 4.7.0 |
|
||||||
|
@ -22,7 +22,7 @@ export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
|
|||||||
size?: SpaceSize | [SpaceSize, SpaceSize];
|
size?: SpaceSize | [SpaceSize, SpaceSize];
|
||||||
direction?: 'horizontal' | 'vertical';
|
direction?: 'horizontal' | 'vertical';
|
||||||
// No `stretch` since many components do not support that.
|
// No `stretch` since many components do not support that.
|
||||||
align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
align?: 'start' | 'end' | 'center' | 'baseline';
|
||||||
split?: React.ReactNode;
|
split?: React.ReactNode;
|
||||||
wrap?: boolean;
|
wrap?: boolean;
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
|||||||
|
|
||||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||||
| --- | --- | --- | --- | --- |
|
| --- | --- | --- | --- | --- |
|
||||||
| align | 对齐方式 | `start` \| `end` \|`center` \|`baseline` \|`stretch` | - | 4.2.0 |
|
| align | 对齐方式 | `start` \| `end` \|`center` \|`baseline` | - | 4.2.0 |
|
||||||
| direction | 间距方向 | `vertical` \| `horizontal` | `horizontal` | 4.1.0 |
|
| direction | 间距方向 | `vertical` \| `horizontal` | `horizontal` | 4.1.0 |
|
||||||
| size | 间距大小 | [Size](#Size) \| [Size\[\]](#Size) | `small` | 4.1.0 \| Array: 4.9.0 |
|
| size | 间距大小 | [Size](#Size) \| [Size\[\]](#Size) | `small` | 4.1.0 \| Array: 4.9.0 |
|
||||||
| split | 设置拆分 | ReactNode | - | 4.7.0 |
|
| split | 设置拆分 | ReactNode | - | 4.7.0 |
|
||||||
|
@ -27,10 +27,6 @@
|
|||||||
&-baseline {
|
&-baseline {
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-stretch {
|
|
||||||
align-items: stretch;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user