mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 11:40:04 +08:00
Code Issues Actions 35 Packages Projects Releases Wiki Activity

Merge pull request #15766 from ant-design/fix-missing-col-className

Browse Source 
Fix col element missing relative style
This commit is contained in:
偏右 2019-03-31 22:18:08 +08:00 committed by GitHub
commit 2cec053187
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
19 changed files with 343 additions and 343 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -236,7 +236,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-8"
class="ant-col ant-col-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -263,7 +263,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -290,7 +290,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -439,7 +439,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-22"
class="ant-col ant-col-22"
style="padding-left:4px;padding-right:4px"
>
<div
@ -452,7 +452,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-8"
class="ant-col ant-col-8"
style="padding-left:4px;padding-right:4px"
>
<div
@ -460,7 +460,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
/>
</div>
<div
class="ant-col-15"
class="ant-col ant-col-15"
style="padding-left:4px;padding-right:4px"
>
<div
@ -473,7 +473,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:4px;padding-right:4px"
>
<div
@ -481,7 +481,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
/>
</div>
<div
class="ant-col-18"
class="ant-col ant-col-18"
style="padding-left:4px;padding-right:4px"
>
<div
@ -494,7 +494,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-13"
class="ant-col ant-col-13"
style="padding-left:4px;padding-right:4px"
>
<div
@ -502,7 +502,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
/>
</div>
<div
class="ant-col-9"
class="ant-col ant-col-9"
style="padding-left:4px;padding-right:4px"
>
<div
@ -515,7 +515,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
style="padding-left:4px;padding-right:4px"
>
<div
@ -523,7 +523,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
/>
</div>
<div
class="ant-col-3"
class="ant-col ant-col-3"
style="padding-left:4px;padding-right:4px"
>
<div
@ -531,7 +531,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
/>
</div>
<div
class="ant-col-16"
class="ant-col ant-col-16"
style="padding-left:4px;padding-right:4px"
>
<div

20
components/card/__tests__/__snapshots__/index.test.js.snap
View File

@ -17,7 +17,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
style="margin-left: -4px; margin-right: -4px;"
>
<div
class="ant-col-22"
class="ant-col ant-col-22"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -30,7 +30,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
style="margin-left: -4px; margin-right: -4px;"
>
<div
class="ant-col-8"
class="ant-col ant-col-8"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -38,7 +38,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
/>
</div>
<div
class="ant-col-15"
class="ant-col ant-col-15"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -51,7 +51,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
style="margin-left: -4px; margin-right: -4px;"
>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -59,7 +59,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
/>
</div>
<div
class="ant-col-18"
class="ant-col ant-col-18"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -72,7 +72,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
style="margin-left: -4px; margin-right: -4px;"
>
<div
class="ant-col-13"
class="ant-col ant-col-13"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -80,7 +80,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
/>
</div>
<div
class="ant-col-9"
class="ant-col ant-col-9"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -93,7 +93,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
style="margin-left: -4px; margin-right: -4px;"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -101,7 +101,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
/>
</div>
<div
class="ant-col-3"
class="ant-col ant-col-3"
style="padding-left: 4px; padding-right: 4px;"
>
<div
@ -109,7 +109,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
/>
</div>
<div
class="ant-col-16"
class="ant-col ant-col-16"
style="padding-left: 4px; padding-right: 4px;"
>
<div

10
components/checkbox/__tests__/__snapshots__/demo.test.js.snap
View File

@ -405,7 +405,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
@ -428,7 +428,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
</label>
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
@ -451,7 +451,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
</label>
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
@ -474,7 +474,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
</label>
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"
@ -497,7 +497,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
</label>
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
<label
class="ant-checkbox-wrapper"

4
components/comment/__tests__/__snapshots__/demo.test.js.snap
View File

