mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-15 13:38:29 +02:00
fix: form layout style (#54611)
This commit is contained in:
叶枫
GitHub
parent
0b5a36f330
commit
feaed51f09
29 changed files with 875 additions and 724 deletions
|
|
@ -1155,7 +1155,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
|||
style="margin: 0px auto;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1229,7 +1229,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1380,7 +1380,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1580,7 +1580,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1681,7 +1681,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1908,7 +1908,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -2148,7 +2148,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`renders components/auto-complete/demo/AutoComplete-and-Select.tsx correctly 1`] = `
|
||||
<div
|
||||
|
|
@ -561,7 +561,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
|||
style="margin:0 auto"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -622,7 +622,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -712,7 +712,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -838,7 +838,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -926,7 +926,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1079,7 +1079,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1245,7 +1245,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -707,7 +707,7 @@ exports[`renders components/button/demo/debug-block.tsx extend context correctly
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`renders components/button/demo/basic.tsx correctly 1`] = `
|
||||
<div
|
||||
|
|
@ -695,7 +695,7 @@ exports[`renders components/button/demo/debug-block.tsx correctly 1`] = `
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -15782,7 +15782,7 @@ exports[`ConfigProvider components Form configProvider 1`] = `
|
|||
class="config-form config-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error"
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error config-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="config-row config-form-item-row"
|
||||
|
|
@ -15833,7 +15833,7 @@ exports[`ConfigProvider components Form configProvider componentDisabled 1`] = `
|
|||
class="config-form config-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error"
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error config-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="config-row config-form-item-row"
|
||||
|
|
@ -15885,7 +15885,7 @@ exports[`ConfigProvider components Form configProvider componentSize large 1`] =
|
|||
class="config-form config-form-horizontal config-form-large"
|
||||
>
|
||||
<div
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error"
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error config-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="config-row config-form-item-row"
|
||||
|
|
@ -15936,7 +15936,7 @@ exports[`ConfigProvider components Form configProvider componentSize middle 1`]
|
|||
class="config-form config-form-horizontal config-form-middle"
|
||||
>
|
||||
<div
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error"
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error config-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="config-row config-form-item-row"
|
||||
|
|
@ -15987,7 +15987,7 @@ exports[`ConfigProvider components Form configProvider componentSize small 1`] =
|
|||
class="config-form config-form-horizontal config-form-small"
|
||||
>
|
||||
<div
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error"
|
||||
class="config-form-item config-form-item-with-help config-form-item-has-error config-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="config-row config-form-item-row"
|
||||
|
|
@ -16038,7 +16038,7 @@ exports[`ConfigProvider components Form normal 1`] = `
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item ant-form-item-with-help ant-form-item-has-error"
|
||||
class="ant-form-item ant-form-item-with-help ant-form-item-has-error ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -16089,7 +16089,7 @@ exports[`ConfigProvider components Form prefixCls 1`] = `
|
|||
class="prefix-Form prefix-Form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="prefix-Form-item prefix-Form-item-with-help prefix-Form-item-has-error"
|
||||
class="prefix-Form-item prefix-Form-item-with-help prefix-Form-item-has-error prefix-Form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row prefix-Form-item-row"
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`ConfigProvider.Form form requiredMark set requiredMark optional 1`] = `
|
||||
<form
|
||||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -861,7 +861,7 @@ Array [
|
|||
style="padding-left: 8px; padding-right: 8px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -905,7 +905,7 @@ Array [
|
|||
style="padding-left: 8px; padding-right: 8px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -973,7 +973,7 @@ Array [
|
|||
style="padding-left: 8px; padding-right: 8px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1154,7 +1154,7 @@ Array [
|
|||
style="padding-left: 8px; padding-right: 8px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1340,7 +1340,7 @@ Array [
|
|||
style="padding-left: 8px; padding-right: 8px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1521,7 +1521,7 @@ Array [
|
|||
style="padding-left: 8px; padding-right: 8px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -2762,7 +2762,7 @@ Array [
|
|||
style="padding-left: 8px; padding-right: 8px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -148,7 +148,7 @@ const InternalForm: React.ForwardRefRenderFunction<FormRef, FormProps> = (props,
|
|||
labelCol,
|
||||
labelWrap,
|
||||
wrapperCol,
|
||||
vertical: layout === 'vertical',
|
||||
layout,
|
||||
colon: mergedColon,
|
||||
requiredMark: mergedRequiredMark,
|
||||
itemRef: __INTERNAL__.itemRef,
|
||||
|
|
|
|||
|
|
@ -47,14 +47,16 @@ export default function ItemHolder(props: ItemHolderProps) {
|
|||
required,
|
||||
isRequired,
|
||||
onSubItemMetaChange,
|
||||
layout,
|
||||
layout: propsLayout,
|
||||
name,
|
||||
...restProps
|
||||
} = props;
|
||||
|
||||
const itemPrefixCls = `${prefixCls}-item`;
|
||||
const { requiredMark, vertical: formVertical } = React.useContext(FormContext);
|
||||
const vertical = formVertical || layout === 'vertical';
|
||||
const { requiredMark, layout: formLayout } = React.useContext(FormContext);
|
||||
const layout = propsLayout || formLayout;
|
||||
|
||||
const vertical = layout === 'vertical';
|
||||
|
||||
// ======================== Margin ========================
|
||||
const itemRef = React.useRef<HTMLDivElement>(null);
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,11 +1,11 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`Form Form item hidden noStyle should not work when hidden 1`] = `
|
||||
<form
|
||||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item ant-form-item-hidden"
|
||||
class="ant-form-item ant-form-item-hidden ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -38,7 +38,7 @@ exports[`Form Form item hidden should work 1`] = `
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item ant-form-item-hidden"
|
||||
class="ant-form-item ant-form-item-hidden ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -71,7 +71,7 @@ exports[`Form Form.Item should support data-*、aria-* and custom attribute 1`]
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
|
|
@ -102,7 +102,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -155,7 +155,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -235,7 +235,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -271,7 +271,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -363,7 +363,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -455,7 +455,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -547,7 +547,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -616,7 +616,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -731,7 +731,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -835,7 +835,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -870,7 +870,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -921,7 +921,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -973,7 +973,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1012,7 +1012,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1067,7 +1067,7 @@ exports[`Form form should support disabled 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1112,13 +1112,13 @@ exports[`Form form.item should support layout 1`] = `
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
>
|
||||
<div
|
||||
class="ant-col ant-col-4 ant-form-item-label"
|
||||
class="ant-col ant-form-item-label"
|
||||
>
|
||||
<label
|
||||
class=""
|
||||
|
|
@ -1129,7 +1129,7 @@ exports[`Form form.item should support layout 1`] = `
|
|||
</label>
|
||||
</div>
|
||||
<div
|
||||
class="ant-col ant-col-14 ant-form-item-control"
|
||||
class="ant-col ant-form-item-control"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item-control-input"
|
||||
|
|
@ -1192,7 +1192,7 @@ exports[`Form form.item should support layout 1`] = `
|
|||
class="ant-row ant-form-item-row"
|
||||
>
|
||||
<div
|
||||
class="ant-col ant-col-4 ant-form-item-label"
|
||||
class="ant-col ant-form-item-label"
|
||||
>
|
||||
<label
|
||||
class=""
|
||||
|
|
@ -1203,7 +1203,7 @@ exports[`Form form.item should support layout 1`] = `
|
|||
</label>
|
||||
</div>
|
||||
<div
|
||||
class="ant-col ant-col-14 ant-form-item-control"
|
||||
class="ant-col ant-form-item-control"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item-control-input"
|
||||
|
|
@ -1222,6 +1222,43 @@ exports[`Form form.item should support layout 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
>
|
||||
<div
|
||||
class="ant-col ant-form-item-label"
|
||||
>
|
||||
<label
|
||||
class=""
|
||||
for="vertical2"
|
||||
title="vertical2"
|
||||
>
|
||||
vertical2
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
class="ant-col ant-form-item-control"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item-control-input"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-outlined"
|
||||
id="vertical2"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
`;
|
||||
|
||||
|
|
@ -1233,7 +1270,7 @@ exports[`Form rtl render component should be rendered correctly in RTL direction
|
|||
|
||||
exports[`Form rtl render component should be rendered correctly in RTL direction 2`] = `
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-row-rtl ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -1425,16 +1425,25 @@ describe('Form', () => {
|
|||
|
||||
it('form.item should support layout', () => {
|
||||
const App: React.FC = () => (
|
||||
<Form labelCol={{ span: 4 }} wrapperCol={{ span: 14 }} layout="horizontal">
|
||||
<Form layout="horizontal">
|
||||
<Form.Item label="name" name="name">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item label="horizontal" name="horizontal" layout="horizontal">
|
||||
<Form.Item
|
||||
label="horizontal"
|
||||
name="horizontal"
|
||||
layout="horizontal"
|
||||
labelCol={{ span: 4 }}
|
||||
wrapperCol={{ span: 14 }}
|
||||
>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item label="vertical" name="vertical" layout="vertical">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item label="vertical2" name="vertical2" layout="vertical">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
);
|
||||
const { container } = render(<App />);
|
||||
|
|
|
|||
|
|
@ -5,15 +5,15 @@ import type { FormProviderProps as RcFormProviderProps } from 'rc-field-form/lib
|
|||
import type { Meta } from 'rc-field-form/lib/interface';
|
||||
import omit from 'rc-util/lib/omit';
|
||||
|
||||
import type { ColProps } from '../grid/col';
|
||||
import type { FormInstance, RequiredMark } from './Form';
|
||||
import type { FeedbackIcons, ValidateStatus } from './FormItem';
|
||||
import type { Variant } from '../config-provider';
|
||||
import type { ColProps } from '../grid/col';
|
||||
import type { FormInstance, FormLayout, RequiredMark } from './Form';
|
||||
import type { FeedbackIcons, ValidateStatus } from './FormItem';
|
||||
import type { FormLabelAlign, NamePath } from './interface';
|
||||
|
||||
/** Form Context. Set top form style and pass to Form Item usage. */
|
||||
export interface FormContextProps {
|
||||
vertical: boolean;
|
||||
layout: FormLayout;
|
||||
name?: string;
|
||||
colon?: boolean;
|
||||
labelAlign?: FormLabelAlign;
|
||||
|
|
@ -28,7 +28,7 @@ export interface FormContextProps {
|
|||
|
||||
export const FormContext = React.createContext<FormContextProps>({
|
||||
labelAlign: 'right',
|
||||
vertical: false,
|
||||
layout: 'horizontal',
|
||||
itemRef: (() => {}) as any,
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -1,43 +1,40 @@
|
|||
import React from 'react';
|
||||
import { Form, Input } from 'antd';
|
||||
import { Divider, Form, Input } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Form
|
||||
name="layout-multiple-horizontal"
|
||||
layout="horizontal"
|
||||
labelCol={{ span: 4 }}
|
||||
wrapperCol={{ span: 20 }}
|
||||
>
|
||||
<Form.Item label="horizontal" name="horizontal" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form name="layout-multiple-horizontal" layout="horizontal">
|
||||
<Form.Item
|
||||
layout="vertical"
|
||||
label="vertical"
|
||||
name="vertical"
|
||||
label="horizontal"
|
||||
name="horizontal"
|
||||
rules={[{ required: true }]}
|
||||
labelCol={{ span: 24 }}
|
||||
wrapperCol={{ span: 24 }}
|
||||
labelCol={{ span: 4 }}
|
||||
wrapperCol={{ span: 20 }}
|
||||
>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item layout="vertical" label="vertical" name="vertical" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item layout="vertical" label="vertical2" name="vertical2" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
<br />
|
||||
<Form
|
||||
name="layout-multiple-vertical"
|
||||
layout="vertical"
|
||||
labelCol={{ span: 4 }}
|
||||
wrapperCol={{ span: 20 }}
|
||||
>
|
||||
<Divider />
|
||||
<Form name="layout-multiple-vertical" layout="vertical">
|
||||
<Form.Item label="vertical" name="vertical" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item label="vertical2" name="vertical2" rules={[{ required: true }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
layout="horizontal"
|
||||
label="horizontal"
|
||||
name="horizontal"
|
||||
rules={[{ required: true }]}
|
||||
labelCol={{ span: 4 }}
|
||||
wrapperCol={{ span: 20 }}
|
||||
>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
|
|
|
|||
|
|
@ -421,11 +421,27 @@ const genFormItemStyle: GenerateStyle<FormToken> = (token) => {
|
|||
};
|
||||
};
|
||||
|
||||
const genHorizontalStyle = (token: FormToken, className: string): CSSObject => {
|
||||
const { formItemCls } = token;
|
||||
const makeVerticalLayoutLabel = (token: FormToken): CSSObject => ({
|
||||
padding: token.verticalLabelPadding,
|
||||
margin: token.verticalLabelMargin,
|
||||
whiteSpace: 'initial',
|
||||
textAlign: 'start',
|
||||
|
||||
'> label': {
|
||||
margin: 0,
|
||||
|
||||
'&::after': {
|
||||
// https://github.com/ant-design/ant-design/issues/43538
|
||||
visibility: 'hidden',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const genHorizontalStyle = (token: FormToken): CSSObject => {
|
||||
const { antCls, formItemCls } = token;
|
||||
|
||||
return {
|
||||
[`${className}-horizontal`]: {
|
||||
[`${formItemCls}-horizontal`]: {
|
||||
[`${formItemCls}-label`]: {
|
||||
flexGrow: 0,
|
||||
},
|
||||
|
|
@ -446,6 +462,8 @@ const genHorizontalStyle = (token: FormToken, className: string): CSSObject => {
|
|||
minWidth: 'unset',
|
||||
},
|
||||
},
|
||||
[`${antCls}-col-24${formItemCls}-label,
|
||||
${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
|
||||
},
|
||||
};
|
||||
};
|
||||
|
|
@ -458,7 +476,7 @@ const genInlineStyle: GenerateStyle<FormToken> = (token) => {
|
|||
display: 'flex',
|
||||
flexWrap: 'wrap',
|
||||
|
||||
[formItemCls]: {
|
||||
[`${formItemCls}-inline`]: {
|
||||
flex: 'none',
|
||||
marginInlineEnd: token.margin,
|
||||
marginBottom: inlineItemMarginBottom,
|
||||
|
|
@ -489,22 +507,6 @@ const genInlineStyle: GenerateStyle<FormToken> = (token) => {
|
|||
};
|
||||
};
|
||||
|
||||
const makeVerticalLayoutLabel = (token: FormToken): CSSObject => ({
|
||||
padding: token.verticalLabelPadding,
|
||||
margin: token.verticalLabelMargin,
|
||||
whiteSpace: 'initial',
|
||||
textAlign: 'start',
|
||||
|
||||
'> label': {
|
||||
margin: 0,
|
||||
|
||||
'&::after': {
|
||||
// https://github.com/ant-design/ant-design/issues/43538
|
||||
visibility: 'hidden',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const makeVerticalLayout = (token: FormToken): CSSObject => {
|
||||
const { componentCls, formItemCls, rootPrefixCls } = token;
|
||||
|
||||
|
|
@ -533,23 +535,21 @@ const genVerticalStyle: GenerateStyle<FormToken> = (token) => {
|
|||
const { componentCls, formItemCls, antCls } = token;
|
||||
|
||||
return {
|
||||
[`${componentCls}-vertical`]: {
|
||||
[`${formItemCls}:not(${formItemCls}-horizontal)`]: {
|
||||
[`${formItemCls}-row`]: {
|
||||
flexDirection: 'column',
|
||||
},
|
||||
[`${formItemCls}-vertical`]: {
|
||||
[`${formItemCls}-row`]: {
|
||||
flexDirection: 'column',
|
||||
},
|
||||
|
||||
[`${formItemCls}-label > label`]: {
|
||||
height: 'auto',
|
||||
},
|
||||
[`${formItemCls}-label > label`]: {
|
||||
height: 'auto',
|
||||
},
|
||||
|
||||
[`${formItemCls}-control`]: {
|
||||
width: '100%',
|
||||
},
|
||||
[`${formItemCls}-label,
|
||||
[`${formItemCls}-control`]: {
|
||||
width: '100%',
|
||||
},
|
||||
[`${formItemCls}-label,
|
||||
${antCls}-col-24${formItemCls}-label,
|
||||
${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
|
||||
},
|
||||
},
|
||||
|
||||
[`@media (max-width: ${unit(token.screenXSMax)})`]: [
|
||||
|
|
@ -589,56 +589,6 @@ const genVerticalStyle: GenerateStyle<FormToken> = (token) => {
|
|||
};
|
||||
};
|
||||
|
||||
const genItemVerticalStyle: GenerateStyle<FormToken> = (token) => {
|
||||
const { formItemCls, antCls } = token;
|
||||
return {
|
||||
[`${formItemCls}-vertical`]: {
|
||||
[`${formItemCls}-row`]: {
|
||||
flexDirection: 'column',
|
||||
},
|
||||
|
||||
[`${formItemCls}-label > label`]: {
|
||||
height: 'auto',
|
||||
},
|
||||
|
||||
[`${formItemCls}-control`]: {
|
||||
width: '100%',
|
||||
},
|
||||
},
|
||||
|
||||
[`${formItemCls}-vertical ${formItemCls}-label,
|
||||
${antCls}-col-24${formItemCls}-label,
|
||||
${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
|
||||
|
||||
[`@media (max-width: ${unit(token.screenXSMax)})`]: [
|
||||
makeVerticalLayout(token),
|
||||
{
|
||||
[formItemCls]: {
|
||||
[`${antCls}-col-xs-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
[`@media (max-width: ${unit(token.screenSMMax)})`]: {
|
||||
[formItemCls]: {
|
||||
[`${antCls}-col-sm-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
|
||||
},
|
||||
},
|
||||
|
||||
[`@media (max-width: ${unit(token.screenMDMax)})`]: {
|
||||
[formItemCls]: {
|
||||
[`${antCls}-col-md-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
|
||||
},
|
||||
},
|
||||
|
||||
[`@media (max-width: ${unit(token.screenLGMax)})`]: {
|
||||
[formItemCls]: {
|
||||
[`${antCls}-col-lg-24${formItemCls}-label`]: makeVerticalLayoutLabel(token),
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
// ============================== Export ==============================
|
||||
export const prepareComponentToken: GetDefaultToken<'Form'> = (token) => ({
|
||||
labelRequiredMarkColor: token.colorError,
|
||||
|
|
@ -674,11 +624,9 @@ export default genStyleHooks(
|
|||
genFormStyle(formToken),
|
||||
genFormItemStyle(formToken),
|
||||
genFormValidateMotionStyle(formToken),
|
||||
genHorizontalStyle(formToken, formToken.componentCls),
|
||||
genHorizontalStyle(formToken, formToken.formItemCls),
|
||||
genHorizontalStyle(formToken),
|
||||
genInlineStyle(formToken),
|
||||
genVerticalStyle(formToken),
|
||||
genItemVerticalStyle(formToken),
|
||||
genCollapseMotion(formToken),
|
||||
zoomIn,
|
||||
];
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`Input allowClear should change type when click 1`] = `
|
||||
<span
|
||||
|
|
@ -474,7 +474,7 @@ exports[`Input should support size in form 1`] = `
|
|||
class="ant-form ant-form-horizontal ant-form-large"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -260,7 +260,7 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 1`]
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -300,7 +300,7 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 1`]
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -342,7 +342,7 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 1`]
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -202,7 +202,7 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -242,7 +242,7 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -284,7 +284,7 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -9931,7 +9931,7 @@ Array [
|
|||
style="width: 200px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="box-shadow: 0 0 0 1px red;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -10156,7 +10156,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="box-shadow: 0 0 0 1px red;"
|
||||
>
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -3645,7 +3645,7 @@ Array [
|
|||
style="width:200px"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="box-shadow:0 0 0 1px red"
|
||||
>
|
||||
<div
|
||||
|
|
@ -3768,7 +3768,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="box-shadow:0 0 0 1px red"
|
||||
>
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`renders components/skeleton/demo/active.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
|
|
@ -288,7 +288,7 @@ exports[`renders components/skeleton/demo/element.tsx extend context correctly 1
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -342,7 +342,7 @@ exports[`renders components/skeleton/demo/element.tsx extend context correctly 1
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -396,7 +396,7 @@ exports[`renders components/skeleton/demo/element.tsx extend context correctly 1
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -501,7 +501,7 @@ exports[`renders components/skeleton/demo/element.tsx extend context correctly 1
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -628,7 +628,7 @@ exports[`renders components/skeleton/demo/element.tsx extend context correctly 1
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`renders components/skeleton/demo/active.tsx correctly 1`] = `
|
||||
<div
|
||||
|
|
@ -278,7 +278,7 @@ exports[`renders components/skeleton/demo/element.tsx correctly 1`] = `
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -332,7 +332,7 @@ exports[`renders components/skeleton/demo/element.tsx correctly 1`] = `
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -386,7 +386,7 @@ exports[`renders components/skeleton/demo/element.tsx correctly 1`] = `
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -491,7 +491,7 @@ exports[`renders components/skeleton/demo/element.tsx correctly 1`] = `
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -618,7 +618,7 @@ exports[`renders components/skeleton/demo/element.tsx correctly 1`] = `
|
|||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -871,7 +871,7 @@ Array [
|
|||
style="margin-bottom: 16px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -921,7 +921,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -971,7 +971,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1021,7 +1021,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1071,7 +1071,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1121,7 +1121,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1171,7 +1171,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1221,7 +1221,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1271,7 +1271,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1321,7 +1321,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1371,7 +1371,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1472,7 +1472,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1573,7 +1573,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1652,7 +1652,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1775,7 +1775,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5482,7 +5482,7 @@ Array [
|
|||
style="margin-bottom: 16px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5532,7 +5532,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5582,7 +5582,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5632,7 +5632,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5682,7 +5682,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5732,7 +5732,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5782,7 +5782,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5832,7 +5832,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5882,7 +5882,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5932,7 +5932,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5982,7 +5982,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -6083,7 +6083,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -6184,7 +6184,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -6263,7 +6263,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -6386,7 +6386,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -17535,7 +17535,7 @@ Array [
|
|||
style="margin-bottom: 16px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -17585,7 +17585,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`renders components/table/demo/basic.tsx correctly 1`] = `
|
||||
<div
|
||||
|
|
@ -871,7 +871,7 @@ Array [
|
|||
style="margin-bottom:16px"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -921,7 +921,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -971,7 +971,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1021,7 +1021,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1071,7 +1071,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1121,7 +1121,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1171,7 +1171,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1221,7 +1221,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1271,7 +1271,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1321,7 +1321,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1371,7 +1371,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1472,7 +1472,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1573,7 +1573,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1652,7 +1652,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1775,7 +1775,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -4794,7 +4794,7 @@ Array [
|
|||
style="margin-bottom:16px"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -4844,7 +4844,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -4894,7 +4894,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -4944,7 +4944,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -4994,7 +4994,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5044,7 +5044,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5094,7 +5094,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5144,7 +5144,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5194,7 +5194,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5244,7 +5244,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5294,7 +5294,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5395,7 +5395,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5496,7 +5496,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5575,7 +5575,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -5698,7 +5698,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -17776,7 +17776,7 @@ Array [
|
|||
style="margin-bottom:16px"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -17826,7 +17826,7 @@ Array [
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-inline"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -4812,7 +4812,7 @@ exports[`renders components/upload/demo/upload-with-aliyun-oss.tsx extend contex
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
||||
|
||||
exports[`renders components/upload/demo/avatar.tsx correctly 1`] = `
|
||||
<div
|
||||
|
|
@ -4527,7 +4527,7 @@ exports[`renders components/upload/demo/upload-with-aliyun-oss.tsx correctly 1`]
|
|||
class="ant-form ant-form-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-horizontal"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
style="width: 280px; flex-shrink: 0; border-inline-start: 1px solid #eee; padding-inline-start: 16px;"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -95,7 +95,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -515,7 +515,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -593,7 +593,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -671,7 +671,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -749,7 +749,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="margin-bottom: 0px;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -778,7 +778,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
class="ant-flex ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -875,7 +875,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -978,7 +978,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="margin-bottom: 0px;"
|
||||
>
|
||||
<div
|
||||
|
|
@ -1007,7 +1007,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
class="ant-flex ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -1103,7 +1103,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
style="width:280px;flex-shrink:0;border-inline-start:1px solid #eee;padding-inline-start:16px"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -87,7 +87,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -132,7 +132,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -190,7 +190,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -248,7 +248,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -306,7 +306,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
|
|
@ -335,7 +335,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
class="ant-flex ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -432,7 +432,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -535,7 +535,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
style="margin-bottom:0"
|
||||
>
|
||||
<div
|
||||
|
|
@ -564,7 +564,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
class="ant-flex ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
@ -660,7 +660,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-form-item"
|
||||
class="ant-form-item ant-form-item-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-row ant-form-item-row"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue