diff --git a/site/docs/overview.md b/site/docs/overview.md index 7de7b1234..904dde008 100644 --- a/site/docs/overview.md +++ b/site/docs/overview.md @@ -105,7 +105,7 @@ spline: explain -

TabBar 标签栏

+

TabBar 底部标签栏

@@ -228,7 +228,7 @@ spline: explain -

TreeSelect 树形选择

+

TreeSelect 树形选择器

@@ -351,7 +351,7 @@ spline: explain -

Sticky 吸顶

+

Sticky 吸顶容器

diff --git a/site/mobile/mobile.config.js b/site/mobile/mobile.config.js index ffb9612ae..0de305c1c 100644 --- a/site/mobile/mobile.config.js +++ b/site/mobile/mobile.config.js @@ -149,7 +149,7 @@ export default { title: 'Cell 单元格', titleEn: 'Cell', name: 'cell', - component: () => import('tdesign-mobile-react/cell/_example/base.tsx'), + component: () => import('tdesign-mobile-react/cell/_example/index.tsx'), }, { title: 'Upload 上传', @@ -165,7 +165,7 @@ export default { component: () => import('tdesign-mobile-react/skeleton/_example/index.tsx'), }, { - title: 'Sticky 吸顶', + title: 'Sticky 吸顶容器', titleEn: 'Sticky', name: 'sticky', component: () => import('tdesign-mobile-react/sticky/_example/index.tsx'), @@ -249,7 +249,7 @@ export default { component: () => import('tdesign-mobile-react/side-bar/_example/custom.tsx'), }, { - title: 'SwipeCell 滑动单元格', + title: 'SwipeCell 滑动操作', titleEn: 'SwipeCell', name: 'swipe-cell', component: () => import('tdesign-mobile-react/swipe-cell/_example/index.tsx'), @@ -321,7 +321,7 @@ export default { component: () => import('tdesign-mobile-react/steps/_example/index.tsx'), }, { - title: 'TabBar 标签栏', + title: 'TabBar 底部标签栏', titleEn: 'TabBar', name: 'tab-bar', component: () => import('tdesign-mobile-react/tab-bar/_example/mobile.tsx'), @@ -363,7 +363,7 @@ export default { component: () => import('tdesign-mobile-react/table/_example/index.tsx'), }, { - title: 'TreeSelect 树形选择', + title: 'TreeSelect 树形选择器', titleEn: 'TreeSelect', name: 'tree-select', component: () => import('tdesign-mobile-react/tree-select/_example/index.tsx'), diff --git a/site/web/plugins/changelog-to-json/index.js b/site/web/plugins/changelog-to-json/index.js index 64af3f8b9..01a43b4ca 100644 --- a/site/web/plugins/changelog-to-json/index.js +++ b/site/web/plugins/changelog-to-json/index.js @@ -21,7 +21,8 @@ export default function changelog2Json() { res.end(JSON.stringify(json)); }); }, - async closeBundle() { + async closeBundle(error) { + if (error) return; // 生产构建时写入物理文件 if (config.env.PROD || config.env.MODE === 'preview') { const json = await generateChangelogJson(changelogPath, 'mobile'); diff --git a/site/web/site.config.js b/site/web/site.config.js index 9b2b9cfa1..70c80656c 100644 --- a/site/web/site.config.js +++ b/site/web/site.config.js @@ -161,7 +161,7 @@ export const docs = [ }, { - title: 'TabBar 标签栏', + title: 'TabBar 底部标签栏', titleEn: 'TabBar', name: 'tab-bar', path: '/mobile-react/components/tab-bar', @@ -305,7 +305,7 @@ export const docs = [ componentEn: () => import('tdesign-mobile-react/textarea/textarea.en-US.md'), }, { - title: 'TreeSelect 树形选择', + title: 'TreeSelect 树形选择器', titleEn: 'TreeSelect', name: 'tree-select', path: '/mobile-react/components/tree-select', @@ -448,7 +448,7 @@ export const docs = [ componentEn: () => import('tdesign-mobile-react/skeleton/skeleton.en-US.md'), }, { - title: 'Sticky 吸顶', + title: 'Sticky 吸顶容器', titleEn: 'Sticky', name: 'sticky', path: '/mobile-react/components/sticky', diff --git a/src/_common b/src/_common index 2b0b54371..70917c30e 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit 2b0b543714f82960f6f667b42b37ab661ca860f5 +Subproject commit 70917c30e5325a6ef1f8ebf4094fbacd768d53dc diff --git a/src/cell/_example/base.tsx b/src/cell/_example/index.tsx similarity index 77% rename from src/cell/_example/base.tsx rename to src/cell/_example/index.tsx index bbb0a4716..42d401366 100644 --- a/src/cell/_example/base.tsx +++ b/src/cell/_example/index.tsx @@ -10,10 +10,7 @@ import Group from './group'; export default function Base() { return (
- + diff --git a/src/footer/_example/index.tsx b/src/footer/_example/index.tsx index 8507dbe84..d36a69ccf 100644 --- a/src/footer/_example/index.tsx +++ b/src/footer/_example/index.tsx @@ -10,7 +10,7 @@ import './style/index.less'; export default function FooterDemo() { return (
- + diff --git a/src/form/_example/index.tsx b/src/form/_example/index.tsx index cd70aa13b..27d11e703 100644 --- a/src/form/_example/index.tsx +++ b/src/form/_example/index.tsx @@ -24,7 +24,10 @@ export default function FormDemo() { }; return (
- +
diff --git a/src/image-viewer/_example/index.tsx b/src/image-viewer/_example/index.tsx index 85bef7345..fefd77a91 100644 --- a/src/image-viewer/_example/index.tsx +++ b/src/image-viewer/_example/index.tsx @@ -9,10 +9,7 @@ import './style/index.less'; export default function ImageViewerDemo() { return (
- + diff --git a/src/result/_example/index.tsx b/src/result/_example/index.tsx index 5e648b09b..c5cea3a6c 100644 --- a/src/result/_example/index.tsx +++ b/src/result/_example/index.tsx @@ -12,7 +12,7 @@ export default function ResultDemo() { <> {!showResultPage ? (
- + diff --git a/src/side-bar/_example/index.tsx b/src/side-bar/_example/index.tsx index 749ba950a..4641dc2f6 100644 --- a/src/side-bar/_example/index.tsx +++ b/src/side-bar/_example/index.tsx @@ -12,7 +12,7 @@ export default function Base() { }; return (
- +
"`; -exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"

Form 表单

用于开启一个闭环的操作任务,如“删除”对象、“购买”商品等。

01 基础类型

基础表单

禁用态
请输入用户名
保密
0/50
"`; +exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"

Form 表单

用以收集、校验和提交数据,一般由输入框、单选框、复选框、选择器等控件组成。

01 基础类型

基础表单

禁用态
请输入用户名
保密
0/50
"`; exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"
请输入用户名
保密
0/50
"`; @@ -132592,7 +132592,7 @@ exports[`ssr snapshot test > ssr test src/image-viewer/_example/align.tsx 1`] = exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/image-viewer/_example/index.tsx 1`] = `"

ImageViewer 图片预览

图片全屏放大预览效果,包含全屏背景色、页码位置样式、增加操作等规范

01 组件类型

图片预览类型

02 组件类型

图片预览类型,可设置垂直对齐方式

03 组件类型

带操作图片预览

"`; +exports[`ssr snapshot test > ssr test src/image-viewer/_example/index.tsx 1`] = `"

ImageViewer 图片预览

用于图片内容的缩略展示与查看。

01 组件类型

图片预览类型

02 组件类型

图片预览类型,可设置垂直对齐方式

03 组件类型

带操作图片预览

"`; exports[`ssr snapshot test > ssr test src/image-viewer/_example/operation.tsx 1`] = `"
"`; @@ -132824,7 +132824,7 @@ exports[`ssr snapshot test > ssr test src/rate/_example/special.tsx 1`] = `"
ssr test src/result/_example/custom.tsx 1`] = `"
自定义结果
描述文字
"`; -exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"

Result 结果

结果反馈

01类型

不同结果反馈

成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字

自定义结果

自定义结果
描述文字

页面位置展示

"`; +exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"

Result 结果

用于反馈不同结果的展示。

01类型

不同结果反馈

成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字

自定义结果

自定义结果
描述文字

页面位置展示

"`; exports[`ssr snapshot test > ssr test src/result/_example/theme.tsx 1`] = `"
成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字
"`; @@ -132842,7 +132842,7 @@ exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `" ssr test src/side-bar/_example/custom.tsx 1`] = `""`; -exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"

SideBar 侧边栏

用于内容分类后的展示切换。

01 组件类型

侧边导航用法

带图标侧边导航

02 组件样式

侧边导航样式

"`; +exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"

SideBar 侧边栏

用于信息分类后的展示切换或锚点,位于页面左侧。

01 组件类型

侧边导航用法

带图标侧边导航

02 组件样式

侧边导航样式

"`; exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `""`; @@ -132900,7 +132900,7 @@ exports[`ssr snapshot test > ssr test src/sticky/_example/base.tsx 1`] = `"
ssr test src/sticky/_example/container.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/sticky/_example/index.tsx 1`] = `"

Sticky 吸顶

用于常驻页面顶部的信息,操作展示

基础吸顶

吸顶距离

指定容器

"`; +exports[`ssr snapshot test > ssr test src/sticky/_example/index.tsx 1`] = `"

Sticky 吸顶容器

用于常驻页面顶部的信息,操作展示

基础吸顶

吸顶距离

指定容器

"`; exports[`ssr snapshot test > ssr test src/sticky/_example/offset.tsx 1`] = `"
"`; @@ -132910,7 +132910,7 @@ exports[`ssr snapshot test > ssr test src/swipe-cell/_example/event.tsx 1`] = `" exports[`ssr snapshot test > ssr test src/swipe-cell/_example/icon.tsx 1`] = `"

带图标的滑动操作

图标加文字横排
辅助信息
编辑
删除
纯图标
辅助信息
图标加文字竖排
一段很长很长的内容文字
辅助信息
编辑
删除
"`; -exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"

SwipeCell 滑动单元格

用来承载列表中的更多操作,通过左右滑动来展示,按钮的宽度固定高度根据列表高度而变化。

左滑单操作

左滑单操作
辅助信息
删除
左滑单操作
一段很长很长的内容文字
辅助信息
删除
左滑双操作
辅助信息
收藏
编辑
左滑三操作
辅助信息
收藏
编辑
删除

右滑单操作

选择
右滑单操作
辅助信息

左右滑操作

删除
左右滑操作
辅助信息
收藏
删除

带图标的滑动操作

图标加文字横排
辅助信息
编辑
删除
纯图标
辅助信息
图标加文字竖排
一段很长很长的内容文字
辅助信息
编辑
删除

带二次确认的操作

编辑
删除
带二次确认的操作
辅助信息
编辑
删除
"`; +exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"

SwipeCell 滑动操作

用来承载列表中的更多操作,通过左右滑动来展示,按钮的宽度固定高度根据列表高度而变化。

左滑单操作

左滑单操作
辅助信息
删除
左滑单操作
一段很长很长的内容文字
辅助信息
删除
左滑双操作
辅助信息
收藏
编辑
左滑三操作
辅助信息
收藏
编辑
删除

右滑单操作

选择
右滑单操作
辅助信息

左右滑操作

删除
左右滑操作
辅助信息
收藏
删除

带图标的滑动操作

图标加文字横排
辅助信息
编辑
删除
纯图标
辅助信息
图标加文字竖排
一段很长很长的内容文字
辅助信息
编辑
删除

带二次确认的操作

编辑
删除
带二次确认的操作
辅助信息
编辑
删除
"`; exports[`ssr snapshot test > ssr test src/swipe-cell/_example/left.tsx 1`] = `"

左滑单操作

左滑单操作
辅助信息
删除
左滑单操作
一段很长很长的内容文字
辅助信息
删除
左滑双操作
辅助信息
收藏
编辑
左滑三操作
辅助信息
收藏
编辑
删除
"`; @@ -132946,7 +132946,7 @@ exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"
ssr test src/switch/_example/color.tsx 1`] = `"
自定义颜色开关
"`; -exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"

Switch 开关

开关用于切换当个设置项的状态,开启、关闭为两个互斥的操作

01 组件类型

基础开关

基础开关

带描述开关

带文字开关
带图标开关

自定义颜色开关

自定义颜色开关

02 状态

加载状态

加载状态
开关开启禁用
禁用状态
禁用状态
禁用状态

03 组件样式

开关尺寸

大尺寸 32
中尺寸 28
小尺寸 24
"`; +exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"

Switch 开关

用于控制某个功能的开启和关闭。

01 组件类型

基础开关

基础开关

带描述开关

带文字开关
带图标开关

自定义颜色开关

自定义颜色开关

02 状态

加载状态

加载状态
开关开启禁用
禁用状态
禁用状态
禁用状态

03 组件样式

开关尺寸

大尺寸 32
中尺寸 28
小尺寸 24
"`; exports[`ssr snapshot test > ssr test src/switch/_example/label.tsx 1`] = `"
带文字开关
带图标开关
"`; @@ -132960,7 +132960,7 @@ exports[`ssr snapshot test > ssr test src/tab-bar/_example/base.tsx 1`] = `"
ssr test src/tab-bar/_example/custom.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 标签栏

用于在不同功能模块之间进行快速切换,位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 底部标签栏

用于在不同功能模块之间进行快速切换,位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; exports[`ssr snapshot test > ssr test src/tab-bar/_example/pure-icon.tsx 1`] = `"
"`; diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap index bac529d77..bb828ac44 100644 --- a/test/snap/__snapshots__/ssr.test.jsx.snap +++ b/test/snap/__snapshots__/ssr.test.jsx.snap @@ -94,10 +94,10 @@ exports[`ssr snapshot test > ssr test src/cascader/_example/with-title.tsx 1`] = exports[`ssr snapshot test > ssr test src/cascader/_example/with-value.tsx 1`] = `"
地址
请选择地址
"`; -exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"

Cell 单元格

一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域,右侧可增加更多操作内容

01 类型

单行单元格

单行标题
单行标题 *
单行标题
16
单行标题
单行标题
辅助信息
单行标题

02

多行单元格

单行标题
一段很长很长的内容文字
单行标题 *
一段很长很长的内容文字
单行标题
一段很长很长的内容文字
16
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字
辅助信息
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容
多行高度不定,长文本自动换行,该选项的描述是一段很长的内容
一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字

03 组件样式

卡片单元格

单行标题
单行标题
单行标题
"`; - exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"
单行标题
单行标题
单行标题
"`; +exports[`ssr snapshot test > ssr test src/cell/_example/index.tsx 1`] = `"

Cell 单元格

用于各个类别行的信息展示。

01 类型

单行单元格

单行标题
单行标题 *
单行标题
16
单行标题
单行标题
辅助信息
单行标题

02

多行单元格

单行标题
一段很长很长的内容文字
单行标题 *
一段很长很长的内容文字
单行标题
一段很长很长的内容文字
16
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字
辅助信息
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容
多行高度不定,长文本自动换行,该选项的描述是一段很长的内容
一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字

03 组件样式

卡片单元格

单行标题
单行标题
单行标题
"`; + exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"
单行标题
一段很长很长的内容文字
单行标题 *
一段很长很长的内容文字
单行标题
一段很长很长的内容文字
16
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字
辅助信息
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容
多行高度不定,长文本自动换行,该选项的描述是一段很长的内容
一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容
单行标题
一段很长很长的内容文字
单行标题
一段很长很长的内容文字
"`; exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"
单行标题
单行标题 *
单行标题
16
单行标题
单行标题
辅助信息
单行标题
"`; @@ -242,7 +242,7 @@ exports[`ssr snapshot test > ssr test src/fab/_example/index.tsx 1`] = `"
ssr test src/footer/_example/base.tsx 1`] = `""`; -exports[`ssr snapshot test > ssr test src/footer/_example/index.tsx 1`] = `"

Footer 页脚

用于开启一个闭环的操作任务,如“删除”对象、“购买”商品等。

基础页脚

基础加链接页脚

品牌页脚

"`; +exports[`ssr snapshot test > ssr test src/footer/_example/index.tsx 1`] = `"

Footer 页脚

用于展示网站的版权声明、联系信息、重要页面链接和其他相关内容等信息。

基础页脚

基础加链接页脚

品牌页脚

"`; exports[`ssr snapshot test > ssr test src/footer/_example/links.tsx 1`] = `""`; @@ -250,7 +250,7 @@ exports[`ssr snapshot test > ssr test src/footer/_example/logo.tsx 1`] = `" ssr test src/form/_example/horizontal.tsx 1`] = `"
请输入用户名
保密
0/50
"`; -exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"

Form 表单

用于开启一个闭环的操作任务,如“删除”对象、“购买”商品等。

01 基础类型

基础表单

禁用态
请输入用户名
保密
0/50
"`; +exports[`ssr snapshot test > ssr test src/form/_example/index.tsx 1`] = `"

Form 表单

用以收集、校验和提交数据,一般由输入框、单选框、复选框、选择器等控件组成。

01 基础类型

基础表单

禁用态
请输入用户名
保密
0/50
"`; exports[`ssr snapshot test > ssr test src/form/_example/vertical.tsx 1`] = `"
请输入用户名
保密
0/50
"`; @@ -312,7 +312,7 @@ exports[`ssr snapshot test > ssr test src/image-viewer/_example/align.tsx 1`] = exports[`ssr snapshot test > ssr test src/image-viewer/_example/base.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/image-viewer/_example/index.tsx 1`] = `"

ImageViewer 图片预览

图片全屏放大预览效果,包含全屏背景色、页码位置样式、增加操作等规范

01 组件类型

图片预览类型

02 组件类型

图片预览类型,可设置垂直对齐方式

03 组件类型

带操作图片预览

"`; +exports[`ssr snapshot test > ssr test src/image-viewer/_example/index.tsx 1`] = `"

ImageViewer 图片预览

用于图片内容的缩略展示与查看。

01 组件类型

图片预览类型

02 组件类型

图片预览类型,可设置垂直对齐方式

03 组件类型

带操作图片预览

"`; exports[`ssr snapshot test > ssr test src/image-viewer/_example/operation.tsx 1`] = `"
"`; @@ -544,7 +544,7 @@ exports[`ssr snapshot test > ssr test src/rate/_example/special.tsx 1`] = `"
ssr test src/result/_example/custom.tsx 1`] = `"
自定义结果
描述文字
"`; -exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"

Result 结果

结果反馈

01类型

不同结果反馈

成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字

自定义结果

自定义结果
描述文字

页面位置展示

"`; +exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"

Result 结果

用于反馈不同结果的展示。

01类型

不同结果反馈

成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字

自定义结果

自定义结果
描述文字

页面位置展示

"`; exports[`ssr snapshot test > ssr test src/result/_example/theme.tsx 1`] = `"
成功状态
描述文字
失败状态
描述文字
警示状态
描述文字
默认状态
描述文字
"`; @@ -562,7 +562,7 @@ exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `" ssr test src/side-bar/_example/custom.tsx 1`] = `""`; -exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"

SideBar 侧边栏

用于内容分类后的展示切换。

01 组件类型

侧边导航用法

带图标侧边导航

02 组件样式

侧边导航样式

"`; +exports[`ssr snapshot test > ssr test src/side-bar/_example/index.tsx 1`] = `"

SideBar 侧边栏

用于信息分类后的展示切换或锚点,位于页面左侧。

01 组件类型

侧边导航用法

带图标侧边导航

02 组件样式

侧边导航样式

"`; exports[`ssr snapshot test > ssr test src/side-bar/_example/switch.tsx 1`] = `""`; @@ -620,7 +620,7 @@ exports[`ssr snapshot test > ssr test src/sticky/_example/base.tsx 1`] = `"
ssr test src/sticky/_example/container.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/sticky/_example/index.tsx 1`] = `"

Sticky 吸顶

用于常驻页面顶部的信息,操作展示

基础吸顶

吸顶距离

指定容器

"`; +exports[`ssr snapshot test > ssr test src/sticky/_example/index.tsx 1`] = `"

Sticky 吸顶容器

用于常驻页面顶部的信息,操作展示

基础吸顶

吸顶距离

指定容器

"`; exports[`ssr snapshot test > ssr test src/sticky/_example/offset.tsx 1`] = `"
"`; @@ -630,7 +630,7 @@ exports[`ssr snapshot test > ssr test src/swipe-cell/_example/event.tsx 1`] = `" exports[`ssr snapshot test > ssr test src/swipe-cell/_example/icon.tsx 1`] = `"

带图标的滑动操作

图标加文字横排
辅助信息
编辑
删除
纯图标
辅助信息
图标加文字竖排
一段很长很长的内容文字
辅助信息
编辑
删除
"`; -exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"

SwipeCell 滑动单元格

用来承载列表中的更多操作,通过左右滑动来展示,按钮的宽度固定高度根据列表高度而变化。

左滑单操作

左滑单操作
辅助信息
删除
左滑单操作
一段很长很长的内容文字
辅助信息
删除
左滑双操作
辅助信息
收藏
编辑
左滑三操作
辅助信息
收藏
编辑
删除

右滑单操作

选择
右滑单操作
辅助信息

左右滑操作

删除
左右滑操作
辅助信息
收藏
删除

带图标的滑动操作

图标加文字横排
辅助信息
编辑
删除
纯图标
辅助信息
图标加文字竖排
一段很长很长的内容文字
辅助信息
编辑
删除

带二次确认的操作

编辑
删除
带二次确认的操作
辅助信息
编辑
删除
"`; +exports[`ssr snapshot test > ssr test src/swipe-cell/_example/index.tsx 1`] = `"

SwipeCell 滑动操作

用来承载列表中的更多操作,通过左右滑动来展示,按钮的宽度固定高度根据列表高度而变化。

左滑单操作

左滑单操作
辅助信息
删除
左滑单操作
一段很长很长的内容文字
辅助信息
删除
左滑双操作
辅助信息
收藏
编辑
左滑三操作
辅助信息
收藏
编辑
删除

右滑单操作

选择
右滑单操作
辅助信息

左右滑操作

删除
左右滑操作
辅助信息
收藏
删除

带图标的滑动操作

图标加文字横排
辅助信息
编辑
删除
纯图标
辅助信息
图标加文字竖排
一段很长很长的内容文字
辅助信息
编辑
删除

带二次确认的操作

编辑
删除
带二次确认的操作
辅助信息
编辑
删除
"`; exports[`ssr snapshot test > ssr test src/swipe-cell/_example/left.tsx 1`] = `"

左滑单操作

左滑单操作
辅助信息
删除
左滑单操作
一段很长很长的内容文字
辅助信息
删除
左滑双操作
辅助信息
收藏
编辑
左滑三操作
辅助信息
收藏
编辑
删除
"`; @@ -666,7 +666,7 @@ exports[`ssr snapshot test > ssr test src/switch/_example/base.tsx 1`] = `"
ssr test src/switch/_example/color.tsx 1`] = `"
自定义颜色开关
"`; -exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"

Switch 开关

开关用于切换当个设置项的状态,开启、关闭为两个互斥的操作

01 组件类型

基础开关

基础开关

带描述开关

带文字开关
带图标开关

自定义颜色开关

自定义颜色开关

02 状态

加载状态

加载状态
开关开启禁用
禁用状态
禁用状态
禁用状态

03 组件样式

开关尺寸

大尺寸 32
中尺寸 28
小尺寸 24
"`; +exports[`ssr snapshot test > ssr test src/switch/_example/index.tsx 1`] = `"

Switch 开关

用于控制某个功能的开启和关闭。

01 组件类型

基础开关

基础开关

带描述开关

带文字开关
带图标开关

自定义颜色开关

自定义颜色开关

02 状态

加载状态

加载状态
开关开启禁用
禁用状态
禁用状态
禁用状态

03 组件样式

开关尺寸

大尺寸 32
中尺寸 28
小尺寸 24
"`; exports[`ssr snapshot test > ssr test src/switch/_example/label.tsx 1`] = `"
带文字开关
带图标开关
"`; @@ -680,7 +680,7 @@ exports[`ssr snapshot test > ssr test src/tab-bar/_example/base.tsx 1`] = `"
ssr test src/tab-bar/_example/custom.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 标签栏

用于在不同功能模块之间进行快速切换,位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 底部标签栏

用于在不同功能模块之间进行快速切换,位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; exports[`ssr snapshot test > ssr test src/tab-bar/_example/pure-icon.tsx 1`] = `"
"`;