From 495116a17feb0505f77ada84825fd00945885a00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 10:39:42 +0800
Subject: [PATCH 01/10] feat(ci): add pr spell check

---
 .github/workflows/pr-spelling.template.yml | 13 +++++++++++++
 .github/workflows/typos-config.toml        |  6 ++++++
 2 files changed, 19 insertions(+)
 create mode 100644 .github/workflows/pr-spelling.template.yml
 create mode 100644 .github/workflows/typos-config.toml

diff --git a/.github/workflows/pr-spelling.template.yml b/.github/workflows/pr-spelling.template.yml
new file mode 100644
index 000000000..d6237cdd1
--- /dev/null
+++ b/.github/workflows/pr-spelling.template.yml
@@ -0,0 +1,13 @@
+name: pr-spell-check
+on: [pull_request]
+
+jobs:
+  run:
+    name: Spell Check with Typos
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Check spelling
+        uses: crate-ci/typos@master
+        with:
+          config: .github/workflows/typos-config.toml
diff --git a/.github/workflows/typos-config.toml b/.github/workflows/typos-config.toml
new file mode 100644
index 000000000..d9918c1e2
--- /dev/null
+++ b/.github/workflows/typos-config.toml
@@ -0,0 +1,6 @@
+default.check-filename = true
+
+[default.extend-words]
+
+[files]
+extend-exclude = ["project.pbxproj","aop_flutter_sdk.patch"]

From 7dc80d6ca781db5dd36660d256068177392c1279 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 13:34:45 +0800
Subject: [PATCH 02/10] chore: fix typo pannel -> panel

---
 .../example/assets/api/tab-bar_api.md         |  2 +-
 ...ottomTabBar._expansionPannelTypeTabBar.txt |  2 +-
 .../lib/page/td_bottom_tab_bar_page.dart      |  4 +--
 .../components/tabbar/td_bottom_tab_bar.dart  | 34 +++++++++----------
 tdesign-site/src/tab-bar/README.md            |  4 +--
 5 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/tdesign-component/example/assets/api/tab-bar_api.md b/tdesign-component/example/assets/api/tab-bar_api.md
index 245b09a02..a8bb4c311 100644
--- a/tdesign-component/example/assets/api/tab-bar_api.md
+++ b/tdesign-component/example/assets/api/tab-bar_api.md
@@ -72,7 +72,7 @@
 | popUpWidth | double? | - | 弹窗宽度（不设置，默认为按钮宽度 - 20） |
 | popUpitemHeight | double? | _kDefaultMenuItemHeight | 单个选项高度 所有选项等高 不设置则使用默认值 48 |
 | backgroundColor | Color? | - | 弹窗背景颜色 |
-| radius | double? | - | pannel圆角 默认0 |
+| radius | double? | - | panel圆角 默认0 |
 | arrowWidth | double? | - | 箭头宽度 默认13.5 |
 | arrowHeight | double? | - | 箭头高度 默认8 |
 
diff --git a/tdesign-component/example/assets/code/bottomTabBar._expansionPannelTypeTabBar.txt b/tdesign-component/example/assets/code/bottomTabBar._expansionPannelTypeTabBar.txt
index 697d7266d..e733b731b 100644
--- a/tdesign-component/example/assets/code/bottomTabBar._expansionPannelTypeTabBar.txt
+++ b/tdesign-component/example/assets/code/bottomTabBar._expansionPannelTypeTabBar.txt
@@ -1,5 +1,5 @@
 
-  Widget _expansionPannelTypeTabBar(BuildContext context) {
+  Widget _expansionPanelTypeTabBar(BuildContext context) {
     return TDBottomTabBar(
       TDBottomTabBarBasicType.expansionPanel,
       useVerticalDivider: true,
diff --git a/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart b/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart
index 1bec1b686..6f673df39 100644
--- a/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart
+++ b/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart
@@ -144,7 +144,7 @@ class _TDBottomTabBarPageState extends State<TDBottomTabBarPage> {
                 }),
             ExampleItem(
               desc: '双层级文本标签栏',
-              builder: _expansionPannelTypeTabBar,
+              builder: _expansionPanelTypeTabBar,
             ),
           ],
         ),
@@ -552,7 +552,7 @@ class _TDBottomTabBarPageState extends State<TDBottomTabBarPage> {
   }
 
   @Demo(group: 'bottomTabBar')
