Merge pull request #199 from aaronmhl/feature/steps

新增steps组件
Tencent · Jul 12, 2024 · 78aa17c · 78aa17c
2 parents f856680 + 0478448
commit 78aa17c
Show file tree

Hide file tree

Showing 9 changed files with 1,339 additions and 0 deletions.
diff --git a/tdesign-component/example/assets/api/steps_api.md b/tdesign-component/example/assets/api/steps_api.md
@@ -0,0 +1,16 @@
+## API
+### TDSteps
+#### 默认构造方法
+
+| 参数 | 类型 | 默认值 | 是否必填 | 说明        |
+| --- | --- | --- | -- | --- |
+| steps | TDStepsItemData |  - | 是 | 步骤条数据     |
+| activeIndex | int | 0 | 否 | 当前激活步骤的索引 |
+| direction | TDStepsDirection.horizontal/TDStepsDirection.vertical | TDStepsDirection.horizontal | 否 | 步骤条方向 |
+| status | TDStepsStatus.success/TDStepsStatus.error | TDStepsStatus.success | 否 | 步骤条状态 |
+| simple | bool | false | 否 | 是否简略模式 |
+| readOnly | bool | false | 否 | 是否纯展示readOnly模式 |
+| verticalSelect | bool | false | 否 | 是否是垂直自定义步骤条选择模式 |
+
+
+
diff --git a/tdesign-component/example/lib/config.dart b/tdesign-component/example/lib/config.dart
@@ -34,6 +34,7 @@ import 'page/td_search_bar_page.dart';
 import 'page/td_shadows_page.dart';
 import 'page/td_slider_page.dart';
 import 'page/td_stepper_page.dart';
+import 'page/td_steps_page.dart';
 import 'page/td_swiper_page.dart';
 import 'page/td_switch_page.dart';
 import 'page/td_tabs_page.dart';
@@ -198,6 +199,7 @@ Map<String, List<ExamplePageModel>> exampleMap = {
     ExamplePageModel(
         text: 'Swiper 轮播图', name: 'swiper', pageBuilder: _wrapInheritedTheme((context) => const TDSwiperPage())),
     ExamplePageModel(text: 'Tag 标签', name: 'tag', pageBuilder: _wrapInheritedTheme((context) => const TDTagPage())),
+    ExamplePageModel(text: 'Steps 步骤条', name: 'steps', pageBuilder: _wrapInheritedTheme((context) => const TDStepsPage())),
   ],
   '反馈': [
     ExamplePageModel(