Tuffex 组件

组件文档已迁移到统一结构：TuffDemoWrapper + 独立 Demo 组件。

组件预览

示例即将加载...

<template>
  <div class="tuff-demo-row">
    <TxButton size="sm">操作</TxButton>
    <TuffSwitch :model-value="true" />
    <TxStatusBadge text="在线" status="success" />
    <TxTag label="专注" />
    <TxProgressBar :percentage="62" style="width: 140px;" />
  </div>
</template>

迁移状态看板

开发中：文档仍在完善，示例/API 可能继续调整。
AI 迁移：已完成迁移，但仍建议结合源码核对。
已审阅：人工审阅完成。

组件	同步状态
设计基础	— 未迁移
Agents 智能体列表	— 未迁移
Alert 警告	— 未迁移
AutoSizer 自适应尺寸	— 未迁移
Avatar 头像	— 未迁移
Avatar Variants 头像变体	— 未迁移
Badge 徽标	— 未迁移
BaseAnchor 裂缝弹出层	— 未迁移
BaseSurface 基础表面层	— 未迁移
BlankSlate 空白页	— 未迁移
Breadcrumb 面包屑	— 未迁移
Button 按钮	— 未迁移
Card 卡片	— 未迁移
CardItem 卡片项	— 未迁移
Cascader 级联选择	— 未迁移
Chat 消息列表	— 未迁移
ChatComposer 消息输入	— 未迁移
Checkbox 复选框	— 未迁移
CodeEditor 代码编辑器	— 未迁移
Collapse 折叠面板	— 未迁移
CommandPalette 命令面板	— 未迁移
Container 容器	— 未迁移
ContextMenu 右键菜单	— 未迁移
CornerOverlay 角标容器	— 未迁移
DataTable 数据表格	— 未迁移
DatePicker 日期选择	— 未迁移
Dialog 对话框	— 未迁移
Drawer 抽屉	— 未迁移
DropdownMenu 下拉菜单	— 未迁移
EdgeFadeMask 边缘渐隐遮罩	— 未迁移
Empty 空状态	— 未迁移
EmptyState 空态引导	— 未迁移
ErrorState 错误状态	— 未迁移
FileUploader 文件上传	— 未迁移
FlatButton 扁平按钮	— 未迁移
FlatInput 扁平输入	— 未迁移
FlatRadio 平铺选择器	— 未迁移
FlatSelect 平铺下拉选择器	— 未迁移
Flex 弹性布局	— 未迁移
FlipOverlay 翻转遮罩	— 未迁移
Floating 浮动层	— 未迁移
Form 表单	— 未迁移
Fusion 交融	— 未迁移
GlassSurface 玻璃拟态	— 未迁移
GlowText 扫光	— 未迁移
GradientBorder 渐变边框	— 未迁移
GradualBlur 渐变模糊	— 未迁移
Grid 栅格	— 未迁移
GridLayout 网格布局	— 未迁移
GroupBlock 分组块	— 未迁移
GuideState 引导状态	— 未迁移
Icon 图标	— 未迁移
ImageGallery 图片预览	— 未迁移
ImageUploader 图片上传	— 未迁移
Input 输入	— 未迁移
KeyframeStrokeText 关键帧描边	— 未迁移
LayoutSkeleton 布局骨架	— 未迁移
LoadingOverlay 加载遮罩	— 未迁移
LoadingState 加载态	— 未迁移
MarkdownView Markdown 渲染	— 未迁移
Modal 模态框	— 未迁移
NavBar 导航栏	— 未迁移
NoData 无数据	— 未迁移
NoSelection 未选择	— 未迁移
OfflineState 离线	— 未迁移
OutlineBorder 描边容器	— 未迁移
Pagination 分页	— 未迁移
PermissionState 权限不足	— 未迁移
Picker 滚轮选择	— 未迁移
Popover 弹出层	— 未迁移
Progress 进度	— 未迁移
ProgressBar 进度条	— 未迁移
Radio 单选框	— 未迁移
Rating 评分	— 未迁移
Scroll 滚动	— 未迁移
SearchEmpty 搜索空态	— 未迁移
SearchInput 搜索输入框	— 未迁移
SearchSelect 搜索选择器	— 未迁移
SegmentedSlider 分段滑块	— 未迁移
Select 选择器	— 未迁移
Skeleton 骨架屏	— 未迁移
Slider 滑块	— 未迁移
SortableList 拖拽排序	— 未迁移
Spinner 加载	— 未迁移
Splitter 分割面板	— 未迁移
Stack 堆叠	— 未迁移
Stagger 依次进入	— 未迁移
StatCard 指标卡片	— 未迁移
StatusBadge 状态徽标	— 未迁移
Steps 步骤条	— 未迁移
Switch 开关	— 未迁移
TabBar 底部导航	— 未迁移
Tabs 标签页	— 未迁移
Tag 标签	— 未迁移
TagInput 标签输入	— 未迁移
TextTransformer 文本变换	— 未迁移
Timeline 时间线	— 未迁移
Toast 提示	— 未迁移
Tooltip 提示	— 未迁移
Transfer 穿梭框	— 未迁移
Transition 动效	— 未迁移
Tree 树形	— 未迁移
TreeSelect 树选择器	— 未迁移
TuffLogoStroke Logo 描边	— 未迁移
TypingIndicator 打字中	— 未迁移
VirtualList 虚拟列表	— 未迁移