test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-04 04:58:55 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity

🌈 style: update demo (#41489)

Browse Source
This commit is contained in:
lijianan 2023-03-27 20:02:01 +08:00 committed by GitHub
parent 06035500d5
commit d1e1607287
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 56 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
components/tag/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -229,7 +229,7 @@ Array [
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -239,7 +239,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -249,7 +249,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -318,7 +318,7 @@ Array [
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-magenta ant-tag-borderless" class="ant-tag ant-tag-magenta ant-tag-borderless"
@ -328,7 +328,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-red ant-tag-borderless" class="ant-tag ant-tag-red ant-tag-borderless"
@ -338,7 +338,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-volcano ant-tag-borderless" class="ant-tag ant-tag-volcano ant-tag-borderless"
@ -348,7 +348,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-orange ant-tag-borderless" class="ant-tag ant-tag-orange ant-tag-borderless"
@ -358,7 +358,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-gold ant-tag-borderless" class="ant-tag ant-tag-gold ant-tag-borderless"
@ -368,7 +368,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-lime ant-tag-borderless" class="ant-tag ant-tag-lime ant-tag-borderless"
@ -378,7 +378,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-green ant-tag-borderless" class="ant-tag ant-tag-green ant-tag-borderless"
@ -388,7 +388,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-cyan ant-tag-borderless" class="ant-tag ant-tag-cyan ant-tag-borderless"
@ -398,7 +398,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-blue ant-tag-borderless" class="ant-tag ant-tag-blue ant-tag-borderless"
@ -408,7 +408,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-geekblue ant-tag-borderless" class="ant-tag ant-tag-geekblue ant-tag-borderless"
@ -440,7 +440,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -450,7 +450,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -460,7 +460,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -529,7 +529,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-magenta ant-tag-borderless" class="ant-tag ant-tag-magenta ant-tag-borderless"
@ -539,7 +539,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-red ant-tag-borderless" class="ant-tag ant-tag-red ant-tag-borderless"
@ -549,7 +549,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-volcano ant-tag-borderless" class="ant-tag ant-tag-volcano ant-tag-borderless"
@ -559,7 +559,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-orange ant-tag-borderless" class="ant-tag ant-tag-orange ant-tag-borderless"
@ -569,7 +569,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-gold ant-tag-borderless" class="ant-tag ant-tag-gold ant-tag-borderless"
@ -579,7 +579,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-lime ant-tag-borderless" class="ant-tag ant-tag-lime ant-tag-borderless"
@ -589,7 +589,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-green ant-tag-borderless" class="ant-tag ant-tag-green ant-tag-borderless"
@ -599,7 +599,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-cyan ant-tag-borderless" class="ant-tag ant-tag-cyan ant-tag-borderless"
@ -609,7 +609,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-blue ant-tag-borderless" class="ant-tag ant-tag-blue ant-tag-borderless"
@ -619,7 +619,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;" style="margin-right: 0px; padding-bottom: 8px;"
> >
<span <span
class="ant-tag ant-tag-geekblue ant-tag-borderless" class="ant-tag ant-tag-geekblue ant-tag-borderless"

52
components/tag/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -229,7 +229,7 @@ Array [
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -239,7 +239,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -249,7 +249,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -318,7 +318,7 @@ Array [
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-magenta ant-tag-borderless" class="ant-tag ant-tag-magenta ant-tag-borderless"
@ -328,7 +328,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-red ant-tag-borderless" class="ant-tag ant-tag-red ant-tag-borderless"
@ -338,7 +338,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-volcano ant-tag-borderless" class="ant-tag ant-tag-volcano ant-tag-borderless"
@ -348,7 +348,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-orange ant-tag-borderless" class="ant-tag ant-tag-orange ant-tag-borderless"
@ -358,7 +358,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-gold ant-tag-borderless" class="ant-tag ant-tag-gold ant-tag-borderless"
@ -368,7 +368,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-lime ant-tag-borderless" class="ant-tag ant-tag-lime ant-tag-borderless"
@ -378,7 +378,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-green ant-tag-borderless" class="ant-tag ant-tag-green ant-tag-borderless"
@ -388,7 +388,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-cyan ant-tag-borderless" class="ant-tag ant-tag-cyan ant-tag-borderless"
@ -398,7 +398,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-blue ant-tag-borderless" class="ant-tag ant-tag-blue ant-tag-borderless"
@ -408,7 +408,7 @@ Array [
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-geekblue ant-tag-borderless" class="ant-tag ant-tag-geekblue ant-tag-borderless"
@ -440,7 +440,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -450,7 +450,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -460,7 +460,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-borderless" class="ant-tag ant-tag-borderless"
@ -529,7 +529,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
> >
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-magenta ant-tag-borderless" class="ant-tag ant-tag-magenta ant-tag-borderless"
@ -539,7 +539,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-red ant-tag-borderless" class="ant-tag ant-tag-red ant-tag-borderless"
@ -549,7 +549,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-volcano ant-tag-borderless" class="ant-tag ant-tag-volcano ant-tag-borderless"
@ -559,7 +559,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-orange ant-tag-borderless" class="ant-tag ant-tag-orange ant-tag-borderless"
@ -569,7 +569,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-gold ant-tag-borderless" class="ant-tag ant-tag-gold ant-tag-borderless"
@ -579,7 +579,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-lime ant-tag-borderless" class="ant-tag ant-tag-lime ant-tag-borderless"
@ -589,7 +589,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-green ant-tag-borderless" class="ant-tag ant-tag-green ant-tag-borderless"
@ -599,7 +599,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-cyan ant-tag-borderless" class="ant-tag ant-tag-cyan ant-tag-borderless"
@ -609,7 +609,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-blue ant-tag-borderless" class="ant-tag ant-tag-blue ant-tag-borderless"
@ -619,7 +619,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
</div> </div>
<div <div
class="ant-space-item" class="ant-space-item"
style="margin-right:8px;padding-bottom:8px" style="margin-right:0;padding-bottom:8px"
> >
<span <span
class="ant-tag ant-tag-geekblue ant-tag-borderless" class="ant-tag ant-tag-geekblue ant-tag-borderless"

4
components/tag/demo/borderless.tsx
View File

@ -3,7 +3,7 @@ import React from 'react';
const App: React.FC = () => ( const App: React.FC = () => (
<> <>
<Space size="small" wrap> <Space size={[0, 'small']} wrap>
<Tag bordered={false}>Tag 1</Tag> <Tag bordered={false}>Tag 1</Tag>
<Tag bordered={false}>Tag 2</Tag> <Tag bordered={false}>Tag 2</Tag>
<Tag bordered={false} closable> <Tag bordered={false} closable>
@ -14,7 +14,7 @@ const App: React.FC = () => (
</Tag> </Tag>
</Space> </Space>
<Divider /> <Divider />
<Space size="small" wrap> <Space size={[0, 'small']} wrap>
<Tag bordered={false} color="magenta"> <Tag bordered={false} color="magenta">
magenta magenta
</Tag> </Tag>

4
components/tag/demo/borderlessLayout.tsx
View File

@ -5,7 +5,7 @@ const App: React.FC = () => {
const { token } = theme.useToken(); const { token } = theme.useToken();
return ( return (
<div style={{ backgroundColor: token.colorBgLayout, padding: 16 }}> <div style={{ backgroundColor: token.colorBgLayout, padding: 16 }}>
<Space size="small" wrap> <Space size={[0, 'small']} wrap>
<Tag bordered={false}>Tag 1</Tag> <Tag bordered={false}>Tag 1</Tag>
<Tag bordered={false}>Tag 2</Tag> <Tag bordered={false}>Tag 2</Tag>
<Tag bordered={false} closable> <Tag bordered={false} closable>
@ -16,7 +16,7 @@ const App: React.FC = () => {
</Tag> </Tag>
</Space> </Space>
<Divider /> <Divider />
<Space size="small" wrap> <Space size={[0, 'small']} wrap>
<Tag bordered={false} color="magenta"> <Tag bordered={false} color="magenta">
magenta magenta
</Tag> </Tag>