From b489f0f23a5d746251c16cbe8cd13e7076f86247 Mon Sep 17 00:00:00 2001 From: anlyyao Date: Tue, 20 Aug 2024 16:41:33 +0800 Subject: [PATCH] test: update csr and ssr snap --- src/_common | 2 +- src/link/Link.tsx | 5 +- src/link/_example/index.tsx | 14 +- src/link/_example/style/index.css | 6 - src/link/index.ts | 4 +- test/snap/__snapshots__/csr.test.jsx.snap | 3991 ++++++++++----------- test/snap/__snapshots__/ssr.test.jsx.snap | 34 +- 7 files changed, 1949 insertions(+), 2107 deletions(-) delete mode 100644 src/link/_example/style/index.css diff --git a/src/_common b/src/_common index 421fe8ee..cfcad47f 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit 421fe8eefeb19792035704467e1af0840fff27cd +Subproject commit cfcad47f9c27eaf31ad50de07347f8c07685a090 diff --git a/src/link/Link.tsx b/src/link/Link.tsx index 7cf7005b..d2df9e5d 100644 --- a/src/link/Link.tsx +++ b/src/link/Link.tsx @@ -3,6 +3,7 @@ import React from 'react'; import useConfig from '../_util/useConfig'; import { TdLinkProps } from './type'; import { StyledProps } from '../common'; +import parseTNode from '../_util/parseTNode'; import useDefaultProps from '../hooks/useDefaultProps'; import { linkDefaultProps } from './defaultProps'; @@ -54,9 +55,9 @@ const Link = React.forwardRef((props, ref) => { )} onClick={handleClick} > - {prefixIcon && {prefixIcon}} + {prefixIcon && {parseTNode(prefixIcon)}} {childNode && {childNode}} - {suffixIcon && {suffixIcon}} + {suffixIcon && {parseTNode(suffixIcon)}} ); }); diff --git a/src/link/_example/index.tsx b/src/link/_example/index.tsx index edc96afc..88a10704 100644 --- a/src/link/_example/index.tsx +++ b/src/link/_example/index.tsx @@ -15,25 +15,25 @@ export default function LinkDemo() { return (
- + - + - + - + - + - + - +
diff --git a/src/link/_example/style/index.css b/src/link/_example/style/index.css deleted file mode 100644 index b119505d..00000000 --- a/src/link/_example/style/index.css +++ /dev/null @@ -1,6 +0,0 @@ -.demo-content { - height: 48px; - background-color: var(--bg-color-demo, #fff); - display: flex; - justify-content: space-around; -} diff --git a/src/link/index.ts b/src/link/index.ts index 13b270b3..982e5c1e 100644 --- a/src/link/index.ts +++ b/src/link/index.ts @@ -1,10 +1,8 @@ import _Link from './Link'; import './style/index.js'; -import { TdLinkProps } from './type'; -export type LinkProps = TdLinkProps; -export * from './type'; +export type { LinkProps } from './Link'; export const Link = _Link; export default Link; diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap index ee1ab0ac..fe16d4e4 100644 --- a/test/snap/__snapshots__/csr.test.jsx.snap +++ b/test/snap/__snapshots__/csr.test.jsx.snap @@ -2394,7 +2394,6 @@ exports[`csr snapshot test > csr test src/grid/_example/badge.tsx 1`] = ` `; -<<<<<<< HEAD exports[`csr snapshot test > csr test src/icon/_example/base.tsx 1`] = `
csr test src/icon/_example/base.tsx 1`] = ` style="color: rgb(0, 82, 217);" />
-======= -exports[`csr snapshot test > csr test src/link/_example/base.tsx 1`] = ` -
-
- - - 跳转链接 - - - - - 跳转链接 - - ->>>>>>> 8e816b1 (feat(link): 更新快照)
`; -<<<<<<< HEAD exports[`csr snapshot test > csr test src/icon/_example/enhanced.tsx 1`] = `
csr test src/icon/_example/iconfont-enhanced.tsx 1` `; exports[`csr snapshot test > csr test src/icon/_example/index.tsx 1`] = ` -======= -exports[`csr snapshot test > csr test src/link/_example/index.tsx 1`] = ` ->>>>>>> 8e816b1 (feat(link): 更新快照)
csr test src/link/_example/index.tsx 1`] = `

-<<<<<<< HEAD Icon 图标 -======= - Link 链接 ->>>>>>> 8e816b1 (feat(link): 更新快照)

-<<<<<<< HEAD Icon 作为UI构成中重要的元素,一定程度上影响UI界面整体呈现出的风格。 -======= - 当功能使用图标即可表意清楚时,可使用纯图标悬浮按钮,例如:添加、发布。 ->>>>>>> 8e816b1 (feat(link): 更新快照)

csr test src/link/_example/index.tsx 1`] = `

-<<<<<<< HEAD SVG 全量引入

@@ -6516,1106 +6476,1276 @@ exports[`csr snapshot test > csr test src/input/_example/suffix.tsx 1`] = `
`; -exports[`csr snapshot test > csr test src/loading/_example/attach.tsx 1`] = ` +exports[`csr snapshot test > csr test src/link/_example/base.tsx 1`] = `
-
- Hello, I\`'m Alice. I\`'m going to be a front-end developer. -
-
- + class="t-link__content" + > + 跳转链接 + +
`; -exports[`csr snapshot test > csr test src/loading/_example/base.tsx 1`] = ` +exports[`csr snapshot test > csr test src/link/_example/index.tsx 1`] = `
- - -
- - -
-
- - - - - - - - - - - - - - -
-
+ Link 链接 + +

+ 当功能使用图标即可表意清楚时,可使用纯图标悬浮按钮,例如:添加、发布。 +

+
-
+ class="tdesign-mobile-demo-block__header" + > +

+ 01 组件类型 +

+

+ 基础文字链接 +

+
+ class="tdesign-mobile-demo-block__slot" + > + +
-
- -`; - -exports[`csr snapshot test > csr test src/loading/_example/delay.tsx 1`] = ` -
-
- -
-
-
-`; - -exports[`csr snapshot test > csr test src/loading/_example/fullscreen.tsx 1`] = ` -
-
-
- 全局加载开关(开启加载1秒后自动归位): - -
-
-
-`; - -exports[`csr snapshot test > csr test src/loading/_example/horz.tsx 1`] = ` -
-
- - + 下划线文字链接 +

+ +
- - - - 加载中... - -
-
- - - - - - - - - - - - - - - - 加载中... - -
-
-`; - -exports[`csr snapshot test > csr test src/loading/_example/index.tsx 1`] = ` -
-
-

- Loading 加载 -

-

- 用于表示页面或操作的加载状态,给予用户反馈的同时减缓等待的焦虑感,由一个或一组反馈动效组成。 -

-
-
+ class="demo-content" + > + + + 跳转链接 + + + + + 跳转链接 + + +
+
+
-

- 01 类型 -

-

+ 前置图标文字链接 +

+
+
+

+ 后置图标文字链接 +

+
+
- - -
- - + 跳转链接 + + + + + + + + + + 跳转链接 + + + + + + +
+ + +
+
+

+ 02 组件状态 +

+

+ 不同主题 +

+
+
- - - - - - - - - - - - - - + + 跳转链接 + + + + + + + + + + 跳转链接 + + + + + + + + + + 跳转链接 + + + + + + +
-
-
-
-
-
+ + 跳转链接 + + + + + + + + + + 跳转链接 + + + + + + +
-
-
-

- 图标加文字横向 -

-
-
+

+ 禁用状态 +

+
- - -
- - - - - - - - - - - - - - - + 跳转链接 + + + + + + + + - 加载中... - + + 跳转链接 + + + + + + +
- -
-

- 图标加文字竖向 -

-
-
+

+ 03 组件样式 +

+

+ 链接尺寸 +

+
- - -
- - - - 加载中 - -
- + +`; + +exports[`csr snapshot test > csr test src/link/_example/linkSize.tsx 1`] = ` + +`; + +exports[`csr snapshot test > csr test src/link/_example/prefix.tsx 1`] = ` +
-
-

- 02 组件尺寸 -

-
-
+ + + + + 跳转链接 + + + -
-
- 大尺寸 -
-
- - -
- - - - 加载中... - -
- -
+ + + + 跳转链接 + + +
+ +`; + +exports[`csr snapshot test > csr test src/link/_example/status.tsx 1`] = ` +
+
+ + -
- 中尺寸 -
-
+ + - - -
- - - - 加载中... - -
- -
+ + + + + -
+ + - 小尺寸 -
-
+ + + + + + 跳转链接 + + + - - -
- - - - 加载中... - -
- - + + + +
-
-

- 03 加载速度 -

-

+ - 加载速度调整 -

-
-
+ + + + + -
-
- - -
- - - - 加载中... - -
- -
+ -
-
-
-
-
-
-
- 5 -
-
-
-
+ + + + +
`; -exports[`csr snapshot test > csr test src/loading/_example/pure-text.tsx 1`] = ` +exports[`csr snapshot test > csr test src/link/_example/suffix.tsx 1`] = `
- - 加载中... - + + 跳转链接 + + + + + + + + + + 跳转链接 + + + + + + +
`; -exports[`csr snapshot test > csr test src/loading/_example/service.tsx 1`] = ` +exports[`csr snapshot test > csr test src/link/_example/theme.tsx 1`] = ` `; -exports[`csr snapshot test > csr test src/loading/_example/size.tsx 1`] = ` +exports[`csr snapshot test > csr test src/link/_example/underline.tsx 1`] = `
-
- 大尺寸 -
-
- - -
- - + 跳转链接 + + + - 加载中... + 跳转链接 -
+ + +`; + +exports[`csr snapshot test > csr test src/loading/_example/attach.tsx 1`] = ` +
- 中尺寸 + Hello, I\`'m Alice. I\`'m going to be a front-end developer. +
-
- - -
- - - 加载中... + 关 -
+ + + +`; + +exports[`csr snapshot test > csr test src/loading/_example/base.tsx 1`] = ` +
-
- 小尺寸 -
+ +
+ + +
+
+ + + + + + + + + + + + + + +
+
- - -
- - - - 加载中... - +
+
+
`; -exports[`csr snapshot test > csr test src/loading/_example/speed.tsx 1`] = ` +exports[`csr snapshot test > csr test src/loading/_example/delay.tsx 1`] = `
-
- - -
- - - 加载中... + 请求结束,隐藏loading -
+ + +
+ +`; + +exports[`csr snapshot test > csr test src/loading/_example/fullscreen.tsx 1`] = ` +
-
-
+ 全局加载开关(开启加载1秒后自动归位): +
`; -exports[`csr snapshot test > csr test src/loading/_example/vert.tsx 1`] = ` +exports[`csr snapshot test > csr test src/loading/_example/horz.tsx 1`] = `
csr test src/loading/_example/vert.tsx 1`] = ` - 加载中 + 加载中...
csr test src/loading/_example/vert.tsx 1`] = `
`; -exports[`csr snapshot test > csr test src/overlay/_example/base.tsx 1`] = ` +exports[`csr snapshot test > csr test src/loading/_example/index.tsx 1`] = `
-
- + Loading 加载 + +

