From 72884d0adcb3c0ddee3295553e84bf35f537c8e0 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Mon, 17 Jul 2023 14:29:30 +0800
Subject: [PATCH] fix: resolved some spelling mistake

---
 CHANGELOG.md                                  |   2 +-
 CONTRIBUTING.md                               |   2 +-
 site/plugin-tdoc/transforms.ts                |   4 +-
 src/checkbox-group/checkbox-group.ts          |  10 +-
 src/common/bus.ts                             |   8 +-
 src/date-time-picker/README.en-US.md          |   2 +-
 src/date-time-picker/README.md                |   2 +-
 .../__test__/__snapshots__/demo.test.js.snap  |  12 +-
 .../__virtualHostSnapshot__/demo.test.js.snap | 174 -------
 .../index.test.js.snap                        | 474 ------------------
 .../_example/date-all/index.wxml              |   2 +-
 .../_example/date-all/index.wxss              |   2 +-
 .../_example/steps/index.wxml                 |   2 +-
 .../_example/steps/index.wxss                 |   2 +-
 src/date-time-picker/_example/time/index.wxml |   4 +-
 src/date-time-picker/_example/time/index.wxss |   2 +-
 .../_example/year-month-date/index.wxml       |   2 +-
 .../_example/year-month-date/index.wxss       |   4 +-
 .../_example/year-month/index.wxml            |  10 +-
 .../_example/year-month/index.wxss            |   2 +-
 src/picker/README.en-US.md                    |   2 +-
 src/picker/README.md                          |   2 +-
 src/picker/__test__/index.wxml                |  18 +-
 src/radio-group/radio-group.ts                |   4 +-
 src/side-bar/side-bar.ts                      |   8 +-
 src/step-item/step-item.less                  |   2 +-
 26 files changed, 51 insertions(+), 707 deletions(-)
 delete mode 100644 src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap
 delete mode 100644 src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fcbd39c53..1c0b44063 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -425,7 +425,7 @@ docClass: timeline
 - `Tabs`: 废弃 placement 属性，左右布局请使用 SideBar 组件 @LeeJim ([#1492](https://github.com/Tencent/tdesign-miniprogram/pull/1492))
 
 ### 🚀 Features
-- `Cell`: 新增 CSS Varialbes 用于控制高度 @LeeJim ([#1482](https://github.com/Tencent/tdesign-miniprogram/pull/1482))
+- `Cell`: 新增 CSS Variables 用于控制高度 @LeeJim ([#1482](https://github.com/Tencent/tdesign-miniprogram/pull/1482))
 - `Indexes`: 新增支持 stickyOffset 属性，用于调整吸顶时的距离 @LeeJim ([#1485](https://github.com/Tencent/tdesign-miniprogram/pull/1485))
 - `Button`: 支持 0.5px 边框 @anlyyao ([#1474](https://github.com/Tencent/tdesign-miniprogram/pull/1474))
 
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index bd64d085a..c101117b9 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -54,7 +54,7 @@ npm start
 此时会同时启动 `dist` 与 `example` 的构建服务，对应的开发路径与构建路径分别为：
 
 - `src` -> `miniprogram_dist`
-- `src/*/_exmaple` -> `example` -> `_example`
+- `src/*/_example` -> `example` -> `_example`
 
 使用微信开发者工具导入项目 `_example` 文件夹
 
diff --git a/site/plugin-tdoc/transforms.ts b/site/plugin-tdoc/transforms.ts
index 965a7f604..06ca728e4 100644
--- a/site/plugin-tdoc/transforms.ts
+++ b/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>';
diff --git a/src/checkbox-group/checkbox-group.ts b/src/checkbox-group/checkbox-group.ts
index a9008dbf3..9ed0487b1 100644
--- a/src/checkbox-group/checkbox-group.ts
+++ b/src/checkbox-group/checkbox-group.ts
@@ -47,7 +47,7 @@ export default class CheckBoxGroup extends SuperComponent {
   $checkAll = null; // 全选复选框
 
   methods = {
-    getChilds() {
+    getChildren() {
       let items = this.$children;
       if (!items.length) {
         items = this.selectAllComponents(`.${prefix}-checkbox-option`);
@@ -56,7 +56,7 @@ export default class CheckBoxGroup extends SuperComponent {
     },
 
     updateChildren() {
-      const items = this.getChilds();
+      const items = this.getChildren();
       const { value } = this.data;
 
       if (items.length > 0) {
@@ -76,14 +76,14 @@ export default class CheckBoxGroup extends SuperComponent {
     updateValue({ value, checked, checkAll, indeterminate }) {
       let { value: newValue } = this.data;
       const { max } = this.data;
-      const keySet = new Set(this.getChilds().map((item) => item.data.value));
+      const keySet = new Set(this.getChildren().map((item) => item.data.value));
 
       newValue = newValue.filter((value) => keySet.has(value));
 
       if (max && checked && newValue.length === max) return;
 
       if (checkAll) {
-        const items = this.getChilds();
+        const items = this.getChildren();
         newValue =
           !checked && indeterminate
             ? items
@@ -141,7 +141,7 @@ export default class CheckBoxGroup extends SuperComponent {
     },
 
     setCheckall() {
-      const items = this.getChilds();
+      const items = this.getChildren();
 
       if (!this.$checkAll) {
         this.$checkAll = items.find((item) => item.data.checkAll);
diff --git a/src/common/bus.ts b/src/common/bus.ts
index 216a4a647..76da2c660 100644
--- a/src/common/bus.ts
+++ b/src/common/bus.ts
@@ -1,14 +1,14 @@
 export default class Bus {
   listeners: Map<string, any>;
-  emited: Set<string>;
+  emitted: Set<string>;
 
   constructor() {
     this.listeners = new Map();
-    this.emited = new Set();
+    this.emitted = new Set();
   }
 
   on(evtName: string, listener) {
-    if (this.emited.has(evtName)) {
+    if (this.emitted.has(evtName)) {
       listener();
       return;
     }
@@ -24,7 +24,7 @@ export default class Bus {
 
     if (listeners) {
       listeners.forEach((func) => func());
-      this.emited.add(evtName);
+      this.emitted.add(evtName);
     }
   }
 }
diff --git a/src/date-time-picker/README.en-US.md b/src/date-time-picker/README.en-US.md
index 8e8fb1ebf..baff36170 100644
--- a/src/date-time-picker/README.en-US.md
+++ b/src/date-time-picker/README.en-US.md
@@ -26,7 +26,7 @@ name | params | description
 -- | -- | --
 cancel | \- | \-
 change | `(value: DateValue)` | \-
-close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confrim-btn'`<br/>
+close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confirm-btn'`<br/>
 confirm | `(value: DateValue)` | `1.0.1`
 pick | `(value: DateValue)` | \-
 
diff --git a/src/date-time-picker/README.md b/src/date-time-picker/README.md
index b67e38428..06ed5ec35 100644
--- a/src/date-time-picker/README.md
+++ b/src/date-time-picker/README.md
@@ -70,7 +70,7 @@ visible | Boolean | false | 是否显示 | N
 -- | -- | --
 cancel | \- | 取消按钮点击时触发
 change | `(value: DateValue)` | 确认按钮点击时触发
-close | `(trigger: TriggerSource)` | `1.0.1`。关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confrim-btn'`<br/>
+close | `(trigger: TriggerSource)` | `1.0.1`。关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confirm-btn'`<br/>
 confirm | `(value: DateValue)` | `1.0.1`。确认按钮点击时触发
 pick | `(value: DateValue)` | 选中值发生变化时触发
 
diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap
index 80996ced0..5a0f83228 100644
--- a/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap
+++ b/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap
@@ -7,7 +7,7 @@ exports[`DateTimePicker DateTimePicker date-all demo works fine 1`] = `
     data-mode="datetime"
     hover="{{true}}"
     note=""
-    tClass="pannel-item"
+    tClass="panel-item"
     title="选择日期时间"
     bind:tap="showPicker"
   />
@@ -30,7 +30,7 @@ exports[`DateTimePicker DateTimePicker steps demo works fine 1`] = `
     arrow="{{true}}"
     hover="{{true}}"
     note=""
-    tClass="pannel-item"
+    tClass="panel-item"
     title="选择时间"
     bind:tap="showPicker"
   />
@@ -69,7 +69,7 @@ exports[`DateTimePicker DateTimePicker time demo works fine 1`] = `
     data-mode="second"
     hover="{{true}}"
     note=""
-    tClass="pannel-item"
+    tClass="panel-item"
     title="选择时间"
     bind:tap="showPicker"
   />
@@ -83,7 +83,7 @@ exports[`DateTimePicker DateTimePicker time demo works fine 1`] = `
     data-mode="minute"
     hover="{{true}}"
     note=""
-    tClass="pannel-item"
+    tClass="panel-item"
     title="选择时间"
     bind:tap="showPicker"
   />
@@ -127,7 +127,7 @@ exports[`DateTimePicker DateTimePicker year-month demo works fine 1`] = `
     data-mode="month"
     hover="{{true}}"
     note=""
-    tClass="pannel-item"
+    tClass="panel-item"
     title="选择日期"
     bind:tap="showPicker"
   />
@@ -154,7 +154,7 @@ exports[`DateTimePicker DateTimePicker year-month-date demo works fine 1`] = `
     data-mode="date"
     hover="{{true}}"
     note=""
-    tClass="pannel-item"
+    tClass="panel-item"
     title="选择日期"
     bind:tap="showPicker"
   />
diff --git a/src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap b/src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap
deleted file mode 100644
index 80996ced0..000000000
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap
+++ /dev/null
@@ -1,174 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DateTimePicker DateTimePicker date-all demo works fine 1`] = `
-<date-all>
-  <t-cell
-    arrow="{{true}}"
-    data-mode="datetime"
-    hover="{{true}}"
-    note=""
-    tClass="pannel-item"
-    title="选择日期时间"
-    bind:tap="showPicker"
-  />
-  <t-date-time-picker
-    format="YYYY-MM-DD HH:mm:ss"
-    mode="second"
-    title="选择日期和时间"
-    value="{{1640217600000}}"
-    visible="{{false}}"
-    bind:cancel="hidePicker"
-    bind:change="onConfirm"
-    bind:pick="onColumnChange"
-  />
-</date-all>
-`;
-
-exports[`DateTimePicker DateTimePicker steps demo works fine 1`] = `
-<steps>
-  <t-cell
-    arrow="{{true}}"
-    hover="{{true}}"
-    note=""
-    tClass="pannel-item"
-    title="选择时间"
-    bind:tap="showPicker"
-  />
-  <t-date-time-picker
-    format="HH:mm:ss"
-    mode="{{
-      Array [
-        "null",
-        "second",
-      ]
-    }}"
-    steps="{{
-      Object {
-        "minute": 5,
-      }
-    }}"
-    title="选择时间"
-    value="10:00:00"
-    visible="{{false}}"
-    bind:cancel="hidePicker"
-    bind:change="onConfirm"
-    bind:pick="onColumnChange"
-  />
-</steps>
-`;
-
-exports[`DateTimePicker DateTimePicker time demo works fine 1`] = `
-<time>
-  <wx-view
-    class="demo-desc"
-  >
-    时分秒选择器
-  </wx-view>
-  <t-cell
-    arrow="{{true}}"
-    data-mode="second"
-    hover="{{true}}"
-    note=""
-    tClass="pannel-item"
-    title="选择时间"
-    bind:tap="showPicker"
-  />
-  <wx-view
-    class="demo-desc"
-  >
-    时分选择器
-  </wx-view>
-  <t-cell
-    arrow="{{true}}"
-    data-mode="minute"
-    hover="{{true}}"
-    note=""
-    tClass="pannel-item"
-    title="选择时间"
-    bind:tap="showPicker"
-  />
-  <t-date-time-picker
-    format="HH:mm:ss"
-    mode="{{
-      Array [
-        "null",
-        "second",
-      ]
-    }}"
-    title="选择时间"
-    value="10:00:00"
-    visible=""
-    bind:cancel="hidePicker"
-    bind:change="onConfirm"
-    bind:pick="onColumnChange"
-  />
-  <t-date-time-picker
-    format="HH:mm"
-    mode="{{
-      Array [
-        "null",
-        "minute",
-      ]
-    }}"
-    title="选择时间"
-    value="23:59"
-    visible=""
-    bind:cancel="hidePicker"
-    bind:change="onConfirm"
-    bind:pick="onColumnChange"
-  />
-</time>
-`;
-
-exports[`DateTimePicker DateTimePicker year-month demo works fine 1`] = `
-<year-month>
-  <t-cell
-    arrow="{{true}}"
-    data-mode="month"
-    hover="{{true}}"
-    note=""
-    tClass="pannel-item"
-    title="选择日期"
-    bind:tap="showPicker"
-  />
-  <t-date-time-picker
-    end="2030-09-09 12:12:12"
-    format="YYYY-MM"
-    mode="month"
-    start="2000-01-01 00:00:00"
-    title="选择日期"
-    value="2021-09"
-    visible="{{false}}"
-    bind:cancel="hidePicker"
-    bind:change="onConfirm"
-    bind:pick="onColumnChange"
-  />
-</year-month>
-`;
-
-exports[`DateTimePicker DateTimePicker year-month-date demo works fine 1`] = `
-<year-month-date>
-  <t-cell
-    arrow="{{true}}"
-    class="test"
-    data-mode="date"
-    hover="{{true}}"
-    note=""
-    tClass="pannel-item"
-    title="选择日期"
-    bind:tap="showPicker"
-  />
-  <t-date-time-picker
-    defaultValue="{{1640217600000}}"
-    end="2030-09-09 12:12:12"
-    format="YYYY-MM-DD"
-    mode="date"
-    start="2000-01-01 00:00:00"
-    title="选择日期"
-    visible="{{false}}"
-    bind:cancel="hidePicker"
-    bind:change="onConfirm"
-    bind:pick="onColumnChange"
-  />
-</year-month-date>
-`;
diff --git a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
deleted file mode 100644
index 134e5a7fe..000000000
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ /dev/null
@@ -1,474 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`date-time-picker :base 1`] = `
-<main>
-  <t-date-time-picker>
-    <t-picker
-      class="class t-class t-date-time-picker"
-      bind:cancel="onCancel"
-      bind:change="onConfirm"
-      bind:close="onClose"
-      bind:pick="onColumnChange"
-      bind:visible-change="onVisibleChange"
-    >
-      <t-popup
-        class="class"
-        bind:visible-change="onPopupChange"
-      >
-        <wx-view
-          ariaModal="{{true}}"
-          ariaRole="dialog"
-          class="t-popup t-popup--bottom t-fade-enter t-fade-enter-active class t-class"
-          style="z-index:11500;"
-          bind:transitionend="onTransitionEnd"
-        >
-          <wx-view
-            class="t-popup__content t-class-content"
-          >
-            <wx-view
-              class="t-picker t-class"
-              slot="content"
-              style=""
-            >
-              <wx-view
-                class="t-picker__toolbar"
-              >
-                <wx-view
-                  class="t-picker__cancel t-class-cancel"
-                  bind:tap="onCancel"
-                >
-                  取消
-                </wx-view>
-                <wx-view
-                  class="t-picker__title t-class-title"
-                >
-                  选择日期
-                </wx-view>
-                <wx-view
-                  class="t-picker__confirm t-class-confirm"
-                  bind:tap="onConfirm"
-                >
-                  确定
-                </wx-view>
-              </wx-view>
-              <wx-view
-                class="t-picker__main"
-              >
-                <t-picker-item
-                  class="t-date-time-picker__item"
-                  index="index"
-                >
-                  <wx-view
-                    class="t-picker-item__group class t-class"
-                    style=""
-                    bind:touchcancel="onTouchEnd"
-                    bind:touchend="onTouchEnd"
-                    catch:touchmove="onTouchMove"
-                    bind:touchstart="onTouchStart"
-                  >
-                    <wx-view
-                      class="t-picker-item__wrapper"
-                      style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -924px, 0)"
-                    >
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{0}}"
-                      >
-                        
-      2000年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{1}}"
-                      >
-                        
-      2001年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{2}}"
-                      >
-                        
-      2002年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{3}}"
-                      >
-                        
-      2003年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{4}}"
-                      >
-                        
-      2004年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{5}}"
-                      >
-                        
-      2005年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{6}}"
-                      >
-                        
-      2006年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{7}}"
-                      >
-                        
-      2007年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{8}}"
-                      >
-                        
-      2008年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{9}}"
-                      >
-                        
-      2009年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{10}}"
-                      >
-                        
-      2010年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{11}}"
-                      >
-                        
-      2011年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{12}}"
-                      >
-                        
-      2012年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{13}}"
-                      >
-                        
-      2013年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{14}}"
-                      >
-                        
-      2014年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{15}}"
-                      >
-                        
-      2015年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{16}}"
-                      >
-                        
-      2016年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{17}}"
-                      >
-                        
-      2017年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{18}}"
-                      >
-                        
-      2018年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{19}}"
-                      >
-                        
-      2019年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{20}}"
-                      >
-                        
-      2020年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item t-picker-item__item--active"
-                        data-index="{{21}}"
-                      >
-                        
-      2021年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{22}}"
-                      >
-                        
-      2022年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{23}}"
-                      >
-                        
-      2023年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{24}}"
-                      >
-                        
-      2024年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{25}}"
-                      >
-                        
-      2025年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{26}}"
-                      >
-                        
-      2026年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{27}}"
-                      >
-                        
-      2027年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{28}}"
-                      >
-                        
-      2028年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{29}}"
-                      >
-                        
-      2029年
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{30}}"
-                      >
-                        
-      2030年
-    
-                      </wx-view>
-                    </wx-view>
-                  </wx-view>
-                </t-picker-item>
-                <t-picker-item
-                  class="t-date-time-picker__item"
-                  index="index"
-                >
-                  <wx-view
-                    class="t-picker-item__group class t-class"
-                    style=""
-                    bind:touchcancel="onTouchEnd"
-                    bind:touchend="onTouchEnd"
-                    catch:touchmove="onTouchMove"
-                    bind:touchstart="onTouchStart"
-                  >
-                    <wx-view
-                      class="t-picker-item__wrapper"
-                      style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -352px, 0)"
-                    >
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{0}}"
-                      >
-                        
-      1月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{1}}"
-                      >
-                        
-      2月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{2}}"
-                      >
-                        
-      3月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{3}}"
-                      >
-                        
-      4月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{4}}"
-                      >
-                        
-      5月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{5}}"
-                      >
-                        
-      6月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{6}}"
-                      >
-                        
-      7月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{7}}"
-                      >
-                        
-      8月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item t-picker-item__item--active"
-                        data-index="{{8}}"
-                      >
-                        
-      9月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{9}}"
-                      >
-                        
-      10月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{10}}"
-                      >
-                        
-      11月
-    
-                      </wx-view>
-                      <wx-view
-                        class="t-picker-item__item"
-                        data-index="{{11}}"
-                      >
-                        
-      12月
-    
-                      </wx-view>
-                    </wx-view>
-                  </wx-view>
-                </t-picker-item>
-                <wx-view
-                  class="t-picker__mask t-picker__mask--top"
-                />
-                <wx-view
-                  class="t-picker__mask t-picker__mask--bottom"
-                />
-                <wx-view
-                  class="t-picker__indicator"
-                />
-              </wx-view>
-            </wx-view>
-            <wx-view
-              class="t-popup__close"
-              bind:tap="handleClose"
-            />
-          </wx-view>
-        </wx-view>
-        <t-overlay
-          id="popup-overlay"
-          bind:tap="handleOverlayClick"
-        >
-          <wx-view
-            ariaLabel="关闭"
-            ariaRole="button"
-            class="t-overlay t-fade-enter t-fade-enter-active class"
-            style="z-index:11000;"
-            bind:tap="handleClick"
-            catch:touchmove="noop"
-            bind:transitionend="onTransitionEnd"
-          />
-        </t-overlay>
-      </t-popup>
-    </t-picker>
-  </t-date-time-picker>
-</main>
-`;
diff --git a/src/date-time-picker/_example/date-all/index.wxml b/src/date-time-picker/_example/date-all/index.wxml
index 434fe1173..d00a533af 100644
--- a/src/date-time-picker/_example/date-all/index.wxml
+++ b/src/date-time-picker/_example/date-all/index.wxml
@@ -5,7 +5,7 @@
   arrow
   data-mode="datetime"
   bindtap="showPicker"
-  t-class="pannel-item"
+  t-class="panel-item"
 />
 
 <!-- 年月日时分 -->
diff --git a/src/date-time-picker/_example/date-all/index.wxss b/src/date-time-picker/_example/date-all/index.wxss
index b55ebb7e1..490c7f58a 100644
--- a/src/date-time-picker/_example/date-all/index.wxss
+++ b/src/date-time-picker/_example/date-all/index.wxss
@@ -1,3 +1,3 @@
-.pannel-item {
+.panel-item {
   margin-bottom: 32rpx;
 }
diff --git a/src/date-time-picker/_example/steps/index.wxml b/src/date-time-picker/_example/steps/index.wxml
index d5b0daf7b..6cb68616c 100644
--- a/src/date-time-picker/_example/steps/index.wxml
+++ b/src/date-time-picker/_example/steps/index.wxml
@@ -1,4 +1,4 @@
-<t-cell title="选择时间" hover note="{{text || ''}}" arrow bindtap="showPicker" t-class="pannel-item" />
+<t-cell title="选择时间" hover note="{{text || ''}}" arrow bindtap="showPicker" t-class="panel-item" />
 
 <t-date-time-picker
   title="选择时间"
diff --git a/src/date-time-picker/_example/steps/index.wxss b/src/date-time-picker/_example/steps/index.wxss
index 453683895..34f4fe483 100644
--- a/src/date-time-picker/_example/steps/index.wxss
+++ b/src/date-time-picker/_example/steps/index.wxss
@@ -1,3 +1,3 @@
-.pannel-item {
+.panel-item {
   margin: 32rpx 0;
 }
diff --git a/src/date-time-picker/_example/time/index.wxml b/src/date-time-picker/_example/time/index.wxml
index 2e2fa801c..5ab4309e4 100644
--- a/src/date-time-picker/_example/time/index.wxml
+++ b/src/date-time-picker/_example/time/index.wxml
@@ -6,7 +6,7 @@
   arrow
   data-mode="second"
   bindtap="showPicker"
-  t-class="pannel-item"
+  t-class="panel-item"
 />
 
 <view class="demo-desc">时分选择器</view>
@@ -17,7 +17,7 @@
   arrow
   data-mode="minute"
   bindtap="showPicker"
-  t-class="pannel-item"
+  t-class="panel-item"
 />
 
 <!-- 时分 -->
diff --git a/src/date-time-picker/_example/time/index.wxss b/src/date-time-picker/_example/time/index.wxss
index 453683895..34f4fe483 100644
--- a/src/date-time-picker/_example/time/index.wxss
+++ b/src/date-time-picker/_example/time/index.wxss
@@ -1,3 +1,3 @@
-.pannel-item {
+.panel-item {
   margin: 32rpx 0;
 }
diff --git a/src/date-time-picker/_example/year-month-date/index.wxml b/src/date-time-picker/_example/year-month-date/index.wxml
index 38efbeb6c..0fc496579 100644
--- a/src/date-time-picker/_example/year-month-date/index.wxml
+++ b/src/date-time-picker/_example/year-month-date/index.wxml
@@ -6,7 +6,7 @@
   data-mode="date"
   bindtap="showPicker"
   class="test"
-  t-class="pannel-item"
+  t-class="panel-item"
 />
 
 <!-- 年月日 -->
diff --git a/src/date-time-picker/_example/year-month-date/index.wxss b/src/date-time-picker/_example/year-month-date/index.wxss
index 93662c17c..05412e1d3 100644
--- a/src/date-time-picker/_example/year-month-date/index.wxss
+++ b/src/date-time-picker/_example/year-month-date/index.wxss
@@ -1,7 +1,7 @@
-.pannel-item {
+.panel-item {
   margin-bottom: 32rpx;
 }
 
-.pannel-item::after {
+.panel-item::after {
   border: 0;
 }
diff --git a/src/date-time-picker/_example/year-month/index.wxml b/src/date-time-picker/_example/year-month/index.wxml
index ec99fee35..7438ab912 100644
--- a/src/date-time-picker/_example/year-month/index.wxml
+++ b/src/date-time-picker/_example/year-month/index.wxml
@@ -1,12 +1,4 @@
-<t-cell
-  title="选择日期"
-  hover
-  note="{{monthText}}"
-  arrow
-  data-mode="month"
-  bindtap="showPicker"
-  t-class="pannel-item"
-/>
+<t-cell title="选择日期" hover note="{{monthText}}" arrow data-mode="month" bindtap="showPicker" t-class="panel-item" />
 
 <!-- 年月 -->
 <t-date-time-picker
diff --git a/src/date-time-picker/_example/year-month/index.wxss b/src/date-time-picker/_example/year-month/index.wxss
index b55ebb7e1..490c7f58a 100644
--- a/src/date-time-picker/_example/year-month/index.wxss
+++ b/src/date-time-picker/_example/year-month/index.wxss
@@ -1,3 +1,3 @@
-.pannel-item {
+.panel-item {
   margin-bottom: 32rpx;
 }
diff --git a/src/picker/README.en-US.md b/src/picker/README.en-US.md
index c9e05f428..1cda21827 100644
--- a/src/picker/README.en-US.md
+++ b/src/picker/README.en-US.md
@@ -21,7 +21,7 @@ name | params | description
 -- | -- | --
 cancel | - | \-
 change | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | \-
-close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confrim-btn'`<br/>
+close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confirm-btn'`<br/>
 confirm | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | \-
 pick | `(value: Array<PickerValue>, label: string, column: number, index: number)` | \-
 
