diff --git a/packages/common b/packages/common index 17b62abaed..9d5ab177c4 160000 --- a/packages/common +++ b/packages/common @@ -1 +1 @@ -Subproject commit 17b62abaedb8f4d2bac8e2aad53bc17bc68d5fd9 +Subproject commit 9d5ab177c4fa927d1c9be79c33cbcb2be85c245c diff --git a/packages/components/switch/Switch.tsx b/packages/components/switch/Switch.tsx index 65268cac68..ff2da6ddd8 100644 --- a/packages/components/switch/Switch.tsx +++ b/packages/components/switch/Switch.tsx @@ -26,6 +26,7 @@ const Switch = React.forwardRef((originalProps, defaultValue, disabled, loading, + shape, size, label, customValue, @@ -40,13 +41,14 @@ const Switch = React.forwardRef((originalProps, const [innerChecked, setInnerChecked] = useState(initChecked); const contentNode = React.useMemo(() => { + if (shape === 'line') return null; if (Array.isArray(label)) { const [activeContent = '', inactiveContent = ''] = label; const content = innerChecked ? activeContent : inactiveContent; return parseTNode(content, { value }); } return parseTNode(label, { value }); - }, [label, innerChecked, value]); + }, [label, innerChecked, shape, value]); const handleChange = (e: React.MouseEvent) => { !isControlled && setInnerChecked(!innerChecked); @@ -84,6 +86,7 @@ const Switch = React.forwardRef((originalProps, const { SIZE, STATUS } = useCommonClassName(); const switchClassName = classNames( `${classPrefix}-switch`, + `${classPrefix}-switch--shape-${shape}`, className, { [STATUS.checked]: innerChecked, @@ -98,13 +101,14 @@ const Switch = React.forwardRef((originalProps, {...restProps} type="button" role="switch" + aria-checked={innerChecked} disabled={disabled || loading} className={switchClassName} ref={ref} onClick={onInternalClick} > {loading && } -
{contentNode}
+ {shape !== 'line' &&
{contentNode}
} ); }); diff --git a/packages/components/switch/__tests__/switch.test.tsx b/packages/components/switch/__tests__/switch.test.tsx index 79dfa2f8a0..6cbd6678d6 100644 --- a/packages/components/switch/__tests__/switch.test.tsx +++ b/packages/components/switch/__tests__/switch.test.tsx @@ -26,6 +26,25 @@ describe('Switch 组件测试', () => { const { container } = render(); expect(container.firstChild.classList.contains('t-size-s')).toBeTruthy(); }); + test('shape', async () => { + const { container, rerender, queryByText } = render(); + expect(container.firstChild.classList.contains('t-switch--shape-circle')).toBeTruthy(); + expect(queryByText('关')).toBeInTheDocument(); + + rerender(); + expect(container.firstChild.classList.contains('t-switch--shape-round')).toBeTruthy(); + + rerender(); + expect(container.firstChild.classList.contains('t-switch--shape-line')).toBeTruthy(); + expect(container.firstChild.classList.contains('t-size-s')).toBeTruthy(); + expect(container.firstChild.classList.contains('t-is-loading')).toBeTruthy(); + expect(queryByText('关')).not.toBeInTheDocument(); + expect(container.querySelector('.t-switch__content')).toBeFalsy(); + + const label = vi.fn(() => '关'); + rerender(); + expect(label).not.toBeCalled(); + }); test('disabled', async () => { const clickFn = vi.fn(); @@ -37,7 +56,9 @@ describe('Switch 组件测试', () => { test('onChange', async () => { const clickFn = vi.fn(); const { container } = render(); + expect(container.firstChild).toHaveAttribute('aria-checked', 'false'); fireEvent.click(container.firstChild); + expect(container.firstChild).toHaveAttribute('aria-checked', 'true'); expect(clickFn).toBeCalledTimes(1); }); diff --git a/packages/components/switch/_example/shape.tsx b/packages/components/switch/_example/shape.tsx new file mode 100644 index 0000000000..2407d12298 --- /dev/null +++ b/packages/components/switch/_example/shape.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +import { Space, Switch } from 'tdesign-react'; + +export default function SwitchShape() { + return ( + + + + + + ); +} diff --git a/packages/components/switch/_usage/props.json b/packages/components/switch/_usage/props.json index 22c1b97aac..ec4082a7d7 100644 --- a/packages/components/switch/_usage/props.json +++ b/packages/components/switch/_usage/props.json @@ -11,6 +11,25 @@ "defaultValue": false, "options": [] }, + { + "name": "shape", + "type": "enum", + "defaultValue": "circle", + "options": [ + { + "label": "circle", + "value": "circle" + }, + { + "label": "round", + "value": "round" + }, + { + "label": "line", + "value": "line" + } + ] + }, { "name": "size", "type": "enum", @@ -36,4 +55,4 @@ "defaultValue": false, "options": [] } -] \ No newline at end of file +] diff --git a/packages/components/switch/defaultProps.ts b/packages/components/switch/defaultProps.ts index 57ceba6db3..0ed2aedef5 100644 --- a/packages/components/switch/defaultProps.ts +++ b/packages/components/switch/defaultProps.ts @@ -4,4 +4,9 @@ import type { TdSwitchProps } from './type'; -export const switchDefaultProps: TdSwitchProps = { label: [], loading: false, size: 'medium' }; +export const switchDefaultProps: TdSwitchProps = { + label: [], + loading: false, + shape: 'circle', + size: 'medium', +}; diff --git a/packages/components/switch/switch.en-US.md b/packages/components/switch/switch.en-US.md index 94e6d529fd..0e85072dba 100644 --- a/packages/components/switch/switch.en-US.md +++ b/packages/components/switch/switch.en-US.md @@ -12,6 +12,7 @@ customValue | Array | - | Typescript: `Array` | N disabled | Boolean | - | \- | N label | TNode | [] | Typescript: `Array \| TNode<{ value: SwitchValue }>`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N loading | Boolean | false | \- | N +shape | String | circle | Switch shape. `label` is not rendered when shape is `line`. Options: circle/round/line | N size | String | medium | options:small/medium/large | N value | String / Number / Boolean | - | Typescript: `T` `type SwitchValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/switch/type.ts) | N defaultValue | String / Number / Boolean | - | uncontrolled property。Typescript: `T` `type SwitchValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/switch/type.ts) | N diff --git a/packages/components/switch/switch.md b/packages/components/switch/switch.md index b0eb603947..5d4e14f60f 100644 --- a/packages/components/switch/switch.md +++ b/packages/components/switch/switch.md @@ -12,6 +12,7 @@ customValue | Array | - | 用于自定义开关的值,[打开时的值,关 disabled | Boolean | - | 是否禁用组件,默认为 false | N label | TNode | [] | 开关内容,[开启时内容,关闭时内容]。示例:['开', '关'] 或 (value) => value ? '开' : '关'。TS 类型:`Array \| TNode<{ value: SwitchValue }>`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N loading | Boolean | false | 是否处于加载中状态 | N +shape | String | circle | 开关形状。`line` 形态不展示开关内容 `label`。可选项:circle/round/line | N size | String | medium | 开关尺寸。可选项:small/medium/large | N value | String / Number / Boolean | - | 开关值。TS 类型:`T` `type SwitchValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/switch/type.ts) | N defaultValue | String / Number / Boolean | - | 开关值。非受控属性。TS 类型:`T` `type SwitchValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/switch/type.ts) | N diff --git a/packages/components/switch/type.ts b/packages/components/switch/type.ts index 3a1b76e8b6..be839a99c9 100644 --- a/packages/components/switch/type.ts +++ b/packages/components/switch/type.ts @@ -29,6 +29,11 @@ export interface TdSwitchProps { * @default false */ loading?: boolean; + /** + * 开关形状。`line` 形态不展示开关内容 `label` + * @default circle + */ + shape?: 'circle' | 'round' | 'line'; /** * 开关尺寸 * @default medium diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap index e7669177f2..423278f553 100644 --- a/test/snap/__snapshots__/csr.test.jsx.snap +++ b/test/snap/__snapshots__/csr.test.jsx.snap @@ -11084,7 +11084,8 @@ exports[`csr snapshot test > csr test packages/components/calendar/_example/card class="t-space-item" > + +
+ +
+
+ +
+ + +`; + exports[`csr snapshot test > csr test packages/components/switch/_example/size.tsx 1`] = `
csr test packages/components/switch/_example/size.t class="t-space-item" >
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/card.tsx 1`] = `"
请选择
请选择
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/card.tsx 1`] = `"
请选择
请选择
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
"`; exports[`ssr snapshot test > ssr test packages/components/calendar/_example/cell.tsx 1`] = `"
请选择
请选择
隐藏周末
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
错误事件
警告事件
正常事件
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
"`; exports[`ssr snapshot test > ssr test packages/components/calendar/_example/cell-append.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
我们的纪念日
家庭聚会
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/controller-config.tsx 1`] = `"
控件全局



控件局部






请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/controller-config.tsx 1`] = `"
控件全局



控件局部






请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/events.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/events.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/filter.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/filter.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; exports[`ssr snapshot test > ssr test packages/components/calendar/_example/first-day-of-week.tsx 1`] = `"
请选择
请选择
隐藏周末
25
26
27
28
29
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
04
05
"`; @@ -154074,7 +154194,7 @@ exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/ exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/bordered.tsx 1`] = `"
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; -exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/colon.tsx 1`] = `"
展示冒号
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; +exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/colon.tsx 1`] = `"
展示冒号
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/column.tsx 1`] = `"
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; @@ -154176,7 +154296,7 @@ exports[`ssr snapshot test > ssr test packages/components/empty/_example/status. exports[`ssr snapshot test > ssr test packages/components/form/_example/align.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/form/_example/base.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/form/_example/base.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test packages/components/form/_example/clear-validate.tsx 1`] = `"
一句话介绍自己
"`; @@ -154184,7 +154304,7 @@ exports[`ssr snapshot test > ssr test packages/components/form/_example/custom-v exports[`ssr snapshot test > ssr test packages/components/form/_example/customized-form-controls.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"
请选择单张图片文件上传
提交
重置
"`; +exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"
请选择单张图片文件上传
提交
重置
"`; exports[`ssr snapshot test > ssr test packages/components/form/_example/error-message.tsx 1`] = `"
一句话介绍自己
"`; @@ -154386,7 +154506,7 @@ exports[`ssr snapshot test > ssr test packages/components/loading/_example/base. exports[`ssr snapshot test > ssr test packages/components/loading/_example/delay.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/loading/_example/fullscreen.tsx 1`] = `"Loading state:"`; +exports[`ssr snapshot test > ssr test packages/components/loading/_example/fullscreen.tsx 1`] = `"Loading state:"`; exports[`ssr snapshot test > ssr test packages/components/loading/_example/icon-text.tsx 1`] = `"
拼命加载中...
"`; @@ -154644,9 +154764,9 @@ exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/adva exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/animation.tsx 1`] = `"
渐变加载动画
闪烁加载动画
"`; -exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/base.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/base.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/delay.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/delay.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/theme.tsx 1`] = `"
文本
头像
段落
头像描述
选项卡
文章
"`; @@ -154662,7 +154782,7 @@ exports[`ssr snapshot test > ssr test packages/components/slider/_example/marks. exports[`ssr snapshot test > ssr test packages/components/slider/_example/min-and-max.tsx 1`] = `"
min:10
max:30
min:10
max:30
"`; -exports[`ssr snapshot test > ssr test packages/components/slider/_example/step.tsx 1`] = `"
显示步长刻度
"`; +exports[`ssr snapshot test > ssr test packages/components/slider/_example/step.tsx 1`] = `"
显示步长刻度
"`; exports[`ssr snapshot test > ssr test packages/components/slider/_example/vertical.tsx 1`] = `"
"`; @@ -154688,7 +154808,7 @@ exports[`ssr snapshot test > ssr test packages/components/statistic/_example/col exports[`ssr snapshot test > ssr test packages/components/statistic/_example/combination.tsx 1`] = `"
Total Assets
82.76%
Total Assets
52.18%
Yesterday traffic
Voice duration
789minute
the day before 9%
Total number of voice DAUs
188
the day before
9%
last week
9%
Total Assets
52.18%
"`; -exports[`ssr snapshot test > ssr test packages/components/statistic/_example/loading.tsx 1`] = `"
Downloads
"`; +exports[`ssr snapshot test > ssr test packages/components/statistic/_example/loading.tsx 1`] = `"
Downloads
"`; exports[`ssr snapshot test > ssr test packages/components/statistic/_example/slot.tsx 1`] = `"
Total Assets
56.32%
Total Assets
$176,059%
Total Assets
62.58%
"`; @@ -154730,15 +154850,17 @@ exports[`ssr snapshot test > ssr test packages/components/swiper/_example/size.t exports[`ssr snapshot test > ssr test packages/components/swiper/_example/vertical.tsx 1`] = `"
6
1
2
3
4
5
6
1
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/base.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/base.tsx 1`] = `"
"`; + +exports[`ssr snapshot test > ssr test packages/components/switch/_example/beforeChange.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/beforeChange.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/describe.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/describe.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/shape.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/size.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/size.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/status.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/status.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test packages/components/table/_example/affix.tsx 1`] = `"
共 38 条数据
请选择
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
"`; @@ -154906,9 +155028,9 @@ exports[`ssr snapshot test > ssr test packages/components/timeline/_example/cust exports[`ssr snapshot test > ssr test packages/components/timeline/_example/layout.tsx 1`] = `"

时间轴方向

对齐方式

label对齐方式

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; -exports[`ssr snapshot test > ssr test packages/components/timeline/_example/loading.tsx 1`] = `"

加载中

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; +exports[`ssr snapshot test > ssr test packages/components/timeline/_example/loading.tsx 1`] = `"

加载中

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; -exports[`ssr snapshot test > ssr test packages/components/timeline/_example/reverse.tsx 1`] = `"

是否倒序

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; +exports[`ssr snapshot test > ssr test packages/components/timeline/_example/reverse.tsx 1`] = `"

是否倒序

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; exports[`ssr snapshot test > ssr test packages/components/timeline/_example/theme.tsx 1`] = `"
  • 已完成的时间
    2022-01-01
  • 成功的时间
    2022-02-01
  • 危险时间
    2022-03-01
  • 告警事件
    2022-04-01
  • 默认的时间
    2022-05-01
  • 自定义主题色
    2022-06-01
"`; @@ -154944,25 +155066,25 @@ exports[`ssr snapshot test > ssr test packages/components/transfer/_example/sear exports[`ssr snapshot test > ssr test packages/components/transfer/_example/tree.tsx 1`] = `"
0 / 5 项
暂无数据
0 / 0 项
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/activable.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/activable.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/base.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/checkable.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/checkable.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/controlled.tsx 1`] = `"
checked:
expanded:
actived:
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/disabled.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/disabled.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/draggable.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/empty.tsx 1`] = `"
暂无数据
😊 空数据(string)
😊 空数据( empty props )
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-all.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-all.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-level.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-mutex.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-mutex.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/filter.tsx 1`] = `"
filter:
暂无数据
filter:
暂无数据
"`; @@ -154970,19 +155092,19 @@ exports[`ssr snapshot test > ssr test packages/components/tree/_example/icon.tsx exports[`ssr snapshot test > ssr test packages/components/tree/_example/label.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.tsx 1`] = `"
可选:
严格模式:
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.tsx 1`] = `"
可选:
严格模式:
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/line.tsx 1`] = `"
暂无数据

render

暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/line.tsx 1`] = `"
暂无数据

render

暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/load.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"
严格模式
允许多个节点同时高亮
插入节点使用高亮节点
子节点展开触发父节点展开
filter:
暂无数据
* 相关信息通过控制台输出
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"
严格模式
允许多个节点同时高亮
插入节点使用高亮节点
子节点展开触发父节点展开
filter:
暂无数据
* 相关信息通过控制台输出
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/state.tsx 1`] = `"

state:

暂无数据

api:

"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/sync.tsx 1`] = `"
checked:
expanded:
actived:
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/vscroll.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/vscroll.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/base.tsx 1`] = `"
"`; @@ -155020,13 +155142,13 @@ exports[`ssr snapshot test > ssr test packages/components/upload/_example/base.t exports[`ssr snapshot test > ssr test packages/components/upload/_example/custom-drag.tsx 1`] = `"


"`; -exports[`ssr snapshot test > ssr test packages/components/upload/_example/draggable.tsx 1`] = `"
是否自动上传:

点击上传  /  拖拽到此区域
默认文件
文件大小1.0 KB上传日期2022-09-25
"`; +exports[`ssr snapshot test > ssr test packages/components/upload/_example/draggable.tsx 1`] = `"
是否自动上传:

点击上传  /  拖拽到此区域
默认文件
文件大小1.0 KB上传日期2022-09-25
"`; exports[`ssr snapshot test > ssr test packages/components/upload/_example/file-flow-list.tsx 1`] = `"

支持批量上传文件,文件格式不限,最多只能上传 10 份文件
点击上方“选择文件”或将文件拖拽到此区域
取消上传
点击上传
"`; exports[`ssr snapshot test > ssr test packages/components/upload/_example/image.tsx 1`] = `"

  • 请选择图片

请选择单张图片文件上传(上传成功状态演示)
  • 点击上传图片

单张图片文件上传(上传失败状态演示)
  • 点击上传图片

允许选择多张图片文件上传,最多只能上传 3 张图片
"`; -exports[`ssr snapshot test > ssr test packages/components/upload/_example/img-flow-list.tsx 1`] = `"
AutoUpload

支持批量上传图片文件
  • demo…-1.png

  • avatar.jpg

取消上传

Different Status Images
  • loading.svg

  • loading.svg

  • 上传中 10%

    loading.svg

  • 上传失败

    loading.svg

"`; +exports[`ssr snapshot test > ssr test packages/components/upload/_example/img-flow-list.tsx 1`] = `"
AutoUpload

支持批量上传图片文件
  • demo…-1.png

  • avatar.jpg

取消上传

Different Status Images
  • loading.svg

  • loading.svg

  • 上传中 10%

    loading.svg

  • 上传失败

    loading.svg

"`; exports[`ssr snapshot test > ssr test packages/components/upload/_example/request-method.tsx 1`] = `"
自定义上传方法需要返回成功或失败信息
"`; diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap index dd64f818d1..5306e90a23 100644 --- a/test/snap/__snapshots__/ssr.test.jsx.snap +++ b/test/snap/__snapshots__/ssr.test.jsx.snap @@ -124,17 +124,17 @@ exports[`ssr snapshot test > ssr test packages/components/button/_example/theme. exports[`ssr snapshot test > ssr test packages/components/calendar/_example/base.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/card.tsx 1`] = `"
请选择
请选择
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/card.tsx 1`] = `"
请选择
请选择
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
"`; exports[`ssr snapshot test > ssr test packages/components/calendar/_example/cell.tsx 1`] = `"
请选择
请选择
隐藏周末
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
错误事件
警告事件
正常事件
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
"`; exports[`ssr snapshot test > ssr test packages/components/calendar/_example/cell-append.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
我们的纪念日
家庭聚会
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/controller-config.tsx 1`] = `"
控件全局



控件局部






请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/controller-config.tsx 1`] = `"
控件全局



控件局部






请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/events.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/events.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; -exports[`ssr snapshot test > ssr test packages/components/calendar/_example/filter.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; +exports[`ssr snapshot test > ssr test packages/components/calendar/_example/filter.tsx 1`] = `"
请选择
请选择
隐藏周末
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
"`; exports[`ssr snapshot test > ssr test packages/components/calendar/_example/first-day-of-week.tsx 1`] = `"
请选择
请选择
隐藏周末
25
26
27
28
29
30
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
04
05
"`; @@ -318,7 +318,7 @@ exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/ exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/bordered.tsx 1`] = `"
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; -exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/colon.tsx 1`] = `"
展示冒号
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; +exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/colon.tsx 1`] = `"
展示冒号
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; exports[`ssr snapshot test > ssr test packages/components/descriptions/_example/column.tsx 1`] = `"
Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center
"`; @@ -420,7 +420,7 @@ exports[`ssr snapshot test > ssr test packages/components/empty/_example/status. exports[`ssr snapshot test > ssr test packages/components/form/_example/align.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/form/_example/base.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/form/_example/base.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test packages/components/form/_example/clear-validate.tsx 1`] = `"
一句话介绍自己
"`; @@ -428,7 +428,7 @@ exports[`ssr snapshot test > ssr test packages/components/form/_example/custom-v exports[`ssr snapshot test > ssr test packages/components/form/_example/customized-form-controls.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"
请选择单张图片文件上传
提交
重置
"`; +exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"
请选择单张图片文件上传
提交
重置
"`; exports[`ssr snapshot test > ssr test packages/components/form/_example/error-message.tsx 1`] = `"
一句话介绍自己
"`; @@ -630,7 +630,7 @@ exports[`ssr snapshot test > ssr test packages/components/loading/_example/base. exports[`ssr snapshot test > ssr test packages/components/loading/_example/delay.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/loading/_example/fullscreen.tsx 1`] = `"Loading state:"`; +exports[`ssr snapshot test > ssr test packages/components/loading/_example/fullscreen.tsx 1`] = `"Loading state:"`; exports[`ssr snapshot test > ssr test packages/components/loading/_example/icon-text.tsx 1`] = `"
拼命加载中...
"`; @@ -888,9 +888,9 @@ exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/adva exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/animation.tsx 1`] = `"
渐变加载动画
闪烁加载动画
"`; -exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/base.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/base.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/delay.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/delay.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test packages/components/skeleton/_example/theme.tsx 1`] = `"
文本
头像
段落
头像描述
选项卡
文章
"`; @@ -906,7 +906,7 @@ exports[`ssr snapshot test > ssr test packages/components/slider/_example/marks. exports[`ssr snapshot test > ssr test packages/components/slider/_example/min-and-max.tsx 1`] = `"
min:10
max:30
min:10
max:30
"`; -exports[`ssr snapshot test > ssr test packages/components/slider/_example/step.tsx 1`] = `"
显示步长刻度
"`; +exports[`ssr snapshot test > ssr test packages/components/slider/_example/step.tsx 1`] = `"
显示步长刻度
"`; exports[`ssr snapshot test > ssr test packages/components/slider/_example/vertical.tsx 1`] = `"
"`; @@ -932,7 +932,7 @@ exports[`ssr snapshot test > ssr test packages/components/statistic/_example/col exports[`ssr snapshot test > ssr test packages/components/statistic/_example/combination.tsx 1`] = `"
Total Assets
82.76%
Total Assets
52.18%
Yesterday traffic
Voice duration
789minute
the day before 9%
Total number of voice DAUs
188
the day before
9%
last week
9%
Total Assets
52.18%
"`; -exports[`ssr snapshot test > ssr test packages/components/statistic/_example/loading.tsx 1`] = `"
Downloads
"`; +exports[`ssr snapshot test > ssr test packages/components/statistic/_example/loading.tsx 1`] = `"
Downloads
"`; exports[`ssr snapshot test > ssr test packages/components/statistic/_example/slot.tsx 1`] = `"
Total Assets
56.32%
Total Assets
$176,059%
Total Assets
62.58%
"`; @@ -974,15 +974,17 @@ exports[`ssr snapshot test > ssr test packages/components/swiper/_example/size.t exports[`ssr snapshot test > ssr test packages/components/swiper/_example/vertical.tsx 1`] = `"
6
1
2
3
4
5
6
1
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/base.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/base.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/beforeChange.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/beforeChange.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/describe.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/describe.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/size.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/shape.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test packages/components/switch/_example/status.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test packages/components/switch/_example/size.tsx 1`] = `"
"`; + +exports[`ssr snapshot test > ssr test packages/components/switch/_example/status.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test packages/components/table/_example/affix.tsx 1`] = `"
共 38 条数据
请选择
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
"`; @@ -1150,9 +1152,9 @@ exports[`ssr snapshot test > ssr test packages/components/timeline/_example/cust exports[`ssr snapshot test > ssr test packages/components/timeline/_example/layout.tsx 1`] = `"

时间轴方向

对齐方式

label对齐方式

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; -exports[`ssr snapshot test > ssr test packages/components/timeline/_example/loading.tsx 1`] = `"

加载中

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; +exports[`ssr snapshot test > ssr test packages/components/timeline/_example/loading.tsx 1`] = `"

加载中

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; -exports[`ssr snapshot test > ssr test packages/components/timeline/_example/reverse.tsx 1`] = `"

是否倒序

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; +exports[`ssr snapshot test > ssr test packages/components/timeline/_example/reverse.tsx 1`] = `"

是否倒序

  • 事件一
    2022-01-01
  • 事件二
    2022-02-01
  • 事件三
    2022-03-01
  • 事件四
    2022-04-01
"`; exports[`ssr snapshot test > ssr test packages/components/timeline/_example/theme.tsx 1`] = `"
  • 已完成的时间
    2022-01-01
  • 成功的时间
    2022-02-01
  • 危险时间
    2022-03-01
  • 告警事件
    2022-04-01
  • 默认的时间
    2022-05-01
  • 自定义主题色
    2022-06-01
"`; @@ -1188,25 +1190,25 @@ exports[`ssr snapshot test > ssr test packages/components/transfer/_example/sear exports[`ssr snapshot test > ssr test packages/components/transfer/_example/tree.tsx 1`] = `"
0 / 5 项
暂无数据
0 / 0 项
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/activable.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/activable.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/base.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/checkable.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/checkable.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/controlled.tsx 1`] = `"
checked:
expanded:
actived:
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/disabled.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/disabled.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/draggable.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/empty.tsx 1`] = `"
暂无数据
😊 空数据(string)
😊 空数据( empty props )
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-all.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-all.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-level.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-mutex.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-mutex.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/filter.tsx 1`] = `"
filter:
暂无数据
filter:
暂无数据
"`; @@ -1214,19 +1216,19 @@ exports[`ssr snapshot test > ssr test packages/components/tree/_example/icon.tsx exports[`ssr snapshot test > ssr test packages/components/tree/_example/label.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.tsx 1`] = `"
可选:
严格模式:
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.tsx 1`] = `"
可选:
严格模式:
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/line.tsx 1`] = `"
暂无数据

render

暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/line.tsx 1`] = `"
暂无数据

render

暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/load.tsx 1`] = `"
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"
严格模式
允许多个节点同时高亮
插入节点使用高亮节点
子节点展开触发父节点展开
filter:
暂无数据
* 相关信息通过控制台输出
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"
严格模式
允许多个节点同时高亮
插入节点使用高亮节点
子节点展开触发父节点展开
filter:
暂无数据
* 相关信息通过控制台输出
"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/state.tsx 1`] = `"

state:

暂无数据

api:

"`; exports[`ssr snapshot test > ssr test packages/components/tree/_example/sync.tsx 1`] = `"
checked:
expanded:
actived:
暂无数据
"`; -exports[`ssr snapshot test > ssr test packages/components/tree/_example/vscroll.tsx 1`] = `"
暂无数据
"`; +exports[`ssr snapshot test > ssr test packages/components/tree/_example/vscroll.tsx 1`] = `"
暂无数据
"`; exports[`ssr snapshot test > ssr test packages/components/tree-select/_example/base.tsx 1`] = `"
"`; @@ -1264,13 +1266,13 @@ exports[`ssr snapshot test > ssr test packages/components/upload/_example/base.t exports[`ssr snapshot test > ssr test packages/components/upload/_example/custom-drag.tsx 1`] = `"


"`; -exports[`ssr snapshot test > ssr test packages/components/upload/_example/draggable.tsx 1`] = `"
是否自动上传:

点击上传  /  拖拽到此区域
默认文件
文件大小1.0 KB上传日期2022-09-25
"`; +exports[`ssr snapshot test > ssr test packages/components/upload/_example/draggable.tsx 1`] = `"
是否自动上传:

点击上传  /  拖拽到此区域
默认文件
文件大小1.0 KB上传日期2022-09-25
"`; exports[`ssr snapshot test > ssr test packages/components/upload/_example/file-flow-list.tsx 1`] = `"

支持批量上传文件,文件格式不限,最多只能上传 10 份文件
点击上方“选择文件”或将文件拖拽到此区域
取消上传
点击上传
"`; exports[`ssr snapshot test > ssr test packages/components/upload/_example/image.tsx 1`] = `"

  • 请选择图片

请选择单张图片文件上传(上传成功状态演示)
  • 点击上传图片

单张图片文件上传(上传失败状态演示)
  • 点击上传图片

允许选择多张图片文件上传,最多只能上传 3 张图片
"`; -exports[`ssr snapshot test > ssr test packages/components/upload/_example/img-flow-list.tsx 1`] = `"
AutoUpload

支持批量上传图片文件
  • demo…-1.png

  • avatar.jpg

取消上传

Different Status Images
  • loading.svg

  • loading.svg

  • 上传中 10%

    loading.svg

  • 上传失败

    loading.svg

"`; +exports[`ssr snapshot test > ssr test packages/components/upload/_example/img-flow-list.tsx 1`] = `"
AutoUpload

支持批量上传图片文件
  • demo…-1.png

  • avatar.jpg

取消上传

Different Status Images
  • loading.svg

  • loading.svg

  • 上传中 10%

    loading.svg

  • 上传失败

    loading.svg

"`; exports[`ssr snapshot test > ssr test packages/components/upload/_example/request-method.tsx 1`] = `"
自定义上传方法需要返回成功或失败信息
"`;