+ 用于表示页面或操作的加载状态,给予用户反馈的同时减缓等待的焦虑感,由一个或一组反馈动效组成。 +

-
-`; - -exports[`csr snapshot test > csr test src/overlay/_example/index.tsx 1`] = ` -
-

- Overlay 遮罩层 -

+ 01 类型 +

- 通过遮罩层,可以强调部分内容 + 纯图标

-

- 01 组件 -======= - 01 组件类型 ->>>>>>> 8e816b1 (feat(link): 更新快照) -

-

+ +

+ + +
+
-<<<<<<< HEAD - 基础遮罩层 -======= - 基础文字链接 ->>>>>>> 8e816b1 (feat(link): 更新快照) -

+ + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+

+ 图标加文字横向 +

+
+
-<<<<<<< HEAD -
- -======= +
+ + + + 加载中... + +
+
+
-
-

- 下划线文字链接 -

-
- + 图标加文字竖向 +

-

- 前置图标文字链接 -

-
- -
-
-
-

- 后置图标文字链接 -

-
-
- - - 跳转链接 - - - - - - - - - - - 跳转链接 - - - - - - - - + + + + + + + + + + + + + + + 加载中... +
+
+
+
+

+ 纯文字 +

+
-

- 02 组件状态 -

-

- 不同主题 -