diff --git a/src/picker/README.md b/src/picker/README.md
index 08db314bc..96c74b109 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -61,7 +61,7 @@ visible | Boolean | false | 是否显示 | N
 -- | -- | --
 cancel | - | 点击取消按钮时触发
 change | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | 选中变化时候触发，即确认变化时触发
-close | `(trigger: TriggerSource)` | `1.0.1`。关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confrim-btn'`<br/>
+close | `(trigger: TriggerSource)` | `1.0.1`。关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confirm-btn'`<br/>
 confirm | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | 点击确认按钮时触发
 pick | `(value: Array<PickerValue>, label: string, column: number, index: number)` | 任何一列选中都会触发，不同的列参数不同。`column` 表示第几列变化，`index` 表示变化那一列的选中项下标
 
diff --git a/src/picker/__test__/index.wxml b/src/picker/__test__/index.wxml
index 4d3a7d28b..23b48560c 100644
--- a/src/picker/__test__/index.wxml
+++ b/src/picker/__test__/index.wxml
@@ -1,19 +1,19 @@
 <block>
-  <view class="pannel-item" bind:tap="onClickPicker" data-key="{{PICKER_KEY.CITY}}">
-    <view class="pannel-label">城市</view>
-    <view class="pannel-text {{cityValue.length ? '' : 'empty'}}">{{cityCurrentValue || '选择城市'}}</view>
+  <view class="panel-item" bind:tap="onClickPicker" data-key="{{PICKER_KEY.CITY}}">
+    <view class="panel-label">城市</view>
+    <view class="panel-text {{cityValue.length ? '' : 'empty'}}">{{cityCurrentValue || '选择城市'}}</view>
     <t-icon name="chevron-right" color="rgba(0, 0, 0, 0.26)" size="24px" />
   </view>
-  <view class="pannel-item" bind:tap="onClickPicker" data-key="{{PICKER_KEY.YEAR_SEASONS}}">
-    <view class="pannel-label">年份和季节</view>
-    <view class="pannel-text {{yearSeasonsValue.length ? '' : 'empty'}}">
+  <view class="panel-item" bind:tap="onClickPicker" data-key="{{PICKER_KEY.YEAR_SEASONS}}">
+    <view class="panel-label">年份和季节</view>
+    <view class="panel-text {{yearSeasonsValue.length ? '' : 'empty'}}">
       {{yearSeasonsCurrentValue || '选择年份和季节' }}</view
     >
     <t-icon name="chevron-right" color="rgba(0, 0, 0, 0.26)" size="24px" />
   </view>
-  <view class="pannel-item last" bind:tap="onClickPicker" data-key="{{PICKER_KEY.DATE}}">
-    <view class="pannel-label">日期</view>
-    <view class="pannel-text {{dateValue.length ? '' : 'empty'}}"> {{dateCurrentValue || '选择日期' }}</view>
+  <view class="panel-item last" bind:tap="onClickPicker" data-key="{{PICKER_KEY.DATE}}">
+    <view class="panel-label">日期</view>
+    <view class="panel-text {{dateValue.length ? '' : 'empty'}}"> {{dateCurrentValue || '选择日期' }}</view>
     <t-icon name="chevron-right" color="rgba(0, 0, 0, 0.26)" size="24px" />
   </view>
 </block>