-  Widget _expansionPannelTypeTabBar(BuildContext context) {
+  Widget _expansionPanelTypeTabBar(BuildContext context) {
     return TDBottomTabBar(
       TDBottomTabBarBasicType.expansionPanel,
       useVerticalDivider: true,
diff --git a/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart b/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart
index 294efe36b..74be6a9dd 100644
--- a/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart
+++ b/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart
@@ -580,7 +580,7 @@ class TDBottomTabBarPopUpShapeConfig {
   /// 弹窗背景颜色
   final Color? backgroundColor;
 
-  /// pannel圆角 默认0
+  /// panel圆角 默认0
   final double? radius;
 
   /// 箭头宽度 默认13.5
@@ -732,7 +732,7 @@ class PopupDialogState extends State<PopupDialog> {
                   height: popUpitemHeight * widget.items.length + (widget.config?.arrowHeight ?? _kArrowHeight),
                   decoration: BoxDecoration(boxShadow: TDTheme.of(context).shadowsTop),
                   child: CustomPaint(
-                    painter: PannelWithDownArrow(config: widget.config),
+                    painter: PanelWithDownArrow(config: widget.config),
                     child: Container(
                       alignment: Alignment.topCenter,
                       height: popUpitemHeight * widget.items.length,
@@ -767,11 +767,11 @@ class PopupDialogState extends State<PopupDialog> {
   }
 }
 
-/// 带下箭头的展开pannel
-class PannelWithDownArrow extends CustomPainter {
+/// 带下箭头的展开panel
+class PanelWithDownArrow extends CustomPainter {
   TDBottomTabBarPopUpShapeConfig? config;
 
-  PannelWithDownArrow({
+  PanelWithDownArrow({
     this.config,
   });
 
@@ -782,29 +782,29 @@ class PannelWithDownArrow extends CustomPainter {
       ..color = config?.backgroundColor ?? Colors.white
       ..style = PaintingStyle.fill;
     var path = Path();
-    var pannelWidth = size.width;
-    var pannelHeight = size.height - (config?.arrowHeight ?? _kArrowHeight);
+    var panelWidth = size.width;
+    var panelHeight = size.height - (config?.arrowHeight ?? _kArrowHeight);
 
     canvas.drawRRect(
-        RRect.fromRectAndRadius(Rect.fromLTWH(0, 0, pannelWidth, pannelHeight), Radius.circular(config?.radius ?? 0.0)),
+        RRect.fromRectAndRadius(Rect.fromLTWH(0, 0, panelWidth, panelHeight), Radius.circular(config?.radius ?? 0.0)),
         paint);
 
     /// 下方箭头
     if (config?.arrowWidth != 0.0 && config?.arrowHeight != 0.0) {
-      var left = (pannelWidth - _kArrowWidth) / 2;
-      var right = (pannelWidth + _kArrowWidth) / 2;
-      var bottom = pannelHeight + _kArrowHeight;
+      var left = (panelWidth - _kArrowWidth) / 2;
+      var right = (panelWidth + _kArrowWidth) / 2;
+      var bottom = panelHeight + _kArrowHeight;
       if (config?.arrowWidth != null) {
-        left = (pannelWidth - config!.arrowWidth!) / 2;
-        right = (pannelWidth + config!.arrowWidth!) / 2;
+        left = (panelWidth - config!.arrowWidth!) / 2;
+        right = (panelWidth + config!.arrowWidth!) / 2;
       }
       if (config?.arrowHeight != null) {
-        bottom = pannelHeight + config!.arrowHeight!;
+        bottom = panelHeight + config!.arrowHeight!;
       }
 
-      path.moveTo(left, pannelHeight);
-      path.lineTo(pannelWidth / 2, bottom);
-      path.lineTo(right, pannelHeight);
+      path.moveTo(left, panelHeight);
+      path.lineTo(panelWidth / 2, bottom);
+      path.lineTo(right, panelHeight);
       canvas.drawPath(path, paint);
     }
   }
diff --git a/tdesign-site/src/tab-bar/README.md b/tdesign-site/src/tab-bar/README.md
index 9f0974e17..ee83f7ed2 100644
--- a/tdesign-site/src/tab-bar/README.md
+++ b/tdesign-site/src/tab-bar/README.md
@@ -3255,7 +3255,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
 <td-code-block panel="Dart">
 
   <pre slot="Dart" lang="javascript">
-  Widget _expansionPannelTypeTabBar(BuildContext context) {
+  Widget _expansionPanelTypeTabBar(BuildContext context) {
     return TDBottomTabBar(
       TDBottomTabBarBasicType.expansionPanel,
       useVerticalDivider: true,
@@ -3664,7 +3664,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
 | popUpWidth | double? | - | 弹窗宽度（不设置，默认为按钮宽度 - 20） |
 | popUpitemHeight | double? | _kDefaultMenuItemHeight | 单个选项高度 所有选项等高 不设置则使用默认值 48 |
 | backgroundColor | Color? | - | 弹窗背景颜色 |
-| radius | double? | - | pannel圆角 默认0 |
+| radius | double? | - | panel圆角 默认0 |
 | arrowWidth | double? | - | 箭头宽度 默认13.5 |
 | arrowHeight | double? | - | 箭头高度 默认8 |
 

From 7988ad8337137e33c4b6e3b8afb8b25d49bfc6be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 13:37:06 +0800
Subject: [PATCH 03/10] chore: fix typo contet -> context

---
 .../example/assets/code/checkbox._checkAllSelected.txt        | 2 +-
 .../example/assets/code/checkbox._passThroughStyle.txt        | 2 +-
 .../example/assets/code/radio._passThroughStyle.txt           | 2 +-
 tdesign-component/example/lib/page/td_checkbox_page.dart      | 4 ++--
 tdesign-component/example/lib/page/td_radio_page.dart         | 2 +-
 tdesign-site/src/checkbox/README.md                           | 4 ++--
 tdesign-site/src/radio/README.md                              | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/tdesign-component/example/assets/code/checkbox._checkAllSelected.txt b/tdesign-component/example/assets/code/checkbox._checkAllSelected.txt
index b5e481cb2..68fc6bf7a 100644
--- a/tdesign-component/example/assets/code/checkbox._checkAllSelected.txt
+++ b/tdesign-component/example/assets/code/checkbox._checkAllSelected.txt
@@ -9,7 +9,7 @@
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '多选';
           if(index == 0){
             title = '全选';
diff --git a/tdesign-component/example/assets/code/checkbox._passThroughStyle.txt b/tdesign-component/example/assets/code/checkbox._passThroughStyle.txt
index 9cebf4bd9..6dc145c84 100644
--- a/tdesign-component/example/assets/code/checkbox._passThroughStyle.txt
+++ b/tdesign-component/example/assets/code/checkbox._passThroughStyle.txt
@@ -7,7 +7,7 @@
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '多选';
           return TDCheckbox(
             id: 'index:$index',
diff --git a/tdesign-component/example/assets/code/radio._passThroughStyle.txt b/tdesign-component/example/assets/code/radio._passThroughStyle.txt
index d80aec763..8d32de2aa 100644
--- a/tdesign-component/example/assets/code/radio._passThroughStyle.txt
+++ b/tdesign-component/example/assets/code/radio._passThroughStyle.txt
@@ -7,7 +7,7 @@
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '单选';
           return TDRadio(
             id: 'index:$index',
diff --git a/tdesign-component/example/lib/page/td_checkbox_page.dart b/tdesign-component/example/lib/page/td_checkbox_page.dart
index bd0b84dbb..c88864880 100644
--- a/tdesign-component/example/lib/page/td_checkbox_page.dart
+++ b/tdesign-component/example/lib/page/td_checkbox_page.dart
@@ -133,7 +133,7 @@ class TDCheckboxPageState extends State<TDCheckboxPage> {
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '多选';
           if(index == 0){
             title = '全选';
@@ -271,7 +271,7 @@ class TDCheckboxPageState extends State<TDCheckboxPage> {
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '多选';
           return TDCheckbox(
             id: 'index:$index',
diff --git a/tdesign-component/example/lib/page/td_radio_page.dart b/tdesign-component/example/lib/page/td_radio_page.dart
index 44f5a9c41..1f6392a72 100644
--- a/tdesign-component/example/lib/page/td_radio_page.dart
+++ b/tdesign-component/example/lib/page/td_radio_page.dart
@@ -199,7 +199,7 @@ class TDRadioPageState extends State<TDRadioPage> {
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '单选';
           return TDRadio(
             id: 'index:$index',
diff --git a/tdesign-site/src/checkbox/README.md b/tdesign-site/src/checkbox/README.md
index 1aa432aa2..73cc770b7 100644
--- a/tdesign-site/src/checkbox/README.md
+++ b/tdesign-site/src/checkbox/README.md
@@ -108,7 +108,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '多选';
           if(index == 0){
             title = '全选';
@@ -276,7 +276,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '多选';
           return TDCheckbox(
             id: 'index:$index',
diff --git a/tdesign-site/src/radio/README.md b/tdesign-site/src/radio/README.md
index 985e11c43..269e36f97 100644
--- a/tdesign-site/src/radio/README.md
+++ b/tdesign-site/src/radio/README.md
@@ -202,7 +202,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
         padding: const EdgeInsets.all(0),
         shrinkWrap: true,
         physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (contet, index) {
+        itemBuilder: (context, index) {
           var title = '单选';
           return TDRadio(
             id: 'index:$index',

From 1a85c06836121bd9f3a09251cf57d43162c98122 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 13:38:33 +0800
Subject: [PATCH 04/10] chore: fix typo verticle -> vertical

---
 .../example/assets/code/checkbox._verticleCheckbox.txt        | 2 +-
 .../example/assets/code/radio._verticleRadios.txt             | 2 +-
 tdesign-component/example/lib/page/td_radio_page.dart         | 4 ++--
 tdesign-site/src/radio/README.md                              | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt b/tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt
index 7403b82f0..7b87001d5 100644
--- a/tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt
+++ b/tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt
@@ -1,5 +1,5 @@
 
-  Widget _verticleCheckbox(BuildContext context) {
+  Widget _verticalCheckbox(BuildContext context) {
     return TDCheckboxGroupContainer(
       selectIds: const ['index:1'],
       child: ListView.builder(
diff --git a/tdesign-component/example/assets/code/radio._verticleRadios.txt b/tdesign-component/example/assets/code/radio._verticleRadios.txt
index d6ac1eb47..3090973db 100644
--- a/tdesign-component/example/assets/code/radio._verticleRadios.txt
+++ b/tdesign-component/example/assets/code/radio._verticleRadios.txt
@@ -1,5 +1,5 @@
 
-  Widget _verticleRadios(BuildContext context) {
+  Widget _verticalRadios(BuildContext context) {
     return TDRadioGroup(
       selectId: 'index:1',
       child: ListView.builder(
diff --git a/tdesign-component/example/lib/page/td_radio_page.dart b/tdesign-component/example/lib/page/td_radio_page.dart
index 1f6392a72..31ac6ce6c 100644
--- a/tdesign-component/example/lib/page/td_radio_page.dart
+++ b/tdesign-component/example/lib/page/td_radio_page.dart
@@ -30,7 +30,7 @@ class TDRadioPageState extends State<TDRadioPage> {
       backgroundColor: const Color(0xfff6f6f6),
       children: [
         ExampleModule(title: '组件类型', children: [
-          ExampleItem(desc: '纵向单选框', builder: _verticleRadios),
+          ExampleItem(desc: '纵向单选框', builder: _verticalRadios),
           ExampleItem(desc: '横向单选框', builder: _horizontalRadios),
         ]),
         ExampleModule(title: '组件状态', children: [
@@ -57,7 +57,7 @@ class TDRadioPageState extends State<TDRadioPage> {
   }
 
   @Demo(group: 'radio')
-  Widget _verticleRadios(BuildContext context) {
+  Widget _verticalRadios(BuildContext context) {
     return TDRadioGroup(
       selectId: 'index:1',
       child: ListView.builder(
diff --git a/tdesign-site/src/radio/README.md b/tdesign-site/src/radio/README.md
index 269e36f97..380cc69fb 100644
--- a/tdesign-site/src/radio/README.md
+++ b/tdesign-site/src/radio/README.md
@@ -23,7 +23,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
 <td-code-block panel="Dart">
 
   <pre slot="Dart" lang="javascript">
-  Widget _verticleRadios(BuildContext context) {
+  Widget _verticalRadios(BuildContext context) {
     return TDRadioGroup(
       selectId: 'index:1',
       child: ListView.builder(

From bbd66c06ff7717eb88821487a7dea447b646b4b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 13:40:47 +0800
Subject: [PATCH 05/10] chore: fix typo Pannel

---
 ...lTypeTabBar.txt => bottomTabBar._expansionPanelTypeTabBar.txt} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename tdesign-component/example/assets/code/{bottomTabBar._expansionPannelTypeTabBar.txt => bottomTabBar._expansionPanelTypeTabBar.txt} (100%)

diff --git a/tdesign-component/example/assets/code/bottomTabBar._expansionPannelTypeTabBar.txt b/tdesign-component/example/assets/code/bottomTabBar._expansionPanelTypeTabBar.txt
similarity index 100%
rename from tdesign-component/example/assets/code/bottomTabBar._expansionPannelTypeTabBar.txt
rename to tdesign-component/example/assets/code/bottomTabBar._expansionPanelTypeTabBar.txt

From 79cdc6839629107b748c1a787406e26c5b11c2c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 14:02:29 +0800
Subject: [PATCH 06/10] chore: fix typo Bage -> Badge

---
 .../example/assets/api/tab-bar_api.md              |  4 ++--
 .../code/bottomTabBar._buildCustomTopStyle.txt     |  2 +-
 .../code/bottomTabBar._weakSelectIconTabBar.txt    |  2 +-
 .../code/bottomTabBar._weakSelectTextTabBar.txt    |  2 +-
 .../example/lib/page/td_bottom_tab_bar_page.dart   |  8 ++++----
 .../src/components/tabbar/td_bottom_tab_bar.dart   | 12 ++++++------
 tdesign-site/src/tab-bar/README.md                 | 14 +++++++-------
 7 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/tdesign-component/example/assets/api/tab-bar_api.md b/tdesign-component/example/assets/api/tab-bar_api.md
index a8bb4c311..c6c4b683a 100644
--- a/tdesign-component/example/assets/api/tab-bar_api.md
+++ b/tdesign-component/example/assets/api/tab-bar_api.md
@@ -4,8 +4,8 @@
 
 | 参数 | 类型 | 默认值 | 说明 |
 | --- | --- | --- | --- |
-| showBage | bool | - | 是否展示消息 |
-| tdBadge | TDBadge? | - | 消息样式(未设置但showBage为true，则默认使用红点) |
+| showBadge | bool | - | 是否展示消息 |
+| tdBadge | TDBadge? | - | 消息样式(未设置但showBadge为true，则默认使用红点) |
 | badgeTopOffset | double? | - | 消息顶部偏移量 |
 | badgeRightOffset | double? | - | 消息右侧偏移量 |
 
diff --git a/tdesign-component/example/assets/code/bottomTabBar._buildCustomTopStyle.txt b/tdesign-component/example/assets/code/bottomTabBar._buildCustomTopStyle.txt
index 1f696db28..b0b8d59a4 100644
--- a/tdesign-component/example/assets/code/bottomTabBar._buildCustomTopStyle.txt
+++ b/tdesign-component/example/assets/code/bottomTabBar._buildCustomTopStyle.txt
@@ -11,7 +11,7 @@
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
diff --git a/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTabBar.txt b/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTabBar.txt
index a4ce509da..835893af5 100644
--- a/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTabBar.txt
+++ b/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTabBar.txt
@@ -9,7 +9,7 @@
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
diff --git a/tdesign-component/example/assets/code/bottomTabBar._weakSelectTextTabBar.txt b/tdesign-component/example/assets/code/bottomTabBar._weakSelectTextTabBar.txt
index c14e36b41..dd742c78b 100644
--- a/tdesign-component/example/assets/code/bottomTabBar._weakSelectTextTabBar.txt
+++ b/tdesign-component/example/assets/code/bottomTabBar._weakSelectTextTabBar.txt
@@ -7,7 +7,7 @@
       navigationTabs: [
         TDBottomTabBarTabConfig(
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
diff --git a/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart b/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart
index 6f673df39..6ea2aa3d7 100644
--- a/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart
+++ b/tdesign-component/example/lib/page/td_bottom_tab_bar_page.dart
@@ -613,7 +613,7 @@ class _TDBottomTabBarPageState extends State<TDBottomTabBarPage> {
       navigationTabs: [
         TDBottomTabBarTabConfig(
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -650,7 +650,7 @@ class _TDBottomTabBarPageState extends State<TDBottomTabBarPage> {
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -691,7 +691,7 @@ class _TDBottomTabBarPageState extends State<TDBottomTabBarPage> {
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -770,7 +770,7 @@ class _TDBottomTabBarPageState extends State<TDBottomTabBarPage> {
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
diff --git a/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart b/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart
index 74be6a9dd..0fd370e11 100644
--- a/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart
+++ b/tdesign-component/lib/src/components/tabbar/td_bottom_tab_bar.dart
@@ -56,16 +56,16 @@ enum TDBottomTabBarOutlineType {
 /// 飘新配置
 class BadgeConfig {
   BadgeConfig({
-    required this.showBage,
+    required this.showBadge,
     TDBadge? tdBadge,
     this.badgeTopOffset,
     this.badgeRightOffset,
   }) : tdBadge = tdBadge ?? const TDBadge(TDBadgeType.redPoint);
 
   /// 是否展示消息
-  final bool showBage;
+  final bool showBadge;
 
-  /// 消息样式(未设置但showBage为true，则默认使用红点)
+  /// 消息样式(未设置但showBadge为true，则默认使用红点)
   final TDBadge? tdBadge;
 
   /// 消息顶部偏移量
@@ -87,7 +87,7 @@ class TDBottomTabBarTabConfig {
     this.badgeConfig,
     this.popUpButtonConfig,
   }) : assert(() {
-          if (badgeConfig?.showBage ?? false) {
+          if (badgeConfig?.showBadge ?? false) {
             if (badgeConfig?.tdBadge == null) {
               throw FlutterError('[NavigationTab] if set showBadge = true, '
                   'you must set a tdBadge instance');
@@ -453,7 +453,7 @@ class TDBottomTabBarItemWithBadge extends StatelessWidget {
   }
 
   Widget _badge(BadgeConfig? badgeConfig) {
-    if (badgeConfig?.showBage ?? false) {
+    if (badgeConfig?.showBadge ?? false) {
       if (badgeConfig?.tdBadge != null) {
         return badgeConfig!.tdBadge!;
       }
@@ -519,7 +519,7 @@ class TDBottomTabBarItemWithBadge extends StatelessWidget {
       children: [
         child,
         Visibility(
-            visible: badgeConfig?.showBage ?? false,
+            visible: badgeConfig?.showBadge ?? false,
             child: Positioned(top: top, right: right, child: _badge(badgeConfig))),
       ],
     );
diff --git a/tdesign-site/src/tab-bar/README.md b/tdesign-site/src/tab-bar/README.md
index ee83f7ed2..eab8250a9 100644
--- a/tdesign-site/src/tab-bar/README.md
+++ b/tdesign-site/src/tab-bar/README.md
@@ -3325,7 +3325,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
       navigationTabs: [
         TDBottomTabBarTabConfig(
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -3370,7 +3370,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -3417,7 +3417,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -3466,7 +3466,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -3513,7 +3513,7 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,
@@ -3596,8 +3596,8 @@ import 'package:tdesign_flutter/tdesign_flutter.dart';
 
 | 参数 | 类型 | 默认值 | 说明 |
 | --- | --- | --- | --- |
-| showBage | bool | - | 是否展示消息 |
-| tdBadge | TDBadge? | - | 消息样式(未设置但showBage为true，则默认使用红点) |
+| showBadge | bool | - | 是否展示消息 |
+| tdBadge | TDBadge? | - | 消息样式(未设置但showBadge为true，则默认使用红点) |
 | badgeTopOffset | double? | - | 消息顶部偏移量 |
 | badgeRightOffset | double? | - | 消息右侧偏移量 |
 

From 5cfff3642a083b355da0ed1b398c19b612cdb146 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 14:03:29 +0800
Subject: [PATCH 07/10] chore: fix typo Bage -> Badge

---
 .../assets/code/bottomTabBar._weakSelectIconTextTabBar.txt      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTextTabBar.txt b/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTextTabBar.txt
index 4421c034c..74edb312a 100644
--- a/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTextTabBar.txt
+++ b/tdesign-component/example/assets/code/bottomTabBar._weakSelectIconTextTabBar.txt
@@ -9,7 +9,7 @@
           selectedIcon: _selectedIcon,
           unselectedIcon: _unSelectedIcon,
           badgeConfig: BadgeConfig(
-            showBage: true,
+            showBadge: true,
             tdBadge: const TDBadge(TDBadgeType.redPoint),
             badgeTopOffset: -2,
             badgeRightOffset: -10,

From f81f04b670c647333864de8360323246659898cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 14:05:37 +0800
Subject: [PATCH 08/10] chore: fix typo Conten -> Content

---
 .../dropdown_menu/td_dropdown_item.dart          | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/tdesign-component/lib/src/components/dropdown_menu/td_dropdown_item.dart b/tdesign-component/lib/src/components/dropdown_menu/td_dropdown_item.dart
index 997ee33ce..258e408f9 100644
--- a/tdesign-component/lib/src/components/dropdown_menu/td_dropdown_item.dart
+++ b/tdesign-component/lib/src/components/dropdown_menu/td_dropdown_item.dart
@@ -80,9 +80,9 @@ class TDDropdownItem<T> extends StatefulWidget {
 
   static const double operateHeight = 73;
 
-  double? get minContenHeight =>
+  double? get minContentHeight =>
       multiple == true ? (minHeight != null ? minHeight! + TDDropdownItem.operateHeight : null) : minHeight;
-  double? get maxContenHeight =>
+  double? get maxContentHeight =>
       multiple == true ? (maxHeight != null ? maxHeight! + TDDropdownItem.operateHeight : null) : maxHeight;
 
   @override
@@ -117,15 +117,15 @@ class _TDDropdownItemState extends State<TDDropdownItem> {
   Widget _getCheckboxList() {
     var paddingNum = TDTheme.of(context).spacer16;
     var groupCunck = _groupChunkOptions();
-    var maxContentHeight = widget.maxContenHeight != null
-        ? widget.maxContenHeight!
+    var maxContentHeight = widget.maxContentHeight != null
+        ? widget.maxContentHeight!
         : directionListenable.value == TDDropdownMenuDirection.auto
             ? double.infinity
             : max<double>(popupState.maxContentHeight - TDDropdownItem.operateHeight, 0);
     return Column(
       children: [
         ConstrainedBox(
-          constraints: BoxConstraints(minHeight: widget.minContenHeight ?? 0.0, maxHeight: maxContentHeight),
+          constraints: BoxConstraints(minHeight: widget.minContentHeight ?? 0.0, maxHeight: maxContentHeight),
           child: SingleChildScrollView(
             child: Column(
               children: List.generate(groupCunck.length, (index) {
@@ -197,11 +197,11 @@ class _TDDropdownItemState extends State<TDDropdownItem> {
         ),
       ),
     );
-    return widget.minContenHeight != null || widget.maxContenHeight != null
+    return widget.minContentHeight != null || widget.maxContentHeight != null
         ? ConstrainedBox(
             constraints: BoxConstraints(
-                minHeight: widget.minContenHeight ?? 0.0, maxHeight: widget.maxContenHeight ?? double.infinity),
-            child: widget.maxContenHeight != null ? SingleChildScrollView(child: radios) : radios,
+                minHeight: widget.minContentHeight ?? 0.0, maxHeight: widget.maxContentHeight ?? double.infinity),
+            child: widget.maxContentHeight != null ? SingleChildScrollView(child: radios) : radios,
           )
         : radios;
   }

From 538d522b784b5be5a3cf991e3faeb40f2344caef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 14:16:15 +0800
Subject: [PATCH 09/10] chore: fix typo

---
 tdesign-component/analysis_options.yaml       |  2 +-
 .../code/checkbox._verticleCheckbox.txt       | 29 -------------------
 ...leRadios.txt => radio._verticalRadios.txt} |  0
 .../ios/Runner/Base.lproj/Main.storyboard     |  2 +-
 ...egate.dart => intl_resource_delegate.dart} |  0
 tdesign-component/example/lib/main.dart       |  4 +--
 tdesign-site/CHANGELOG.md                     |  2 +-
 tdesign-site/script/generate-changelog.js     |  2 +-
 tdesign-site/script/prerender.mjs             |  2 +-
 tdesign-site/script/test/transform.js         |  2 +-
 tdesign-site/site/docs/custom-theme.md        |  2 +-
 tdesign-site/site/plugin-tdoc/transforms.ts   |  4 +--
 12 files changed, 11 insertions(+), 40 deletions(-)
 delete mode 100644 tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt
 rename tdesign-component/example/assets/code/{radio._verticleRadios.txt => radio._verticalRadios.txt} (100%)
 rename tdesign-component/example/lib/base/{intl_resouce_delegate.dart => intl_resource_delegate.dart} (100%)

diff --git a/tdesign-component/analysis_options.yaml b/tdesign-component/analysis_options.yaml
index 660a4e245..36af5adae 100644
--- a/tdesign-component/analysis_options.yaml
+++ b/tdesign-component/analysis_options.yaml
@@ -134,7 +134,7 @@ linter:
     - empty_statements
     # 不要出现可以在编译阶段推算出恒true或者false的条件判断
     - invariant_booleans
-    # 当containns方法的参数和可枚举的类型不同，不要触发可枚举类型的contains方法
+    # 当contains方法的参数和可枚举的类型不同，不要触发可枚举类型的contains方法
     - iterable_contains_unrelated_type
     # 用小写加下划线做库的命名
     - library_prefixes
diff --git a/tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt b/tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt
deleted file mode 100644
index 7b87001d5..000000000
--- a/tdesign-component/example/assets/code/checkbox._verticleCheckbox.txt
+++ /dev/null
@@ -1,29 +0,0 @@
-
-  Widget _verticalCheckbox(BuildContext context) {
-    return TDCheckboxGroupContainer(
-      selectIds: const ['index:1'],
-      child: ListView.builder(
-        padding: EdgeInsets.zero,
-        shrinkWrap: true,
-        physics: const NeverScrollableScrollPhysics(),
-        itemBuilder: (BuildContext context, int index) {
-          var title = '多选';
-          var subTitle = '';
-          if (index == 2) {
-            title = '多选标题多行多选标题多行多选标题多行多选标题多行多选标题多行多选标题多行';
-          }
-          if (index == 3) {
-            subTitle = '描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息';
-          }
-          return TDCheckbox(
-            id: 'index:$index',
-            title: title,
-            titleMaxLine: 2,
-            subTitleMaxLine: 2,
-            subTitle: subTitle,
-          );
-        },
-        itemCount: 4,
-      ),
-    );
-  }
\ No newline at end of file
diff --git a/tdesign-component/example/assets/code/radio._verticleRadios.txt b/tdesign-component/example/assets/code/radio._verticalRadios.txt
similarity index 100%
rename from tdesign-component/example/assets/code/radio._verticleRadios.txt
rename to tdesign-component/example/assets/code/radio._verticalRadios.txt
diff --git a/tdesign-component/example/ios/Runner/Base.lproj/Main.storyboard b/tdesign-component/example/ios/Runner/Base.lproj/Main.storyboard
index f3c28516f..9caf036fb 100644
--- a/tdesign-component/example/ios/Runner/Base.lproj/Main.storyboard
+++ b/tdesign-component/example/ios/Runner/Base.lproj/Main.storyboard
@@ -6,7 +6,7 @@
     </dependencies>
     <scenes>
         <!--Flutter View Controller-->
-        <scene sceneID="tne-QT-ifu">
+        <scene sceneID="the-QT-ifu">
             <objects>
                 <viewController id="BYZ-38-t0r" customClass="FlutterViewController" sceneMemberID="viewController">
                     <layoutGuides>
diff --git a/tdesign-component/example/lib/base/intl_resouce_delegate.dart b/tdesign-component/example/lib/base/intl_resource_delegate.dart
similarity index 100%
rename from tdesign-component/example/lib/base/intl_resouce_delegate.dart
rename to tdesign-component/example/lib/base/intl_resource_delegate.dart
diff --git a/tdesign-component/example/lib/main.dart b/tdesign-component/example/lib/main.dart
index 04078e0f3..763298943 100644
--- a/tdesign-component/example/lib/main.dart
+++ b/tdesign-component/example/lib/main.dart
@@ -5,7 +5,7 @@ import 'package:tdesign_flutter/src/util/log.dart';
 import 'package:tdesign_flutter/tdesign_flutter.dart';
 
 import 'base/example_route.dart';
-import 'base/intl_resouce_delegate.dart';
+import 'base/intl_resource_delegate.dart';
 import 'config.dart';
 import 'home.dart';
 
@@ -86,7 +86,7 @@ class _MyAppState extends State<MyApp> {
   Map<String, WidgetBuilder> _getRoutes() {
     if (PlatformUtil.isWeb) {
       return {for (var model in examplePageList) model.name: (context) => model.pageBuilder.call(context, model)}
-        ..putIfAbsent('/', () => (context) => const MyHomePage(title: 'TDesgin Flutter 组件库'));
+        ..putIfAbsent('/', () => (context) => const MyHomePage(title: 'TDesign Flutter 组件库'));
     } else {
       return const {};
     }
diff --git a/tdesign-site/CHANGELOG.md b/tdesign-site/CHANGELOG.md
index 10aa27276..ba767661d 100644
--- a/tdesign-site/CHANGELOG.md
+++ b/tdesign-site/CHANGELOG.md
@@ -166,7 +166,7 @@ docClass: timeline
 
 ## 0.0.7
 
-* 修改 exmaple的main.dart
+* 修改 example的main.dart
 
 ## 0.0.6
 
diff --git a/tdesign-site/script/generate-changelog.js b/tdesign-site/script/generate-changelog.js
index f8001717d..a802b677a 100644
--- a/tdesign-site/script/generate-changelog.js
+++ b/tdesign-site/script/generate-changelog.js
@@ -18,7 +18,7 @@ function updateVersion() {
     rl.on('line', (input) => {
       let newVersion = '';
       if (!input) {
-        newVersion = pkg.version.replace(/(\d+\.\d+\.)(\d+)/, (verion, $1, $2) => $1 + (Number($2) + 1));
+        newVersion = pkg.version.replace(/(\d+\.\d+\.)(\d+)/, (version, $1, $2) => $1 + (Number($2) + 1));
       } else if (!VERSION_REG.test(input)) {
         console.log('\x1B[31m%s\x1B[0m', '\n⚡ 不要搞事年轻人，请输入正确版本号格式!\n');
         rl.prompt();
diff --git a/tdesign-site/script/prerender.mjs b/tdesign-site/script/prerender.mjs
index 61b62a718..b130507de 100644
--- a/tdesign-site/script/prerender.mjs
+++ b/tdesign-site/script/prerender.mjs
@@ -54,7 +54,7 @@ async function initPreviewServer() {
       fs.mkdirSync(path.dirname(filePath));
     } catch {}
 
-    console.log('\x1b[32m', `writting ${url}... \n`);
+    console.log('\x1b[32m', `writing ${url}... \n`);
     fs.writeFileSync(filePath, html);
   }
 
diff --git a/tdesign-site/script/test/transform.js b/tdesign-site/script/test/transform.js
index 26e54b50d..0ac53ea8f 100644
--- a/tdesign-site/script/test/transform.js
+++ b/tdesign-site/script/test/transform.js
@@ -1,4 +1,4 @@
-// 由于开启 vritualHost=true 之后，selectComponent 无法获取，暂时在单测关闭 virtualHost
+// 由于开启 virtualHost=true 之后，selectComponent 无法获取，暂时在单测关闭 virtualHost
 const path = require('path');
 const babelJest = require('babel-jest');
 
diff --git a/tdesign-site/site/docs/custom-theme.md b/tdesign-site/site/docs/custom-theme.md
index 750c103b1..8a3ad9b4e 100644
--- a/tdesign-site/site/docs/custom-theme.md
+++ b/tdesign-site/site/docs/custom-theme.md
@@ -62,4 +62,4 @@ page {
 }
 ```
 
-> 目前仅有部分组件支持自定义主题，支持的组件在其文档有陈列对应的 CSS Varialbes，可以访问 [tab-bar-item.less](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/tab-bar-item/tab-bar-item.less)
\ No newline at end of file
+> 目前仅有部分组件支持自定义主题，支持的组件在其文档有陈列对应的 CSS Variables，可以访问 [tab-bar-item.less](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/tab-bar-item/tab-bar-item.less)
\ No newline at end of file
diff --git a/tdesign-site/site/plugin-tdoc/transforms.ts b/tdesign-site/site/plugin-tdoc/transforms.ts
index 965a7f604..06ca728e4 100644
--- a/tdesign-site/site/plugin-tdoc/transforms.ts
+++ b/tdesign-site/site/plugin-tdoc/transforms.ts
@@ -6,7 +6,7 @@ let demoCodesImports: Record<string, string> = {};
 
 export default {
   before({ source, file, md }: any) {
-    const resouceDir = path.dirname(file);
+    const resourceDir = path.dirname(file);
     const reg = file.match(/src\/(\S*)(?=\/\S*.md)/);
     const name = reg && reg[1];
     demoCodesImports = {};
@@ -23,7 +23,7 @@ export default {
 
     // 替换成对应 demo 文件
     source = source.replace(/{{\s+(.+)\s+}}/g, (_: string, demoDirName: string) => {
-      const demoPath = path.resolve(resouceDir, `./_example/${demoDirName}`);
+      const demoPath = path.resolve(resourceDir, `./_example/${demoDirName}`);
       if (!fs.existsSync(demoPath)) {
         console.log('\x1B[36m%s\x1B[0m', `${name} 组件需要实现 _example/${demoDirName} 示例!`);
         return '\n<h3>DEMO (🚧建设中）...</h3>';

From c6609b96a522cf163294fdec91a8a4d1eddb2fb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com>
Date: Fri, 5 Jul 2024 14:17:29 +0800
Subject: [PATCH 10/10] chore: fix typo focuse -> focus

---
 .../lib/src/components/stepper/td_stepper.dart       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/tdesign-component/lib/src/components/stepper/td_stepper.dart b/tdesign-component/lib/src/components/stepper/td_stepper.dart
index 6a1db45d9..d5cdff666 100644
--- a/tdesign-component/lib/src/components/stepper/td_stepper.dart
+++ b/tdesign-component/lib/src/components/stepper/td_stepper.dart
@@ -77,15 +77,15 @@ class TDStepper extends StatefulWidget {
 class _TDStepperState extends State<TDStepper> {
   late int value;
   late TextEditingController _controller;
-  final FocusNode _focuseNode = FocusNode();
+  final FocusNode _focusNode = FocusNode();
 
   @override
   void initState() {
     super.initState();
     value = widget.value ?? widget.defaultValue ?? 0;
     _controller = TextEditingController(text: value.toString());
-    _focuseNode.addListener(() {
-      if (!_focuseNode.hasFocus) {
+    _focusNode.addListener(() {
+      if (!_focusNode.hasFocus) {
         if (widget.onBlur != null) {
           widget.onBlur!();
         }
@@ -96,7 +96,7 @@ class _TDStepperState extends State<TDStepper> {
   @override
   void dispose() {
     _controller.dispose();
-    _focuseNode.dispose();
+    _focusNode.dispose();
     super.dispose();
   }
 
@@ -218,7 +218,7 @@ class _TDStepperState extends State<TDStepper> {
           affinity: TextAffinity.downstream,
           offset: value.toString().length,
         )));
-    _focuseNode.unfocus();
+    _focusNode.unfocus();
 
     if (widget.onChange != null) {
       widget.onChange!(value);
@@ -265,7 +265,7 @@ class _TDStepperState extends State<TDStepper> {
                     child: TextField(
                       controller: _controller,
                       enabled: !widget.disabled && !widget.disableInput,
-                      focusNode: _focuseNode,
+                      focusNode: _focusNode,
                       style: TextStyle(
                           fontSize: _getFontSize(),
                           color: widget.disabled