+ + 加载中... + +
+
+
+
+
+

+ 02 组件尺寸 +

+
+ +
-
-

- 03 组件样式 -

-

- 链接尺寸 -

-
+ 03 加载速度 + +

+ 加载速度调整 +

+
+
+
+
+
- - L跳转链接 - - ->>>>>>> 8e816b1 (feat(link): 更新快照) +
+
+
+
+
+ 5 +
@@ -8429,550 +8419,413 @@ exports[`csr snapshot test > csr test src/overlay/_example/index.tsx 1`] = `
`; -<<<<<<< HEAD -======= -exports[`csr snapshot test > csr test src/link/_example/linkSize.tsx 1`] = ` - -`; - -exports[`csr snapshot test > csr test src/link/_example/prefix.tsx 1`] = ` +exports[`csr snapshot test > csr test src/loading/_example/pure-text.tsx 1`] = ` `; -exports[`csr snapshot test > csr test src/link/_example/status.tsx 1`] = ` +exports[`csr snapshot test > csr test src/loading/_example/service.tsx 1`] = ` `; -exports[`csr snapshot test > csr test src/link/_example/suffix.tsx 1`] = ` +exports[`csr snapshot test > csr test src/loading/_example/size.tsx 1`] = ` -`; - -exports[`csr snapshot test > csr test src/link/_example/theme.tsx 1`] = ` -
- - - 跳转链接 - - + + +`; + +exports[`csr snapshot test > csr test src/loading/_example/speed.tsx 1`] = ` + `; ->>>>>>> 8e816b1 (feat(link): 更新快照) exports[`csr snapshot test > csr test src/progress/_example/base.tsx 1`] = `
ssr test src/divider/_example/theme.tsx 1`] = `" ssr test src/grid/_example/badge.tsx 1`] = `"
标题文字
8
标题文字
new
标题文字
···
标题文字
"`; -<<<<<<< HEAD exports[`ssr snapshot test > ssr test src/icon/_example/base.tsx 1`] = `"

How do you feel today?


What is your favourite food?


How much icons does TDesign Icon includes?

"`; exports[`ssr snapshot test > ssr test src/icon/_example/enhanced.tsx 1`] = `"

"`; @@ -13134,6 +12986,22 @@ exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"
ssr test src/input/_example/suffix.tsx 1`] = `"
标签文字
标签文字
标签文字
"`; +exports[`ssr snapshot test > ssr test src/link/_example/base.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/index.tsx 1`] = `"

Link 链接

当功能使用图标即可表意清楚时,可使用纯图标悬浮按钮,例如:添加、发布。

01 组件类型

基础文字链接

下划线文字链接

前置图标文字链接

后置图标文字链接

03 组件样式

链接尺寸

"`; + +exports[`ssr snapshot test > ssr test src/link/_example/linkSize.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/prefix.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/status.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/suffix.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/theme.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/underline.tsx 1`] = `""`; + exports[`ssr snapshot test > ssr test src/loading/_example/attach.tsx 1`] = `"
Hello, I\`'m Alice. I\`'m going to be a front-end developer.
"`; exports[`ssr snapshot test > ssr test src/loading/_example/base.tsx 1`] = `"
"`; @@ -13159,23 +13027,6 @@ exports[`ssr snapshot test > ssr test src/loading/_example/vert.tsx 1`] = `"
ssr test src/overlay/_example/base.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test src/overlay/_example/index.tsx 1`] = `"

Overlay 遮罩层

通过遮罩层,可以强调部分内容

01 组件

基础遮罩层

"`; -======= -exports[`ssr snapshot test > ssr test src/link/_example/base.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/index.tsx 1`] = `"

Link 链接

当功能使用图标即可表意清楚时,可使用纯图标悬浮按钮,例如:添加、发布。

01 组件类型

基础文字链接

下划线文字链接

前置图标文字链接

后置图标文字链接

03 组件样式

链接尺寸

"`; - -exports[`ssr snapshot test > ssr test src/link/_example/linkSize.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/prefix.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/status.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/suffix.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/theme.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/underline.tsx 1`] = `""`; ->>>>>>> 8e816b1 (feat(link): 更新快照) exports[`ssr snapshot test > ssr test src/progress/_example/base.tsx 1`] = `"
80%
80%
30%
"`; diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap index 9d2b7f90..f0d7165d 100644 --- a/test/snap/__snapshots__/ssr.test.jsx.snap +++ b/test/snap/__snapshots__/ssr.test.jsx.snap @@ -20,7 +20,6 @@ exports[`ssr snapshot test > ssr test src/divider/_example/theme.tsx 1`] = `" ssr test src/grid/_example/badge.tsx 1`] = `"
标题文字
8
标题文字
new
标题文字
···
标题文字
"`; -<<<<<<< HEAD exports[`ssr snapshot test > ssr test src/icon/_example/base.tsx 1`] = `"

How do you feel today?


What is your favourite food?


How much icons does TDesign Icon includes?

"`; exports[`ssr snapshot test > ssr test src/icon/_example/enhanced.tsx 1`] = `"

"`; @@ -67,6 +66,22 @@ exports[`ssr snapshot test > ssr test src/input/_example/status.tsx 1`] = `"
ssr test src/input/_example/suffix.tsx 1`] = `"
标签文字
标签文字
标签文字
"`; +exports[`ssr snapshot test > ssr test src/link/_example/base.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/index.tsx 1`] = `"

Link 链接

当功能使用图标即可表意清楚时,可使用纯图标悬浮按钮,例如:添加、发布。

01 组件类型

基础文字链接

下划线文字链接

前置图标文字链接

后置图标文字链接

03 组件样式

链接尺寸

"`; + +exports[`ssr snapshot test > ssr test src/link/_example/linkSize.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/prefix.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/status.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/suffix.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/theme.tsx 1`] = `""`; + +exports[`ssr snapshot test > ssr test src/link/_example/underline.tsx 1`] = `""`; + exports[`ssr snapshot test > ssr test src/loading/_example/attach.tsx 1`] = `"
Hello, I\`'m Alice. I\`'m going to be a front-end developer.
"`; exports[`ssr snapshot test > ssr test src/loading/_example/base.tsx 1`] = `"
"`; @@ -92,23 +107,6 @@ exports[`ssr snapshot test > ssr test src/loading/_example/vert.tsx 1`] = `"
ssr test src/overlay/_example/base.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test src/overlay/_example/index.tsx 1`] = `"

Overlay 遮罩层

通过遮罩层,可以强调部分内容

01 组件

基础遮罩层

"`; -======= -exports[`ssr snapshot test > ssr test src/link/_example/base.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/index.tsx 1`] = `"

Link 链接

当功能使用图标即可表意清楚时,可使用纯图标悬浮按钮,例如:添加、发布。

01 组件类型

基础文字链接

下划线文字链接

前置图标文字链接

后置图标文字链接

03 组件样式

链接尺寸

"`; - -exports[`ssr snapshot test > ssr test src/link/_example/linkSize.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/prefix.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/status.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/suffix.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/theme.tsx 1`] = `""`; - -exports[`ssr snapshot test > ssr test src/link/_example/underline.tsx 1`] = `""`; ->>>>>>> 8e816b1 (feat(link): 更新快照) exports[`ssr snapshot test > ssr test src/progress/_example/base.tsx 1`] = `"
80%
80%
30%
"`;