@ -151,7 +151,7 @@ exports[`renders ./components/comment/demo/editor.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -171,7 +171,7 @@ exports[`renders ./components/comment/demo/editor.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"

12
components/config-provider/__tests__/__snapshots__/components.test.js.snap
View File

@ -7031,7 +7031,7 @@ exports[`ConfigProvider components Form configProvider 1`] = `
class="config-row config-form-item config-form-item-with-help"
>
<div
class="config-form-item-control-wrapper"
class="config-col config-form-item-control-wrapper"
>
<div
class="config-form-item-control has-error"
@ -7064,7 +7064,7 @@ exports[`ConfigProvider components Form normal 1`] = `
class="ant-row ant-form-item ant-form-item-with-help"
>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control has-error"
@ -7097,7 +7097,7 @@ exports[`ConfigProvider components Form prefixCls 1`] = `
class="ant-row prefix-Form-item prefix-Form-item-with-help"
>
<div
class="prefix-Form-item-control-wrapper"
class="ant-col prefix-Form-item-control-wrapper"
>
<div
class="prefix-Form-item-control has-error"
@ -7127,7 +7127,7 @@ exports[`ConfigProvider components Grid configProvider 1`] = `
class="config-row"
>
<div
class="config-col-1"
class="config-col config-col-1"
/>
</div>
`;
@ -7137,7 +7137,7 @@ exports[`ConfigProvider components Grid normal 1`] = `
class="ant-row"
>
<div
class="ant-col-1"
class="ant-col ant-col-1"
/>
</div>
`;
@ -7147,7 +7147,7 @@ exports[`ConfigProvider components Grid prefixCls 1`] = `
class="prefix-row"
>
<div
class="prefix-col-1"
class="prefix-col prefix-col-1"
/>
</div>
`;

336
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

12
components/form/__tests__/__snapshots__/label.test.js.snap
View File

@ -8,7 +8,7 @@ exports[`Form should props colon of Form.Item override the props colon of Form.
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class="ant-form-item-no-colon"
@ -18,7 +18,7 @@ exports[`Form should props colon of Form.Item override the props colon of Form.
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -35,7 +35,7 @@ exports[`Form should props colon of Form.Item override the props colon of Form.
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -45,7 +45,7 @@ exports[`Form should props colon of Form.Item override the props colon of Form.
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -62,7 +62,7 @@ exports[`Form should props colon of Form.Item override the props colon of Form.
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class="ant-form-item-no-colon"
@ -72,7 +72,7 @@ exports[`Form should props colon of Form.Item override the props colon of Form.
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"

12
components/form/__tests__/__snapshots__/message.test.js.snap
View File

@ -8,7 +8,7 @@ exports[`Form should display custom message 1`] = `
class="ant-row ant-form-item ant-form-item-with-help"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -19,7 +19,7 @@ exports[`Form should display custom message 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control has-error"
@ -62,7 +62,7 @@ exports[`Form should display two message 1`] = `
class="ant-row ant-form-item ant-form-item-with-help"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -73,7 +73,7 @@ exports[`Form should display two message 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control has-error"
@ -107,7 +107,7 @@ exports[`Form support error message with reactNode 1`] = `
class="ant-row ant-form-item ant-form-item-with-help"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -118,7 +118,7 @@ exports[`Form support error message with reactNode 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control has-error"

132
components/grid/__tests__/__snapshots__/demo.test.js.snap
View File

@ -6,12 +6,12 @@ exports[`renders ./components/grid/demo/basic.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
col-12
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
col-12
</div>
@ -20,17 +20,17 @@ exports[`renders ./components/grid/demo/basic.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
col-8
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
col-8
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
col-8
</div>
@ -39,22 +39,22 @@ exports[`renders ./components/grid/demo/basic.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-6"
class="ant-col ant-col-6"
>
col-6
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
>
col-6
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
>
col-6
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
>
col-6
</div>
@ -71,22 +71,22 @@ exports[`renders ./components/grid/demo/flex.md correctly 1`] = `
class="ant-row-flex ant-row-flex-start"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
@ -98,22 +98,22 @@ exports[`renders ./components/grid/demo/flex.md correctly 1`] = `
class="ant-row-flex ant-row-flex-center"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
@ -125,22 +125,22 @@ exports[`renders ./components/grid/demo/flex.md correctly 1`] = `
class="ant-row-flex ant-row-flex-end"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
@ -152,22 +152,22 @@ exports[`renders ./components/grid/demo/flex.md correctly 1`] = `
class="ant-row-flex ant-row-flex-space-between"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
@ -179,22 +179,22 @@ exports[`renders ./components/grid/demo/flex.md correctly 1`] = `
class="ant-row-flex ant-row-flex-space-around"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
col-4
</div>
@ -211,7 +211,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
class="ant-row-flex ant-row-flex-center ant-row-flex-top"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-100"
@ -220,7 +220,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-50"
@ -229,7 +229,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-120"
@ -238,7 +238,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-80"
@ -254,7 +254,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
class="ant-row-flex ant-row-flex-space-around ant-row-flex-middle"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-100"
@ -263,7 +263,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-50"
@ -272,7 +272,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-120"
@ -281,7 +281,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-80"
@ -297,7 +297,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
class="ant-row-flex ant-row-flex-space-between ant-row-flex-bottom"
>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-100"
@ -306,7 +306,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-50"
@ -315,7 +315,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-120"
@ -324,7 +324,7 @@ exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
</p>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<p
class="height-80"
@ -342,22 +342,22 @@ exports[`renders ./components/grid/demo/flex-order.md correctly 1`] = `
class="ant-row-flex"
>
<div
class="ant-col-6 ant-col-order-4"
class="ant-col ant-col-6 ant-col-order-4"
>
1 col-order-4
</div>
<div
class="ant-col-6 ant-col-order-3"
class="ant-col ant-col-6 ant-col-order-3"
>
2 col-order-3
</div>
<div
class="ant-col-6 ant-col-order-2"
class="ant-col ant-col-6 ant-col-order-2"
>
3 col-order-2
</div>
<div
class="ant-col-6 ant-col-order-1"
class="ant-col ant-col-6 ant-col-order-1"
>
4 col-order-1
</div>
@ -374,7 +374,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-6 gutter-row"
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px"
>
<div
@ -384,7 +384,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6 gutter-row"
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px"
>
<div
@ -394,7 +394,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6 gutter-row"
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px"
>
<div
@ -404,7 +404,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6 gutter-row"
class="ant-col ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px"
>
<div
@ -423,12 +423,12 @@ exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-8"
class="ant-col ant-col-8"
>
col-8
</div>
<div
class="ant-col-8 ant-col-offset-8"
class="ant-col ant-col-8 ant-col-offset-8"
>
col-8
</div>
@ -437,12 +437,12 @@ exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-6 ant-col-offset-6"
class="ant-col ant-col-6 ant-col-offset-6"
>
col-6 col-offset-6
</div>
<div
class="ant-col-6 ant-col-offset-6"
class="ant-col ant-col-6 ant-col-offset-6"
>
col-6 col-offset-6
</div>
@ -451,7 +451,7 @@ exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-12 ant-col-offset-6"
class="ant-col ant-col-12 ant-col-offset-6"
>
col-12 col-offset-6
</div>
@ -666,7 +666,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div>
@ -674,7 +674,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div>
@ -682,7 +682,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div>
@ -690,7 +690,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div>
@ -714,17 +714,17 @@ exports[`renders ./components/grid/demo/responsive.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
>
Col
</div>
<div
class="ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4"
class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4"
>
Col
</div>
<div
class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
>
Col
</div>
@ -736,17 +736,17 @@ exports[`renders ./components/grid/demo/responsive-more.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
>
Col
</div>
<div
class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
>
Col
</div>
<div
class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
>
Col
</div>
@ -759,12 +759,12 @@ exports[`renders ./components/grid/demo/sort.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-18 ant-col-push-6"
class="ant-col ant-col-18 ant-col-push-6"
>
col-18 col-push-6
</div>
<div
class="ant-col-6 ant-col-pull-18"
class="ant-col ant-col-6 ant-col-pull-18"
>
col-6 col-pull-18
</div>

6
components/grid/__tests__/__snapshots__/index.test.js.snap
View File

@ -7,12 +7,12 @@ exports[`Grid renders wrapped Col correctly 1`] = `
>
<div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:10px;padding-right:10px"
/>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:10px;padding-right:10px"
/>
</div>
@ -20,7 +20,7 @@ exports[`Grid renders wrapped Col correctly 1`] = `
exports[`Grid should render Col 1`] = `
<div
class="ant-col-2"
class="ant-col ant-col-2"
/>
`;

1
components/grid/col.tsx
View File

@ -85,6 +85,7 @@ export default class Col extends React.Component<ColProps, {}> {
};
});
const classes = classNames(
prefixCls,
{
[`${prefixCls}-${span}`]: span !== undefined,
[`${prefixCls}-order-${order}`]: order,

1
components/grid/style/index.less
View File

@ -61,7 +61,6 @@
.@{ant-prefix}-col {
position: relative;
display: block;
}
.make-grid-columns();

4
components/input/__tests__/__snapshots__/demo.test.js.snap
View File

@ -249,7 +249,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-5"
class="ant-col ant-col-5"
style="padding-left:4px;padding-right:4px"
>
<input
@ -259,7 +259,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
/>
</div>
<div
class="ant-col-8"
class="ant-col ant-col-8"
style="padding-left:4px;padding-right:4px"
>
<input

20
components/list/__tests__/__snapshots__/demo.test.js.snap
View File

@ -178,7 +178,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div
@ -209,7 +209,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div
@ -240,7 +240,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div
@ -271,7 +271,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-6"
class="ant-col ant-col-6"
style="padding-left:8px;padding-right:8px"
>
<div
@ -418,7 +418,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -449,7 +449,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -480,7 +480,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -511,7 +511,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -542,7 +542,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
style="padding-left:8px;padding-right:8px"
>
<div
@ -573,7 +573,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
class="ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4 ant-col-xxl-8"
style="padding-left:8px;padding-right:8px"
>
<div

6
components/mention/__tests__/__snapshots__/demo.test.js.snap
View File

@ -257,7 +257,7 @@ exports[`renders ./components/mention/demo/controlled.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-col-6 ant-form-item-label"
class="ant-col ant-col-6 ant-form-item-label"
>
<label
class=""
@ -268,7 +268,7 @@ exports[`renders ./components/mention/demo/controlled.md correctly 1`] = `
</label>
</div>
<div
class="ant-col-16 ant-form-item-control-wrapper"
class="ant-col ant-col-16 ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control has-success"
@ -343,7 +343,7 @@ exports[`renders ./components/mention/demo/controlled.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-col-14 ant-col-offset-6 ant-form-item-control-wrapper"
class="ant-col ant-col-14 ant-col-offset-6 ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"

14
components/page-header/__tests__/__snapshots__/demo.test.js.snap
View File

@ -93,7 +93,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="description"
@ -111,7 +111,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="description"
@ -131,7 +131,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="description"
@ -149,7 +149,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="description"
@ -167,7 +167,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-24"
class="ant-col ant-col-24"
>
<div
class="description"
@ -193,7 +193,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="ant-statistic"
@ -215,7 +215,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="ant-statistic"

8
components/slider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -227,7 +227,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="ant-slider"
@ -258,7 +258,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<div
class="ant-input-number"
@ -343,7 +343,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class="ant-row"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
>
<div
class="ant-slider"
@ -374,7 +374,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-4"
class="ant-col ant-col-4"
>
<div
class="ant-input-number"

18
components/statistic/__tests__/__snapshots__/demo.test.js.snap
View File

@ -6,7 +6,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div
@ -33,7 +33,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div
@ -85,7 +85,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div
@ -153,7 +153,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div
@ -230,7 +230,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div
@ -253,7 +253,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div
@ -276,7 +276,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-24"
class="ant-col ant-col-24"
style="padding-left:8px;padding-right:8px;margin-top:32px"
>
<div
@ -307,7 +307,7 @@ exports[`renders ./components/statistic/demo/unit.md correctly 1`] = `
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div
@ -356,7 +356,7 @@ exports[`renders ./components/statistic/demo/unit.md correctly 1`] = `
</div>
</div>
<div
class="ant-col-12"
class="ant-col ant-col-12"
style="padding-left:8px;padding-right:8px"
>
<div

44
components/table/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1632,7 +1632,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1642,7 +1642,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1668,7 +1668,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1678,7 +1678,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1704,7 +1704,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1714,7 +1714,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1740,7 +1740,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1750,7 +1750,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1777,7 +1777,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1787,7 +1787,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1814,7 +1814,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1824,7 +1824,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1851,7 +1851,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1861,7 +1861,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1888,7 +1888,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1898,7 +1898,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1924,7 +1924,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1934,7 +1934,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -1961,7 +1961,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -1971,7 +1971,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
@ -2049,7 +2049,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
class="ant-col ant-form-item-label"
>
<label
class=""
@ -2059,7 +2059,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
</label>
</div>
<div
class="ant-form-item-control-wrapper"
class="ant-col ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"