diff --git a/src/radio-group/radio-group.ts b/src/radio-group/radio-group.ts
index 5d8badb1b..13ae3c773 100644
--- a/src/radio-group/radio-group.ts
+++ b/src/radio-group/radio-group.ts
@@ -39,7 +39,7 @@ export default class RadioGroup extends SuperComponent {
 
   observers = {
     value(v) {
-      this.getChilds().forEach((item) => {
+      this.getChildren().forEach((item) => {
         item.setData({
           checked: v === item.data.value,
         });
@@ -51,7 +51,7 @@ export default class RadioGroup extends SuperComponent {
   };
 
   methods = {
-    getChilds() {
+    getChildren() {
       let items = this.$children;
 
       if (!items?.length) {
diff --git a/src/side-bar/side-bar.ts b/src/side-bar/side-bar.ts
index e2d76efb3..a371d9a45 100644
--- a/src/side-bar/side-bar.ts
+++ b/src/side-bar/side-bar.ts
@@ -10,17 +10,17 @@ const relationsPath = '../side-bar-item/side-bar-item';
 export default class SideBar extends SuperComponent {
   externalClasses = [`${prefix}-class`];
 
-  childs = [];
+  children = [];
 
   relations: RelationsOptions = {
     [relationsPath]: {
       type: 'child',
       linked(child) {
-        this.childs.push(child);
+        this.children.push(child);
       },
       unlinked(child) {
-        const index = this.childs.findIndex((item) => item === child);
-        this.childs.splice(index, 1);
+        const index = this.children.findIndex((item) => item === child);
+        this.children.splice(index, 1);
       },
     },
   };
diff --git a/src/step-item/step-item.less b/src/step-item/step-item.less
index 8e9b1f87a..a9f2123be 100644
--- a/src/step-item/step-item.less
+++ b/src/step-item/step-item.less
@@ -106,7 +106,7 @@
     font-size: @font-size-base;
     position: relative;
 
-    &--finsh,
+    &--finish,
     &--process {
       color: @brand-color;
     }