mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

feat: change demos orientationMargin-> styles.content.margin

Browse Source
This commit is contained in:
刘欢 2025-05-30 14:59:50 +08:00
parent e28d6efe18
commit 88edb1dd2d
4 changed files with 34 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
components/divider/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -63,7 +63,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start ant-divider-no-default-orientation-margin-start"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start"
role="separator"
>
<div
@ -71,9 +71,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-start: 0;"
style="margin: 0px;"
>
Left Text with 0 orientationMargin
Left Text margin with 0
</span>
<div
class="ant-divider-rail ant-divider-rail-end"
@ -83,7 +83,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end ant-divider-no-default-orientation-margin-end"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end"
role="separator"
>
<div
@ -91,9 +91,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-end: 50px;"
style="margin: 0px 50px;"
>
Right Text with 50px orientationMargin
Right Text margin with 50px
</span>
<div
class="ant-divider-rail ant-divider-rail-end"
@ -105,11 +105,7 @@ Array [
]
`;
exports[`renders components/divider/demo/component-token.tsx extend context correctly 2`] = `
[
"Warning: [antd: Divider] \`orientationMargin\` is deprecated. Please use \`styles.content.margin\` instead.",
]
`;
exports[`renders components/divider/demo/component-token.tsx extend context correctly 2`] = `[]`;
exports[`renders components/divider/demo/customize-style.tsx extend context correctly 1`] = `
Array [
@ -457,7 +453,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start ant-divider-no-default-orientation-margin-start"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start"
role="separator"
>
<div
@ -465,9 +461,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-start: 0;"
style="margin: 0px;"
>
Left Text with 0 orientationMargin
Left Text margin with 0
</span>
<div
class="ant-divider-rail ant-divider-rail-end"
@ -477,7 +473,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end ant-divider-no-default-orientation-margin-end"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end"
role="separator"
>
<div
@ -485,9 +481,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-end: 50px;"
style="margin: 0px 50px;"
>
Right Text with 50px orientationMargin
Right Text margin with 50px
</span>
<div
class="ant-divider-rail ant-divider-rail-end"
@ -499,8 +495,4 @@ Array [
]
`;
exports[`renders components/divider/demo/with-text.tsx extend context correctly 2`] = `
[
"Warning: [antd: Divider] \`orientationMargin\` is deprecated. Please use \`styles.content.margin\` instead.",
]
`;
exports[`renders components/divider/demo/with-text.tsx extend context correctly 2`] = `[]`;

24
components/divider/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -63,7 +63,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start ant-divider-no-default-orientation-margin-start"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start"
role="separator"
>
<div
@ -71,9 +71,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-start:0"
style="margin:0"
>
Left Text with 0 orientationMargin
Left Text margin with 0
</span>
<div
class="ant-divider-rail ant-divider-rail-end"
@ -83,7 +83,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end ant-divider-no-default-orientation-margin-end"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end"
role="separator"
>
<div
@ -91,9 +91,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-end:50px"
style="margin:0 50px"
>
Right Text with 50px orientationMargin
Right Text margin with 50px
</span>
<div
class="ant-divider-rail ant-divider-rail-end"
@ -439,7 +439,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start ant-divider-no-default-orientation-margin-start"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-start"
role="separator"
>
<div
@ -447,9 +447,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-start:0"
style="margin:0"
>
Left Text with 0 orientationMargin
Left Text margin with 0
</span>
<div
class="ant-divider-rail ant-divider-rail-end"
@ -459,7 +459,7 @@ Array [
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>,
<div
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end ant-divider-no-default-orientation-margin-end"
class="ant-divider css-var-test-id ant-divider-horizontal ant-divider-with-text ant-divider-with-text-end"
role="separator"
>
<div
@ -467,9 +467,9 @@ Array [
/>
<span
class="ant-divider-inner-text"
style="margin-inline-end:50px"
style="margin:0 50px"
>
Right Text with 50px orientationMargin
Right Text margin with 50px
</span>
<div
class="ant-divider-rail ant-divider-rail-end"

8
components/divider/demo/component-token.tsx
View File

@ -38,15 +38,15 @@ const App: React.FC = () => (
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>
<Divider titlePlacement="start" orientationMargin="0">
Left Text with 0 orientationMargin
<Divider titlePlacement="start" styles={{ content: { margin: '0' } }}>
Left Text margin with 0
</Divider>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>
<Divider titlePlacement="end" orientationMargin={50}>
Right Text with 50px orientationMargin
<Divider titlePlacement="end" styles={{ content: { margin: '0 50px' } }}>
Right Text margin with 50px
</Divider>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista

8
components/divider/demo/with-text.tsx
View File

@ -22,15 +22,15 @@ const App: React.FC = () => (
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>
<Divider titlePlacement="start" orientationMargin="0">
Left Text with 0 orientationMargin
<Divider titlePlacement="start" styles={{ content: { margin: '0' } }}>
Left Text margin with 0
</Divider>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
probare, quae sunt a te dicta? Refert tamen, quo modo.
</p>
<Divider titlePlacement="end" orientationMargin={50}>
Right Text with 50px orientationMargin
<Divider titlePlacement="end" styles={{ content: { margin: '0 50px' } }}>
Right Text margin with 50px
</Divider>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista