diff --git a/app.json b/app.json
index 9d7630f..3a645e4 100644
--- a/app.json
+++ b/app.json
@@ -26,7 +26,7 @@
         "t-cell": "miniprogram_npm/tdesign-miniprogram/cell/cell",
         "t-date-time-picker": "miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker",
         "t-tabs": "miniprogram_npm/tdesign-miniprogram/tabs/tabs",
-        "t-tab-panel": "miniprogram_npm/tdesign-miniprogram/tabs/tab-panel",
+        "t-tab-panel": "miniprogram_npm/tdesign-miniprogram/tab-panel/tab-panel",
         "t-empty": "miniprogram_npm/tdesign-miniprogram/empty/empty",
         "t-progress": "miniprogram_npm/tdesign-miniprogram/progress/progress",
         "t-dialog": "miniprogram_npm/tdesign-miniprogram/dialog/dialog",
@@ -39,11 +39,11 @@
         "t-radio-group": "miniprogram_npm/tdesign-miniprogram/radio-group/radio-group"
     },
     "window": {
-        "backgroundTextStyle": "dark",
-        "navigationBarBackgroundColor": "#3C4043",
-        "navigationBarTitleText": "奎因记账",
-        "navigationBarTextStyle": "white",
-        "backgroundColor": "#3C4043"
+      "backgroundTextStyle": "light",
+      "navigationBarBackgroundColor": "#f6f6f6",
+      "navigationBarTitleText": "南瓜瞄记账",
+      "backgroundColor": "#f6f6f6",
+      "navigationBarTextStyle": "black"
     },
     "sitemapLocation": "sitemap.json"
 }
diff --git a/app.wxss b/app.wxss
index e02345e..7ca9f12 100644
--- a/app.wxss
+++ b/app.wxss
@@ -9,15 +9,9 @@
   box-sizing: border-box;
 }
 page {
-  background: #3C4043;
-  font-size: 28rpx;
-  color: whitesmoke;
+  background: #f6f6f6;
   --td-primary-color: orange;
-  --td-bg-color: #3C4043;
-  --td-bg-color-fade: red;
-  --td-bg-color-block: #2B2B2B;
-  --td-color-block-check: #777777;
-  --td-dialog-title-color: none;
+  /*--td-bg-color-block: #111;*/
 }
 /* 记账类型颜色 */
 .t-color-INCOME {
@@ -30,23 +24,7 @@ page {
   color: orange;
 }
 .t-color-REPAYMENT {
-  color: yellow;
-}
-/* 记账类型颜色 */
-t-cell {
-  --td-cell-note-color: orange;
-}
-.t-cell-INCOME {
-  --td-cell-note-color: red;
-}
-.t-cell-EXPEND {
-  --td-cell-note-color: green;
-}
-.t-cell-TRANSFER {
-  --td-cell-note-color: orange;
-}
-.t-cell-REPAYMENT {
-  --td-cell-note-color: yellow;
+  color: blue;
 }
 /* 字体大小 */
 .font_large {
@@ -90,65 +68,20 @@ t-cell {
 /* 占位置 */
 .empty-view {
   margin-top: 200rpx;
+  height: 1000rpx;
+  margin-bottom: 1000rpx;
 }
 .placeholder {
   height: 168rpx;
 }
-/* 日历 */
-.t-calendar__dates-item--centre {
-  --td-calendar-item-centre-color:lightsalmon;
-}
-/* 标签 */
-.t-tabs__item {
-  --td-tab-item-color:none;
-}
-/* 对话框输入框 */
-.t-dialog input {
-  color: whitesmoke;
-  --td-dialog-input-bg-color: #111111
-}
-.t-dialog__body {
-  --td-dialog-content-color: red;
-}
-/* 输入框 */
-.t-input__control {
-  --td-input-default-text-color: orange;
+.t-cell {
+  --td-cell-vertical-padding: 20rpx;
+  --td-cell-horizontal-padding: 20rpx;
+  --td-cell-font-size: 32rpx;
 }
 .t-input__tips {
   --td-input-default-tips-color: red
 }
-.t-input__wrap--suffix {
-  --td-input-suffix-text-color: whitesmoke
-}
-.t-input__label {
-  --td-input-label-text-color: whitesmoke
-}
-.t-input__placeholder {
-  --td-input-placeholder-text-color: #777777
-}
-/* 宫格 */
-.t-grid-item__text {
-  color: whitesmoke !important;
-}
-/*文本域*/
-.t-textarea {
-  --td-textarea-disabled-text-color: orange;
-}
-.t-textarea__label {
-  --td-font-size-base: 32rpx;
-  --td-textarea-label-color:none
-}
-.t-textarea__wrapper-inner {
-  --td-textarea-text-color: orange
-}
-.t-textarea__placeholder {
-  --td-textarea-placeholder-color: #777777
-}
-.t-textarea__indicator {
-  --td-textarea-indicator-text-color : none
-}
-/* 下拉框 */
-.t-collapse-panel__content {
-  --td-collapse-content-text-color: none;
-  --td-collapse-content-padding: 0;
+.t-divider__content {
+  --td-divider-content-font-size:30rpx;
 }
diff --git a/miniprogram_npm/dayjs/index.js b/miniprogram_npm/dayjs/index.js
index d33c60d..0fba299 100644
--- a/miniprogram_npm/dayjs/index.js
+++ b/miniprogram_npm/dayjs/index.js
@@ -4,10 +4,10 @@ var __DEFINE__ = function(modId, func, req) { var m = { exports: {}, _tempexport
 var __REQUIRE__ = function(modId, source) { if(!__MODS__[modId]) return require(source); if(!__MODS__[modId].status) { var m = __MODS__[modId].m; m._exports = m._tempexports; var desp = Object.getOwnPropertyDescriptor(m, "exports"); if (desp && desp.configurable) Object.defineProperty(m, "exports", { set: function (val) { if(typeof val === "object" && val !== m._exports) { m._exports.__proto__ = val.__proto__; Object.keys(val).forEach(function (k) { m._exports[k] = val[k]; }); } m._tempexports = val }, get: function () { return m._tempexports; } }); __MODS__[modId].status = 1; __MODS__[modId].func(__MODS__[modId].req, m, m.exports); } return __MODS__[modId].m.exports; };
 var __REQUIRE_WILDCARD__ = function(obj) { if(obj && obj.__esModule) { return obj; } else { var newObj = {}; if(obj != null) { for(var k in obj) { if (Object.prototype.hasOwnProperty.call(obj, k)) newObj[k] = obj[k]; } } newObj.default = obj; return newObj; } };
 var __REQUIRE_DEFAULT__ = function(obj) { return obj && obj.__esModule ? obj.default : obj; };
-__DEFINE__(1672823469955, function(require, module, exports) {
+__DEFINE__(1676189120505, function(require, module, exports) {
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
 }, function(modId) {var map = {}; return __REQUIRE__(map[modId], modId); })
-return __REQUIRE__(1672823469955);
+return __REQUIRE__(1676189120505);
 })()
 //miniprogram-npm-outsideDeps=[]
 //# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/miniprogram_npm/tdesign-miniprogram/.wechatide.ib.json b/miniprogram_npm/tdesign-miniprogram/.wechatide.ib.json
index c245bdc..461d4e1 100644
--- a/miniprogram_npm/tdesign-miniprogram/.wechatide.ib.json
+++ b/miniprogram_npm/tdesign-miniprogram/.wechatide.ib.json
@@ -544,7 +544,7 @@
         }
       ],
       "tpl": "<t-check-tag>check tag</t-check-tag>",
-      "path": "./tag/check-tag"
+      "path": "./check-tag/check-tag"
     },
     "t-checkbox-group": {
       "key": "t-checkbox-group",
@@ -1339,7 +1339,7 @@
       ],
       "externalClasses": ["t-class", "t-class-image", "t-class-text", "t-class-description"],
       "tpl": "<t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item>",
-      "path": "./grid/grid-item"
+      "path": "./grid-item/grid-item"
     },
     "t-grid": {
       "key": "t-grid",
@@ -1380,7 +1380,7 @@
       "externalClasses": ["t-class"],
       "tpl": "<t-grid column=\"{{2}}\"><t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item><t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item></t-grid>",
       "require": {
-        "t-grid-item": "./grid/grid-item"
+        "t-grid-item": "./grid-item/grid-item"
       },
       "path": "./grid/grid"
     },
@@ -1402,7 +1402,7 @@
           "label": ""
         },
         {
-          "key": "customStyle",
+          "key": "style",
           "type": ["String"],
           "desc": "自定义样式",
           "label": ""
@@ -1939,7 +1939,7 @@
         }
       ],
       "tpl": "<t-picker-item options=\"{{[{ label: '上海', value: '上海' },{ label: '广州', value: '广州' },{ label: '深圳', value: '深圳' }]}}\" value=\"广州\"></t-picker-item>",
-      "path": "./picker/picker-item"
+      "path": "./picker-item/picker-item"
     },
     "t-picker": {
       "key": "t-picker",
@@ -2008,7 +2008,7 @@
       ],
       "tpl": "<t-picker visible=\"{{true}}\" cancelBtn=\"取消\" confirmBtn=\"确认\"><t-picker-item options=\"{{[{ label: '上海', value: '上海' },{ label: '广州', value: '广州' },{ label: '深圳', value: '深圳' }]}}\" value=\"广州\"></t-picker-item></t-picker>",
       "require": {
-        "t-picker-item": "./picker/picker-item"
+        "t-picker-item": "./picker-item/picker-item"
       },
       "path": "./picker/picker"
     },
@@ -2697,7 +2697,7 @@
       ],
       "externalClasses": ["t-class", "t-class-content", "t-class-title", "t-class-description", "t-class-extra"],
       "tpl": "<t-step-item title=\"步骤描述\"></t-step-item>",
-      "path": "./steps/step-item"
+      "path": "./step-item/step-item"
     },
     "t-stepper": {
       "key": "t-stepper",
@@ -2826,7 +2826,7 @@
       ],
       "tpl": "<t-steps><t-step-item title=\"步骤描述1\" /><t-step-item title=\"步骤描述2\" /></t-steps>",
       "require": {
-        "t-step-item": "./steps/step-item"
+        "t-step-item": "./step-item/step-item"
       },
       "path": "./steps/steps"
     },
@@ -3076,7 +3076,7 @@
         }
       ],
       "tpl": "<t-tab-bar-item wx:for=\"{{[{value: 'label_1',label: '标签栏一',icon: 'app'},{value: 'label_2',label: '标签栏二',icon: 'app'}]}}\" wx:for-item=\"item\" wx:for-index=\"index\" wx:key=\"index\" value=\"{{item.value}}\">{{item.label}}</t-tab-bar-item>",
-      "path": "./tab-bar/tab-bar-item"
+      "path": "./tab-bar-item/tab-bar-item"
     },
     "t-tab-bar": {
       "key": "t-tab-bar",
@@ -3130,7 +3130,7 @@
       ],
       "tpl": "<t-tab-bar value=\"label_1\"><t-tab-bar-item wx:for=\"{{[{value: 'label_1',label: '标签栏一',icon: 'app'},{value: 'label_2',label: '标签栏二',icon: 'app'}]}}\" wx:for-item=\"item\" wx:for-index=\"index\" wx:key=\"index\" value=\"{{item.value}}\">{{item.label}}</t-tab-bar-item></t-tab-bar>",
       "require": {
-        "t-tab-bar-item": "./tab-bar/tab-bar-item"
+        "t-tab-bar-item": "./tab-bar-item/tab-bar-item"
       },
       "path": "./tab-bar/tab-bar"
     },
@@ -3171,7 +3171,7 @@
         }
       ],
       "tpl": "<t-tab-panel label=\"标签页一\" value=\"0\">标签一内容</t-tab-panel>",
-      "path": "./tabs/tab-panel"
+      "path": "./tab-panel/tab-panel"
     },
     "t-tabs": {
       "key": "t-tabs",
@@ -3219,7 +3219,7 @@
       ],
       "tpl": "<t-tabs defaultValue=\"{{0}}\"><t-tab-panel label=\"标签页一\" value=\"0\">标签一内容</t-tab-panel><t-tab-panel label=\"标签页二\" value=\"1\">标签二内容</t-tab-panel></t-tabs>",
       "require": {
-        "t-tab-panel": "./tabs/tab-panel"
+        "t-tab-panel": "./tab-panel/tab-panel"
       },
       "path": "./tabs/tabs"
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.d.ts b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.d.ts
index 472a5ca..3a951ef 100644
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.d.ts
@@ -15,7 +15,7 @@ export default class ActionSheet extends SuperComponent {
             type: NumberConstructor;
             value?: number;
         };
-        customStyle?: {
+        style?: {
             type: StringConstructor;
             value?: string;
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.json b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.json
index 3537116..c1eb33e 100644
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.json
+++ b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.json
@@ -3,9 +3,8 @@
   "usingComponents": {
     "t-icon": "../icon/icon",
     "t-popup": "../popup/popup",
-    "t-swiper": "../swiper/swiper",
-    "t-image": "../image/image",
     "t-grid": "../grid/grid",
-    "t-grid-item": "../grid/grid-item"
+    "t-grid-item": "../grid-item/grid-item",
+    "t-swiper-nav": "../swiper-nav/swiper-nav"
   }
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxml b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxml
index 8128b38..86aa287 100644
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxml
@@ -1,12 +1,17 @@
 <wxs src="./action-sheet.wxs" module="this" />
 <wxs src="../common/utils.wxs" module="_" />
-<import src="./template/action-sheet-list.wxml" />
-<import src="./template/action-sheet-grid.wxml" />
+<import src="./template/list.wxml" />
+<import src="./template/grid.wxml" />
 
-<view id="{{classPrefix}}" style="{{customStyle}}" class="{{classPrefix}} {{prefix}}-class">
+<view id="{{classPrefix}}" style="{{style}}" class="{{classPrefix}} {{prefix}}-class">
   <t-popup visible="{{visible}}" placement="bottom" bind:visible-change="onPopupVisibleChange">
-    <view class="{{classPrefix}}__content {{prefix}}-class-content" tabindex="0">
-      <view wx:if="{{description}}" tabindex="0" class="{{_.cls(classPrefix + '__description', [align])}}">{{description}}</view>
+    <view
+      class="{{_.cls(classPrefix + '__content', [['grid', gridThemeItems.length]])}} {{prefix}}-class-content"
+      tabindex="0"
+    >
+      <view wx:if="{{description}}" tabindex="0" class="{{_.cls(classPrefix + '__description', [align])}}"
+        >{{description}}</view
+      >
       <block wx:if="{{gridThemeItems.length}}">
         <template is="grid" data="{{classPrefix, prefix, gridThemeItems, count, currentSwiperIndex}}" />
       </block>
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxss b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxss
index 0398585..23b8a7c 100644
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxss
@@ -32,19 +32,17 @@
   background-color: var(--td-bg-color-block, #fff);
   overflow: hidden;
 }
-.t-action-sheet .flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.t-action-sheet__content--grid {
+  padding-top: 16rpx;
 }
-.t-action-sheet .ellipsis {
-  word-wrap: normal;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.t-action-sheet__content:focus {
+  outline: 0;
 }
 .t-action-sheet__grid {
-  padding: 48rpx 0 16rpx 0;
+  padding-bottom: 16rpx;
+}
+.t-action-sheet__grid--swiper {
+  padding-bottom: 48rpx;
 }
 .t-action-sheet__description {
   color: var(--td-action-sheet-description-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
@@ -54,6 +52,9 @@
   padding: 24rpx 32rpx;
   position: relative;
 }
+.t-action-sheet__description:focus {
+  outline: 0;
+}
 .t-action-sheet__description::after {
   content: '';
   display: block;
@@ -81,7 +82,7 @@
   align-items: center;
   justify-content: center;
   position: relative;
-  height: var(--td-action-sheet-list-item-height, 96rpx);
+  height: var(--td-action-sheet-list-item-height, 112rpx);
   padding: 0 32rpx;
 }
 .t-action-sheet__list-item::after {
@@ -100,6 +101,9 @@
   right: 0;
   transform: scaleY(0.5);
 }
+.t-action-sheet__list-item:focus {
+  outline: 0;
+}
 .t-action-sheet__list-item--left {
   justify-content: start;
 }
@@ -120,28 +124,8 @@
   margin-right: 16rpx;
 }
 .t-action-sheet__swiper-wrap {
+  margin-top: 8rpx;
   position: relative;
-  background-color: var(--td-bg-color-block, #fff);
-}
-.t-action-sheet__square {
-  height: 148rpx;
-  margin-bottom: 32rpx;
-}
-.t-action-sheet__square-image {
-  width: 72rpx;
-  height: 72rpx;
-  padding: 10rpx;
-}
-.t-action-sheet__square-text {
-  width: 100%;
-  margin-top: 10rpx;
-  font-size: 28rpx;
-  color: rgba(0, 0, 0, 0.9);
-  text-align: center;
-  word-wrap: normal;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
 .t-action-sheet__footer {
   background-color: var(--td-bg-color-block, #fff);
@@ -158,7 +142,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: var(--td-action-sheet-list-item-height, 96rpx);
+  height: var(--td-action-sheet-cancel-height, 96rpx);
 }
 .t-action-sheet__dots {
   position: absolute;
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/props.js b/miniprogram_npm/tdesign-miniprogram/action-sheet/props.js
index 3a42bf1..39bd5f2 100644
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/action-sheet/props.js
@@ -11,7 +11,7 @@ const props = {
         type: Number,
         value: 8,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-grid.wxml b/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-grid.wxml
deleted file mode 100644
index ea429a3..0000000
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-grid.wxml
+++ /dev/null
@@ -1,50 +0,0 @@
-<import src="./action-sheet-item.wxml" />
-<template name="grid">
-  <block wx:if="{{gridThemeItems.length === 1}}">
-    <t-grid align="center" t-class="{{classPrefix}}__grid" column="{{count / 2}}" class="{{classPrefix}}__single-wrap">
-      <t-grid-item
-        t-class="{{classPrefix}}__grid-item"
-        class="{{classPrefix}}__square"
-        wx:for="{{gridThemeItems[0]}}"
-        wx:key="index"
-        bind:tap="onSelect"
-        data-index="{{index}}"
-        icon="{{item.icon}}"
-        text="{{item.label}}"
-      >
-        <!-- <template is="item" data="{{classPrefix, item}}" /> -->
-      </t-grid-item>
-    </t-grid>
-  </block>
-  <block wx:elif="{{gridThemeItems.length > 1}}">
-    <view class="{{classPrefix}}__swiper-wrap">
-      <swiper style="height: 456rpx" autoplay="{{false}}" current="{{currentSwiperIndex}}" bindchange="onSwiperChange">
-        <swiper-item wx:for="{{gridThemeItems}}" wx:key="index">
-          <t-grid align="center" t-class="{{classPrefix}}__grid" column="{{count / 2}}">
-            <t-grid-item
-              t-class="{{classPrefix}}__grid-item"
-              class="{{classPrefix}}__square"
-              wx:for="{{item}}"
-              wx:key="index"
-              data-index="{{index}}"
-              bind:tap="onSelect"
-              icon="{{item.icon}}"
-              text="{{item.label}}"
-            >
-              <!-- <template is="item" data="{{classPrefix, item}}" /> -->
-            </t-grid-item>
-          </t-grid>
-        </swiper-item>
-      </swiper>
-      <view class="{{classPrefix}}__nav">
-        <view class="{{classPrefix}}__dots">
-          <view
-            wx:for="{{gridThemeItems.length}}"
-            wx:key="index"
-            class="{{classPrefix}}__dots-item {{index === currentSwiperIndex ? prefix + '-is-active' : ''}}"
-          />
-        </view>
-      </view>
-    </view>
-  </block>
-</template>
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-item.wxml b/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-item.wxml
deleted file mode 100644
index 17cf9a6..0000000
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-item.wxml
+++ /dev/null
@@ -1,17 +0,0 @@
-<wxs src="../action-sheet.wxs" module="this" />
-<template name="item">
-  <block>
-    <t-image
-      slot="image"
-      wx:if="{{ this.isImage(item.icon) }}"
-      lazy
-      class="{{classPrefix}}__square-image"
-      src="{{item.icon}}"
-      mode="aspectFill"
-    />
-    <t-icon slot="image" wx:else name="{{item.icon}}" class="{{classPrefix}}__square-image" size="72rpx" />
-  </block>
-  <view slot="text" style="{{ item.color ? 'color: ' + item.color : '' }}" class="{{classPrefix}}__square-text">
-    {{item.label}}
-  </view>
-</template>
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-list.wxml b/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-list.wxml
deleted file mode 100644
index 37e5dcf..0000000
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/template/action-sheet-list.wxml
+++ /dev/null
@@ -1,14 +0,0 @@
-<template name="list">
-  <view
-    data-index="{{index}}"
-    style="{{ item.color ? 'color: ' + item.color : '' }}"
-    class="{{listThemeItemClass}}"
-    bind:tap="onSelect"
-    aria-role="{{ariaRole || 'button'}}"
-    aria-label="{{item.label || item}}"
-    tabindex="0"
-  >
-    <t-icon wx:if="{{item.icon}}" name="{{item.icon}}" class="{{classPrefix}}__list-item-icon" size="48rpx"></t-icon>
-    <view class="{{classPrefix}}__list-item-text">{{item.label || item}}</view>
-  </view>
-</template>
diff --git a/miniprogram_npm/tdesign-miniprogram/action-sheet/type.d.ts b/miniprogram_npm/tdesign-miniprogram/action-sheet/type.d.ts
index c2f11b0..8c785ef 100644
--- a/miniprogram_npm/tdesign-miniprogram/action-sheet/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/action-sheet/type.d.ts
@@ -11,7 +11,7 @@ export interface TdActionSheetProps {
         type: NumberConstructor;
         value?: number;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/avatar/README.en-US.md
index 0616c43..0d03418 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/README.en-US.md
@@ -7,14 +7,15 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 alt | String | - | show it when url is not valid | N
 badge-props | Object | - | Typescript：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar/type.ts) | N
-custom-style `v0.25.0` | String | - | \- | N
+bordered | Boolean | false | \- | N
+custom-style | String | - | `0.25.0` | N
 external-classes | Array | - | `['t-class', 't-class-image', 't-class-icon', 't-class-alt', 't-class-content']` | N
 hide-on-load-failed | Boolean | false | hide image when loading image failed | N
-icon | String / Slot | - | \- | N
+icon | String / Object | - | \- | N
 image | String | - | images url | N
 image-props | Object | - | \- | N
 shape | String | circle | shape。options：circle/round。Typescript：`ShapeEnum ` `type ShapeEnum = 'circle' \| 'round'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar/type.ts) | N
-size | String | - | size | N
+size | String | medium | size | N
 
 ### Avatar Events
 
@@ -26,9 +27,9 @@ error | \- | trigger on image load failed
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-cascading | String | 'right-up' | multiple images cascading。options：left-up/right-up。Typescript：`CascadingValue` `type CascadingValue = 'left-up' \| 'right-up'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar/type.ts) | N
+cascading | String | 'right-up' | multiple images cascading。options：left-up/right-up。Typescript：`CascadingValue` `type CascadingValue = 'left-up' \| 'right-up'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar-group/type.ts) | N
 collapse-avatar | String / Slot | - | \- | N
-custom-style `v0.25.0` | String | - | \- | N
+custom-style | String | - | `0.25.0` | N
 external-classes | Array | - | `['t-class', 't-class-image', 't-class-content']` | N
 max | Number | - | \- | N
 size | String | medium | size | N
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/README.md b/miniprogram_npm/tdesign-miniprogram/avatar/README.md
index 1df563b..502aab6 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-avatar": "tdesign-miniprogram/avatar/avatar",
-  "t-avatar-group": "tdesign-miniprogram/avatar/avatar-group"
+  "t-avatar-group": "tdesign-miniprogram/avatar-group/avatar-group"
 }
 ```
 
@@ -61,15 +61,15 @@ isComponent: true
 -- | -- | -- | -- | --
 alt | String | - | 头像替换文本，仅当图片加载失败时有效 | N
 badge-props | Object | - | 头像右上角提示信息，继承 Badge 组件的全部特性。如：小红点，或者数字。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar/type.ts) | N
-custom-style `v0.25.0` | String | - | 自定义组件样式 | N
+bordered | Boolean | false | 是否显示外边框 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class', 't-class-image', 't-class-icon', 't-class-alt', 't-class-content']` | N
 hide-on-load-failed | Boolean | false | 加载失败时隐藏图片 | N
 icon | String / Object | - | 图标。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 | N
 image | String | - | 图片地址 | N
 image-props | Object | - | 透传至 Image 组件 | N
 shape | String | circle | 形状。可选项：circle/round。TS 类型：`ShapeEnum ` `type ShapeEnum = 'circle' \| 'round'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar/type.ts) | N
-size | String | - | 尺寸，示例值：small/medium/large/24px/38px 等，默认为 large | N
-bordered | Boolean | false | 是否显示外边框 | N
+size | String | medium | 尺寸，示例值：small/medium/large/24px/38px 等 | N
 
 ### Avatar Events
 
@@ -81,9 +81,9 @@ error | \- | 图片加载失败时触发
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-cascading | String | 'right-up' | 图片之间的层叠关系，可选值：左侧图片在上和右侧图片在上。可选项：left-up/right-up。TS 类型：`CascadingValue` `type CascadingValue = 'left-up' \| 'right-up'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar/type.ts) | N
+cascading | String | 'right-up' | 图片之间的层叠关系，可选值：左侧图片在上和右侧图片在上。可选项：left-up/right-up。TS 类型：`CascadingValue` `type CascadingValue = 'left-up' \| 'right-up'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar-group/type.ts) | N
 collapse-avatar | String / Slot | - | 头像数量超出时，会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例：`+5`，`...`, `更多` | N
-custom-style `v0.25.0` | String | - | 自定义组件样式 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class', 't-class-image', 't-class-content']` | N
 max | Number | - | 能够同时显示的最多头像数量 | N
 size | String | medium | 尺寸，示例值：small/medium/large/24px/38px 等。优先级低于 Avatar.size | N
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group-props.d.ts b/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group-props.d.ts
deleted file mode 100644
index 892b866..0000000
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdAvatarGroupProps } from './type';
-declare const props: TdAvatarGroupProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group-props.js b/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group-props.js
deleted file mode 100644
index 51ad3ae..0000000
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group-props.js
+++ /dev/null
@@ -1,24 +0,0 @@
-const props = {
-    cascading: {
-        type: String,
-        value: 'right-up',
-    },
-    collapseAvatar: {
-        type: String,
-    },
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    externalClasses: {
-        type: Array,
-    },
-    max: {
-        type: Number,
-    },
-    size: {
-        type: String,
-        value: 'medium',
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.d.ts b/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.d.ts
deleted file mode 100644
index ff340fc..0000000
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.d.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-export default class AvatarGroup extends SuperComponent {
-    externalClasses: string[];
-    properties: import("./type").TdAvatarGroupProps;
-    data: {
-        prefix: string;
-        classPrefix: string;
-        hasChild: boolean;
-        length: number;
-        className: string;
-    };
-    options: {
-        multipleSlots: boolean;
-    };
-    relations: RelationsOptions;
-    ready(): void;
-    lifetimes: {
-        attached(): void;
-    };
-    methods: {
-        isINcludePX(size: any): boolean;
-        setClass(): void;
-        handleHasChild(children: any, hasChild: any): void;
-        handleChildSlot(max: any, children: any, f: any): void;
-        handleChildMax(max: any, children: any, isSlotElement: any): void;
-        handleChildSize(size: any, children: any): void;
-        handleChildCascading(cascading: any, children: any): void;
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.js b/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.js
deleted file mode 100644
index 9f59693..0000000
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.js
+++ /dev/null
@@ -1,109 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent } from '../common/src/index';
-import config from '../common/config';
-import avatarGroupProps from './avatar-group-props';
-const { prefix } = config;
-const name = `${prefix}-avatar-group`;
-let AvatarGroup = class AvatarGroup extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.externalClasses = [`${prefix}-class`, `${prefix}-class-content`, `${prefix}-class-image`];
-        this.properties = avatarGroupProps;
-        this.data = {
-            prefix,
-            classPrefix: name,
-            hasChild: true,
-            length: 0,
-            className: '',
-        };
-        this.options = {
-            multipleSlots: true,
-        };
-        this.relations = {
-            './avatar': {
-                type: 'descendant',
-            },
-        };
-        this.lifetimes = {
-            attached() {
-                this.setClass();
-            },
-        };
-        this.methods = {
-            isINcludePX(size) {
-                return size.indexOf('px') > -1;
-            },
-            setClass() {
-                const { cascading, size } = this.properties;
-                const classList = [name, `${prefix}-class`];
-                const direction = cascading.split('-')[0];
-                if (this.isINcludePX(size)) {
-                    classList.push(`${name}-offset-${direction}-medium`);
-                }
-                else {
-                    classList.push(`${name}-offset-${direction}-${size}`);
-                }
-                this.setData({
-                    className: classList.join(' '),
-                });
-            },
-            handleHasChild(children, hasChild) {
-                children.forEach((child) => {
-                    child.updateIsChild(hasChild);
-                });
-            },
-            handleChildSlot(max, children, f) {
-                const query = this.createSelectorQuery();
-                const slotName = `.${this.data.classPrefix}__collapse--slot`;
-                query.select(slotName).boundingClientRect();
-                query.exec((res) => {
-                    const isSlot = !!res[0].width;
-                    f(max, children, isSlot);
-                });
-            },
-            handleChildMax(max, children, isSlotElement) {
-                const len = children.length;
-                if (!max || max > len)
-                    return;
-                const slotElement = isSlotElement ? children.pop() : '';
-                const leftChildren = children.splice(max, len - max, isSlotElement && slotElement);
-                leftChildren.forEach((child) => {
-                    child.updateShow();
-                });
-            },
-            handleChildSize(size, children) {
-                if (!size)
-                    return;
-                children.forEach((child) => {
-                    child.updateSize(size);
-                });
-            },
-            handleChildCascading(cascading, children) {
-                if (cascading === 'right-up')
-                    return;
-                const defaultZIndex = 100;
-                children.forEach((child, index) => {
-                    child.updateCascading(defaultZIndex - index * 10);
-                });
-            },
-        };
-    }
-    ready() {
-        this.setData({
-            length: this.$children.length,
-        });
-        this.handleHasChild(this.$children, this.data.hasChild);
-        this.handleChildSlot(this.properties.max, this.$children, this.handleChildMax);
-        this.handleChildSize(this.properties.size, this.$children);
-        this.handleChildCascading(this.properties.cascading, this.$children);
-    }
-};
-AvatarGroup = __decorate([
-    wxComponent()
-], AvatarGroup);
-export default AvatarGroup;
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.json b/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.json
deleted file mode 100644
index 007c8f9..0000000
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "t-avatar": "./avatar"
-  }
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.wxml b/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.wxml
deleted file mode 100644
index 1e22281..0000000
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.wxml
+++ /dev/null
@@ -1,18 +0,0 @@
-<view style="{{ customStyle }}" class="{{className}}">
-  <slot />
-  <!-- 自定义折叠元素 -->
-  <view class="{{classPrefix}}__collapse--slot {{collapseAvatar ? prefix + '-is-hidden' : ''}}">
-    <slot name="collapse-avatar" />
-  </view>
-  <!-- 默认折叠元素 -->
-  <view class="{{classPrefix}}__collapse--default" wx:if="{{max && (max < length)}}">
-    <t-avatar
-      t-class-image="{{prefix}}-class-image"
-      t-class-content="{{prefix}}-class-content"
-      bordered="{{true}}"
-      size="{{size}}"
-      aria-role="none"
-      >{{collapseAvatar || '+N'}}</t-avatar
-    >
-  </view>
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.wxss b/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.wxss
deleted file mode 100644
index 671a1d0..0000000
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar-group.wxss
+++ /dev/null
@@ -1,63 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-.t-avatar-group {
-  display: inline-flex;
-  align-items: center;
-}
-.t-avatar-group-offset-left-small t-avatar:not(:first-child) {
-  margin-left: var(--td-avatar-group-margin-left-small, -4px);
-}
-.t-avatar-group-offset-left-medium t-avatar:not(:first-child) {
-  margin-left: var(--td-avatar-group-margin-left-medium, -6px);
-}
-.t-avatar-group-offset-left-large t-avatar:not(:first-child) {
-  margin-left: var(--td-avatar-group-margin-left-large, -8px);
-}
-.t-avatar-group-offset-right-small t-avatar:not(:last-child) {
-  margin-right: var(--td-avatar-group-margin-left-small, -4px);
-}
-.t-avatar-group-offset-right-medium t-avatar:not(:last-child) {
-  margin-right: var(--td-avatar-group-margin-left-medium, -6px);
-}
-.t-avatar-group-offset-right-large t-avatar:not(:last-child) {
-  margin-right: var(--td-avatar-group-margin-left-large, -8px);
-}
-.t-avatar-group__collapse--slot {
-  float: left;
-}
-.t-avatar-group__collapse--slot:not(:empty) + .t-avatar-group__collapse--default {
-  display: none;
-  float: left;
-}
-.t-avatar-group__collapse--slot:empty + .t-avatar-group__collapse--default {
-  display: block;
-  float: left;
-}
-.t-avatar-group .t-is-hidden {
-  display: none;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.d.ts b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.d.ts
index 19f4398..8a821f9 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.d.ts
@@ -1,8 +1,7 @@
+/// <reference types="miniprogram-api-typings" />
 import { SuperComponent, RelationsOptions } from '../common/src/index';
 export default class Avatar extends SuperComponent {
-    options: {
-        multipleSlots: boolean;
-    };
+    options: WechatMiniprogram.Component.ComponentOptions;
     externalClasses: string[];
     properties: import("./type").TdAvatarProps;
     data: {
@@ -10,17 +9,14 @@ export default class Avatar extends SuperComponent {
         classPrefix: string;
         isShow: boolean;
         zIndex: number;
-        isChild: boolean;
     };
     relations: RelationsOptions;
     observers: {
         icon(icon: any): void;
     };
     methods: {
-        updateIsChild(isChild: any): void;
-        updateShow(): void;
-        updateSize(size: any): void;
+        hide(): void;
         updateCascading(zIndex: any): void;
+        onLoadError(e: WechatMiniprogram.CustomEvent): void;
     };
-    onLoadError(e: any): void;
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.js b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.js
index 9108e62..3e95a8c 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.js
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.js
@@ -15,8 +15,10 @@ let Avatar = class Avatar extends SuperComponent {
         super(...arguments);
         this.options = {
             multipleSlots: true,
+            styleIsolation: 'apply-shared',
         };
         this.externalClasses = [
+            'class',
             `${prefix}-class`,
             `${prefix}-class-image`,
             `${prefix}-class-icon`,
@@ -29,13 +31,16 @@ let Avatar = class Avatar extends SuperComponent {
             classPrefix: name,
             isShow: true,
             zIndex: 0,
-            isChild: false,
         };
         this.relations = {
-            './avatar-group': {
+            '../avatar-group/avatar-group': {
                 type: 'ancestor',
-                linked(target) {
-                    this.parent = target;
+                linked(parent) {
+                    var _a;
+                    this.parent = parent;
+                    this.setData({
+                        size: (_a = this.data.size) !== null && _a !== void 0 ? _a : parent.data.size,
+                    });
                 },
             },
         };
@@ -46,34 +51,24 @@ let Avatar = class Avatar extends SuperComponent {
             },
         };
         this.methods = {
-            updateIsChild(isChild) {
-                this.setData({
-                    isChild,
-                });
-            },
-            updateShow() {
+            hide() {
                 this.setData({
                     isShow: false,
                 });
             },
-            updateSize(size) {
-                if (this.properties.size)
-                    return;
-                this.setData({ size });
-            },
             updateCascading(zIndex) {
                 this.setData({ zIndex });
             },
+            onLoadError(e) {
+                if (this.properties.hideOnLoadFailed) {
+                    this.setData({
+                        isShow: false,
+                    });
+                }
+                this.triggerEvent('error', e.detail);
+            },
         };
     }
-    onLoadError(e) {
-        if (this.properties.hideOnLoadFailed) {
-            this.setData({
-                isShow: false,
-            });
-        }
-        this.triggerEvent('error', e.detail);
-    }
 };
 Avatar = __decorate([
     wxComponent()
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxml b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxml
index 28421b8..419df7a 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxml
@@ -2,7 +2,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 <wxs src="./avatar.wxs" module="this" />
 
-<view class="{{classPrefix}}__wrapper {{prefix}}-class" style="{{this.getAvatarStyles(isShow, zIndex, customStyle)}}">
+<view class="{{classPrefix}}__wrapper class {{prefix}}-class" style="{{this.getStyles(isShow, zIndex, style)}}">
   <t-badge
     color="{{badgeProps.color}}"
     content="{{badgeProps.content}}"
@@ -18,18 +18,17 @@
     t-class-count="{{badgeProps.tClassCount}}"
   >
     <view
-      class="{{this.getAvatarOuterClass(classPrefix, size, shape, bordered)}} {{prefix}}-class-image "
-      style="{{this.getAvatarSizePx(size)}}"
+      class="{{this.getClass(classPrefix, size, shape, bordered)}} {{prefix}}-class-image"
+      style="{{this.getSize(size)}}"
       aria-label="{{ ariaLabel || alt ||'头像'}}"
       aria-role="{{ ariaRole || 'img'}}"
       aria-hidden="{{ ariaHidden }}"
     >
       <t-image
         wx:if="{{image}}"
-        class="{{prefix}}-image"
-        t-class="{{classPrefix}}__image"
+        t-class="{{prefix}}-image {{classPrefix}}__image"
         t-class-load="{{prefix}}-class-alt"
-        customStyle="{{imageProps.customStyle}}"
+        style="{{imageProps.style}}"
         src="{{image}}"
         mode="{{imageProps.mode || 'aspectFill'}}"
         lazy="{{imageProps.lazy}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxs b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxs
index c248c03..f4182b1 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxs
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxs
@@ -1,26 +1,26 @@
 module.exports = {
-  getAvatarOuterClass: function (classPrefix, size, shape, bordered) {
-    var isIncludePx = size.indexOf('px') > -1;
-    var borderSize = isIncludePx ? 'medium' : size;
+  getClass: function (classPrefix, size, shape, bordered) {
+    var hasPx = (size || '').indexOf('px') > -1;
+    var borderSize = hasPx ? 'medium' : size;
     var classNames = [
       classPrefix,
       classPrefix + (shape === 'round' ? '--round' : '--circle'),
-      bordered ? classPrefix + '--border' + ' ' + classPrefix + '--border--' + borderSize : '',
-      isIncludePx ? '' : 't-size-' + (size || 'medium').slice(0, 1),
+      bordered ? classPrefix + '--border' + ' ' + classPrefix + '--border-' + borderSize : '',
+      hasPx ? '' : classPrefix + '--' + size,
     ];
     return classNames.join(' ');
   },
 
-  getAvatarSizePx: function (size = 'medium') {
+  getSize: function (size = 'medium') {
     var pxIndex = size.indexOf('px');
     if (pxIndex > -1) {
       return 'width:' + size + ';height:' + size + ';font-size:' + ((size.slice(0, pxIndex) / 8) * 3 + 2) + 'px;';
     }
   },
 
-  getAvatarStyles: function (isShow, zIndex, customStyle) {
+  getStyles: function (isShow, zIndex, style) {
     var displayStyle = isShow ? '' : 'display: none;';
     var zIndexStyle = zIndex ? 'z-index:' + zIndex + ';' : '';
-    return displayStyle + zIndexStyle + customStyle;
+    return displayStyle + zIndexStyle + style;
   },
 };
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxss b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxss
index 7dba937..b16e87b 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/avatar.wxss
@@ -33,28 +33,34 @@
   background-color: var(--td-avatar-bg-color, var(--td-primary-color-2, #d4e3fc));
   color: var(--td-avatar-content-color, var(--td-primary-color, #0052d9));
 }
-.t-avatar.t-size-l {
+.t-avatar__wrapper {
+  display: inline-flex;
+  position: relative;
+  vertical-align: top;
+  margin-left: var(--td-avatar-margin-left, 0);
+}
+.t-avatar--large {
   width: var(--td-avatar-large-width, 128rpx);
   height: var(--td-avatar-large-width, 128rpx);
   font-size: var(--td-avatar-text-large-font-size, 16px);
 }
-.t-avatar.t-size-l .t-avatar__icon {
+.t-avatar--large .t-avatar__icon {
   font-size: var(--td-avatar-icon-large-font-size, 64rpx);
 }
-.t-avatar.t-size-m {
+.t-avatar--medium {
   width: var(--td-avatar-medium-width, 96rpx);
   height: var(--td-avatar-medium-width, 96rpx);
   font-size: var(--td-avatar-text-medium-font-size, var(--td-font-size-base, 28rpx));
 }
-.t-avatar.t-size-m .t-avatar__icon {
+.t-avatar--medium .t-avatar__icon {
   font-size: var(--td-avatar-icon-medium-font-size, 48rpx);
 }
-.t-avatar.t-size-s {
+.t-avatar--small {
   width: var(--td-avatar-small-width, 80rpx);
   height: var(--td-avatar-small-width, 80rpx);
   font-size: var(--td-avatar-text-small-font-size, var(--td-font-size-s, 24rpx));
 }
-.t-avatar.t-size-s .t-avatar__icon {
+.t-avatar--small .t-avatar__icon {
   font-size: var(--td-avatar-icon-small-font-size, 40rpx);
 }
 .t-avatar .t-image,
@@ -87,12 +93,12 @@
   border-color: var(--td-avatar-border-color, #fff);
   border-style: solid;
 }
-.t-avatar--border--small {
+.t-avatar--border-small {
   border-width: var(--td-avatar-border-width-small, 4rpx);
 }
-.t-avatar--border--medium {
+.t-avatar--border-medium {
   border-width: var(--td-avatar-border-width-medium, 6rpx);
 }
-.t-avatar--border--large {
+.t-avatar--border-large {
   border-width: var(--td-avatar-border-width-large, 8rpx);
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/props.js b/miniprogram_npm/tdesign-miniprogram/avatar/props.js
index 127382f..5662f9b 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/props.js
@@ -6,7 +6,11 @@ const props = {
     badgeProps: {
         type: Object,
     },
-    customStyle: {
+    bordered: {
+        type: Boolean,
+        value: false,
+    },
+    style: {
         type: String,
         value: '',
     },
@@ -33,11 +37,7 @@ const props = {
     },
     size: {
         type: String,
-        value: '',
-    },
-    bordered: {
-        type: Boolean,
-        value: false,
+        value: 'medium',
     },
 };
 export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/avatar/type.d.ts b/miniprogram_npm/tdesign-miniprogram/avatar/type.d.ts
index 5e2fcd7..07dfe75 100644
--- a/miniprogram_npm/tdesign-miniprogram/avatar/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/avatar/type.d.ts
@@ -8,7 +8,11 @@ export interface TdAvatarProps {
         type: ObjectConstructor;
         value?: BadgeProps;
     };
-    customStyle?: {
+    bordered?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -40,36 +44,5 @@ export interface TdAvatarProps {
         type: StringConstructor;
         value?: string;
     };
-    bordered?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-}
-export interface TdAvatarGroupProps {
-    cascading?: {
-        type: StringConstructor;
-        value?: CascadingValue;
-    };
-    collapseAvatar?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    externalClasses?: {
-        type: ArrayConstructor;
-        value?: ['t-class', 't-class-image', 't-class-content'];
-    };
-    max?: {
-        type: NumberConstructor;
-        value?: number;
-    };
-    size?: {
-        type: StringConstructor;
-        value?: string;
-    };
 }
 export declare type ShapeEnum = 'circle' | 'round';
-export declare type CascadingValue = 'left-up' | 'right-up';
diff --git a/miniprogram_npm/tdesign-miniprogram/back-top/back-top.d.ts b/miniprogram_npm/tdesign-miniprogram/back-top/back-top.d.ts
index 7835efb..96db9a1 100644
--- a/miniprogram_npm/tdesign-miniprogram/back-top/back-top.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/back-top/back-top.d.ts
@@ -1,10 +1,11 @@
-import { SuperComponent } from '../common/src/index';
+import { SuperComponent, RelationsOptions } from '../common/src/index';
 export default class BackTop extends SuperComponent {
     externalClasses: string[];
     options: {
         multipleSlots: boolean;
     };
     properties: import("./type").TdBackTopProps;
+    relations: RelationsOptions;
     data: {
         prefix: string;
         classPrefix: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/back-top/back-top.js b/miniprogram_npm/tdesign-miniprogram/back-top/back-top.js
index 9efc3fe..2c806e2 100644
--- a/miniprogram_npm/tdesign-miniprogram/back-top/back-top.js
+++ b/miniprogram_npm/tdesign-miniprogram/back-top/back-top.js
@@ -17,6 +17,11 @@ let BackTop = class BackTop extends SuperComponent {
             multipleSlots: true,
         };
         this.properties = props;
+        this.relations = {
+            '../pull-down-refresh/pull-down-refresh': {
+                type: 'ancestor',
+            },
+        };
         this.data = {
             prefix,
             classPrefix: name,
@@ -54,11 +59,17 @@ let BackTop = class BackTop extends SuperComponent {
                 }
             },
             toTop() {
+                var _a;
                 this.triggerEvent('to-top');
-                wx.pageScrollTo({
-                    scrollTop: 0,
-                    duration: 300,
-                });
+                if (this.$parent) {
+                    (_a = this.$parent) === null || _a === void 0 ? void 0 : _a.setScrollTop(0);
+                }
+                else {
+                    wx.pageScrollTo({
+                        scrollTop: 0,
+                        duration: 300,
+                    });
+                }
             },
         };
     }
diff --git a/miniprogram_npm/tdesign-miniprogram/back-top/back-top.wxml b/miniprogram_npm/tdesign-miniprogram/back-top/back-top.wxml
index 44e49ef..7e1074b 100644
--- a/miniprogram_npm/tdesign-miniprogram/back-top/back-top.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/back-top/back-top.wxml
@@ -2,7 +2,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{prefix}}-class {{classPrefix}} {{fixed ? classPrefix + '--fixed' : ''}} {{classPrefix + '--' + theme}}"
   bindtap="toTop"
   aria-role="button"
diff --git a/miniprogram_npm/tdesign-miniprogram/back-top/props.js b/miniprogram_npm/tdesign-miniprogram/back-top/props.js
index ffad854..3019afc 100644
--- a/miniprogram_npm/tdesign-miniprogram/back-top/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/back-top/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/back-top/type.d.ts b/miniprogram_npm/tdesign-miniprogram/back-top/type.d.ts
index 3313dda..45b6bae 100644
--- a/miniprogram_npm/tdesign-miniprogram/back-top/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/back-top/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdBackTopProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/badge/badge.js b/miniprogram_npm/tdesign-miniprogram/badge/badge.js
index 370a57e..d2a5a0d 100644
--- a/miniprogram_npm/tdesign-miniprogram/badge/badge.js
+++ b/miniprogram_npm/tdesign-miniprogram/badge/badge.js
@@ -17,7 +17,7 @@ let Badge = class Badge extends SuperComponent {
         this.options = {
             multipleSlots: true,
         };
-        this.externalClasses = [`${prefix}-class`, `${prefix}-class-count`, `${prefix}-class-content`];
+        this.externalClasses = ['class', `${prefix}-class`, `${prefix}-class-count`, `${prefix}-class-content`];
         this.properties = props;
         this.data = {
             prefix,
diff --git a/miniprogram_npm/tdesign-miniprogram/badge/badge.wxml b/miniprogram_npm/tdesign-miniprogram/badge/badge.wxml
index e57c747..307adb6 100644
--- a/miniprogram_npm/tdesign-miniprogram/badge/badge.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/badge/badge.wxml
@@ -1,8 +1,8 @@
 <wxs src="./badge.wxs" module="this" />
 
 <view
-  style="{{ customStyle }}"
-  class="{{this.getBadgeOuterClass({shape})}} {{prefix}}-class"
+  style="{{ style }}"
+  class="{{this.getBadgeOuterClass({shape})}} class {{prefix}}-class"
   aria-labelledby="{{labelID}}"
   aria-describedby="{{descriptionID}}"
   aria-role="{{ ariaRole || 'option'}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/badge/badge.wxss b/miniprogram_npm/tdesign-miniprogram/badge/badge.wxss
index f7ffd4d..ef4294a 100644
--- a/miniprogram_npm/tdesign-miniprogram/badge/badge.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/badge/badge.wxss
@@ -72,7 +72,7 @@
   width: 0;
   height: 0;
   bottom: 0;
-  left: calc(-1 * var(--td-badge-basic-height, 32rpx));
+  left: calc(-1 * var(--td-badge-basic-height, 32rpx) + 1rpx);
   border-bottom: var(--td-badge-basic-height, 32rpx) solid var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
   border-left: var(--td-badge-basic-height, 32rpx) solid transparent;
 }
@@ -82,7 +82,7 @@
   width: 0;
   height: 0;
   bottom: 0;
-  right: calc(-1 * var(--td-badge-basic-height, 32rpx));
+  right: calc(-1 * var(--td-badge-basic-height, 32rpx) + 1rpx);
   border-bottom: var(--td-badge-basic-height, 32rpx) solid var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
   border-right: var(--td-badge-basic-height, 32rpx) solid transparent;
 }
@@ -91,12 +91,13 @@
 }
 .t-badge--large {
   font-size: var(--td-badge-large-font-size, var(--td-font-size-s, 24rpx));
-  height: var(--td-badge-large-height, 36rpx);
-  line-height: var(--td-badge-large-height, 36rpx);
+  height: var(--td-badge-large-height, 40rpx);
+  min-width: var(--td-badge-large-height, 40rpx);
+  line-height: var(--td-badge-large-height, 40rpx);
   padding: 0 var(--td-badge-large-padding, 10rpx);
 }
 .t-badge--large.t-badge--circle {
-  border-radius: calc(var(--td-badge-large-height, 36rpx) / 2);
+  border-radius: calc(var(--td-badge-large-height, 40rpx) / 2);
 }
 .t-badge__content:not(:empty) + .t-has-count {
   transform: translate(50%, -50%);
@@ -104,3 +105,7 @@
   right: 0;
   top: 0;
 }
+.t-badge__content-text {
+  display: block;
+  line-height: 48rpx;
+}
diff --git a/miniprogram_npm/tdesign-miniprogram/badge/props.js b/miniprogram_npm/tdesign-miniprogram/badge/props.js
index cc6b759..830b5c6 100644
--- a/miniprogram_npm/tdesign-miniprogram/badge/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/badge/props.js
@@ -11,7 +11,7 @@ const props = {
         type: null,
         value: 0,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/badge/type.d.ts b/miniprogram_npm/tdesign-miniprogram/badge/type.d.ts
index d48e27b..30f00d0 100644
--- a/miniprogram_npm/tdesign-miniprogram/badge/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/badge/type.d.ts
@@ -11,7 +11,7 @@ export interface TdBadgeProps {
         type: null;
         value?: string | number;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/button/README.md b/miniprogram_npm/tdesign-miniprogram/button/README.md
index f4a2f3e..49082ef 100644
--- a/miniprogram_npm/tdesign-miniprogram/button/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/button/README.md
@@ -18,13 +18,14 @@ isComponent: true
 
 ## 代码演示
 
-### 类型
+### 01 组件类型
 
 基础按钮
 
 {{ base }}
 
 图标按钮
+
 {{ icon-btn }}
 
 幽灵按钮
@@ -39,7 +40,13 @@ isComponent: true
 
 {{ block-btn }}
 
-### 组件样式
+### 02 组件状态
+
+按钮禁用态
+
+{{ disabled }}
+
+### 03 组件样式
 
 按钮尺寸
 
@@ -69,8 +76,8 @@ icon | String / Object | - | 图标名称。值为字符串表示图标名称，
 loading | Boolean | false | 是否显示为加载状态 | N
 loading-props | Object | - | 加载loading样式。TS 类型：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/button/type.ts) | N
 shape | String | rectangle | 按钮形状，有 4 种：长方形、正方形、圆角长方形、圆形。可选项：rectangle/square/round/circle | N
-size | String | medium | 组件尺寸。可选项：small/medium/large。TS 类型：`SizeEnum` | N
-theme | String | default | 组件风格，依次为品牌色、危险色。可选项：default/primary/danger | N
+size | String | medium | 组件尺寸。可选项：extra-small/small/medium/large。TS 类型：`SizeEnum` | N
+theme | String | default | 组件风格，依次为品牌色、危险色。可选项：default/primary/danger/light | N
 type | String | - | 同小程序的 formType。可选项：submit/reset | N
 variant | String | base | 按钮形式，基础、线框、文字。可选项：base/outline/dashed/text | N
 open-type | String | - | 微信开放能力。<br />具体释义：<br />`contact` 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html">具体说明</a> （*小程序插件中不能使用*）；<br />`share` 触发用户转发，使用前建议先阅读<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#使用指引">使用指引</a>；<br />`getPhoneNumber` 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html">具体说明</a> （*小程序插件中不能使用*）；<br />`getUserInfo` 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 （*小程序插件中不能使用*）；<br />`launchApp` 打开APP，可以通过 app-parameter 属性设定向 APP 传的参数<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html">具体说明</a>；<br />`openSetting` 打开授权设置页；<br />`feedback` 打开“意见反馈”页面，用户可提交反馈内容并上传<a href="https://developers.weixin.qq.com/miniprogram/dev/api/base/debug/wx.getLogManager.html">日志</a>，开发者可以登录<a href="https://mp.weixin.qq.com/">小程序管理后台</a>后进入左侧菜单“客服反馈”页面获取到反馈内容；<br />`chooseAvatar` 获取用户头像，可以从 bindchooseavatar 回调中获取到头像信息。<br />[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。可选项：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar | N
diff --git a/miniprogram_npm/tdesign-miniprogram/button/button.js b/miniprogram_npm/tdesign-miniprogram/button/button.js
index 5411527..aa0e8ec 100644
--- a/miniprogram_npm/tdesign-miniprogram/button/button.js
+++ b/miniprogram_npm/tdesign-miniprogram/button/button.js
@@ -14,7 +14,7 @@ const name = `${prefix}-button`;
 let Button = class Button extends SuperComponent {
     constructor() {
         super(...arguments);
-        this.externalClasses = [`${prefix}-class`, `${prefix}-class-icon`, `${prefix}-class-loading`];
+        this.externalClasses = ['class', `${prefix}-class`, `${prefix}-class-icon`, `${prefix}-class-loading`];
         this.behaviors = canIUseFormFieldButton() ? ['wx://form-field-button'] : [];
         this.properties = props;
         this.data = {
@@ -41,17 +41,17 @@ let Button = class Button extends SuperComponent {
                 const classList = [
                     name,
                     `${prefix}-class`,
-                    `${name}--${this.data.theme}`,
-                    `${name}--size-${this.data.size.slice(0, 1)}`,
+                    `${name}--${this.data.variant || 'base'}`,
+                    `${name}--${this.data.theme || 'default'}`,
+                    `${name}--${this.data.shape || 'rectangle'}`,
+                    `${name}--size-${this.data.size || 'medium'}`,
                 ];
-                classList.push(`${name}--${this.data.shape}`);
                 if (this.data.block) {
-                    classList.push(`${prefix}-is-block`);
+                    classList.push(`${name}--block`);
                 }
                 if (this.data.disabled) {
-                    classList.push(`${prefix}-is-disabled`);
+                    classList.push(`${name}--disabled`);
                 }
-                classList.push(`${name}--${this.data.variant}`);
                 if (this.data.ghost) {
                     classList.push(`${name}--ghost`);
                 }
diff --git a/miniprogram_npm/tdesign-miniprogram/button/button.wxml b/miniprogram_npm/tdesign-miniprogram/button/button.wxml
index a5536d8..507df76 100644
--- a/miniprogram_npm/tdesign-miniprogram/button/button.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/button/button.wxml
@@ -2,9 +2,9 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <button
-  style="{{ customStyle }}"
+  style="{{ style }}"
   data-custom="{{ customDataset }}"
-  class="{{className}} {{prefix}}-class"
+  class="class {{className}}"
   form-type="{{type}}"
   open-type="{{disabled ? '' : openType}}"
   hover-stop-propagation="{{hoverStopPropagation}}"
@@ -12,7 +12,7 @@
   hover-stay-time="{{hoverStayTime}}"
   lang="{{lang}}"
   session-from="{{sessionFrom}}"
-  hover-class="button-hover"
+  hover-class="{{disabled ? '' : classPrefix + '--hover'}}"
   send-message-title="{{sendMessageTitle}}"
   send-message-path="{{sendMessagePath}}"
   send-message-img="{{sendMessageImg}}"
@@ -33,24 +33,23 @@
     is="icon"
     data="{{class: classPrefix + '__icon', tClass: prefix + '-class-icon', ariaHidden: true, name: iconName, ...iconData}}"
   />
-  <view wx:if="{{loading}}" class="{{classPrefix}}__loading">
-    <t-loading
-      delay="{{loadingProps.delay || 0}}"
-      duration="{{loadingProps.duration || 800}}"
-      indicator="{{loadingProps.indicator || true}}"
-      inheritColor="{{loadingProps.indicator || false}}"
-      layout="{{loadingProps.layout || 'horizontal'}}"
-      pause="{{loadingProps.pause || false}}"
-      progress="{{loadingProps.progress}}"
-      reverse="{{loadingProps.reverse}}"
-      size="{{loadingProps.size || '40rpx'}}"
-      text="{{loadingProps.text }}"
-      theme="{{loadingProps.theme || 'circular'}}"
-      loading
-      t-class="position-center"
-      t-class-indicator="indicator-blue {{prefix}}-class-loading"
-    ></t-loading>
-  </view>
+  <t-loading
+    wx:if="{{loading}}"
+    delay="{{loadingProps.delay || 0}}"
+    duration="{{loadingProps.duration || 800}}"
+    indicator="{{loadingProps.indicator || true}}"
+    inheritColor="{{loadingProps.indicator || false}}"
+    layout="{{loadingProps.layout || 'horizontal'}}"
+    pause="{{loadingProps.pause || false}}"
+    progress="{{loadingProps.progress}}"
+    reverse="{{loadingProps.reverse}}"
+    size="{{loadingProps.size || '40rpx'}}"
+    text="{{loadingProps.text }}"
+    theme="{{loadingProps.theme || 'circular'}}"
+    loading
+    t-class="{{classPrefix}}__loading {{classPrefix}}__loading--wrapper"
+    t-class-indicator="{{classPrefix}}__loading--indicator {{prefix}}-class-loading"
+  ></t-loading>
   <view class="{{classPrefix}}__content">
     <slot name="content" />
     <block>{{content}}</block>
diff --git a/miniprogram_npm/tdesign-miniprogram/button/button.wxss b/miniprogram_npm/tdesign-miniprogram/button/button.wxss
index f277da8..ed44469 100644
--- a/miniprogram_npm/tdesign-miniprogram/button/button.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/button/button.wxss
@@ -25,6 +25,130 @@
   bottom: 0;
   transform: scale(1.5);
 }
+.t-button--size-extra-small {
+  font-size: var(--td-button-extra-small-font-size, var(--td-font-size-base, 28rpx));
+  padding-left: var(--td-button-extra-small-padding-horizontal, 16rpx);
+  padding-right: var(--td-button-extra-small-padding-horizontal, 16rpx);
+  height: var(--td-button-extra-small-height, 56rpx);
+  line-height: var(--td-button-extra-small-height, 56rpx);
+}
+.t-button--size-extra-small .t-button__icon {
+  font-size: var(--td-button-extra-small-icon-font-size, 36rpx);
+}
+.t-button--size-small {
+  font-size: var(--td-button-small-font-size, var(--td-font-size-base, 28rpx));
+  padding-left: var(--td-button-small-padding-horizontal, 24rpx);
+  padding-right: var(--td-button-small-padding-horizontal, 24rpx);
+  height: var(--td-button-small-height, 64rpx);
+  line-height: var(--td-button-small-height, 64rpx);
+}
+.t-button--size-small .t-button__icon {
+  font-size: var(--td-button-small-icon-font-size, 36rpx);
+}
+.t-button--size-medium {
+  font-size: var(--td-button-medium-font-size, var(--td-font-size-m, 32rpx));
+  padding-left: var(--td-button-medium-padding-horizontal, 32rpx);
+  padding-right: var(--td-button-medium-padding-horizontal, 32rpx);
+  height: var(--td-button-medium-height, 80rpx);
+  line-height: var(--td-button-medium-height, 80rpx);
+}
+.t-button--size-medium .t-button__icon {
+  font-size: var(--td-button-medium-icon-font-size, 40rpx);
+}
+.t-button--size-large {
+  font-size: var(--td-button-large-font-size, var(--td-font-size-m, 32rpx));
+  padding-left: var(--td-button-large-padding-horizontal, 40rpx);
+  padding-right: var(--td-button-large-padding-horizontal, 40rpx);
+  height: var(--td-button-large-height, 96rpx);
+  line-height: var(--td-button-large-height, 96rpx);
+}
+.t-button--size-large .t-button__icon {
+  font-size: var(--td-button-large-icon-font-size, 48rpx);
+}
+.t-button--default {
+  color: var(--td-button-default-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
+  background-color: var(--td-button-default-bg-color, var(--td-gray-color-3, #e7e7e7));
+}
+.t-button--default::after {
+  border-width: var(--td-button-border-width, 4rpx);
+  border-color: var(--td-button-default-border-color, var(--td-gray-color-3, #e7e7e7));
+}
+.t-button--default.t-button--hover {
+  z-index: 0;
+}
+.t-button--default.t-button--hover::after {
+  background-color: var(--td-button-default-active-bg-color, var(--td-gray-color-5, #c5c5c5));
+}
+.t-button--default.t-button--disabled {
+  color: var(--td-button-default-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
+  background-color: var(--td-button-default-disabled-bg, var(--td-gray-color-2, #eeeeee));
+}
+.t-button--default.t-button--disabled::after {
+  border-color: var(--td-button-default-disabled-border-color, var(--td-gray-color-2, #eeeeee));
+}
+.t-button--primary {
+  color: var(--td-button-primary-color, var(--td-text-anti-primary-color, #fff));
+  background-color: var(--td-button-primary-bg-color, var(--td-primary-color, #0052d9));
+}
+.t-button--primary::after {
+  border-width: var(--td-button-border-width, 4rpx);
+  border-color: var(--td-button-primary-border-color, var(--td-primary-color, #0052d9));
+}
+.t-button--primary.t-button--hover {
+  z-index: 0;
+}
+.t-button--primary.t-button--hover::after {
+  background-color: var(--td-button-primary-active-bg-color, var(--td-primary-color-9, #0034b5));
+}
+.t-button--primary.t-button--disabled {
+  color: var(--td-button-primary-disabled-color, var(--td-text-anti-primary-color, #fff));
+  background-color: var(--td-button-primary-disabled-bg, var(--td-primary-color-3, #bbd3fb));
+}
+.t-button--primary.t-button--disabled::after {
+  border-color: var(--td-button-primary-disabled-border-color, var(--td-primary-color-3, #bbd3fb));
+}
+.t-button--light {
+  color: var(--td-button-light-color, var(--td-primary-color, #0052d9));
+  background-color: var(--td-button-light-bg-color, var(--td-primary-color-1, #ecf2fe));
+}
+.t-button--light::after {
+  border-width: var(--td-button-border-width, 4rpx);
+  border-color: var(--td-button-light-border-color, var(--td-primary-color-1, #ecf2fe));
+}
+.t-button--light.t-button--hover {
+  z-index: 0;
+}
+.t-button--light.t-button--hover::after {
+  background-color: var(--td-button-light-active-bg-color, var(--td-primary-color-2, #d4e3fc));
+}
+.t-button--light.t-button--disabled {
+  color: var(--td-button-light-disabled-color, var(--td-primary-color-3, #bbd3fb));
+  background-color: var(--td-button-light-disabled-bg, var(--td-primary-color-1, #ecf2fe));
+}
+.t-button--light.t-button--disabled::after {
+  border-color: var(--td-button-light-disabled-border-color, var(--td-primary-color-1, #ecf2fe));
+}
+.t-button--danger {
+  color: var(--td-button-danger-color, var(--td-text-anti-primary-color, #fff));
+  background-color: var(--td-button-danger-bg-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
+}
+.t-button--danger::after {
+  border-width: var(--td-button-border-width, 4rpx);
+  border-color: var(--td-button-danger-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
+}
+.t-button--danger.t-button--hover {
+  z-index: 0;
+}
+.t-button--danger.t-button--hover::after {
+  background-color: var(--td-button-danger-active-bg-color, var(--td-error-color-7, #c9353f));
+}
+.t-button--danger.t-button--disabled {
+  color: var(--td-button-danger-disabled-color, var(--td-text-anti-primary-color, #fff));
+  background-color: var(--td-button-danger-disabled-bg, var(--td-error-color-3, #f8b9be));
+}
+.t-button--danger.t-button--disabled::after {
+  border-color: var(--td-button-danger-disabled-border-color, var(--td-error-color-3, #f8b9be));
+}
 .t-button {
   display: inline-flex;
   align-items: center;
@@ -33,89 +157,38 @@
   white-space: nowrap;
   text-align: center;
   background-image: none;
-  cursor: pointer;
   transition: all 0.3s;
-  user-select: none;
   touch-action: manipulation;
-  font-size: var(--td-button-default-font-size, var(--td-font-size-m, 32rpx));
-  height: var(--td-button-default-height, 80rpx);
   border-radius: var(--td-button-border-radius, var(--td-radius-default, 12rpx));
   outline: none;
   font-family: PingFang SC, Microsoft YaHei, Arial Regular;
-  padding-left: calc(var(--td-button-padding-horizontal, 48rpx) - var(--td-button-border-width, 1px));
-  padding-right: calc(var(--td-button-padding-horizontal, 48rpx) - var(--td-button-border-width, 1px));
   font-weight: var(--td-button-font-weight, 600);
+  vertical-align: top;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-user-select: none;
+  user-select: none;
   /* stylelint-disable-next-line */
   -webkit-appearance: none;
 }
 .t-button::after {
-  background-color: #000;
-  content: ' ';
-  opacity: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  position: absolute;
-}
-.t-button:not(.t-is-disabled):active::after {
-  opacity: 0.1;
-}
-.t-button--default {
-  color: var(--td-button-default-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  background-color: var(--td-button-default-bg-color, var(--td-gray-color-3, #e7e7e7));
-  border: 1px solid var(--td-button-default-bg-color, var(--td-gray-color-3, #e7e7e7));
-}
-.t-button--default.t-is-disabled {
-  color: var(--td-button-default-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
-}
-.t-button--primary {
-  color: var(--td-button-primary-color, var(--td-text-anti-primary-color, #fff));
-  background-color: var(--td-button-primary-bg-color, var(--td-primary-color, #0052d9));
-  border: 1px solid var(--td-button-primary-border-color, var(--td-primary-color, #0052d9));
-}
-.t-button--primary.t-is-disabled {
-  background-color: var(--td-button-primary-disabled-color, var(--td-primary-color-3, #bbd3fb));
-  border-color: var(--td-button-primary-disabled-color, var(--td-primary-color-3, #bbd3fb));
-}
-.t-button--light {
-  color: var(--td-button-light-color, var(--td-primary-color, #0052d9));
-  background-color: var(--td-button-light-bg-color, var(--td-primary-color-2, #d4e3fc));
-  border: 1px solid var(--td-button-light-border-color, var(--td-primary-color-2, #d4e3fc));
-}
-.t-button--light.t-is-disabled {
-  color: var(--td-button-light-disabled-color, var(--td-primary-color-3, #bbd3fb));
-  background-color: var(--td-button-light-disabled-bg, var(--td-primary-color-1, #ecf2fe));
-  border-color: var(--td-button-light-disabled-bg, var(--td-primary-color-1, #ecf2fe));
-}
-.t-button--danger {
-  color: var(--td-button-danger-color, var(--td-text-anti-primary-color, #fff));
-  background-color: var(--td-button-danger-bg-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  border: 1px solid var(--td-button-danger-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-}
-.t-button--danger.t-is-disabled {
-  background-color: var(--td-button-danger-disabled-color, var(--td-error-color-3, #f8b9be));
-  border-color: var(--td-button-danger-disabled-color, var(--td-error-color-3, #f8b9be));
+  border-radius: calc(var(--td-button-border-radius, var(--td-radius-default, 12rpx)) * 2);
 }
 .t-button--text {
   color: var(--td-button-default-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
   background: none;
+}
+.t-button--text::after {
   border: 0;
 }
-.t-button--text.t-button--size-default {
-  width: auto;
-  height: auto;
-  line-height: normal;
-  padding: 0;
-}
-.t-button--text.t-is-disabled {
-  color: var(--td-button-default-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
+.t-button--text.t-button--hover::after {
+  background-color: var(--td-button-text-active-bg-color, var(--td-primary-color-1, #ecf2fe));
 }
 .t-button--text.t-button--primary {
   color: var(--td-button-primary-text-color, var(--td-primary-color, #0052d9));
   background: none;
 }
-.t-button--text.t-button--primary.t-is-disabled {
+.t-button--text.t-button--primary.t-button--disabled {
   color: var(--td-button-primary-text-disabled-color, var(--td-primary-color-3, #bbd3fb));
   background: none;
 }
@@ -123,60 +196,93 @@
   color: var(--td-button-danger-text-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
   background: none;
 }
-.t-button--text.t-button--danger.t-is-disabled {
-  color: var(--td-button-danger-text-disabled-color, var(--td-button-danger-disabled-color, var(--td-error-color-3, #f8b9be)));
+.t-button--text.t-button--danger.t-button--disabled {
+  color: var(--td-button-danger-text-disabled-color, var(--td-button-danger-disabled-color, var(--td-text-anti-primary-color, #fff)));
   background: none;
 }
 .t-button--text.t-button--light {
   color: var(--td-button-light-text-color, var(--td-primary-color, #0052d9));
   background: none;
 }
+.t-button--text.t-button--disabled {
+  color: var(--td-button-default-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
+}
 .t-button--ghost {
   background-color: transparent;
-  border: 1px solid var(--td-button-ghost-color, var(--td-bg-color-block, #fff));
-  color: var(--td-button-ghost-border-color, var(--td-button-ghost-color, var(--td-bg-color-block, #fff)));
+  color: var(--td-button-ghost-color, var(--td-bg-color-block, #fff));
 }
-.t-button--ghost.t-is-disabled {
-  color: var(--td-button-ghost-disabled-color, rgba(255, 255, 255, 0.35));
-  border-color: var(--td-button-ghost-disabled-color, rgba(255, 255, 255, 0.35));
+.t-button--ghost::after {
+  border-color: var(--td-button-ghost-border-color, var(--td-button-ghost-color, var(--td-bg-color-block, #fff)));
+}
+.t-button--ghost.t-button--hover::after {
+  background: none;
 }
 .t-button--ghost.t-button--primary {
   color: var(--td-button-ghost-primary-color, var(--td-primary-color, #0052d9));
+}
+.t-button--ghost.t-button--primary::after {
   border-color: var(--td-button-ghost-primary-border-color, var(--td-primary-color, #0052d9));
 }
 .t-button--ghost.t-button--danger {
   color: var(--td-button-ghost-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
+}
+.t-button--ghost.t-button--danger::after {
   border-color: var(--td-button-ghost-danger-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
 }
-.t-button--outline {
-  border-color: var(--td-button-default-border-color, var(--td-gray-color-4, #dcdcdc));
+.t-button--ghost.t-button--disabled {
   background-color: transparent;
+  color: var(--td-button-ghost-disabled-color, rgba(255, 255, 255, 0.35));
+}
+.t-button--ghost.t-button--disabled::after {
+  border-color: var(--td-button-ghost-disabled-color, rgba(255, 255, 255, 0.35));
+}
+.t-button--outline {
+  background-color: transparent;
+}
+.t-button--outline::after {
+  border-color: var(--td-button-default-border-color, var(--td-gray-color-3, #e7e7e7));
+}
+.t-button--outline.t-button--hover::after {
+  background-color: var(--td-button-outline-active-bg-color, var(--td-gray-color-1, #f3f3f3));
 }
 .t-button--outline.t-button--primary {
   color: var(--td-button-primary-outline-color, var(--td-primary-color, #0052d9));
-  border-color: var(--td-button-primary-outline-color, var(--td-primary-color, #0052d9));
 }
-.t-button--outline.t-button--primary.t-is-disabled {
+.t-button--outline.t-button--primary::after {
+  border-color: var(--td-button-primary-outline-border-color, var(--td-button-primary-outline-color, var(--td-primary-color, #0052d9)));
+}
+.t-button--outline.t-button--primary.t-button--disabled {
   background-color: transparent;
   color: var(--td-button-primary-outline-disabled-color, var(--td-primary-color-3, #bbd3fb));
+}
+.t-button--outline.t-button--primary.t-button--disabled::after {
   border-color: var(--td-button-primary-outline-disabled-color, var(--td-primary-color-3, #bbd3fb));
 }
 .t-button--outline.t-button--danger {
   color: var(--td-button-danger-outline-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  border-color: var(--td-button-danger-outline-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
 }
-.t-button--outline.t-button--danger.t-is-disabled {
+.t-button--outline.t-button--danger::after {
+  border-color: var(--td-button-danger-outline-border-color, var(--td-button-danger-outline-color, var(--td-error-color, var(--td-error-color-6, #e34d59))));
+}
+.t-button--outline.t-button--danger.t-button--disabled {
   background-color: transparent;
-  color: var(--td-button-danger-outline-disabled-color, var(--td-button-danger-disabled-color, var(--td-error-color-3, #f8b9be)));
-  border-color: var(--td-button-danger-outline-disabled-color, var(--td-button-danger-disabled-color, var(--td-error-color-3, #f8b9be)));
+  color: var(--td-button-danger-outline-disabled-color, var(--td-button-danger-disabled-color, var(--td-text-anti-primary-color, #fff)));
+}
+.t-button--outline.t-button--danger.t-button--disabled::after {
+  border-color: var(--td-button-danger-outline-disabled-color, var(--td-button-danger-disabled-color, var(--td-text-anti-primary-color, #fff)));
 }
 .t-button--outline.t-button--light {
-  background-color: var(--td-button-light-bg-color, var(--td-primary-color-2, #d4e3fc));
-  border-color: var(--td-button-light-outline-color, var(--td-primary-color, #0052d9));
+  color: var(--td-button-light-outline-color, var(--td-primary-color, #0052d9));
+  background-color: var(--td-button-light-outline-bg-color, var(--td-primary-color-1, #ecf2fe));
 }
-.t-button--outline.t-button--light.t-is-disabled {
+.t-button--outline.t-button--light::after {
+  border-color: var(--td-button-light-outline-border-color, var(--td-button-light-outline-color, var(--td-primary-color, #0052d9)));
+}
+.t-button--outline.t-button--light.t-button--disabled {
   background-color: transparent;
   color: var(--td-button-light-outline-disabled-color, var(--td-primary-color-3, #bbd3fb));
+}
+.t-button--outline.t-button--light.t-button--disabled::after {
   border-color: var(--td-button-light-outline-disabled-color, var(--td-primary-color-3, #bbd3fb));
 }
 .t-button--dashed {
@@ -185,110 +291,119 @@
 }
 .t-button--dashed.t-button--primary {
   color: var(--td-button-primary-dashed-color, var(--td-primary-color, #0052d9));
-  border-color: var(--td-button-primary-dashed-color, var(--td-primary-color, #0052d9));
 }
-.t-button--dashed.t-button--primary.t-is-disabled {
+.t-button--dashed.t-button--primary::after {
+  border-color: var(--td-button-primary-dashed-border-color, var(--td-button-primary-dashed-color, var(--td-primary-color, #0052d9)));
+}
+.t-button--dashed.t-button--primary.t-button--disabled {
   background-color: transparent;
   color: var(--td-button-primary-dashed-disabled-color, var(--td-primary-color-3, #bbd3fb));
+}
+.t-button--dashed.t-button--primary.t-button--disabled::after {
   border-color: var(--td-button-primary-dashed-disabled-color, var(--td-primary-color-3, #bbd3fb));
 }
 .t-button--dashed.t-button--danger {
   color: var(--td-button-danger-dashed-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  border-color: var(--td-button-danger-dashed-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
 }
-.t-button--dashed.t-button--danger.t-is-disabled {
+.t-button--dashed.t-button--danger::after {
+  border-color: var(--td-button-danger-dashed-border-color, var(--td-button-danger-dashed-color, var(--td-error-color, var(--td-error-color-6, #e34d59))));
+}
+.t-button--dashed.t-button--danger.t-button--disabled {
   background-color: transparent;
-  color: var(--td-button-danger-dashed-disabled-color, var(--td-button-danger-disabled-color, var(--td-error-color-3, #f8b9be)));
-  border-color: var(--td-button-danger-dashed-disabled-color, var(--td-button-danger-disabled-color, var(--td-error-color-3, #f8b9be)));
+  color: var(--td-button-danger-dashed-disabled-color, var(--td-button-danger-disabled-color, var(--td-text-anti-primary-color, #fff)));
 }
-.t-button--base {
-  height: var(--td-button-default-height, 80rpx);
-  line-height: var(--td-button-default-height, 80rpx);
-  font-size: var(--td-button-default-font-size, var(--td-font-size-m, 32rpx));
+.t-button--dashed.t-button--danger.t-button--disabled::after {
+  border-color: var(--td-button-danger-dashed-disabled-color, var(--td-button-danger-disabled-color, var(--td-text-anti-primary-color, #fff)));
 }
-.t-button--size-l {
-  height: var(--td-button-large-height, 96rpx);
-  line-height: var(--td-button-large-height, 96rpx);
-}
-.t-button--size-l .t-button__icon {
-  font-size: var(--td-button-icon-size-l, 48rpx);
-}
-.t-button--size-l .t-button__loading + .t-button__content:not(:empty),
-.t-button--size-l .t-button__icon + .t-button__content:not(:empty) {
-  margin-left: 16rpx;
-}
-.t-button--size-m .t-button__icon {
-  font-size: var(--td-button-icon-size-m, 44rpx);
-}
-.t-button--size-m .t-button__loading + .t-button__content:not(:empty),
-.t-button--size-m .t-button__icon + .t-button__content:not(:empty) {
-  margin-left: 8rpx;
-}
-.t-button--size-s {
-  height: var(--td-button-small-height, 64rpx);
-  line-height: var(--td-button-small-height, 64rpx);
-}
-.t-button--size-s .t-button__icon {
-  font-size: var(--td-button-icon-size-s, 40rpx);
-}
-.t-button--size-s .t-button__loading + .t-button__content:not(:empty),
-.t-button--size-s .t-button__icon + .t-button__content:not(:empty) {
+.t-button__loading + .t-button__content:not(:empty),
+.t-button__icon + .t-button__content:not(:empty) {
   margin-left: 8rpx;
 }
 .t-button__icon {
   border-radius: var(--td-button-icon-border-radius, 8rpx);
 }
-.t-button--round.t-button--size-l {
+.t-button--round.t-button--size-large {
   border-radius: calc(var(--td-button-large-height, 96rpx) / 2);
 }
-.t-button--round.t-button--size-m {
-  border-radius: calc(var(--td-button-default-height, 80rpx) / 2);
+.t-button--round.t-button--size-large::after {
+  border-radius: var(--td-button-large-height, 96rpx);
 }
-.t-button--round.t-button--size-s {
+.t-button--round.t-button--size-medium {
+  border-radius: calc(var(--td-button-medium-height, 80rpx) / 2);
+}
+.t-button--round.t-button--size-medium::after {
+  border-radius: var(--td-button-medium-height, 80rpx);
+}
+.t-button--round.t-button--size-small {
   border-radius: calc(var(--td-button-small-height, 64rpx) / 2);
 }
+.t-button--round.t-button--size-small::after {
+  border-radius: var(--td-button-small-height, 64rpx);
+}
+.t-button--round.t-button--size-extra-small {
+  border-radius: calc(var(--td-button-extra-small-height, 56rpx) / 2);
+}
+.t-button--round.t-button--size-extra-small::after {
+  border-radius: var(--td-button-extra-small-height, 56rpx);
+}
 .t-button--square {
   padding: 0;
 }
-.t-button--square.t-button--size-l {
+.t-button--square.t-button--size-large {
   width: var(--td-button-large-height, 96rpx);
 }
-.t-button--square.t-button--size-m {
-  width: var(--td-button-default-height, 80rpx);
+.t-button--square.t-button--size-medium {
+  width: var(--td-button-medium-height, 80rpx);
 }
-.t-button--square.t-button--size-s {
+.t-button--square.t-button--size-small {
   width: var(--td-button-small-height, 64rpx);
 }
+.t-button--square.t-button--size-extra-small {
+  width: var(--td-button-extra-small-height, 56rpx);
+}
 .t-button--circle {
   padding: 0;
-}
-.t-button--circle.t-button--size-l {
   border-radius: 50%;
+}
+.t-button--circle.t-button--size-large {
   width: var(--td-button-large-height, 96rpx);
 }
-.t-button--circle.t-button--size-m {
+.t-button--circle.t-button--size-large::after {
   border-radius: 50%;
-  width: var(--td-button-default-height, 80rpx);
 }
-.t-button--circle.t-button--size-s {
+.t-button--circle.t-button--size-medium {
+  width: var(--td-button-medium-height, 80rpx);
+}
+.t-button--circle.t-button--size-medium::after {
   border-radius: 50%;
+}
+.t-button--circle.t-button--size-small {
   width: var(--td-button-small-height, 64rpx);
 }
-.t-button.t-is-block {
+.t-button--circle.t-button--size-small::after {
+  border-radius: 50%;
+}
+.t-button--circle.t-button--size-extra-small {
+  width: var(--td-button-extra-small-height, 56rpx);
+}
+.t-button--circle.t-button--size-extra-small::after {
+  border-radius: 50%;
+}
+.t-button--block {
   display: flex;
   width: 100%;
 }
-.t-button.t-is-disabled {
+.t-button--disabled {
   cursor: not-allowed;
 }
-.t-button.button-hover:after {
-  border-radius: 8rpx;
-}
-.t-button .position-center {
+.t-button__loading--wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.t-button .indicator-blue {
-  color: white;
+.t-button__loading--indicator {
+  color: var(--td-white-color-1, #fff);
+}
+.t-button.t-button--hover::after {
+  z-index: -1;
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/button/props.js b/miniprogram_npm/tdesign-miniprogram/button/props.js
index c88f7dd..03cda20 100644
--- a/miniprogram_npm/tdesign-miniprogram/button/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/button/props.js
@@ -9,7 +9,7 @@ const props = {
     customDataset: {
         type: null,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/button/type.d.ts b/miniprogram_npm/tdesign-miniprogram/button/type.d.ts
index 3f19df7..3e8731b 100644
--- a/miniprogram_npm/tdesign-miniprogram/button/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/button/type.d.ts
@@ -13,7 +13,7 @@ export interface TdButtonProps {
         type: ObjectConstructor;
         value?: any;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/calendar/README.en-US.md
index ba6a323..7f51e1e 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/README.en-US.md
@@ -5,6 +5,7 @@
 
 name | type | default | description | required
 -- | -- | -- | -- | --
+auto-close | Boolean | true | `0.34.0` | N
 confirm-btn | String / Object / Slot | '' | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/calendar/type.ts) | N
 custom-style | String | - | `0.25.0` | N
 first-day-of-week | Number | 0 | \- | N
@@ -23,5 +24,6 @@ visible | Boolean | false | \- | N
 name | params | description
 -- | -- | --
 change | `(value: timestamp)` | `0.28.0`
+close | `(trigger: CalendarTrigger)` | `0.34.0`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/calendar/type.ts)。<br/>`type CalendarTrigger = 'close-btn' \| 'confirm-btn' \| 'overlay'`<br/>
 confirm | `(value: timestamp)` | \-
 select | `(value: timestamp)` | `0.28.0`
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/README.md b/miniprogram_npm/tdesign-miniprogram/calendar/README.md
index 3f1f071..306ed1b 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/README.md
@@ -57,6 +57,7 @@ isComponent: true
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
+auto-close | Boolean | true | `0.34.0`。自动关闭；在点击关闭按钮、确认按钮、遮罩层时自动关闭，不需要手动设置 visible | N
 confirm-btn | String / Object / Slot | '' | 确认按钮。值为 null 则不显示确认按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/calendar/type.ts) | N
 custom-style | String | - | `0.25.0`。自定义组件样式 | N
 first-day-of-week | Number | 0 | 第一天从星期几开始，默认 0 = 周日 | N
@@ -75,5 +76,6 @@ visible | Boolean | false | 是否显示日历；`usePopup` 为 true 时有效 |
 名称 | 参数 | 描述
 -- | -- | --
 change | `(value: timestamp)` | `0.28.0`。不显示 confirm-btn 时，完成选择时触发（暂不支持 type = multiple）
+close | `(trigger: CalendarTrigger)` | `0.34.0`。关闭按钮时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/calendar/type.ts)。<br/>`type CalendarTrigger = 'close-btn' \| 'confirm-btn' \| 'overlay'`<br/>
 confirm | `(value: timestamp)` | 点击确认按钮时触发
 select | `(value: timestamp)` | `0.28.0`。点击日期时触发
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.d.ts b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.d.ts
index cbbae25..5c2acd0 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.d.ts
@@ -33,6 +33,8 @@ export default class Calendar extends SuperComponent {
         initialValue(): void;
         scrollIntoView(): void;
         calcMonths(): void;
+        close(trigger: any): void;
+        onVisibleChange(): void;
         handleClose(): void;
         handleSelect(e: any): void;
         onTplButtonTap(): void;
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.js b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.js
index 09e4460..28110d5 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.js
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.js
@@ -24,7 +24,7 @@ let Calendar = class Calendar extends SuperComponent {
             classPrefix: name,
             months: [],
             scrollIntoView: '',
-            innerConfirmBtn: { content: '确认' },
+            innerConfirmBtn: { content: '确定' },
         };
         this.controlledProps = [
             {
@@ -111,8 +111,17 @@ let Calendar = class Calendar extends SuperComponent {
                     months,
                 });
             },
+            close(trigger) {
+                if (this.data.autoClose) {
+                    this.setData({ visible: false });
+                }
+                this.triggerEvent('close', { trigger });
+            },
+            onVisibleChange() {
+                this.close('overlay');
+            },
             handleClose() {
-                this.setData({ visible: false });
+                this.close('close-btn');
             },
             handleSelect(e) {
                 const { date, year, month } = e.currentTarget.dataset;
@@ -132,6 +141,7 @@ let Calendar = class Calendar extends SuperComponent {
             onTplButtonTap() {
                 const rawValue = this.base.getTrimValue();
                 const value = this.toTime(rawValue);
+                this.close('confirm-btn');
                 this._trigger('confirm', { value });
             },
             toTime(val) {
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxml b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxml
index 2248f51..1447d22 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxml
@@ -1,7 +1,7 @@
 <wxs src="./calendar.wxs" module="this" />
 <wxs src="../common/utils.wxs" module="_" />
 
-<t-popup wx:if="{{usePopup}}" visible="{{visible}}" bind:visible-change="handleClose" placement="bottom">
+<t-popup wx:if="{{usePopup}}" visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom">
   <include src="./template.wxml" />
 </t-popup>
 <include wx:else src="./template.wxml" />
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss
index a34a7ad..b6757b0 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss
@@ -30,6 +30,8 @@
   z-index: 9999;
   background: var(--td-calendar-bg-color, var(--td-bg-color-block, #fff));
   overflow-x: hidden;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 }
 .t-calendar--popup {
   border-top-left-radius: var(--td-calendar-radius, 24rpx);
@@ -100,8 +102,11 @@
   height: 120rpx;
   line-height: 48rpx;
   font-weight: 600;
-  cursor: pointer;
   margin-top: 16rpx;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-user-select: none;
+  user-select: none;
 }
 .t-calendar__dates-item-prefix,
 .t-calendar__dates-item-suffix {
@@ -177,6 +182,5 @@
   cursor: default;
 }
 .t-calendar__footer {
-  border-top: 1px solid var(--td-border-color, #e7e7e7);
   padding: 32rpx;
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/props.js b/miniprogram_npm/tdesign-miniprogram/calendar/props.js
index cdbf4b9..7856249 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/props.js
@@ -1,9 +1,13 @@
 const props = {
+    autoClose: {
+        type: Boolean,
+        value: true,
+    },
     confirmBtn: {
         type: null,
         value: '',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/template.wxml b/miniprogram_npm/tdesign-miniprogram/calendar/template.wxml
index a828160..ab70fe7 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/template.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/template.wxml
@@ -1,6 +1,6 @@
 <import src="../common/template/button.wxml" />
 
-<view class="{{_.cls(classPrefix, [['popup', usePopup]])}}" style="{{customStyle}}">
+<view class="{{_.cls(classPrefix, [['popup', usePopup]])}}" style="{{style}}">
   <view class="{{classPrefix}}__title" tabindex="0">
     <slot wx:if="{{title === 'slot'}}" name="title" />
     <text wx:else>{{ title || '请选择日期' }}</text>
diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/type.d.ts b/miniprogram_npm/tdesign-miniprogram/calendar/type.d.ts
index b6e466a..a751960 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/type.d.ts
@@ -1,10 +1,14 @@
 import { ButtonProps } from '../button/index';
 export interface TdCalendarProps {
+    autoClose?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
     confirmBtn?: {
         type: null;
         value?: string | ButtonProps | null;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.d.ts b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.d.ts
index 29c18b8..1e5efe5 100644
--- a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.d.ts
@@ -1,9 +1,11 @@
+/// <reference types="miniprogram-api-typings" />
 import { SuperComponent } from '../common/src/index';
 import { TdCascaderProps } from './type';
 export interface CascaderProps extends TdCascaderProps {
 }
 export default class Cascader extends SuperComponent {
     externalClasses: string[];
+    options: WechatMiniprogram.Component.ComponentOptions;
     properties: TdCascaderProps<import("../common/common").TreeOptionData>;
     data: {
         prefix: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.js b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.js
index 4943c45..2fdb67e 100644
--- a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.js
+++ b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.js
@@ -24,6 +24,9 @@ let Cascader = class Cascader extends SuperComponent {
     constructor() {
         super(...arguments);
         this.externalClasses = [`${prefix}-class`];
+        this.options = {
+            multipleSlots: true,
+        };
         this.properties = props;
         this.data = {
             prefix,
diff --git a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.json b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.json
index 34ae01c..9fb1ae8 100644
--- a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.json
+++ b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.json
@@ -4,7 +4,7 @@
     "t-icon": "../icon/icon",
     "t-popup": "../popup/popup",
     "t-tabs": "../tabs/tabs",
-    "t-tab-panel": "../tabs/tab-panel",
+    "t-tab-panel": "../tab-panel/tab-panel",
     "t-radio-group": "../radio-group/radio-group"
   }
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxml b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxml
index 445e298..556248a 100644
--- a/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/cascader/cascader.wxml
@@ -1,5 +1,5 @@
 <t-popup visible="{{visible}}" placement="bottom" bind:visible-change="hide">
-  <view style="{{ customStyle }}" class="{{name}}">
+  <view style="{{ style }}" class="{{name}}">
     <view class="{{name}}__title">
       <slot name="title" />
       {{title}}
@@ -18,7 +18,7 @@
             <view class="{{name}}__step-label {{name}}__step-label--{{index === stepIndex ? 'active' : ''}}">
               {{ item }}
             </view>
-            <t-icon name="chevron-right" size="22" class="{{name}}__step-arrow" />
+            <t-icon name="chevron-right" size="22" t-class="{{name}}__step-arrow" />
           </view>
         </view>
         <block wx:if="{{theme == 'tab'}}">
@@ -42,18 +42,19 @@
           scroll-y
           scroll-top="{{scrollTopList[index]}}"
         >
-          <t-radio-group
-            class="cascader-radio-group-{{index}}"
-            value="{{selectedValue[index]}}"
-            keys="{{keys}}"
-            options="{{options}}"
-            bind:change="handleSelect"
-            data-level="{{index}}"
-            align="right"
-            icon="line"
-            borderless
-          >
-          </t-radio-group>
+          <view class="cascader-radio-group-{{index}}">
+            <t-radio-group
+              value="{{selectedValue[index]}}"
+              keys="{{keys}}"
+              options="{{options}}"
+              bind:change="handleSelect"
+              data-level="{{index}}"
+              align="right"
+              icon="line"
+              borderless
+            >
+            </t-radio-group>
+          </view>
         </scroll-view>
       </view>
     </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/cascader/props.js b/miniprogram_npm/tdesign-miniprogram/cascader/props.js
index eaeccd0..69156c0 100644
--- a/miniprogram_npm/tdesign-miniprogram/cascader/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/cascader/props.js
@@ -6,7 +6,7 @@ const props = {
     keys: {
         type: Object,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/cascader/type.d.ts b/miniprogram_npm/tdesign-miniprogram/cascader/type.d.ts
index cd5ab83..06cd89c 100644
--- a/miniprogram_npm/tdesign-miniprogram/cascader/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/cascader/type.d.ts
@@ -8,7 +8,7 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
         type: ObjectConstructor;
         value?: KeysType;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/cell-group/cell-group.wxml b/miniprogram_npm/tdesign-miniprogram/cell-group/cell-group.wxml
index f22e0f3..1f18d27 100644
--- a/miniprogram_npm/tdesign-miniprogram/cell-group/cell-group.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/cell-group/cell-group.wxml
@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <view wx:if="{{ title }}" class="{{ classPrefix }}__title {{prefix}}-class-title"> {{ title }} </view>
-<view style="{{ customStyle }}" class="{{_.cls(classPrefix, [[bordered, 'bordered'], theme])}} {{prefix}}-class">
+<view style="{{ style }}" class="{{_.cls(classPrefix, [[bordered, 'bordered'], theme])}} {{prefix}}-class">
   <slot />
 </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/cell-group/props.js b/miniprogram_npm/tdesign-miniprogram/cell-group/props.js
index 457c974..c7d8e41 100644
--- a/miniprogram_npm/tdesign-miniprogram/cell-group/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/cell-group/props.js
@@ -2,7 +2,7 @@ const props = {
     bordered: {
         type: Boolean,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/cell-group/type.d.ts b/miniprogram_npm/tdesign-miniprogram/cell-group/type.d.ts
index a23809c..4c111da 100644
--- a/miniprogram_npm/tdesign-miniprogram/cell-group/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/cell-group/type.d.ts
@@ -3,7 +3,7 @@ export interface TdCellGroupProps {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/cell/cell.wxml b/miniprogram_npm/tdesign-miniprogram/cell/cell.wxml
index 2cb0479..585644d 100644
--- a/miniprogram_npm/tdesign-miniprogram/cell/cell.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/cell/cell.wxml
@@ -1,5 +1,5 @@
 <view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{prefix}}-class {{classPrefix}} {{ hover ? classPrefix + '--hover' : ''}} {{ !bordered ? classPrefix + '--borderless' : ''}} {{classPrefix}}--{{align}}"
   hover-class="{{classPrefix}}--hover-class"
   hover-stay-time="70"
@@ -8,11 +8,14 @@
   aria-label="{{ariaLabel}}"
 >
   <view class="{{classPrefix}}__left {{prefix}}-class-left">
-    <t-icon wx:if="{{ leftIcon }}" name="{{leftIcon}}" class="{{classPrefix}}__left-icon {{prefix}}-class-left-icon" />
+    <t-icon
+      wx:if="{{ leftIcon }}"
+      name="{{leftIcon}}"
+      t-class="{{classPrefix}}__left-icon {{prefix}}-class-left-icon"
+    />
     <slot name="left-icon" />
     <t-image
       wx:if="{{ image }}"
-      class="{{classPrefix}}__left-image"
       shape="round"
       t-class="{{classPrefix}}__left-image {{prefix}}-class-image"
       src="{{ image }}"
@@ -40,9 +43,13 @@
   </view>
 
   <view class="{{classPrefix}}__right {{prefix}}-class-right">
-    <t-icon wx:if="{{ arrow }}" name="chevron-right" class="{{classPrefix}}__right-icon {{prefix}}-class-right-icon" />
+    <t-icon
+      wx:if="{{ arrow }}"
+      name="chevron-right"
+      t-class="{{classPrefix}}__right-icon {{prefix}}-class-right-icon"
+    />
     <block wx:else>
-      <t-icon name="{{rightIcon}}" class="{{classPrefix}}__right-icon {{prefix}}-class-right-icon" />
+      <t-icon name="{{rightIcon}}" t-class="{{classPrefix}}__right-icon {{prefix}}-class-right-icon" />
       <slot name="right-icon" />
     </block>
   </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/cell/cell.wxss b/miniprogram_npm/tdesign-miniprogram/cell/cell.wxss
index 22d95ac..37e9b39 100644
--- a/miniprogram_npm/tdesign-miniprogram/cell/cell.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/cell/cell.wxss
@@ -30,10 +30,10 @@
   display: flex;
   box-sizing: border-box;
   width: 100%;
-  padding: var(--td-cell-vertical-padding, 20rpx) var(--td-cell-horizontal-padding, 20rpx);
-  font-size: var(--td-cell-font-size, var(--td-font-size-m, 32rpx));
+  overflow: hidden;
+  padding: var(--td-cell-vertical-padding, 32rpx) var(--td-cell-horizontal-padding, 32rpx);
   line-height: var(--td-cell-line-height, 48rpx);
-  /*color: var(--td-cell-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));*/
+  height: var(--td-cell-height, auto);
   background-color: var(--td-cell-bg-color, var(--td-bg-color-block, #fff));
 }
 .t-cell::after {
@@ -44,10 +44,10 @@
   right: 0;
   left: 0;
   bottom: 0;
-  /*border-bottom: 1px solid var(--td-cell-border-color, var(--td-gray-color-3, #e7e7e7));*/
-  border-bottom: 10rpx solid var(--td-cell-border-color, var(--td-gray-color-3, #3C4043));
-  /*transform: scaleY(0.5);*/
-  /*left: 32rpx;*/
+  border-bottom: 1px solid var(--td-cell-border-color, var(--td-gray-color-3, #e7e7e7));
+  transform: scaleY(0.5);
+  left: var(--td-border-left-space, var(--td-cell-horizontal-padding, 32rpx));
+  right: var(--td-border-right-space, 0);
 }
 .t-cell--borderless::after {
   display: none;
@@ -55,10 +55,10 @@
 .t-cell__description {
   font-size: var(--td-cell-description-font-size, var(--td-font-size-base, 28rpx));
   line-height: var(--td-cell-description-line-height, 44rpx);
-  /*color: var(--td-cell-description-color, var(--td-font-gray-2, rgba(0, 0, 0, 0.6)));*/
+  color: var(--td-cell-description-color, var(--td-font-gray-2, rgba(0, 0, 0, 0.6)));
 }
 .t-cell__description-text {
-  margin-top: 8rpx;
+  margin-top: calc(var(--td-spacer, 16rpx) / 2);
 }
 .t-cell__note {
   display: flex;
@@ -78,40 +78,38 @@
 }
 .t-cell__title-text {
   display: flex;
-  font-size: 32rpx;
+  font-size: var(--td-cell-title-font-size, var(--td-font-size-m, 32rpx));
+  color: var(--td-cell-title-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
   font-weight: 400;
 }
 .t-cell__left,
 .t-cell__right {
   display: flex;
   align-items: center;
-  font-size: var(--td-cell-icon-size, 48rpx);
-  line-height: var(--td-cell-line-height, 48rpx);
 }
 .t-cell__left:not(:empty) {
-  margin-right: 16rpx;
+  margin-right: var(--td-spacer, 16rpx);
 }
 .t-cell__left-icon {
-  font-size: var(--td-cell-icon-size, 48rpx);
+  color: var(--td-cell-left-icon-color, var(--td-brand-color, var(--td-primary-color-8, #0052d9)));
+  font-size: var(--td-cell-left-icon-font-size, 48rpx);
 }
 .t-cell__left-image {
   height: var(--td-cell-image-height, 96rpx);
   width: var(--td-cell-image-width, 96rpx);
 }
 .t-cell__right {
-  margin-left: 8rpx;
-  color: var(--td-cell-right-icon-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
+  margin-left: calc(var(--td-spacer, 16rpx) / 2);
 }
 .t-cell__right-icon {
   color: var(--td-cell-right-icon-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-  font-size: var(--td-cell-icon-size, 48rpx);
-  line-height: var(--td-cell-line-height, 48rpx);
+  font-size: var(--td-cell-right-icon-font-size, 48rpx);
 }
 .t-cell--hover.t-cell--hover-class {
   background-color: var(--td-cell-hover-color, var(--td-gray-color-1, #f3f3f3));
 }
 .t-cell--required {
-  font-size: var(--td-cell-font-size, var(--td-font-size-m, 32rpx));
+  font-size: var(--td-cell-required-font-size, var(--td-font-size-m, 32rpx));
   color: var(--td-cell-required-color, var(--td-error-color-6, #e34d59));
 }
 .t-cell--middle {
diff --git a/miniprogram_npm/tdesign-miniprogram/cell/props.js b/miniprogram_npm/tdesign-miniprogram/cell/props.js
index f6fdfc9..ff23be9 100644
--- a/miniprogram_npm/tdesign-miniprogram/cell/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/cell/props.js
@@ -11,7 +11,7 @@ const props = {
         type: Boolean,
         value: true,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/cell/type.d.ts b/miniprogram_npm/tdesign-miniprogram/cell/type.d.ts
index 9067879..4dccb9d 100644
--- a/miniprogram_npm/tdesign-miniprogram/cell/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/cell/type.d.ts
@@ -11,7 +11,7 @@ export interface TdCellProps {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.d.ts b/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.d.ts
index 31e655d..83d7578 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.d.ts
@@ -12,7 +12,7 @@ export default class CheckBoxGroup extends SuperComponent {
             type: BooleanConstructor;
             value: boolean;
         };
-        customStyle?: {
+        style?: {
             type: StringConstructor;
             value?: string;
         };
@@ -30,15 +30,15 @@ export default class CheckBoxGroup extends SuperComponent {
         };
         options?: {
             type: ArrayConstructor;
-            value?: import("../checkbox/type").CheckboxOption[];
+            value?: import("./type").CheckboxOption[];
         };
         value?: {
             type: ArrayConstructor;
-            value?: import("../checkbox/type").CheckboxGroupValue;
+            value?: import("./type").CheckboxGroupValue;
         };
         defaultValue?: {
             type: ArrayConstructor;
-            value?: import("../checkbox/type").CheckboxGroupValue;
+            value?: import("./type").CheckboxGroupValue;
         };
     };
     observers: {
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.js b/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.js
index 570cd1e..5716333 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.js
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.js
@@ -6,13 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
-import props from '../checkbox/checkbox-group-props';
+import props from './props';
 const { prefix } = config;
 const name = `${prefix}-checkbox-group`;
 let CheckBoxGroup = class CheckBoxGroup extends SuperComponent {
     constructor() {
         super(...arguments);
-        this.externalClasses = [`${prefix}-class`];
+        this.externalClasses = ['class', `${prefix}-class`];
         this.relations = {
             '../checkbox/checkbox': {
                 type: 'descendant',
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.wxml b/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.wxml
index bd9d216..c662c36 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox-group/checkbox-group.wxml
@@ -1,4 +1,4 @@
-<view class="{{ classPrefix }} {{prefix}}-class" style="{{customStyle}}">
+<view class="{{ classPrefix }} class {{prefix}}-class" style="{{style}}">
   <slot />
   <block wx:for="{{checkboxOptions}}" wx:key="value">
     <t-checkbox
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/checkbox/README.en-US.md
index 1d829ec..2570bbb 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox/README.en-US.md
@@ -10,19 +10,19 @@ block | Boolean | true | \- | N
 check-all | Boolean | false | \- | N
 checked | Boolean | false | \- | N
 default-checked | Boolean | undefined | uncontrolled property | N
-color | String | #0052d9 | \- | N
 content | String / Slot | - | \- | N
 content-disabled | Boolean | - | \- | N
+custom-style | String | - | `0.25.0` | N
 disabled | Boolean | undefined | \- | N
 external-classes | Array | - | `['t-class', 't-class-icon', 't-class-label', 't-class-content', 't-class-border']` | N
-icon | String / Array | circle | Typescript：`'circle' \| 'line' \| 'rectangle' \| string[]` | N
+icon | String / Array | 'circle' | Typescript：`'circle' \| 'line' \| 'rectangle' \| string[]` | N
 indeterminate | Boolean | false | \- | N
 label | String / Slot | - | \- | N
 max-content-row | Number | 5 | \- | N
 max-label-row | Number | 3 | \- | N
 name | String | - | \- | N
 readonly | Boolean | false | \- | N
-value | String / Number | - | Typescript：`string \| number` | N
+value | String / Number | - | Typescript：`string \| number \| boolean` | N
 
 ### Checkbox Events
 
@@ -34,15 +34,16 @@ change | `(checked: boolean)` | \-
 
 name | type | default | description | required
 -- | -- | -- | -- | --
+custom-style | String | - | `0.25.0` | N
 disabled | Boolean | false | \- | N
 max | Number | undefined | \- | N
 name | String | - | \- | N
-options | Array | [] | Typescript：`Array<CheckboxOption>` `type CheckboxOption = string \| number \| CheckboxOptionObj` `interface CheckboxOptionObj { label?: string; value?: string \| number; disabled?: boolean; checkAll?: true }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts) | N
-value | Array | [] | Typescript：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts) | N
-default-value | Array | undefined | uncontrolled property。Typescript：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts) | N
+options | Array | [] | Typescript：`Array<CheckboxOption>` `type CheckboxOption = string \| number \| CheckboxOptionObj` `interface CheckboxOptionObj { label?: string; value?: string \| number; disabled?: boolean; checkAll?: true }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts) | N
+value | Array | [] | Typescript：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts) | N
+default-value | Array | undefined | uncontrolled property。Typescript：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts) | N
 
 ### CheckboxGroup Events
 
 name | params | description
 -- | -- | --
-change | `(value: CheckboxGroupValue, context: CheckboxGroupChangeContext)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts)。<br/>`interface CheckboxGroupChangeContext { e: Event; current: string \| number; option: CheckboxOption \| TdCheckboxProps; type: 'check' \| 'uncheck' }`<br/>
+change | `(value: CheckboxGroupValue, context: CheckboxGroupChangeContext)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts)。<br/>`interface CheckboxGroupChangeContext { e: Event; current: string \| number; option: CheckboxOption \| TdCheckboxProps; type: 'check' \| 'uncheck' }`<br/>
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/README.md b/miniprogram_npm/tdesign-miniprogram/checkbox/README.md
index e066561..dce8f0e 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox/README.md
@@ -71,10 +71,10 @@ checked | Boolean | false | 是否选中 | N
 default-checked | Boolean | undefined | 是否选中。非受控属性 | N
 content | String / Slot | - | 多选框内容 | N
 content-disabled | Boolean | - | 是否禁用组件内容（content）触发选中 | N
-custom-style `v0.25.0` | String | - | 自定义组件样式 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 disabled | Boolean | undefined | 是否禁用组件 | N
 external-classes | Array | - | 组件类名，分别用于设置 组件外层、多选框图标、主文案、内容 等元素类名。`['t-class', 't-class-icon', 't-class-label', 't-class-content', 't-class-border']` | N
-icon | String / Array | circle | 自定义选中图标和非选中图标。使用 Array 时表示：`[选中态图标，非选中态图标]`。使用 String 时，值为 circle 表示填充圆形图标、值为 line 表示描边型图标、值为 rectangle 表示填充矩形图标。TS 类型：`'circle' \| 'line' \| 'rectangle' \| string[]` | N
+icon | String / Array | 'circle' | 自定义选中图标和非选中图标。使用 Array 时表示：`[选中态图标，非选中态图标]`。使用 String 时，值为 circle 表示填充圆形图标、值为 line 表示描边型图标、值为 rectangle 表示填充矩形图标。TS 类型：`'circle' \| 'line' \| 'rectangle' \| string[]` | N
 indeterminate | Boolean | false | 是否为半选 | N
 label | String / Slot | - | 主文案 | N
 max-content-row | Number | 5 | 内容最大行数限制 | N
@@ -93,16 +93,16 @@ change | `(checked: boolean)` | 值变化时触发
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-custom-style | String | - | 自定义组件样式 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 disabled | Boolean | false | 是否禁用组件 | N
 max | Number | undefined | 支持最多选中的数量 | N
 name | String | - | 统一设置内部复选框 HTML 属性 | N
-options | Array | [] | 以配置形式设置子元素。示例1：`['北京', '上海']` ，示例2: `[{ label: '全选', checkAll: true }, { label: '上海', value: 'shanghai' }]`。checkAll 值为 true 表示当前选项为「全选选项」。TS 类型：`Array<CheckboxOption>` `type CheckboxOption = string \| number \| CheckboxOptionObj` `interface CheckboxOptionObj { label?: string; value?: string \| number; disabled?: boolean; checkAll?: true }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts) | N
-value | Array | [] | 选中值。TS 类型：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts) | N
-default-value | Array | undefined | 选中值。非受控属性。TS 类型：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts) | N
+options | Array | [] | 以配置形式设置子元素。示例1：`['北京', '上海']` ，示例2: `[{ label: '全选', checkAll: true }, { label: '上海', value: 'shanghai' }]`。checkAll 值为 true 表示当前选项为「全选选项」。TS 类型：`Array<CheckboxOption>` `type CheckboxOption = string \| number \| CheckboxOptionObj` `interface CheckboxOptionObj { label?: string; value?: string \| number; disabled?: boolean; checkAll?: true }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts) | N
+value | Array | [] | 选中值。TS 类型：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts) | N
+default-value | Array | undefined | 选中值。非受控属性。TS 类型：`CheckboxGroupValue` `type CheckboxGroupValue = Array<string \| number>`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts) | N
 
 ### CheckboxGroup Events
 
 名称 | 参数 | 描述
 -- | -- | --
-change | `(value: CheckboxGroupValue, context: CheckboxGroupChangeContext)` | 值变化时触发。`context.current` 表示当前变化的数据项，如果是全选则为空；`context.type` 表示引起选中数据变化的是选中或是取消选中，`context.option` 表示当前变化的数据项。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox/type.ts)。<br/>`interface CheckboxGroupChangeContext { e: Event; current: string \| number; option: CheckboxOption \| TdCheckboxProps; type: 'check' \| 'uncheck' }`<br/>
+change | `(value: CheckboxGroupValue, context: CheckboxGroupChangeContext)` | 值变化时触发。`context.current` 表示当前变化的数据项，如果是全选则为空；`context.type` 表示引起选中数据变化的是选中或是取消选中，`context.option` 表示当前变化的数据项。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/checkbox-group/type.ts)。<br/>`interface CheckboxGroupChangeContext { e: Event; current: string \| number; option: CheckboxOption \| TdCheckboxProps; type: 'check' \| 'uncheck' }`<br/>
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox-group-props.d.ts b/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox-group-props.d.ts
deleted file mode 100644
index f6e5bf5..0000000
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox-group-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdCheckboxGroupProps } from './type';
-declare const props: TdCheckboxGroupProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox-group-props.js b/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox-group-props.js
deleted file mode 100644
index a6c8d75..0000000
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox-group-props.js
+++ /dev/null
@@ -1,31 +0,0 @@
-const props = {
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    disabled: {
-        type: Boolean,
-        value: false,
-    },
-    max: {
-        type: Number,
-        value: undefined,
-    },
-    name: {
-        type: String,
-        value: '',
-    },
-    options: {
-        type: Array,
-        value: [],
-    },
-    value: {
-        type: Array,
-        value: null,
-    },
-    defaultValue: {
-        type: Array,
-        value: [],
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.d.ts b/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.d.ts
index 71a3d76..fce040c 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.d.ts
@@ -41,7 +41,7 @@ export default class CheckBox extends SuperComponent {
             type: BooleanConstructor;
             value?: boolean;
         };
-        customStyle?: {
+        style?: {
             type: StringConstructor;
             value?: string;
         };
@@ -83,7 +83,7 @@ export default class CheckBox extends SuperComponent {
         };
         value?: {
             type: null;
-            value?: string | number;
+            value?: string | number | boolean;
         };
     };
     data: {
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.wxml b/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.wxml
index 795055d..8ea720b 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox/checkbox.wxml
@@ -1,18 +1,17 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{_.cls(classPrefix, [align, theme, ['checked', checked], ['block', block]])}} {{prefix}}-class"
   aria-role="checkbox"
   aria-checked="{{checked ? (indeterminate ? 'mixed' : true) : false}}"
   aria-disabled="{{disabled ? true : false}}"
+  bind:tap="onChange"
   tabindex="{{tabindex}}"
 >
   <view
     wx:if="{{theme == 'default'}}"
     class="{{_.cls(classPrefix + '__icon', [align, ['checked', checked], ['disabled', disabled]])}} {{prefix}}-class-icon"
-    data-target="icon"
-    bind:tap="onChange"
   >
     <view wx:if="{{_.isArray(icon)}}" class="{{classPrefix}}__icon">
       <image src="{{checked ? icon[0] : icon[1]}}" class="{{classPrefix}}__icon-image" webp />
@@ -35,7 +34,7 @@
       <view wx:if="{{!checked && icon == 'line'}}" class="placeholder"></view>
     </block>
   </view>
-  <view class="{{classPrefix}}__content" data-target="text" bind:tap="onChange">
+  <view class="{{classPrefix}}__content" data-target="text" catch:tap="onChange">
     <view
       class="{{_.cls(classPrefix + '__title', [['disabled', disabled], ['checked', checked]])}} {{prefix}}-class-label"
       style="-webkit-line-clamp:{{maxLabelRow}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/props.js b/miniprogram_npm/tdesign-miniprogram/checkbox/props.js
index 6975954..a30285d 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox/props.js
@@ -25,7 +25,7 @@ const props = {
     contentDisabled: {
         type: Boolean,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/checkbox/type.d.ts b/miniprogram_npm/tdesign-miniprogram/checkbox/type.d.ts
index a567eb9..4c87cd0 100644
--- a/miniprogram_npm/tdesign-miniprogram/checkbox/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/checkbox/type.d.ts
@@ -27,7 +27,7 @@ export interface TdCheckboxProps {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -69,44 +69,6 @@ export interface TdCheckboxProps {
     };
     value?: {
         type: null;
-        value?: string | number;
+        value?: string | number | boolean;
     };
 }
-export interface TdCheckboxGroupProps {
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    disabled?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    max?: {
-        type: NumberConstructor;
-        value?: number;
-    };
-    name?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    options?: {
-        type: ArrayConstructor;
-        value?: Array<CheckboxOption>;
-    };
-    value?: {
-        type: ArrayConstructor;
-        value?: CheckboxGroupValue;
-    };
-    defaultValue?: {
-        type: ArrayConstructor;
-        value?: CheckboxGroupValue;
-    };
-}
-export declare type CheckboxOption = string | number | CheckboxOptionObj;
-export interface CheckboxOptionObj {
-    label?: string;
-    value?: string | number;
-    disabled?: boolean;
-    checkAll?: true;
-}
-export declare type CheckboxGroupValue = Array<string | number>;
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/collapse/README.en-US.md
index af9f543..d34ffbc 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/README.en-US.md
@@ -1,12 +1,11 @@
 :: BASE_DOC ::
 
 ## API
-
 ### Collapse Props
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-custom-style `v0.25.0` | String | - | \- | N
+custom-style | String | - | `0.25.0` | N
 default-expand-all | Boolean | false | \- | N
 disabled | Boolean | - | \- | N
 expand-icon | Boolean / Slot | true | \- | N
@@ -26,10 +25,11 @@ change | `(value: CollapseValue)` | \-
 name | type | default | description | required
 -- | -- | -- | -- | --
 content | String / Slot | - | \- | N
-custom-style `v0.25.0` | String | - | \- | N
+custom-style | String | - | `0.25.0` | N
 disabled | Boolean | undefined | \- | N
 expand-icon | Boolean / Slot | undefined | \- | N
 external-classes | Array | - | `['t-class', 't-class-header', 't-class-content']` | N
 header | String / Slot | - | \- | N
 header-right-content | String / Slot | - | \- | N
+placement | String | bottom | `0.34.0`。options：bottom/top | N
 value | String / Number | - | \- | N
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/README.md b/miniprogram_npm/tdesign-miniprogram/collapse/README.md
index 6a81493..1c1f7c3 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/README.md
@@ -21,7 +21,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-collapse": "tdesign-miniprogram/collapse/collapse",
-  "t-collapse-panel": "tdesign-miniprogram/collapse/collapse-panel"
+  "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel"
 }
 ```
 
@@ -53,12 +53,12 @@ isComponent: true
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 default-expand-all | Boolean | false | 默认是否展开全部 | N
 disabled | Boolean | - | 是否禁用面板展开/收起操作 | N
 expand-icon | Boolean / Slot | true | 展开图标。值为 undefined 或 false 则不显示展开图标；值为 true 显示默认图标；值类型为函数，则表示完全自定义展开图标 | N
 expand-mutex | Boolean | false | 每个面板互斥展开，每次只展开一个面板 | N
-style | String | - | 自定义组件样式 | N
-theme | String | default | 折叠面板风格。可选项：card | N
+theme | String | default | 折叠面板风格。可选项：default/card | N
 value | Array | [] | 展开的面板集合。TS 类型：`CollapseValue` `type CollapseValue = Array<string \| number>`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/collapse/type.ts) | N
 default-value | Array | undefined | 展开的面板集合。非受控属性。TS 类型：`CollapseValue` `type CollapseValue = Array<string \| number>`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/collapse/type.ts) | N
 
@@ -73,10 +73,11 @@ change | `(value: CollapseValue)` | 切换面板时触发，返回变化的值
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
 content | String / Slot | - | 折叠面板内容 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 disabled | Boolean | undefined | 禁止当前面板展开，优先级大于 Collapse 的同名属性 | N
 expand-icon | Boolean / Slot | undefined | 当前折叠面板展开图标，优先级大于 Collapse 的同名属性 | N
 external-classes | Array | - | 组件类名，用于组件外层元素、标题、内容。`['t-class', 't-class-header', 't-class-content']` | N
 header | String / Slot | - | 面板头内容 | N
 header-right-content | String / Slot | - | 面板头的右侧区域，一般用于呈现面板操作 | N
-style | String | - | 自定义组件样式 | N
+placement | String | bottom | `0.34.0`。选项卡内容的位置。可选项：bottom/top | N
 value | String / Number | - | 当前面板唯一标识，如果值为空则取当前面下标兜底作为唯一标识 | N
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel-props.d.ts b/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel-props.d.ts
deleted file mode 100644
index 829dbea..0000000
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdCollapsePanelProps } from './type';
-declare const props: TdCollapsePanelProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel-props.js b/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel-props.js
deleted file mode 100644
index f485bd7..0000000
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel-props.js
+++ /dev/null
@@ -1,30 +0,0 @@
-const props = {
-    content: {
-        type: String,
-    },
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    disabled: {
-        type: Boolean,
-        value: null,
-    },
-    expandIcon: {
-        type: Boolean,
-        value: true,
-    },
-    externalClasses: {
-        type: Array,
-    },
-    header: {
-        type: String,
-    },
-    headerRightContent: {
-        type: String,
-    },
-    value: {
-        type: null,
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.d.ts b/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.d.ts
deleted file mode 100644
index aee59d7..0000000
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.d.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-import type { TdCollapsePanelProps } from './type';
-export interface CollapsePanelProps extends TdCollapsePanelProps {
-}
-export default class CollapsePanel extends SuperComponent {
-    externalClasses: string[];
-    options: {
-        multipleSlots: boolean;
-    };
-    relations: RelationsOptions;
-    properties: TdCollapsePanelProps;
-    data: {
-        prefix: string;
-        contentHeight: number;
-        expanded: boolean;
-        classPrefix: string;
-        classBasePrefix: string;
-        ultimateExpandIcon: boolean;
-        ultimateDisabled: boolean;
-    };
-    methods: {
-        set(data: Record<string, object | any>): Promise<unknown>;
-        updateExpanded(activeValues: any): Promise<void>;
-        getRect(selector: string): Promise<WechatMiniprogram.BoundingClientRectCallbackResult>;
-        updateStyle(expanded: boolean): any;
-        onClick(): void;
-        onTransitionEnd(): void;
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.js b/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.js
deleted file mode 100644
index 975e591..0000000
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.js
+++ /dev/null
@@ -1,116 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent } from '../common/src/index';
-import config from '../common/config';
-import props from './collapse-panel-props';
-const { prefix } = config;
-const name = `${prefix}-collapse-panel`;
-const nextTick = () => new Promise((resolve) => setTimeout(resolve, 20));
-let CollapsePanel = class CollapsePanel extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.externalClasses = [`${prefix}-class`, `${prefix}-class-content`, `${prefix}-class-header`];
-        this.options = {
-            multipleSlots: true,
-        };
-        this.relations = {
-            './collapse': {
-                type: 'ancestor',
-                linked(target) {
-                    this.parent = target;
-                    const { value, defaultExpandAll, expandMutex, expandIcon, disabled } = target.properties;
-                    const activeValues = defaultExpandAll && !expandMutex ? [this.properties.value] : value;
-                    this.setData({
-                        ultimateExpandIcon: expandIcon || this.properties.expandIcon,
-                        ultimateDisabled: this.properties.disabled == null ? disabled : this.properties.disabled,
-                    });
-                    this.updateExpanded(activeValues);
-                },
-            },
-        };
-        this.properties = props;
-        this.data = {
-            prefix,
-            contentHeight: 0,
-            expanded: false,
-            classPrefix: name,
-            classBasePrefix: prefix,
-            ultimateExpandIcon: false,
-            ultimateDisabled: false,
-        };
-        this.methods = {
-            set(data) {
-                this.setData(data);
-                return new Promise((resolve) => wx.nextTick(resolve));
-            },
-            updateExpanded(activeValues) {
-                if (!this.parent) {
-                    return Promise.resolve()
-                        .then(nextTick)
-                        .then(() => {
-                        const data = { transition: true };
-                        if (this.data.expanded) {
-                            data.contentHeight = 'auto';
-                        }
-                        this.setData(data);
-                    });
-                }
-                const { value } = this.properties;
-                const expanded = activeValues.includes(value);
-                if (expanded === this.properties.expanded)
-                    return;
-                this.setData({ expanded });
-                this.updateStyle(expanded);
-            },
-            getRect(selector) {
-                return new Promise((resolve) => {
-                    wx.createSelectorQuery()
-                        .in(this)
-                        .select(selector)
-                        .boundingClientRect((rect) => {
-                        if (rect) {
-                            resolve(rect);
-                        }
-                    })
-                        .exec();
-                });
-            },
-            updateStyle(expanded) {
-                return this.getRect(`.${name}__content`)
-                    .then((rect) => rect.height)
-                    .then((height) => {
-                    if (expanded) {
-                        return this.set({
-                            contentHeight: height ? `${height}px` : 'auto',
-                        });
-                    }
-                    return this.set({ contentHeight: `${height}px` })
-                        .then(nextTick)
-                        .then(() => this.set({ contentHeight: 0 }));
-                });
-            },
-            onClick() {
-                const { ultimateDisabled } = this.data;
-                const { value } = this.properties;
-                if (ultimateDisabled)
-                    return;
-                this.parent.switch(value);
-            },
-            onTransitionEnd() {
-                if (this.data.expanded) {
-                    this.setData({
-                        contentHeight: 'auto',
-                    });
-                }
-            },
-        };
-    }
-};
-CollapsePanel = __decorate([
-    wxComponent()
-], CollapsePanel);
-export default CollapsePanel;
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.json b/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.json
deleted file mode 100644
index 5160a95..0000000
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "t-cell": "../cell/cell"
-  }
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.wxml b/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.wxml
deleted file mode 100644
index b103097..0000000
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.wxml
+++ /dev/null
@@ -1,42 +0,0 @@
-<wxs src="../common/utils.wxs" module="utils" />
-
-<view style="{{ customStyle }}" class="{{classPrefix}} {{prefix}}-class">
-  <view
-    class="{{classPrefix}}__title"
-    aria-role="button"
-    aria-expanded="{{expanded}}"
-    aria-disabled="{{ultimateDisabled}}"
-    bind:tap="onClick"
-  >
-    <t-cell
-      title="{{header}}"
-      note="{{headerRightContent}}"
-      bordered
-      right-icon="{{ ultimateExpandIcon ? (expanded ? 'chevron-up' : 'chevron-down') : '' }}"
-      t-class="{{classPrefix}}__header {{prefix}}-class-header"
-      t-class-title="class-title {{ultimateDisabled ? 'class-title--disabled' : ''}}"
-      t-class-note="class-note {{ultimateDisabled ? 'class-note--disabled' : ''}}"
-      t-class-right-icon="class-right-icon {{ultimateDisabled ? 'class-right-icon--disabled' : ''}}"
-      t-class-hover="class-header-hover"
-    >
-      <slot name="header" slot="title" />
-      <slot name="header-right-content" slot="note" />
-      <slot name="expand-icon" slot="right-icon" />
-    </t-cell>
-  </view>
-  <view
-    class="{{classPrefix}}__wrapper"
-    style="height: {{contentHeight}};"
-    aria-hidden="{{expanded ? '' : true}}"
-    bind:transitionend="onTransitionEnd"
-  >
-    <view
-      class="{{classPrefix}}__content {{classPrefix}}__content--{{expanded ? 'active' : ''}} {{prefix}}-class-content"
-    >
-      {{content}}
-      <slot />
-      <slot name="content" />
-    </view>
-  </view>
-</view>
-<!-- parentDisabled -->
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.wxss b/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.wxss
deleted file mode 100644
index 5d1879a..0000000
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.wxss
+++ /dev/null
@@ -1,142 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-.t-collapse-panel {
-  overflow: hidden;
-  transition: height 200ms ease-in-out;
-  position: relative;
-  background-color: #fff;
-}
-.t-collapse-panel::after {
-  content: '';
-  display: block;
-  position: absolute;
-  top: unset;
-  bottom: 0;
-  left: unset;
-  right: unset;
-  background-color: var(--td-collapse-border-color, var(--td-border-color, #e7e7e7));
-}
-.t-collapse-panel::after {
-  height: 1px;
-  left: 0;
-  right: 0;
-  transform: scaleY(0.5);
-}
-.t-collapse-panel--active {
-  height: auto;
-}
-.t-collapse-panel--disabled {
-  pointer-events: none;
-}
-.t-collapse-panel--disabled .t-collapse-panel__content,
-.t-collapse-panel--disabled .t-collapse-panel__header {
-  opacity: 0.3;
-}
-.t-collapse-panel__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-left: var(--td-collapse-horizontal-padding, 32rpx);
-  height: var(--td-collapse-header-height, 96rpx);
-  color: var(--td-collapse-header-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  position: relative;
-}
-.t-collapse-panel__header::after {
-  content: '';
-  display: block;
-  position: absolute;
-  top: unset;
-  bottom: 0;
-  left: unset;
-  right: unset;
-  background-color: var(--td-collapse-border-color, var(--td-border-color, #e7e7e7));
-}
-.t-collapse-panel__header::after {
-  height: 1px;
-  left: 0;
-  right: 0;
-  transform: scaleY(0.5);
-}
-.t-collapse-panel__header:after {
-  left: 32rpx;
-}
-.t-collapse-panel__header-right {
-  display: inline-flex;
-  align-items: center;
-  height: 100%;
-}
-.t-collapse-panel__header-icon {
-  height: 100%;
-  padding-left: 8px;
-  width: 44px;
-  padding-right: 8px;
-  color: var(--td-collapse-icon-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-}
-.t-collapse-panel__extra {
-  font-size: var(--td-collapse-extra-font-size, var(--td-font-size-m, 32rpx));
-}
-.t-collapse-panel__body {
-  position: relative;
-}
-.t-collapse-panel__body::after {
-  content: '';
-  display: block;
-  position: absolute;
-  top: unset;
-  bottom: 0;
-  left: unset;
-  right: unset;
-  background-color: var(--td-collapse-border-color, var(--td-border-color, #e7e7e7));
-}
-.t-collapse-panel__body::after {
-  height: 1px;
-  left: 0;
-  right: 0;
-  transform: scaleY(0.5);
-}
-.t-collapse-panel__wrapper {
-  transition: height 200ms ease-in-out;
-}
-.t-collapse-panel__content {
-  color: var(--td-collapse-content-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  font-size: var(--td-collapse-content-font-size, var(--td-font-size-base, 28rpx));
-  padding: var(--td-collapse-content-padding, 32rpx);
-  line-height: var(--td-collapse-content-line-height, 1.5);
-}
-.class-title {
-  font-size: var(--td-collapse-title-font-size, var(--td-font-size-m, 32rpx));
-}
-.class-title--disabled {
-  color: var(--td-text-disabled-color, rgba(0, 0, 0, 0.26));
-}
-.class-note--disabled {
-  color: var(--td-text-disabled-color, rgba(0, 0, 0, 0.26)) !important;
-}
-.class-right-icon--disabled {
-  color: var(--td-text-disabled-color, rgba(0, 0, 0, 0.26)) !important;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse.js b/miniprogram_npm/tdesign-miniprogram/collapse/collapse.js
index d083ab0..b7b26eb 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse.js
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/collapse.js
@@ -17,7 +17,7 @@ let Collapse = class Collapse extends SuperComponent {
         };
         this.externalClasses = [`${prefix}-class`];
         this.relations = {
-            './collapse-panel': {
+            '../collapse-panel/collapse-panel': {
                 type: 'descendant',
                 linked() {
                     this.updateExpanded();
@@ -42,10 +42,7 @@ let Collapse = class Collapse extends SuperComponent {
         };
         this.methods = {
             updateExpanded() {
-                const panels = this.$children;
-                if (panels.length === 0)
-                    return;
-                panels.forEach((child) => {
+                this.$children.forEach((child) => {
                     child.updateExpanded(this.properties.value);
                 });
             },
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/collapse.wxml b/miniprogram_npm/tdesign-miniprogram/collapse/collapse.wxml
index c26ab9a..f6a1ef0 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/collapse.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/collapse.wxml
@@ -1,8 +1,5 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view
-  style="{{ customStyle }}"
-  class="{{prefix}}-class {{_.cls(classPrefix, [['hairline--top-bottom', border], theme])}}"
->
+<view style="{{ style }}" class="{{prefix}}-class {{_.cls(classPrefix, [['hairline--top-bottom', border], theme])}}">
   <slot />
 </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/index.d.ts b/miniprogram_npm/tdesign-miniprogram/collapse/index.d.ts
index 2e917ab..69a68c1 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/index.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/index.d.ts
@@ -1,6 +1,4 @@
 export { default as Collapse } from './collapse';
 export * from './type';
 export * from './props';
-export * from './collapse-panel-props';
 export { CollapseProps } from './collapse';
-export { CollapsePanelProps } from './collapse-panel';
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/index.js b/miniprogram_npm/tdesign-miniprogram/collapse/index.js
index f7e4b3a..53d3447 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/index.js
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/index.js
@@ -1,4 +1,3 @@
 export { default as Collapse } from './collapse';
 export * from './type';
 export * from './props';
-export * from './collapse-panel-props';
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/props.js b/miniprogram_npm/tdesign-miniprogram/collapse/props.js
index 881732a..5c84077 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/collapse/type.d.ts b/miniprogram_npm/tdesign-miniprogram/collapse/type.d.ts
index 8c6a86f..b9cff85 100644
--- a/miniprogram_npm/tdesign-miniprogram/collapse/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/collapse/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdCollapseProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -32,38 +32,4 @@ export interface TdCollapseProps {
         value?: CollapseValue;
     };
 }
-export interface TdCollapsePanelProps {
-    content?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    disabled?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    expandIcon?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    externalClasses?: {
-        type: ArrayConstructor;
-        value?: ['t-class', 't-class-header', 't-class-content'];
-    };
-    header?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    headerRightContent?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    value?: {
-        type: null;
-        value?: string | number;
-    };
-}
 export declare type CollapseValue = Array<string | number>;
diff --git a/miniprogram_npm/tdesign-miniprogram/common/src/instantiationDecorator.js b/miniprogram_npm/tdesign-miniprogram/common/src/instantiationDecorator.js
index e2c039c..c1382a3 100644
--- a/miniprogram_npm/tdesign-miniprogram/common/src/instantiationDecorator.js
+++ b/miniprogram_npm/tdesign-miniprogram/common/src/instantiationDecorator.js
@@ -1,4 +1,5 @@
 import { isPlainObject, toObject } from './flatTool';
+import { canUseVirtualHost } from '../version';
 const RawLifeCycles = ['Created', 'Attached', 'Ready', 'Moved', 'Detached', 'Error'];
 const NativeLifeCycles = RawLifeCycles.map((k) => k.toLowerCase());
 const ComponentNativeProps = [
@@ -129,6 +130,9 @@ export const wxComponent = function wxComponent() {
         if (current.options.addGlobalClass === undefined) {
             current.options.addGlobalClass = true;
         }
+        if (canUseVirtualHost()) {
+            current.options.virtualHost = true;
+        }
         const obj = toComponent(toObject(current));
         Component(obj);
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/common/template/badge.wxml b/miniprogram_npm/tdesign-miniprogram/common/template/badge.wxml
index ade19cb..4b2b4f2 100644
--- a/miniprogram_npm/tdesign-miniprogram/common/template/badge.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/common/template/badge.wxml
@@ -9,7 +9,7 @@
     shape="{{shape || 'circle'}}"
     show-zero="{{showZero}}"
     size="{{size || 'medium'}}"
-    t-class="{{tClass}}"
+    t-class="{{class}} {{tClass}}"
     t-class-content="{{tClassContent}}"
     t-class-count="{{tClassCount}}"
   />
diff --git a/miniprogram_npm/tdesign-miniprogram/common/template/button.wxml b/miniprogram_npm/tdesign-miniprogram/common/template/button.wxml
index 06bd81c..7bc9b0c 100644
--- a/miniprogram_npm/tdesign-miniprogram/common/template/button.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/common/template/button.wxml
@@ -9,6 +9,7 @@
     icon="{{icon}}"
     loading="{{loading}}"
     theme="{{theme}}"
+    ghost="{{ghost}}"
     shape="{{shape}}"
     size="{{size}}"
     variant="{{variant}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/common/template/icon.wxml b/miniprogram_npm/tdesign-miniprogram/common/template/icon.wxml
index 295c6d1..06aca70 100644
--- a/miniprogram_npm/tdesign-miniprogram/common/template/icon.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/common/template/icon.wxml
@@ -1,6 +1,6 @@
 <template name="icon">
   <t-icon
-    customStyle="{{customStyle}}"
+    style="{{style}}"
     class="{{class}}"
     t-class="{{tClass}}"
     prefix="{{prefix}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/common/template/image.wxml b/miniprogram_npm/tdesign-miniprogram/common/template/image.wxml
index b8e04da..84587fc 100644
--- a/miniprogram_npm/tdesign-miniprogram/common/template/image.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/common/template/image.wxml
@@ -1,6 +1,6 @@
 <template name="image">
   <t-image
-    customStyle="{{customStyle}}"
+    style="{{style}}"
     error="{{error || 'default'}}"
     lazy="{{lazy}}"
     loading="{{count || 'default'}}"
@@ -11,7 +11,7 @@
     showMenuByLongpress="{{showMenuByLongpress}}"
     bind:error="{{binderror}}"
     bind:load="{{bindload}}"
-    t-class="{{tClass}}"
+    t-class="{{class}} {{tClass}}"
     t-class-load="{{tClassLoad}}"
   />
 </template>
diff --git a/miniprogram_npm/tdesign-miniprogram/common/version.d.ts b/miniprogram_npm/tdesign-miniprogram/common/version.d.ts
index 25e4c38..a492558 100644
--- a/miniprogram_npm/tdesign-miniprogram/common/version.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/common/version.d.ts
@@ -1 +1,2 @@
 export declare function canIUseFormFieldButton(): boolean;
+export declare function canUseVirtualHost(): boolean;
diff --git a/miniprogram_npm/tdesign-miniprogram/common/version.js b/miniprogram_npm/tdesign-miniprogram/common/version.js
index b0612ed..a4e7619 100644
--- a/miniprogram_npm/tdesign-miniprogram/common/version.js
+++ b/miniprogram_npm/tdesign-miniprogram/common/version.js
@@ -35,3 +35,6 @@ export function canIUseFormFieldButton() {
     const version = '2.10.3';
     return judgeByVersion(version);
 }
+export function canUseVirtualHost() {
+    return judgeByVersion('2.19.2');
+}
diff --git a/miniprogram_npm/tdesign-miniprogram/count-down/count-down.wxml b/miniprogram_npm/tdesign-miniprogram/count-down/count-down.wxml
index ff51549..7b844c9 100644
--- a/miniprogram_npm/tdesign-miniprogram/count-down/count-down.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/count-down/count-down.wxml
@@ -1,7 +1,7 @@
 <wxs module="_"> module.exports.format = function(num) { return num < 10 ? '0' + num : num; } </wxs>
 
 <view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{classPrefix}} {{classPrefix}}--{{theme}} {{classPrefix}}--{{size}} {{prefix}}-class "
   aria-role="option"
 >
diff --git a/miniprogram_npm/tdesign-miniprogram/count-down/props.js b/miniprogram_npm/tdesign-miniprogram/count-down/props.js
index aeae59f..01779c4 100644
--- a/miniprogram_npm/tdesign-miniprogram/count-down/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/count-down/props.js
@@ -7,7 +7,7 @@ const props = {
         type: String,
         value: 'default',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/count-down/type.d.ts b/miniprogram_npm/tdesign-miniprogram/count-down/type.d.ts
index e518a7c..44dc065 100644
--- a/miniprogram_npm/tdesign-miniprogram/count-down/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/count-down/type.d.ts
@@ -7,7 +7,7 @@ export interface TdCountDownProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.json b/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.json
index 036831c..460dcd6 100644
--- a/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.json
+++ b/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.json
@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-picker": "../picker/picker",
-    "t-picker-item": "../picker/picker-item"
+    "t-picker-item": "../picker-item/picker-item"
   }
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxml b/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxml
index 5926dd9..ee496ca 100644
--- a/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxml
@@ -1,5 +1,7 @@
+<wxs src="../common/utils.wxs" module="_" />
+
 <t-picker
-  custom-style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{classPrefix}}"
   visible="{{visible}}"
   value="{{columnsValue}}"
@@ -14,6 +16,12 @@
 >
   <slot slot="header" name="header" />
 
-  <t-picker-item wx:for="{{columns}}" wx:key="index" class="{{classPrefix}}__item" options="{{item}}" index="index" />
+  <t-picker-item
+    wx:for="{{columns}}"
+    wx:key="index"
+    class="{{_.cls(classPrefix + '__item', [['roomly', columns.length > 5 && index == 0]])}}"
+    options="{{item}}"
+    index="index"
+  />
   <slot slot="footer" name="footer" />
 </t-picker>
diff --git a/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxss b/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxss
index e69de29..6c89e6e 100644
--- a/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxss
@@ -0,0 +1,31 @@
+.t-float-left {
+  float: left;
+}
+.t-float-right {
+  float: right;
+}
+@keyframes tdesign-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.hotspot-expanded.relative {
+  position: relative;
+}
+.hotspot-expanded::after {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  transform: scale(1.5);
+}
+.t-date-time-picker__item--roomly {
+  width: var(--td-data-time-picker-year-width, 128rpx);
+  flex: 0 0 var(--td-data-time-picker-year-width, 128rpx);
+}
diff --git a/miniprogram_npm/tdesign-miniprogram/date-time-picker/props.js b/miniprogram_npm/tdesign-miniprogram/date-time-picker/props.js
index e1d8ea3..09e15f3 100644
--- a/miniprogram_npm/tdesign-miniprogram/date-time-picker/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/date-time-picker/props.js
@@ -7,7 +7,7 @@ const props = {
         type: String,
         value: '',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/date-time-picker/type.d.ts b/miniprogram_npm/tdesign-miniprogram/date-time-picker/type.d.ts
index 2d95b59..f9a030e 100644
--- a/miniprogram_npm/tdesign-miniprogram/date-time-picker/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/date-time-picker/type.d.ts
@@ -7,7 +7,7 @@ export interface TdDateTimePickerProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/dialog/README.md b/miniprogram_npm/tdesign-miniprogram/dialog/README.md
index 5c98d8f..611ba7b 100644
--- a/miniprogram_npm/tdesign-miniprogram/dialog/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/dialog/README.md
@@ -61,10 +61,10 @@ isComponent: true
 -- | -- | -- | -- | --
 actions | Array / Slot | - | 操作栏。TS 类型：`Array<ButtonProps>`，[Button API Documents](./button?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dialog/type.ts) | N
 button-layout | String | horizontal | 多按钮排列方式。可选项：horizontal/vertical | N
-cancel-btn | String / Object / Slot | - | 取消按钮，可自定义。值为 null 则不显示取消按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制取消事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dialog/type.ts) | N
+cancel-btn | String / Object / Slot | - | 取消按钮，可自定义。值为 null 则不显示取消按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 Slot 自定义按钮时，需自行控制取消事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dialog/type.ts) | N
 close-btn | Boolean / Object | false | `0.31.0`。是否展示关闭按钮，值为 `true` 显示默认关闭按钮；值为 `false` 则不显示关闭按钮；使用 Object 时透传至图标组件 | N
 close-on-overlay-click | Boolean | undefined | 点击蒙层时是否触发关闭事件 | N
-confirm-btn | String / Object / Slot | - | 确认按钮。值为 null 则不显示确认按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制确认事件 | N
+confirm-btn | String / Object / Slot | - | 确认按钮。值为 null 则不显示确认按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 Slot 自定义按钮时，需自行控制确认事件 | N
 content | String / Slot | - | 内容 | N
 custom-style | String | - | `0.25.0`。自定义组件样式 | N
 external-classes | Array | - | 组件类名，分别用于设置 组件外层元素、组件内容部分、确认按钮、取消按钮 等元素类名。`['t-class', 't-class-content', 't-class-confirm', 't-class-cancel']` | N
diff --git a/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxml b/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxml
index d0b1dab..fc53576 100644
--- a/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxml
@@ -5,8 +5,8 @@
 
 <t-popup
   name="dialog"
-  custom-style="{{ customStyle }}"
-  class="{{classPrefix}}__wrapper"
+  style="{{ style }}"
+  t-class="{{classPrefix}}__wrapper"
   visible="{{visible}}"
   showOverlay="{{showOverlay}}"
   closeOnOverlayClick="{{closeOnOverlayClick}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxss b/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxss
index f732d63..1d8bc16 100644
--- a/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxss
@@ -85,7 +85,7 @@
   width: 100%;
 }
 .t-dialog__footer--full {
-  padding: 48rpx 0 0;
+  padding: 64rpx 0 0;
 }
 .t-dialog-button {
   border-radius: 0 !important;
@@ -108,7 +108,7 @@
 }
 .t-dialog__button--text {
   flex: 1;
-  --td-button-default-height: 112rpx;
+  --td-button-medium-height: 112rpx;
   border-radius: 0;
 }
 .t-dialog__button--text:before {
@@ -125,15 +125,3 @@
   height: 200%;
   border-radius: 0;
 }
-.t-dialog input {
-  height: var(--td-dialog-input-height, 96rpx);
-  padding: 0 24rpx;
-  text-align: left;
-  margin-top: 32rpx;
-  border-radius: var(--td-dialog-input-raidus, 8rpx);
-  background-color: var(--td-dialog-input-bg-color, var(--td-gray-color-1, #f3f3f3));
-}
-.t-dialog .placeholder {
-  color: var(--td-dialog-input-placeholder-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-  line-height: var(--td-dialog-input-height, 96rpx);
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/dialog/props.js b/miniprogram_npm/tdesign-miniprogram/dialog/props.js
index 9712470..9603991 100644
--- a/miniprogram_npm/tdesign-miniprogram/dialog/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/dialog/props.js
@@ -23,7 +23,7 @@ const props = {
     content: {
         type: String,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/dialog/type.d.ts b/miniprogram_npm/tdesign-miniprogram/dialog/type.d.ts
index f236b16..cb8107f 100644
--- a/miniprogram_npm/tdesign-miniprogram/dialog/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/dialog/type.d.ts
@@ -28,7 +28,7 @@ export interface TdDialogProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/divider/divider.d.ts b/miniprogram_npm/tdesign-miniprogram/divider/divider.d.ts
index ec857dc..fb60272 100644
--- a/miniprogram_npm/tdesign-miniprogram/divider/divider.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/divider/divider.d.ts
@@ -11,7 +11,7 @@ export default class Divider extends SuperComponent {
         classPrefix: string;
     };
     observers: {
-        'lineColor, customStyle'(): void;
+        'lineColor, style'(): void;
     };
     methods: {
         setStyle(): void;
diff --git a/miniprogram_npm/tdesign-miniprogram/divider/divider.js b/miniprogram_npm/tdesign-miniprogram/divider/divider.js
index 57cbde2..bb50ffb 100644
--- a/miniprogram_npm/tdesign-miniprogram/divider/divider.js
+++ b/miniprogram_npm/tdesign-miniprogram/divider/divider.js
@@ -23,14 +23,14 @@ let Divider = class Divider extends SuperComponent {
             classPrefix: name,
         };
         this.observers = {
-            'lineColor, customStyle'() {
+            'lineColor, style'() {
                 this.setStyle();
             },
         };
         this.methods = {
             setStyle() {
-                const { lineColor, customStyle } = this.properties;
-                const dividerStyle = `${lineColor ? `border-color: ${lineColor};` : ''}${customStyle ? `${customStyle}` : ''}`;
+                const { lineColor, style } = this.properties;
+                const dividerStyle = `${lineColor ? `border-color: ${lineColor};` : ''}${style ? `${style}` : ''}`;
                 this.setData({
                     dividerStyle,
                 });
diff --git a/miniprogram_npm/tdesign-miniprogram/divider/divider.wxss b/miniprogram_npm/tdesign-miniprogram/divider/divider.wxss
index 3fbe904..04a01e3 100644
--- a/miniprogram_npm/tdesign-miniprogram/divider/divider.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/divider/divider.wxss
@@ -73,9 +73,9 @@
   border-style: dashed;
 }
 .t-divider__content {
-  font-size: var(--td-divider-content-font-size, 38rpx);
+  font-size: var(--td-divider-content-font-size, 24rpx);
   line-height: var(--td-divider-content-line-height, 40rpx);
-  color: var(--td-divider-content-color, var(--td-font-gray-3, #e34d59));
+  color: var(--td-divider-content-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
 }
 .t-divider--left::before,
 .t-divider--right::after {
diff --git a/miniprogram_npm/tdesign-miniprogram/divider/props.js b/miniprogram_npm/tdesign-miniprogram/divider/props.js
index 5c39982..e8d8a73 100644
--- a/miniprogram_npm/tdesign-miniprogram/divider/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/divider/props.js
@@ -6,7 +6,7 @@ const props = {
     content: {
         type: String,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/divider/type.d.ts b/miniprogram_npm/tdesign-miniprogram/divider/type.d.ts
index 300e692..faed054 100644
--- a/miniprogram_npm/tdesign-miniprogram/divider/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/divider/type.d.ts
@@ -7,7 +7,7 @@ export interface TdDividerProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/drawer/drawer.wxml b/miniprogram_npm/tdesign-miniprogram/drawer/drawer.wxml
index 1790779..e1c4bc2 100644
--- a/miniprogram_npm/tdesign-miniprogram/drawer/drawer.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/drawer/drawer.wxml
@@ -1,5 +1,5 @@
 <t-popup
-  customStyle="{{ customStyle }}"
+  style="{{ style }}"
   bind:visible-change="visibleChange"
   visible="{{visible}}"
   zIndex="{{zIndex}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/drawer/props.js b/miniprogram_npm/tdesign-miniprogram/drawer/props.js
index 14f09c0..1a20eb1 100644
--- a/miniprogram_npm/tdesign-miniprogram/drawer/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/drawer/props.js
@@ -3,7 +3,7 @@ const props = {
         type: Boolean,
         value: true,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/drawer/type.d.ts b/miniprogram_npm/tdesign-miniprogram/drawer/type.d.ts
index a98be9d..3044796 100644
--- a/miniprogram_npm/tdesign-miniprogram/drawer/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/drawer/type.d.ts
@@ -3,7 +3,7 @@ export interface TdDrawerProps {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.en-US.md
index ac225ab..64626db 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.en-US.md
@@ -22,11 +22,11 @@ external-classes | Array | - | `['t-class','t-class-content', 't-class-column',
 keys | Object | - | Typescript：`KeysType` | N
 label | String | - | \- | N
 multiple | Boolean | false | \- | N
-options | Array | [] | Typescript：`Array<DropdownOption>` `interface DropdownOption { label: string; disabled: boolean; value: DropdownValue; }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-menu/type.ts) | N
+options | Array | [] | Typescript：`Array<DropdownOption>` `interface DropdownOption { label: string; disabled: boolean; value: DropdownValue; }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-item/type.ts) | N
 options-columns | String / Number | 1 | \- | N
 options-layout | String | columns | `deprecated` | N
-value | String / Number / Array | undefined | Typescript：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-menu/type.ts) | N
-default-value | String / Number / Array | undefined | uncontrolled property。Typescript：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-menu/type.ts) | N
+value | String / Number / Array | undefined | Typescript：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-item/type.ts) | N
+default-value | String / Number / Array | undefined | uncontrolled property。Typescript：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-item/type.ts) | N
 
 ### DropdownItem Events
 
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.md b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.md
index 7d88c17..7ff2ed8 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.md
@@ -23,7 +23,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-dropdown-menu": "tdesign-miniprogram/dropdown-menu/dropdown-menu",
-  "t-dropdown-item": "tdesign-miniprogram/dropdown-menu/dropdown-item"
+  "t-dropdown-item": "tdesign-miniprogram/dropdown-item/dropdown-item"
 }
 ```
 
@@ -53,14 +53,6 @@ external-classes | Array | - | 组件类名，分别用于设置 组件外层类
 show-overlay | Boolean | true | 是否显示遮罩层 | N
 z-index | Number | 11600 | 菜单栏 z-index 层级 | N
 
-### DropdownMenu Function
-
-方法名 | 说明 | 参数 | 返回值
---|--|--|--
-toggle | 切换下拉菜单的展示状态，传入索引值则切换对应菜单，不传值则关闭当前菜单 | index?: number | `void`
-
-> 通过 `this.selectComponent` 获取组件示例，调用即可
-
 ### DropdownItem Props
 
 名称 | 类型 | 默认值 | 说明 | 必传
@@ -71,11 +63,11 @@ external-classes | Array | - | 组件类名，分别用于设置 组件外层类
 keys | Object | - | 用来定义 value / label 在 `options` 中对应的字段别名。TS 类型：`KeysType` | N
 label | String | - | 标题 | N
 multiple | Boolean | false | 是否多选 | N
-options | Array | [] | 选项数据。TS 类型：`Array<DropdownOption>` `interface DropdownOption { label: string; disabled: boolean; value: DropdownValue; }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-menu/type.ts) | N
+options | Array | [] | 选项数据。TS 类型：`Array<DropdownOption>` `interface DropdownOption { label: string; disabled: boolean; value: DropdownValue; }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-item/type.ts) | N
 options-columns | String / Number | 1 | 选项分栏（1-3） | N
 options-layout | String | columns | 已废弃。选项排列；不再支持 tree 布局，可与 treeSelect 配合使用 | N
-value | String / Number / Array | undefined | 选中值。TS 类型：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-menu/type.ts) | N
-default-value | String / Number / Array | undefined | 选中值。非受控属性。TS 类型：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-menu/type.ts) | N
+value | String / Number / Array | undefined | 选中值。TS 类型：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-item/type.ts) | N
+default-value | String / Number / Array | undefined | 选中值。非受控属性。TS 类型：`DropdownValue ` `type DropdownValue = string \| number \| Array<DropdownValue>;`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dropdown-item/type.ts) | N
 
 ### DropdownItem Events
 
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item-props.d.ts b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item-props.d.ts
deleted file mode 100644
index aa95de6..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdDropdownItemProps } from './type';
-declare const props: TdDropdownItemProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item-props.js b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item-props.js
deleted file mode 100644
index 04a9d81..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item-props.js
+++ /dev/null
@@ -1,45 +0,0 @@
-const props = {
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    disabled: {
-        type: Boolean,
-        value: false,
-    },
-    externalClasses: {
-        type: Array,
-    },
-    keys: {
-        type: Object,
-    },
-    label: {
-        type: String,
-        value: '',
-    },
-    multiple: {
-        type: Boolean,
-        value: false,
-    },
-    options: {
-        type: Array,
-        value: [],
-    },
-    optionsColumns: {
-        type: null,
-        value: 1,
-    },
-    optionsLayout: {
-        type: String,
-        value: 'columns',
-    },
-    value: {
-        type: null,
-        value: undefined,
-    },
-    defaultValue: {
-        type: null,
-        value: undefined,
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.d.ts b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.d.ts
deleted file mode 100644
index 8bf9aa8..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.d.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { RelationsOptions, SuperComponent } from '../common/src/index';
-import type { TdDropdownItemProps } from './type';
-export interface DropdownItemProps extends TdDropdownItemProps {
-}
-export default class DropdownMenuItem extends SuperComponent {
-    externalClasses: string[];
-    properties: {
-        customStyle?: {
-            type: StringConstructor;
-            value?: string;
-        };
-        disabled?: {
-            type: BooleanConstructor;
-            value?: boolean;
-        };
-        externalClasses?: {
-            type: ArrayConstructor;
-            value?: ["t-class", "t-class-content", "t-class-column", "t-class-column-item", "t-class-column-item-label", "t-class-footer"];
-        };
-        keys?: {
-            type: ObjectConstructor;
-            value?: import("../common/common").KeysType;
-        };
-        label?: {
-            type: StringConstructor;
-            value?: string;
-        };
-        multiple?: {
-            type: BooleanConstructor;
-            value?: boolean;
-        };
-        options?: {
-            type: ArrayConstructor;
-            value?: import("./type").DropdownOption[];
-        };
-        optionsColumns?: {
-            type: null;
-            value?: string | number;
-        };
-        optionsLayout?: {
-            type: StringConstructor;
-            value?: string;
-        };
-        value?: {
-            type: null;
-            value?: import("./type").DropdownValue;
-        };
-        defaultValue?: {
-            type: null;
-            value?: import("./type").DropdownValue;
-        };
-    };
-    data: {
-        prefix: string;
-        classPrefix: string;
-        show: boolean;
-        top: number;
-        maskHeight: number;
-        initValue: any;
-        hasChanged: boolean;
-        duration: string | number;
-        zIndex: number;
-        overlay: boolean;
-        labelAlias: string;
-        valueAlias: string;
-    };
-    parent: any;
-    relations: RelationsOptions;
-    controlledProps: {
-        key: string;
-        event: string;
-    }[];
-    observers: {
-        keys(obj: any): void;
-        value(v: any): void;
-        label(): void;
-        show(visible: any): void;
-    };
-    methods: {
-        closeDropdown(): void;
-        getParentBottom(parent: any, cb: any): void;
-        handleTreeClick(e: any): void;
-        handleRadioChange(e: any): void;
-        handleMaskClick(): void;
-        handleReset(): void;
-        handleConfirm(): void;
-        onLeaved(): void;
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.js b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.js
deleted file mode 100644
index 76f6d9f..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.js
+++ /dev/null
@@ -1,149 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent } from '../common/src/index';
-import config from '../common/config';
-import props from './dropdown-item-props';
-import menuProps from './props';
-const { prefix } = config;
-const name = `${prefix}-dropdown-item`;
-let DropdownMenuItem = class DropdownMenuItem extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.externalClasses = [
-            `${prefix}-class`,
-            `${prefix}-class-content`,
-            `${prefix}-class-column`,
-            `${prefix}-class-column-item`,
-            `${prefix}-class-column-item-label`,
-            `${prefix}-class-footer`,
-        ];
-        this.properties = Object.assign({}, props);
-        this.data = {
-            prefix,
-            classPrefix: name,
-            show: false,
-            top: 0,
-            maskHeight: 0,
-            initValue: null,
-            hasChanged: false,
-            duration: menuProps.duration.value,
-            zIndex: menuProps.zIndex.value,
-            overlay: menuProps.showOverlay.value,
-            labelAlias: 'label',
-            valueAlias: 'value',
-        };
-        this.parent = null;
-        this.relations = {
-            './dropdown-menu': {
-                type: 'parent',
-                linked(target) {
-                    const { zIndex, duration, showOverlay } = target.properties;
-                    this.parent = target;
-                    this.setData({
-                        zIndex,
-                        duration,
-                        showOverlay,
-                    });
-                },
-            },
-        };
-        this.controlledProps = [
-            {
-                key: 'value',
-                event: 'change',
-            },
-        ];
-        this.observers = {
-            keys(obj) {
-                this.setData({
-                    labelAlias: obj.label || 'label',
-                    valueAlias: obj.value || 'value',
-                });
-            },
-            value(v) {
-                const { options, labelAlias, valueAlias } = this.data;
-                if (this.data.multiple) {
-                    if (!Array.isArray(v))
-                        throw TypeError('应传入数组类型的 value');
-                }
-                const target = options.find((item) => item[valueAlias] === v);
-                if (target) {
-                    this.setData({
-                        label: target[labelAlias],
-                    });
-                }
-            },
-            label() {
-                var _a;
-                (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getAllItems();
-            },
-            show(visible) {
-                if (visible) {
-                    this.getParentBottom(this.parent, () => {
-                        this.setData({ wrapperVisible: true });
-                    });
-                }
-            },
-        };
-        this.methods = {
-            closeDropdown() {
-                var _a;
-                (_a = this.parent) === null || _a === void 0 ? void 0 : _a.setData({
-                    activeIdx: -1,
-                });
-                this.setData({
-                    show: false,
-                });
-            },
-            getParentBottom(parent, cb) {
-                const query = wx.createSelectorQuery().in(parent);
-                query
-                    .select(`#${prefix}-bar`)
-                    .boundingClientRect((res) => {
-                    this.setData({
-                        top: res.bottom,
-                        maskHeight: res.top,
-                    }, cb);
-                })
-                    .exec();
-            },
-            handleTreeClick(e) {
-                const { level, value: itemValue } = e.currentTarget.dataset;
-                const { value } = this.data;
-                value[level] = itemValue;
-                this._trigger('change', { value });
-            },
-            handleRadioChange(e) {
-                const { value } = e.detail;
-                this._trigger('change', { value });
-                if (!this.data.multiple) {
-                    this.closeDropdown();
-                }
-            },
-            handleMaskClick() {
-                var _a;
-                if ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.properties.closeOnClickOverlay) {
-                    this.closeDropdown();
-                }
-            },
-            handleReset() {
-                this._trigger('change', { value: [] });
-            },
-            handleConfirm() {
-                this._trigger('confirm', { value: this.data.value });
-                this.closeDropdown();
-            },
-            onLeaved() {
-                this.setData({ wrapperVisible: false });
-            },
-        };
-    }
-};
-DropdownMenuItem = __decorate([
-    wxComponent()
-], DropdownMenuItem);
-export default DropdownMenuItem;
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.json b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.json
deleted file mode 100644
index a07137b..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "t-button": "../button/button",
-    "t-radio": "../radio/radio",
-    "t-radio-group": "../radio-group/radio-group",
-    "t-checkbox": "../checkbox/checkbox",
-    "t-checkbox-group": "../checkbox-group/checkbox-group",
-    "t-popup": "../popup/popup"
-  }
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.wxml b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.wxml
deleted file mode 100644
index 4061be4..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.wxml
+++ /dev/null
@@ -1,86 +0,0 @@
-<wxs module="this" src="./util.wxs" />
-<wxs module="_" src="../common/utils.wxs" />
-
-<view
-  wx:if="{{wrapperVisible}}"
-  class="{{classPrefix}} {{prefix}}-class"
-  style="{{this.getDropdownItemStyles(top, zIndex, customStyle)}}"
->
-  <t-popup
-    visible="{{show}}"
-    z-index="{{zIndex + 1}}"
-    duration="{{duration}}"
-    show-overlay="{{showOverlay}}"
-    custom-style="position: absolute;"
-    overlayProps="{{ { customStyle: 'position: absolute' } }}"
-    bind:leaved="onLeaved"
-    bind:visible-change="handleMaskClick"
-    class="{{classPrefix}}__popup-host"
-    t-class-content="{{classPrefix}}__content {{prefix}}-class-content"
-  >
-    <view class="{{classPrefix}}__body">
-      <!-- 单选列表 -->
-      <t-radio-group
-        wx:if="{{!multiple}}"
-        class="{{classPrefix}}__radio {{prefix}}-class-column"
-        t-class="{{classPrefix}}__radio-group"
-        value="{{value}}"
-        bind:change="handleRadioChange"
-      >
-        <t-radio
-          wx:for="{{options}}"
-          wx:key="index"
-          tabindex="0"
-          class="{{classPrefix}}__radio-item {{prefix}}-class-column-item"
-          icon="line"
-          align="right"
-          t-class="radio"
-          t-class-label="{{prefix}}-class-column-item-label"
-          value="{{item[valueAlias]}}"
-          label="{{item[labelAlias]}}"
-          disabled="{{item.disabled}}"
-        ></t-radio>
-      </t-radio-group>
-      <!-- 多选列表 -->
-      <t-checkbox-group
-        wx:else
-        class="{{classPrefix}}__checkbox {{prefix}}-class-column"
-        t-class="{{classPrefix}}__checkbox-group"
-        custom-style="grid-template-columns: repeat({{optionsColumns}}, 1fr)"
-        value="{{value}}"
-        bind:change="handleRadioChange"
-      >
-        <block wx:for="{{options}}" wx:key="index">
-          <t-checkbox
-            tabindex="0"
-            class="{{classPrefix}}__checkbox-item {{prefix}}-class-column-item"
-            theme="tag"
-            value="{{item[valueAlias]}}"
-            label="{{item[labelAlias]}}"
-            disabled="{{item.disabled}}"
-          ></t-checkbox>
-        </block>
-      </t-checkbox-group>
-
-      <slot />
-    </view>
-    <view class="{{classPrefix}}__footer {{prefix}}-class-footer" wx:if="{{multiple}}">
-      <t-button
-        block
-        class="{{classPrefix}}__footer-btn {{classPrefix}}__reset-btn"
-        theme="light"
-        disabled="{{value.length == 0}}"
-        bindtap="handleReset"
-        >重置</t-button
-      >
-      <t-button
-        block
-        class="{{classPrefix}}__footer-btn {{classPrefix}}__confirm-btn"
-        theme="primary"
-        disabled="{{value.length == 0}}"
-        bindtap="handleConfirm"
-        >确定</t-button
-      >
-    </view>
-  </t-popup>
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.wxss b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.wxss
deleted file mode 100644
index ab24f52..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-item.wxss
+++ /dev/null
@@ -1,110 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-/** dropdown-item */
-.t-dropdown-item {
-  position: fixed;
-  right: 0;
-  left: 0;
-  top: 0;
-  overflow: hidden;
-  bottom: 0;
-  /** 树形结构 */
-}
-.t-dropdown-item__content {
-  display: flex;
-  flex-direction: column;
-  z-index: 11600;
-  overflow: hidden;
-}
-.t-dropdown-item__popup-host {
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-.t-dropdown-item__body {
-  flex: 1;
-  background: var(--td-dropdown-menu-bg-color, var(--td-bg-color-block, #fff));
-  overflow: auto;
-  max-height: var(--td-dropdown-body-max-height, 560rpx);
-}
-.t-dropdown-item__body--tree {
-  display: flex;
-  overflow: hidden;
-}
-.t-dropdown-item__body--multi {
-  padding-top: var(--td-spacer, 16rpx);
-  padding-bottom: var(--td-spacer, 16rpx);
-  overflow-y: auto;
-}
-.t-dropdown-item__footer {
-  display: flex;
-  background: var(--td-dropdown-menu-bg-color, var(--td-bg-color-block, #fff));
-  position: relative;
-  padding: 32rpx;
-}
-.t-dropdown-item__footer::before {
-  z-index: 1;
-  position: absolute;
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-  right: 0;
-  left: 0;
-  top: 0;
-  border-top: 1px solid var(--td-border-level-1-color, #e6e6e6);
-  transform: scaleY(0.5);
-}
-.t-dropdown-item__footer-btn {
-  flex: 1;
-}
-.t-dropdown-item__footer-btn + .t-dropdown-item__footer-btn {
-  margin-left: 32rpx;
-}
-.t-dropdown-item__radio,
-.t-dropdown-item__checkbox {
-  width: 100%;
-  overflow: scroll;
-}
-.t-dropdown-item__checkbox-group {
-  display: grid;
-  padding: 32rpx;
-  grid-gap: 24rpx;
-}
-.t-dropdown-item__tree-item {
-  height: var(--td-tree-item-height, 96rpx);
-  line-height: var(--td-tree-item-height, 96rpx);
-  font-size: var(--td-tree-item-font-size, 32rpx);
-  padding-left: 32rpx;
-}
-.t-dropdown-item__tree-item--active {
-  color: var(--td-tree-item-active-color, var(--td-primary-color, #0052d9));
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.js b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.js
index 8fdc8ba..73760db 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.js
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.js
@@ -23,7 +23,7 @@ let DropdownMenu = class DropdownMenu extends SuperComponent {
             bottom: 0,
         };
         this.relations = {
-            './dropdown-item': {
+            '../dropdown-item/dropdown-item': {
                 type: 'child',
             },
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.wxml b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.wxml
index b5b55bc..61f6363 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.wxml
@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view style="{{ customStyle }}" class="{{ classPrefix }} {{prefix}}-class" id="t-bar">
+<view style="{{ style }}" class="{{ classPrefix }} {{prefix}}-class" id="t-bar">
   <view
     wx:for="{{menus}}"
     wx:key="index"
@@ -15,8 +15,7 @@
     <view class="{{classPrefix}}__title {{prefix}}-class-label">{{item.label}}</view>
     <t-icon
       name="caret-down-small"
-      t-class="{{prefix}}-class-icon"
-      class="{{classPrefix}}__icon {{classPrefix}}__icon--{{activeIdx == index ? 'active' : ''}}"
+      t-class="{{classPrefix}}__icon {{classPrefix}}__icon--{{activeIdx == index ? 'active' : ''}} {{prefix}}-class-icon"
       aria-hidden="{{true}}"
     />
   </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.d.ts b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.d.ts
index 431d836..dea9f1d 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.d.ts
@@ -1,5 +1,3 @@
 export * from './type';
 export * from './props';
-export * from './dropdown-item-props';
 export * from './dropdown-menu';
-export * from './dropdown-item';
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.js b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.js
index 431d836..dea9f1d 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.js
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/index.js
@@ -1,5 +1,3 @@
 export * from './type';
 export * from './props';
-export * from './dropdown-item-props';
 export * from './dropdown-menu';
-export * from './dropdown-item';
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/props.js b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/props.js
index d20f53c..6e72e2e 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/props.js
@@ -3,7 +3,7 @@ const props = {
         type: Boolean,
         value: true,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/type.d.ts b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/type.d.ts
index 6181752..9e549d1 100644
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/type.d.ts
@@ -1,10 +1,9 @@
-import { KeysType } from '../common/common';
 export interface TdDropdownMenuProps {
     closeOnClickOverlay?: {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -25,62 +24,3 @@ export interface TdDropdownMenuProps {
         value?: number;
     };
 }
-export interface TdDropdownItemProps {
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    disabled?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    externalClasses?: {
-        type: ArrayConstructor;
-        value?: [
-            't-class',
-            't-class-content',
-            't-class-column',
-            't-class-column-item',
-            't-class-column-item-label',
-            't-class-footer'
-        ];
-    };
-    keys?: {
-        type: ObjectConstructor;
-        value?: KeysType;
-    };
-    label?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    multiple?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    options?: {
-        type: ArrayConstructor;
-        value?: Array<DropdownOption>;
-    };
-    optionsColumns?: {
-        type: null;
-        value?: string | number;
-    };
-    optionsLayout?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    value?: {
-        type: null;
-        value?: DropdownValue;
-    };
-    defaultValue?: {
-        type: null;
-        value?: DropdownValue;
-    };
-}
-export interface DropdownOption {
-    label: string;
-    disabled: boolean;
-    value: DropdownValue;
-}
-export declare type DropdownValue = string | number | Array<DropdownValue>;
diff --git a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/util.wxs b/miniprogram_npm/tdesign-miniprogram/dropdown-menu/util.wxs
deleted file mode 100644
index aaefda1..0000000
--- a/miniprogram_npm/tdesign-miniprogram/dropdown-menu/util.wxs
+++ /dev/null
@@ -1,16 +0,0 @@
-var getTreeClass = function (level) {
-  if (level === 0) return 'leaf';
-  if (level === 1) return 'parent';
-  return 'ancestor';
-};
-
-var getDropdownItemStyles = function (top, zIndex, customStyle) {
-  var topStyle = top ? 'top:' + top + 'px;' : '';
-  var zIndexStyle = zIndex ? 'z-index:' + zIndex + ';' : '';
-  return topStyle + zIndexStyle + customStyle;
-};
-
-module.exports = {
-  getTreeClass: getTreeClass,
-  getDropdownItemStyles: getDropdownItemStyles,
-};
diff --git a/miniprogram_npm/tdesign-miniprogram/empty/empty.wxml b/miniprogram_npm/tdesign-miniprogram/empty/empty.wxml
index 53199df..0013404 100644
--- a/miniprogram_npm/tdesign-miniprogram/empty/empty.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/empty/empty.wxml
@@ -2,7 +2,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 <wxs src="./empty.wxs" module="utils" />
 
-<view style="{{ customStyle }}" class="{{prefix}}-class {{classPrefix}}">
+<view style="{{ style }}" class="{{prefix}}-class {{classPrefix}}">
   <view aria-hidden="true" class="{{classPrefix}}__thumb">
     <t-image wx:if="{{image}}" t-class="{{prefix}}-class-image" src="{{image}}" mode="aspectFit" />
     <template
diff --git a/miniprogram_npm/tdesign-miniprogram/empty/props.js b/miniprogram_npm/tdesign-miniprogram/empty/props.js
index 21ec882..6fe7059 100644
--- a/miniprogram_npm/tdesign-miniprogram/empty/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/empty/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/empty/type.d.ts b/miniprogram_npm/tdesign-miniprogram/empty/type.d.ts
index 05efdf1..c222ac2 100644
--- a/miniprogram_npm/tdesign-miniprogram/empty/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/empty/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdEmptyProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/fab/README.md b/miniprogram_npm/tdesign-miniprogram/fab/README.md
index 481453f..e28bb1f 100644
--- a/miniprogram_npm/tdesign-miniprogram/fab/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/fab/README.md
@@ -43,7 +43,7 @@ isComponent: true
 button-props | Object | - | 透传至 Button 组件 | N
 custom-style `v0.25.0` | String | right: 16px; bottom: 32px; | 自定义组件样式 | N
 icon | String | - | 图标 | N
-style | String | right: 16px; bottom: 32px; | 悬浮按钮的样式，常用于调整位置（即将废弃，建议使用 `customStyle`） | N
+style | String | right: 16px; bottom: 32px; | 悬浮按钮的样式，常用于调整位置（即将废弃，建议使用 `style`） | N
 text | String | - | 文本内容 | N
 
 ### Fab Events
diff --git a/miniprogram_npm/tdesign-miniprogram/fab/fab.wxml b/miniprogram_npm/tdesign-miniprogram/fab/fab.wxml
index 2f45d86..197fac5 100644
--- a/miniprogram_npm/tdesign-miniprogram/fab/fab.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/fab/fab.wxml
@@ -1,6 +1,6 @@
 <import src="../common/template/button.wxml" />
 
-<view class="{{classPrefix}} {{prefix}}-class" style="{{ customStyle }}">
+<view class="{{classPrefix}} {{prefix}}-class" style="{{ style }}">
   <template
     is="button"
     data="{{ ...baseButtonProps, icon, ...buttonProps, externalClass: prefix + '-fab__button', content: text, ariaLabel}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/fab/props.js b/miniprogram_npm/tdesign-miniprogram/fab/props.js
index 0cb5608..e27ba06 100644
--- a/miniprogram_npm/tdesign-miniprogram/fab/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/fab/props.js
@@ -2,10 +2,6 @@ const props = {
     buttonProps: {
         type: Object,
     },
-    customStyle: {
-        type: String,
-        value: 'right: 16px; bottom: 32px;',
-    },
     icon: {
         type: String,
         value: '',
diff --git a/miniprogram_npm/tdesign-miniprogram/fab/type.d.ts b/miniprogram_npm/tdesign-miniprogram/fab/type.d.ts
index cb06194..76d4ed8 100644
--- a/miniprogram_npm/tdesign-miniprogram/fab/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/fab/type.d.ts
@@ -3,7 +3,7 @@ export interface TdFabProps {
         type: ObjectConstructor;
         value?: object;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -11,10 +11,6 @@ export interface TdFabProps {
         type: StringConstructor;
         value?: string;
     };
-    style?: {
-        type: StringConstructor;
-        value?: string;
-    };
     text?: {
         type: StringConstructor;
         value?: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/footer/footer.wxml b/miniprogram_npm/tdesign-miniprogram/footer/footer.wxml
index 9274fde..1c27fda 100644
--- a/miniprogram_npm/tdesign-miniprogram/footer/footer.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/footer/footer.wxml
@@ -1,4 +1,4 @@
-<view style="{{ customStyle }}" class="{{classPrefix}}">
+<view style="{{ style }}" class="{{classPrefix}}">
   <!-- theme 为 logo -->
   <block wx:if="{{theme === 'logo'}}">
     <view class="{{classPrefix}}__logo">
diff --git a/miniprogram_npm/tdesign-miniprogram/footer/props.js b/miniprogram_npm/tdesign-miniprogram/footer/props.js
index c2c5e19..6ae3c96 100644
--- a/miniprogram_npm/tdesign-miniprogram/footer/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/footer/props.js
@@ -3,7 +3,7 @@ const props = {
         type: String,
         value: '',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/footer/type.d.ts b/miniprogram_npm/tdesign-miniprogram/footer/type.d.ts
index f118a6c..67939c4 100644
--- a/miniprogram_npm/tdesign-miniprogram/footer/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/footer/type.d.ts
@@ -3,7 +3,7 @@ export interface TdFooterProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/grid/README.en-US.md
index 3ff75fa..62da64e 100644
--- a/miniprogram_npm/tdesign-miniprogram/grid/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/grid/README.en-US.md
@@ -18,11 +18,11 @@ theme | String | default | options：default/card | N
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-badge-props | Object | null | Typescript：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/grid/type.ts) | N
+badge-props | Object | null | Typescript：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/grid-item/type.ts) | N
 custom-style | String | - | \- | N
 description | String / Slot | - | \- | N
 external-classes | Array | - | `['t-class', 't-class-image', 't-class-text', 't-class-description']` | N
-icon | String | - | \- | N
+icon | String / Object | - | \- | N
 image | String / Slot | - | \- | N
 image-props | Object | - | \- | N
 jump-type | String | navigate-to | options：redirect-to/switch-tab/relaunch/navigate-to | N
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/README.md b/miniprogram_npm/tdesign-miniprogram/grid/README.md
index dd36610..0223a2c 100644
--- a/miniprogram_npm/tdesign-miniprogram/grid/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/grid/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-grid": "tdesign-miniprogram/grid/grid",
-  "t-grid-item": "tdesign-miniprogram/grid/grid-item"
+  "t-grid-item": "tdesign-miniprogram/grid-item/grid-item"
 }
 ```
 
@@ -73,11 +73,11 @@ theme | String | default | 宫格的风格。可选项：default/card | N
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-badge-props | Object | null | 透传至 Badge 属性。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/grid/type.ts) | N
+badge-props | Object | null | 透传至 Badge 属性。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/grid-item/type.ts) | N
 custom-style | String | - | 自定义组件样式 | N
 description | String / Slot | - | 文本以外的更多描述，辅助信息。可以通过 Props 传入文本，也可以自定义标题节点 | N
 external-classes | Array | - | 组件类名，分别用于设置组件外层元素、图片、文本、描述等元素类名。`['t-class', 't-class-image', 't-class-text', 't-class-description']` | N
-icon | String / Object | - | 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 | N
+icon | String / Object | - | 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon` | N
 image | String / Slot | - | 图片，可以是图片地址，也可以自定义图片节点 | N
 image-props | Object | - | 透传至 Image 组件 | N
 jump-type | String | navigate-to | 链接跳转类型。可选项：redirect-to/switch-tab/relaunch/navigate-to | N
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid-item-props.d.ts b/miniprogram_npm/tdesign-miniprogram/grid/grid-item-props.d.ts
deleted file mode 100644
index bd6c2fb..0000000
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid-item-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdGridItemProps } from './type';
-declare const props: TdGridItemProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid-item-props.js b/miniprogram_npm/tdesign-miniprogram/grid/grid-item-props.js
deleted file mode 100644
index 783ce63..0000000
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid-item-props.js
+++ /dev/null
@@ -1,41 +0,0 @@
-const props = {
-    badgeProps: {
-        type: Object,
-        value: null,
-    },
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    description: {
-        type: String,
-    },
-    externalClasses: {
-        type: Array,
-    },
-    icon: {
-        type: null,
-    },
-    image: {
-        type: String,
-    },
-    imageProps: {
-        type: Object,
-    },
-    jumpType: {
-        type: String,
-        value: 'navigate-to',
-    },
-    layout: {
-        type: String,
-        value: 'vertical',
-    },
-    text: {
-        type: String,
-    },
-    url: {
-        type: String,
-        value: '',
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.d.ts b/miniprogram_npm/tdesign-miniprogram/grid/grid-item.d.ts
deleted file mode 100644
index 41f1796..0000000
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.d.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-export default class GridItem extends SuperComponent {
-    externalClasses: string[];
-    options: {
-        multipleSlots: boolean;
-    };
-    relations: RelationsOptions;
-    properties: import("./type").TdGridItemProps;
-    data: {
-        prefix: string;
-        classPrefix: string;
-        gridItemStyle: string;
-        gridItemWrapperStyle: string;
-        gridItemContentStyle: string;
-        align: string;
-        layout: string;
-        column: number;
-        labelID: string;
-    };
-    observers: {
-        icon(icon: any): void;
-    };
-    lifetimes: {
-        ready(): void;
-    };
-    updateStyle(): void;
-    getWidthStyle(): string;
-    getPaddingStyle(): string;
-    getBorderStyle(): string;
-    onClick(e: any): void;
-    jumpLink(): void;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.js b/miniprogram_npm/tdesign-miniprogram/grid/grid-item.js
deleted file mode 100644
index 81312f2..0000000
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.js
+++ /dev/null
@@ -1,132 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent, isObject } from '../common/src/index';
-import config from '../common/config';
-import props from './grid-item-props';
-import { uniqueFactory, setIcon } from '../common/utils';
-const { prefix } = config;
-const name = `${prefix}-grid-item`;
-const getUniqueID = uniqueFactory('grid_item');
-var LinkTypes;
-(function (LinkTypes) {
-    LinkTypes["redirect-to"] = "redirectTo";
-    LinkTypes["switch-tab"] = "switchTab";
-    LinkTypes["relaunch"] = "reLaunch";
-    LinkTypes["navigate-to"] = "navigateTo";
-})(LinkTypes || (LinkTypes = {}));
-let GridItem = class GridItem extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.externalClasses = [
-            `${prefix}-class`,
-            `${prefix}-class-content`,
-            `${prefix}-class-image`,
-            `${prefix}-class-text`,
-            `${prefix}-class-description`,
-        ];
-        this.options = {
-            multipleSlots: true,
-        };
-        this.relations = {
-            './grid': {
-                type: 'ancestor',
-                linked(target) {
-                    this.parent = target;
-                    this.updateStyle();
-                    this.setData({
-                        column: target.data.column,
-                    });
-                },
-            },
-        };
-        this.properties = props;
-        this.data = {
-            prefix,
-            classPrefix: name,
-            gridItemStyle: '',
-            gridItemWrapperStyle: '',
-            gridItemContentStyle: '',
-            align: 'center',
-            layout: 'vertical',
-            column: 0,
-            labelID: '',
-        };
-        this.observers = {
-            icon(icon) {
-                const obj = setIcon('icon', icon, '');
-                this.setData(Object.assign({}, obj));
-            },
-        };
-        this.lifetimes = {
-            ready() {
-                this.setData({
-                    labelID: getUniqueID(),
-                });
-            },
-        };
-    }
-    updateStyle() {
-        const { hover, align } = this.parent.properties;
-        const { customStyle } = this.properties;
-        const gridItemStyles = [];
-        const gridItemWrapperStyles = [];
-        const gridItemContentStyles = [];
-        const widthStyle = this.getWidthStyle();
-        const paddingStyle = this.getPaddingStyle();
-        const borderStyle = this.getBorderStyle();
-        widthStyle && gridItemStyles.push(widthStyle);
-        paddingStyle && gridItemWrapperStyles.push(paddingStyle);
-        borderStyle && gridItemContentStyles.push(borderStyle);
-        this.setData({
-            gridItemStyle: `${gridItemStyles.join(';')}${customStyle ? `;${customStyle}` : ''}`,
-            gridItemWrapperStyle: gridItemWrapperStyles.join(';'),
-            gridItemContentStyle: gridItemContentStyles.join(';'),
-            hover,
-            layout: this.properties.layout,
-            align: align,
-        });
-    }
-    getWidthStyle() {
-        const { column } = this.parent.properties;
-        return column > 0 ? `width:${(1 / column) * 100}%` : '';
-    }
-    getPaddingStyle() {
-        const { gutter } = this.parent.properties;
-        if (gutter)
-            return `padding-left:${gutter}rpx;padding-top:${gutter}rpx`;
-        return '';
-    }
-    getBorderStyle() {
-        const { gutter } = this.parent.properties;
-        let { border } = this.parent.properties;
-        if (!border)
-            return '';
-        if (!isObject(border))
-            border = {};
-        const { color = '#266FE8', width = 2, style = 'solid' } = border;
-        if (gutter)
-            return `border:${width}rpx ${style} ${color}`;
-        return `border-top:${width}rpx ${style} ${color};border-left:${width}rpx ${style} ${color}`;
-    }
-    onClick(e) {
-        const { item } = e.currentTarget.dataset;
-        this.triggerEvent('click', item);
-        this.jumpLink();
-    }
-    jumpLink() {
-        const { url, jumpType } = this.properties;
-        if (url && jumpType) {
-            if (LinkTypes[jumpType]) {
-                wx[LinkTypes[jumpType]]({ url });
-            }
-        }
-    }
-};
-GridItem = __decorate([
-    wxComponent()
-], GridItem);
-export default GridItem;
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.json b/miniprogram_npm/tdesign-miniprogram/grid/grid-item.json
deleted file mode 100644
index 26991b4..0000000
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "t-image": "../image/image",
-    "t-icon": "../icon/icon",
-    "t-badge": "../badge/badge"
-  }
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.wxml b/miniprogram_npm/tdesign-miniprogram/grid/grid-item.wxml
deleted file mode 100644
index ac0f0ed..0000000
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.wxml
+++ /dev/null
@@ -1,74 +0,0 @@
-<import src="../common/template/image.wxml" />
-<import src="../common/template/icon.wxml" />
-<wxs module="util">
-  module.exports.getImageSize = function(column) { if (column >= 5) return 'small'; if (column == 4) return 'middle';
-  return 'large'; }
-</wxs>
-<wxs module="_" src="../common/utils.wxs" />
-
-<view
-  class="{{_.cls(classPrefix, [['auto-size', column == 0]])}} {{prefix}}-class"
-  style="{{ gridItemStyle }}"
-  hover-class="{{hover ? classPrefix + '--hover':''}}"
-  hover-stay-time="{{200}}"
-  bindtap="onClick"
-  aria-role="{{ariaRole || 'button'}}"
-  aria-labelledby="{{labelID}}"
->
-  <view class="{{_.cls(classPrefix + '__wrapper', [layout])}}" style="{{gridItemWrapperStyle}}">
-    <view
-      class="{{_.cls(classPrefix + '__content', [align, layout])}} {{prefix}}-class-content"
-      style="{{gridItemContentStyle}}"
-    >
-      <slot />
-      <t-badge
-        wx:if="{{image || icon}}"
-        color="{{badgeProps.color}}"
-        content="{{badgeProps.content}}"
-        count="{{badgeProps.count}}"
-        dot="{{badgeProps.dot}}"
-        max-count="{{badgeProps.maxCount || 99}}"
-        offset="{{badgeProps.offset}}"
-        shape="{{badgeProps.shape || 'circle'}}"
-        show-zero="{{badgeProps.showZero}}"
-        size="{{badgeProps.size || 'medium'}}"
-        t-class="{{badgeProps.tClass}}"
-        t-class-content="{{badgeProps.tClassContent}}"
-        t-class-count="{{badgeProps.tClassCount}}"
-      >
-        <view
-          class="{{_.cls(classPrefix + '__image', [util.getImageSize(column), ['icon', icon]])}} {{prefix}}-class-image"
-        >
-          <block wx:if="{{image && image !== 'slot'}}">
-            <template
-              is="image"
-              data="{{ src: image, shape: 'round', mode: 'widthFix', tClass: _.cls(classPrefix + '__image', [util.getImageSize(column)]), ...imageProps }}"
-            />
-          </block>
-          <slot wx:else name="image" />
-          <template
-            wx:if="{{iconName || _.isNoEmptyObj(iconData)}}"
-            is="icon"
-            data="{{class: classPrefix + '__icon', name: iconName, ...iconData}}"
-          />
-        </view>
-      </t-badge>
-      <view class="{{_.cls(classPrefix + '__words', [layout])}}" id="{{labelID}}">
-        <view
-          wx:if="{{text && text !== 'slot'}}"
-          class="{{_.cls(classPrefix + '__text', [util.getImageSize(column), layout])}} {{prefix}}-class-text"
-        >
-          {{text}}
-        </view>
-        <slot wx:else name="text" class="{{prefix}}-class-text" />
-        <view
-          wx:if="{{description && description!== 'slot'}}"
-          class="{{_.cls(classPrefix + '__description', [util.getImageSize(column), layout])}} {{prefix}}-class-description"
-        >
-          {{description}}
-        </view>
-        <slot wx:else name="description" class="{{prefix}}-class-description" />
-      </view>
-    </view>
-  </view>
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.wxss b/miniprogram_npm/tdesign-miniprogram/grid/grid-item.wxss
deleted file mode 100644
index 6351f25..0000000
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid-item.wxss
+++ /dev/null
@@ -1,124 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-.t-grid-item {
-  box-sizing: border-box;
-  height: 100%;
-  display: inline-block;
-  vertical-align: top;
-}
-.t-grid-item--hover {
-  background-color: var(--td-grid-item-hover-bg-color, var(--td-gray-color-1, #f3f3f3));
-}
-.t-grid-item--auto-size {
-  width: 168rpx;
-}
-.t-grid-item__content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  overflow: hidden;
-  position: relative;
-  padding: var(--td-grid-item-padding, 32rpx) 0 24rpx;
-}
-.t-grid-item__content--horizontal {
-  flex-direction: row;
-  padding-left: var(--td-grid-item-padding, 32rpx);
-}
-.t-grid-item__words {
-  width: 100%;
-  text-align: center;
-  position: relative;
-  flex-direction: column;
-  display: flex;
-  flex: 1;
-  justify-content: center;
-  align-items: center;
-}
-.t-grid-item__words--horizontal {
-  margin-left: 24rpx;
-}
-.t-grid-item__words:empty {
-  display: none;
-}
-.t-grid-item__image:not(:empty) {
-  width: var(--td-grid-item-image-width, 96rpx);
-  height: var(--td-grid-item-image-width, 96rpx);
-}
-.t-grid-item__image:not(:empty).t-grid-item__image--small {
-  width: 64rpx;
-  height: 64rpx;
-}
-.t-grid-item__image:not(:empty).t-grid-item__image--middle {
-  width: 80rpx;
-  height: 80rpx;
-}
-.t-grid-item__image:not(:empty) .t-grid__image {
-  width: 100%;
-  height: 100%;
-}
-.t-grid-item__image--icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--td-gray-color-2, #eeeeee);
-  border-radius: var(--td-radius-default, 12rpx);
-}
-.t-grid-item--left {
-  justify-self: flex-start;
-  align-items: flex-start;
-}
-.t-grid-item--left .t-grid-item__words {
-  text-align: left;
-}
-.t-grid-item__text {
-  width: inherit;
-  color: var(--td-grid-item-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  font-size: var(--td-grid-item-text-font-size, 28rpx);
-  line-height: var(--td-grid-item-text-line-height, 44rpx);
-  padding-top: var(--td-grid-item-text-padding-top, 16rpx);
-}
-.t-grid-item__text--small,
-.t-grid-item__text--middle {
-  font-size: 24rpx;
-}
-.t-grid-item__text--horizontal {
-  padding-top: 0;
-  text-align: left;
-}
-.t-grid-item__description {
-  width: inherit;
-  color: var(--td-grid-item-description-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-  font-size: var(--td-grid-item-description-font-size, 24rpx);
-  line-height: var(--td-grid-item-description-line-height, 40rpx);
-}
-.t-grid-item__description--horizontal {
-  text-align-last: left;
-}
-.t-grid-item__icon {
-  font-size: 48rpx;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid.js b/miniprogram_npm/tdesign-miniprogram/grid/grid.js
index 7fb47aa..042b7a5 100644
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid.js
+++ b/miniprogram_npm/tdesign-miniprogram/grid/grid.js
@@ -14,7 +14,7 @@ let Grid = class Grid extends SuperComponent {
         super(...arguments);
         this.externalClasses = ['t-class'];
         this.relations = {
-            './grid-item': {
+            '../grid-item/grid-item': {
                 type: 'descendant',
             },
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/grid.wxml b/miniprogram_npm/tdesign-miniprogram/grid/grid.wxml
index e052df1..2e0fc9b 100644
--- a/miniprogram_npm/tdesign-miniprogram/grid/grid.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/grid/grid.wxml
@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view style="{{ customStyle }}" class="{{_.cls(classPrefix, [theme])}} {{prefix}}-class">
+<view style="{{ style }}" class="{{_.cls(classPrefix, [theme])}} {{prefix}}-class">
   <view wx:if="{{column > 0}}" class="{{classPrefix}}__content" style="{{ contentStyle }}">
     <slot />
   </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/props.js b/miniprogram_npm/tdesign-miniprogram/grid/props.js
index 90ae812..994b405 100644
--- a/miniprogram_npm/tdesign-miniprogram/grid/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/grid/props.js
@@ -11,7 +11,7 @@ const props = {
         type: Number,
         value: 4,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/grid/type.d.ts b/miniprogram_npm/tdesign-miniprogram/grid/type.d.ts
index 8306d8d..7bd826c 100644
--- a/miniprogram_npm/tdesign-miniprogram/grid/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/grid/type.d.ts
@@ -1,4 +1,3 @@
-import { BadgeProps } from '../badge/index';
 export interface TdGridProps {
     align?: {
         type: StringConstructor;
@@ -16,7 +15,7 @@ export interface TdGridProps {
         type: NumberConstructor;
         value?: number;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -37,49 +36,3 @@ export interface TdGridProps {
         value?: 'default' | 'card';
     };
 }
-export interface TdGridItemProps {
-    badgeProps?: {
-        type: ObjectConstructor;
-        value?: BadgeProps;
-    };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    description?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    externalClasses?: {
-        type: ArrayConstructor;
-        value?: ['t-class', 't-class-image', 't-class-text', 't-class-description'];
-    };
-    icon?: {
-        type: null;
-        value?: string | object;
-    };
-    image?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    imageProps?: {
-        type: ObjectConstructor;
-        value?: object;
-    };
-    jumpType?: {
-        type: StringConstructor;
-        value?: 'redirect-to' | 'switch-tab' | 'relaunch' | 'navigate-to';
-    };
-    layout?: {
-        type: StringConstructor;
-        value?: 'vertical' | 'horizontal';
-    };
-    text?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    url?: {
-        type: StringConstructor;
-        value?: string;
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/icon/README.md b/miniprogram_npm/tdesign-miniprogram/icon/README.md
index 3ee85a0..f3362ac 100644
--- a/miniprogram_npm/tdesign-miniprogram/icon/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/icon/README.md
@@ -6,6 +6,7 @@ isComponent: true
 ---
 
 <span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20lines-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20functions-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20statements-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20branches-100%25-blue" /></span>
+
 ## 引入
 
 全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
@@ -16,6 +17,18 @@ isComponent: true
 }
 ```
 
+## 常见问题
+
+<details>
+  <summary>
+    控制台告警：Faild to load font
+    <span class="icon">👇</span>
+  </summary>
+  <p style="margin-top: 10px; color: rgba(0, 0, 0, .6)">
+    告警属于开发者工具的 bug，可以忽略，具体可以看 <a href="https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html" target="_blank">官网文档</a>
+  </p>
+</details>
+
 ## 代码演示
 
 ### 基础组件图标
diff --git a/miniprogram_npm/tdesign-miniprogram/icon/icon.d.ts b/miniprogram_npm/tdesign-miniprogram/icon/icon.d.ts
index f2ddef4..b70696a 100644
--- a/miniprogram_npm/tdesign-miniprogram/icon/icon.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/icon/icon.d.ts
@@ -1,6 +1,5 @@
 import { SuperComponent } from '../common/src/index';
 export default class Icon extends SuperComponent {
-    behaviors: ['wx://form-field-icon'];
     externalClasses: string[];
     properties: import("./type").TdIconProps;
     data: {
@@ -10,7 +9,7 @@ export default class Icon extends SuperComponent {
         iconStyle: any;
     };
     observers: {
-        'name, color, size, customStyle'(): void;
+        'name, color, size, style'(): void;
     };
     methods: {
         onTap(event: any): void;
diff --git a/miniprogram_npm/tdesign-miniprogram/icon/icon.js b/miniprogram_npm/tdesign-miniprogram/icon/icon.js
index b23d5ae..06db8db 100644
--- a/miniprogram_npm/tdesign-miniprogram/icon/icon.js
+++ b/miniprogram_npm/tdesign-miniprogram/icon/icon.js
@@ -13,7 +13,7 @@ const name = `${prefix}-icon`;
 let Icon = class Icon extends SuperComponent {
     constructor() {
         super(...arguments);
-        this.externalClasses = [`${prefix}-class`];
+        this.externalClasses = ['class', `${prefix}-class`];
         this.properties = props;
         this.data = {
             componentPrefix: prefix,
@@ -22,7 +22,7 @@ let Icon = class Icon extends SuperComponent {
             iconStyle: undefined,
         };
         this.observers = {
-            'name, color, size, customStyle'() {
+            'name, color, size, style'() {
                 this.setIconStyle();
             },
         };
@@ -31,7 +31,7 @@ let Icon = class Icon extends SuperComponent {
                 this.triggerEvent('click', event.detail);
             },
             setIconStyle() {
-                const { name, color, size, customStyle } = this.properties;
+                const { name, color, size, style } = this.properties;
                 const isImage = name.indexOf('/') !== -1;
                 const sizeValue = addUnit(size);
                 const sizeStyle = isImage ? { width: sizeValue, height: sizeValue } : {};
@@ -39,7 +39,7 @@ let Icon = class Icon extends SuperComponent {
                 const fontStyle = size ? { 'font-size': sizeValue } : {};
                 this.setData({
                     isImage,
-                    iconStyle: `${styles(Object.assign(Object.assign(Object.assign({}, colorStyle), fontStyle), sizeStyle))}${customStyle ? `;${customStyle}` : ''}`,
+                    iconStyle: `${styles(Object.assign(Object.assign(Object.assign({}, colorStyle), fontStyle), sizeStyle))}${style ? `;${style}` : ''}`,
                 });
             },
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/icon/icon.wxml b/miniprogram_npm/tdesign-miniprogram/icon/icon.wxml
index 3b42c08..e61ae38 100644
--- a/miniprogram_npm/tdesign-miniprogram/icon/icon.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/icon/icon.wxml
@@ -1,5 +1,5 @@
 <view
-  class="{{ prefix ? prefix : classPrefix}} {{componentPrefix}}-class"
+  class="{{ prefix ? prefix : classPrefix}} class {{componentPrefix}}-class"
   style="{{ iconStyle }}"
   bind:tap="onTap"
   aria-hidden="{{ariaHidden}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/icon/icon.wxss b/miniprogram_npm/tdesign-miniprogram/icon/icon.wxss
index e097fe5..9b6c865 100644
--- a/miniprogram_npm/tdesign-miniprogram/icon/icon.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/icon/icon.wxss
@@ -47,7 +47,7 @@
   font-variant: normal;
   text-transform: none;
   line-height: 1;
-  /*text-align: center;*/
+  text-align: center;
   display: block;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/miniprogram_npm/tdesign-miniprogram/icon/props.js b/miniprogram_npm/tdesign-miniprogram/icon/props.js
index 36da4e5..0d4f2fa 100644
--- a/miniprogram_npm/tdesign-miniprogram/icon/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/icon/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/icon/type.d.ts b/miniprogram_npm/tdesign-miniprogram/icon/type.d.ts
index 159aa0b..5b7da04 100644
--- a/miniprogram_npm/tdesign-miniprogram/icon/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/icon/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdIconProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
         required?: boolean;
diff --git a/miniprogram_npm/tdesign-miniprogram/image-viewer/image-viewer.d.ts b/miniprogram_npm/tdesign-miniprogram/image-viewer/image-viewer.d.ts
index 3fff368..051fec2 100644
--- a/miniprogram_npm/tdesign-miniprogram/image-viewer/image-viewer.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/image-viewer/image-viewer.d.ts
@@ -2,7 +2,7 @@ import { SuperComponent } from '../common/src/index';
 export default class ImageViewer extends SuperComponent {
     externalClasses: string[];
     properties: {
-        customStyle?: {
+        style?: {
             type: StringConstructor;
             value?: string;
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/image-viewer/props.js b/miniprogram_npm/tdesign-miniprogram/image-viewer/props.js
index 9962fac..69a4237 100644
--- a/miniprogram_npm/tdesign-miniprogram/image-viewer/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/image-viewer/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/image-viewer/type.d.ts b/miniprogram_npm/tdesign-miniprogram/image-viewer/type.d.ts
index b0eab15..35244b3 100644
--- a/miniprogram_npm/tdesign-miniprogram/image-viewer/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/image-viewer/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdImageViewerProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/image/README.md b/miniprogram_npm/tdesign-miniprogram/image/README.md
index 02cfef8..f9511a6 100644
--- a/miniprogram_npm/tdesign-miniprogram/image/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/image/README.md
@@ -6,6 +6,7 @@ isComponent: true
 ---
 
 <span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20lines-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20functions-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20statements-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20branches-100%25-blue" /></span>
+
 ## 引入
 
 全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
@@ -26,6 +27,19 @@ isComponent: true
 
 {{ status }}
 
+## 常见问题
+
+<details>
+  <summary>
+    本地图片无法正确引用?
+    <span class="icon">👇</span>
+  </summary>
+  <p style="margin-top: 10px; color: rgba(0, 0, 0, .6)">
+    建议使用绝对路径，而不是相对路径。绝对路径以 app.json 所在位置为基准。
+  </p>
+</details>
+
+
 ## API
 ### Image Props
 
diff --git a/miniprogram_npm/tdesign-miniprogram/image/image.js b/miniprogram_npm/tdesign-miniprogram/image/image.js
index 40d108f..d832d1e 100644
--- a/miniprogram_npm/tdesign-miniprogram/image/image.js
+++ b/miniprogram_npm/tdesign-miniprogram/image/image.js
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { SuperComponent, wxComponent } from '../common/src/index';
 import ImageProps from './props';
 import config from '../common/config';
-import { addUnit } from '../common/utils';
+import { addUnit, getRect } from '../common/utils';
 const { prefix } = config;
 const name = `${prefix}-image`;
 let Image = class Image extends SuperComponent {
@@ -59,15 +59,11 @@ let Image = class Image extends SuperComponent {
                     (versionArray[0] === 2 && versionArray[1] === 10 && versionArray[2] < 3);
                 if (mode === 'heightFix' && isInCompatible) {
                     const { height: picHeight, width: picWidth } = e.detail;
-                    const query = this.createSelectorQuery();
-                    query
-                        .select('#image')
-                        .boundingClientRect((res) => {
-                        const { height } = res;
+                    getRect(this, '#image').then((rect) => {
+                        const { height } = rect;
                         const resultWidth = ((height / picHeight) * picWidth).toFixed(2);
                         this.setData({ innerStyle: `height: ${addUnit(height)}; width: ${resultWidth}px;` });
-                    })
-                        .exec();
+                    });
                 }
                 this.setData({
                     isLoading: false,
diff --git a/miniprogram_npm/tdesign-miniprogram/image/image.wxml b/miniprogram_npm/tdesign-miniprogram/image/image.wxml
index e2461f1..03e3352 100644
--- a/miniprogram_npm/tdesign-miniprogram/image/image.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/image/image.wxml
@@ -1,7 +1,7 @@
 <!-- 加载中占位 -->
 <view
   wx:if="{{isLoading}}"
-  style="{{innerStyle}} {{customStyle}}"
+  style="{{innerStyle}} {{style}}"
   class="{{prefix}}-class {{classPrefix}} {{classPrefix}}__mask {{classPrefix}}--loading {{classPrefix}}--shape-{{shape}}"
   aria-hidden="{{ariaHidden}}"
 >
@@ -11,7 +11,7 @@
     size="44rpx"
     loading
     inherit-color
-    class="t-class-load"
+    t-class="t-class-load"
     t-class-text="{{classPrefix}}--loading-text"
   ></t-loading>
   <view wx:elif="{{loading !== 'slot' && loading !== ''}}" class="{{classPrefix}}__common {{prefix}}-class-load">
@@ -22,7 +22,7 @@
 <!-- 加载失败占位 -->
 <view
   wx:elif="{{isFailed}}"
-  style="{{innerStyle}} {{customStyle}}"
+  style="{{innerStyle}} {{style}}"
   class="{{prefix}}-class {{classPrefix}} {{classPrefix}}__mask {{classPrefix}}--failed {{classPrefix}}--shape-{{shape}}"
   aria-hidden="{{ariaHidden}}"
 >
@@ -38,7 +38,7 @@
   hidden="{{isLoading || isFailed}}"
   class="{{prefix}}-class {{classPrefix}} {{classPrefix}}--shape-{{shape}}"
   src="{{src}}"
-  style="{{innerStyle}}{{customStyle}}"
+  style="{{innerStyle}}{{style}}"
   mode="{{mode}}"
   webp="{{webp}}"
   lazy-load="{{lazy}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/image/props.js b/miniprogram_npm/tdesign-miniprogram/image/props.js
index 1d9e8d7..06041b7 100644
--- a/miniprogram_npm/tdesign-miniprogram/image/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/image/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/image/type.d.ts b/miniprogram_npm/tdesign-miniprogram/image/type.d.ts
index b14412d..09a454f 100644
--- a/miniprogram_npm/tdesign-miniprogram/image/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/image/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdImageProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxml b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxml
index 1a400f0..f72c84c 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxml
@@ -1,10 +1,10 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view class="{{classPrefix}} {{prefix}}-class" style="{{customStyle}}">
+<view class="{{classPrefix}} {{prefix}}-class" style="{{style}}">
   <view class="{{_.cls(classPrefix + '__wrapper', [['sticky', sticky], ['active', active]])}}" style="{{anchorStyle}}">
     <view class="{{classPrefix}}__slot">
       <slot />
     </view>
-    <view class="{{classPrefix}}__header"> {{index}} </view>
+    <view class="{{_.cls(classPrefix + '__header', [['active', active]])}}"> {{index}} </view>
   </view>
 </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxss b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxss
index 9c23336..714a495 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/indexes-anchor.wxss
@@ -32,14 +32,34 @@
 }
 .t-indexes-anchor__header {
   display: none;
+  padding: 8rpx 32rpx;
+  background-color: var(--td-indexes-anchor-bg-color, var(--td-gray-color-1, #f3f3f3));
+}
+.t-indexes-anchor__header--active {
+  background-color: var(--td-indexes-anchor-active-bg-color, var(--td-bg-color-block, #fff));
+  position: relative;
+}
+.t-indexes-anchor__header--active::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: unset;
+  bottom: 0;
+  left: unset;
+  right: unset;
+  background-color: var(--td-gray-color-1, #f3f3f3);
+}
+.t-indexes-anchor__header--active::after {
+  height: 1px;
+  left: 0;
+  right: 0;
+  transform: scaleY(0.5);
 }
 .t-indexes-anchor__slot {
   overflow: hidden;
 }
 .t-indexes-anchor__slot:empty + .t-indexes-anchor__header {
   display: block;
-  padding: 8rpx 32rpx;
-  background-color: var(--td-indexes-anchor-bg-color, var(--td-gray-color-1, #f3f3f3));
 }
 .t-indexes-anchor__wrapper {
   will-change: transform;
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/props.js b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/props.js
index 0275924..3cc651e 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/type.d.ts b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/type.d.ts
index 4b6a485..acdd553 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes-anchor/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/indexes-anchor/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdIndexesAnchorProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/indexes/README.en-US.md
index c8a1898..56de5de 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/README.en-US.md
@@ -9,12 +9,14 @@ custom-style | String | - | `0.25.0` | N
 index-list | Array | - | `0.32.0`。Typescript：`string [] \| number[]` | N
 list | Array | [] | `deprecated`。Typescript：`ListItem[] ` `interface ListItem { title: string;  index: string;  children: { title: string; [key: string]: any} [] }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/indexes/type.ts) | N
 sticky | Boolean | true | Typescript：`Boolean` | N
+sticky-offset | Number | 0 | `1.0.0` | N
 
 ### Indexes Events
 
 name | params | description
 -- | -- | --
-select | `(indexes: { groupIndex: string; childrenIndex: number })` | \-
+change | `(index: string \| number)` | `0.34.0`
+select | `(index: string \| number)` | \-
 
 ### IndexesAnchor Props
 
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/README.md b/miniprogram_npm/tdesign-miniprogram/indexes/README.md
index 4ffdc4a..f701634 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/README.md
@@ -46,12 +46,14 @@ custom-style | String | - | `0.25.0`。自定义组件样式 | N
 index-list | Array | - | `0.32.0`。索引字符列表。不传默认 `A-Z`。TS 类型：`string [] \| number[]` | N
 list | Array | [] | 已废弃。索引列表的列表数据。每个元素包含三个子元素，index(string)：索引值，例如1，2，3，...或A，B，C等；title(string): 索引标题，可不填将默认设为索引值；children(Array<{title: string}>): 子元素列表，title为子元素的展示文案。。TS 类型：`ListItem[] ` `interface ListItem { title: string;  index: string;  children: { title: string; [key: string]: any} [] }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/indexes/type.ts) | N
 sticky | Boolean | true | 索引是否吸顶，默认为true。TS 类型：`Boolean` | N
+sticky-offset | Number | 0 | `1.0.0`。锚点吸顶时与顶部的距离	 | N
 
 ### Indexes Events
 
 名称 | 参数 | 描述
 -- | -- | --
-select | `(indexes: { groupIndex: string; childrenIndex: number })` | 点击行元素时触发事件
+change | `(index: string \| number)` | `0.34.0`。索引发生变更时触发事件
+select | `(index: string \| number)` | 点击侧边栏时触发事件
 
 ### IndexesAnchor Props
 
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js
index 68553f6..0e07ea5 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js
@@ -142,6 +142,9 @@ let Indexes = class Indexes extends SuperComponent {
                 this.preIndex = index;
                 this.toggleTips(true);
                 this.triggerEvent('select', { index: activeAnchor });
+                if (activeAnchor !== this.data.activeAnchor) {
+                    this.triggerEvent('change', { index: activeAnchor });
+                }
             },
             onClick(e) {
                 const { index } = e.currentTarget.dataset;
@@ -175,32 +178,36 @@ let Indexes = class Indexes extends SuperComponent {
                 if (!this.groupTop) {
                     return;
                 }
-                const { sticky } = this.data;
+                const { sticky, stickyOffset } = this.data;
+                scrollTop += stickyOffset;
                 const curIndex = this.groupTop.findIndex((group) => scrollTop >= group.top - group.height && scrollTop <= group.top + group.totalHeight - group.height);
                 if (curIndex === -1)
                     return;
                 const curGroup = this.groupTop[curIndex];
+                if (this.data.activeAnchor !== curGroup.anchor) {
+                    this.triggerEvent('change', { index: curGroup.anchor });
+                }
                 this.setData({
                     activeAnchor: curGroup.anchor,
                 });
                 if (sticky) {
                     const offset = curGroup.top - scrollTop;
-                    const betwixt = offset < curGroup.height && offset > 0 && scrollTop > 0;
+                    const betwixt = offset < curGroup.height && offset > 0 && scrollTop > stickyOffset;
                     this.$children.forEach((child, index) => {
                         if (index === curIndex) {
                             child.setData({
-                                sticky: scrollTop > 0,
+                                sticky: scrollTop > stickyOffset,
                                 active: true,
-                                customStyle: `height: ${curGroup.height}px`,
-                                anchorStyle: `transform: translate3d(0, ${betwixt ? offset : 0}px, 0)`,
+                                style: `height: ${curGroup.height}px`,
+                                anchorStyle: `transform: translate3d(0, ${betwixt ? offset : 0}px, 0); top: ${stickyOffset}px`,
                             });
                         }
                         else if (index + 1 === curIndex) {
                             child.setData({
                                 sticky: true,
                                 active: true,
-                                customStyle: `height: ${curGroup.height}px`,
-                                anchorStyle: `transform: translate3d(0, ${betwixt ? offset - curGroup.height : 0}px, 0)`,
+                                style: `height: ${curGroup.height}px`,
+                                anchorStyle: `transform: translate3d(0, ${betwixt ? offset - curGroup.height : 0}px, 0); top: ${stickyOffset}px`,
                             });
                         }
                         else {
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxml b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxml
index f0fd212..c879010 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxml
@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view style="{{ customStyle }}" class="{{classPrefix}} {{prefix}}-class">
+<view style="{{ style }}" class="{{classPrefix}} {{prefix}}-class">
   <view
     class="{{classPrefix}}__sidebar {{prefix}}-class-sidebar"
     id="id-{{classPrefix}}__bar"
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxss b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxss
index a0ec56d..b45bb07 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.wxss
@@ -31,7 +31,7 @@
 }
 .t-indexes__sidebar {
   position: fixed;
-  right: 0;
+  right: var(--td-indexes-sidebar-right, 16rpx);
   width: var(--td-indexes-sidebar-item-size, 40rpx);
   color: var(--td-indexes-sidebar-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
   font-size: var(--td-indexes-sidebar-font-size, 24rpx);
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/props.js b/miniprogram_npm/tdesign-miniprogram/indexes/props.js
index ef850ab..791e320 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
@@ -14,5 +14,9 @@ const props = {
         type: Boolean,
         value: true,
     },
+    stickyOffset: {
+        type: Number,
+        value: 0,
+    },
 };
 export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/type.d.ts b/miniprogram_npm/tdesign-miniprogram/indexes/type.d.ts
index cee2292..bcfb5d1 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdIndexesProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -15,6 +15,10 @@ export interface TdIndexesProps {
         type: BooleanConstructor;
         value?: Boolean;
     };
+    stickyOffset?: {
+        type: NumberConstructor;
+        value?: number;
+    };
 }
 export interface ListItem {
     title: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/input/README.md b/miniprogram_npm/tdesign-miniprogram/input/README.md
index 2334100..5d2352d 100644
--- a/miniprogram_npm/tdesign-miniprogram/input/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/input/README.md
@@ -72,7 +72,7 @@ isComponent: true
 -- | -- | -- | -- | --
 align | String | left | 文本内容位置，居左/居中/居右。可选项：left/center/right | N
 layout | String | horizontal | 标题输入框布局方式。可选项：vertical/horizontal | N
-borderless | Boolean | true | 是否开启无边框模式 | N
+borderless | Boolean | false | 是否开启无边框模式 | N
 clearable | Boolean / Object | false | 是否可清空，默认不启动。值为 `true` 表示使用默认清除空按钮，值为 `Object` 表示透传至 `icon` | N
 custom-style `v0.25.0` | String | - | 自定义组件样式 | N
 disabled | Boolean | false | 是否禁用输入框 | N
@@ -85,7 +85,7 @@ maxlength | Number | - | 用户最多可以输入的文本长度，一个中文
 placeholder | String | undefined | 占位符 | N
 prefix-icon | String / Object / Slot | - | 组件前置图标。值为字符串表示图标名称，值为 `'slot'` 表示使用插槽，值为 `Object` 类型，表示透传至 `icon`。 | N
 readonly | Boolean | false | 【开发中】只读状态 | N
-size | String | medium | 输入框尺寸。可选项：small/medium。TS 类型：`'medium' \| 'small'` | N
+size | String | medium | 【已废弃】输入框尺寸。可选项：small/medium。TS 类型：`'medium' \| 'small'` | N
 status | String | - | 输入框状态。可选项：success/warning/error | N
 suffix | String / Slot | - | 后置图标前的后置内容 | N
 suffix-icon | String  / Object / Slot | - | 后置文本内容。值为字符串表示图标名称，值为 `'slot'` 表示使用插槽，值为 `Object` 类型，表示透传至 `icon`。 | N
diff --git a/miniprogram_npm/tdesign-miniprogram/input/input.js b/miniprogram_npm/tdesign-miniprogram/input/input.js
index 2cf4bc2..8738b03 100644
--- a/miniprogram_npm/tdesign-miniprogram/input/input.js
+++ b/miniprogram_npm/tdesign-miniprogram/input/input.js
@@ -17,6 +17,7 @@ let Input = class Input extends SuperComponent {
             multipleSlots: true,
         };
         this.externalClasses = [
+            'class',
             `${prefix}-class`,
             `${prefix}-class-prefix-icon`,
             `${prefix}-class-label`,
diff --git a/miniprogram_npm/tdesign-miniprogram/input/input.wxml b/miniprogram_npm/tdesign-miniprogram/input/input.wxml
index f2bf2fd..ae673c1 100644
--- a/miniprogram_npm/tdesign-miniprogram/input/input.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/input/input.wxml
@@ -3,12 +3,11 @@
 <wxs src="./input.wxs" module="this" />
 
 <view
-  style="{{ customStyle }}"
-  class="{{classPrefix}} {{classPrefix}}--size-{{size}} {{classPrefix}}--layout-{{layout}} {{prefix}}-class"
+  style="{{ style }}"
+  class="{{_.cls(classPrefix, [['border', !borderless]])}} {{classPrefix}}--layout-{{layout}} class {{prefix}}-class"
   aria-describedby
 >
   <!-- aria-describedby用于关联该行设置了aria-hidden的元素最近的焦点，解决触发焦点过度上下偏移的问题 -->
-
   <view wx:if="{{prefixIconName || _.isNoEmptyObj(prefixIconData) || label}}" class="{{classPrefix}}__wrap--prefix">
     <view wx:if="{{prefixIconName || _.isNoEmptyObj(prefixIconData)}}" class="{{classPrefix}}__icon--prefix">
       <slot wx:if="{{prefixIconName === 'slot'}}" name="prefix-icon" />
@@ -25,7 +24,7 @@
   </view>
 
   <view class="{{classPrefix}}__wrap">
-    <view class="{{classPrefix}}__content {{classPrefix}}--{{status}} {{borderless ? '' : classPrefix + '--border'}}">
+    <view class="{{classPrefix}}__content {{classPrefix}}--{{status}}">
       <input
         disabled="{{disabled}}"
         placeholder="{{placeholder}}"
@@ -62,10 +61,10 @@
         aria-roledescription="{{label}}"
       />
       <!--
-        这里aria-role="textbox"和aria-label组合使用实现ios的聚合焦点播报效果。
-        ios会播报aria-label，不会重复播报aria-roledescription的内容；
-        安卓不会播报aria-label，会播报aria-roledescription的内容
-      -->
+          这里aria-role="textbox"和aria-label组合使用实现ios的聚合焦点播报效果。
+          ios会播报aria-label，不会重复播报aria-roledescription的内容；
+          安卓不会播报aria-label，会播报aria-roledescription的内容
+        -->
 
       <view
         wx:if="{{(clearableName || _.isNoEmptyObj(clearableData)) && value.length > 0}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/input/input.wxss b/miniprogram_npm/tdesign-miniprogram/input/input.wxss
index a6f059a..456d34d 100644
--- a/miniprogram_npm/tdesign-miniprogram/input/input.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/input/input.wxss
@@ -26,9 +26,33 @@
   transform: scale(1.5);
 }
 .t-input {
-  position: relative;
+  background-color: var(--td-input-bg-color, var(--td-bg-color-block, #fff));
   display: flex;
-  background: var(--td-input-bg-color, var(--td-bg-color-block, #fff));
+  flex: 1;
+  padding: var(--td-input-vertical-padding, 32rpx);
+}
+.t-input--border {
+  position: relative;
+}
+.t-input--border::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: unset;
+  bottom: 0;
+  left: unset;
+  right: unset;
+  background-color: var(--td-input-border-color, var(--td-gray-color-3, #e7e7e7));
+}
+.t-input--border::after {
+  height: 1px;
+  left: 0;
+  right: 0;
+  transform: scaleY(0.5);
+}
+.t-input--border:after {
+  left: var(--td-input-border-left-space, 32rpx);
+  right: var(--td-input-border-right-space, 0);
 }
 .t-input--layout-vertical {
   flex-direction: column;
@@ -41,8 +65,8 @@
   color: var(--td-input-prefix-icon-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
 }
 .t-input__label:not(:empty) {
-  min-width: 150rpx;
-  max-width: 150rpx;
+  min-width: 2em;
+  max-width: 5em;
   font-size: var(--td-font-size-m, 32rpx);
   line-height: 48rpx;
   color: var(--td-input-label-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
@@ -56,14 +80,15 @@
 }
 .t-input__wrap {
   display: flex;
+  flex-direction: column;
   flex-wrap: wrap;
-  flex: auto;
-  align-items: center;
+  justify-content: center;
+  flex-shrink: 1;
+  flex: 1;
 }
 .t-input__wrap .t-input__content {
   display: flex;
   align-items: center;
-  width: 100%;
   line-height: 48rpx;
   font-size: var(--td-font-size-m, 32rpx);
 }
@@ -102,6 +127,7 @@
   box-sizing: border-box;
   width: 100%;
   min-width: 0;
+  min-height: 48rpx;
   margin: 0;
   padding: 0;
   color: var(--td-input-default-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
@@ -133,36 +159,18 @@
 }
 .t-input__tips {
   font-size: var(--td-font-size-s, 24rpx);
-  color: var(--td-input-default-tips-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
   line-height: 40rpx;
   padding-top: 8rpx;
 }
-.t-input--border {
-  padding: 24rpx 32rpx;
-  border-radius: var(--td-input-border-radius, var(--td-radius-default, 12rpx));
-  border: 3rpx solid var(--td-input-default-border-color, var(--td-border-color, #e7e7e7));
-}
-.t-input--success.t-input--border {
-  border-color: var(--td-input-success-border-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
+.t-input--default + .t-input__tips {
+  color: var(--td-input-default-tips-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
 }
 .t-input--success + .t-input__tips {
-  color: var(--td-input-success-border-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-}
-.t-input--warning.t-input--border {
-  border-color: var(--td-input-warning-border-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
+  color: var(--td-input-success-tips-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
 }
 .t-input--warning + .t-input__tips {
-  color: var(--td-input-warning-border-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-}
-.t-input--error.t-input--border {
-  border-color: var(--td-input-error-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
+  color: var(--td-input-warning-tips-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
 }
 .t-input--error + .t-input__tips {
-  color: var(--td-input-error-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-}
-.t-input--size-medium {
-  padding: 32rpx 32rpx;
-}
-.t-input--size-small {
-  padding: 24rpx 32rpx;
+  color: var(--td-input-error-tips-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/input/props.js b/miniprogram_npm/tdesign-miniprogram/input/props.js
index 29c324a..458ab18 100644
--- a/miniprogram_npm/tdesign-miniprogram/input/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/input/props.js
@@ -9,13 +9,13 @@ const props = {
     },
     borderless: {
         type: Boolean,
-        value: true,
+        value: false,
     },
     clearable: {
         type: null,
         value: false,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/input/type.d.ts b/miniprogram_npm/tdesign-miniprogram/input/type.d.ts
index 5a75e5d..451da4a 100644
--- a/miniprogram_npm/tdesign-miniprogram/input/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/input/type.d.ts
@@ -15,7 +15,7 @@ export interface TdInputProps {
         type: null;
         value?: boolean | object;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/link/link.wxml b/miniprogram_npm/tdesign-miniprogram/link/link.wxml
index 11500ef..c5570a2 100644
--- a/miniprogram_npm/tdesign-miniprogram/link/link.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/link/link.wxml
@@ -12,7 +12,7 @@
   extra-data="{{navigatorProps.extraData}}"
   version="{{navigatorProps.version}}"
   short-link="{{navigatorProps.shortLink}}"
-  hover-class="{{navigatorProps.hoverClass}}"
+  hover-class="none {{navigatorProps.hoverClass}}"
   hover-stop-propagation="navigatorProps.hoverStopPropagation"
   hover-start-time="{{navigatorProps.hoverStartTime}}"
   hover-stay-time="{{navigatorProps.hoverStayTime}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/loading/loading.d.ts b/miniprogram_npm/tdesign-miniprogram/loading/loading.d.ts
index f064160..512396e 100644
--- a/miniprogram_npm/tdesign-miniprogram/loading/loading.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/loading/loading.d.ts
@@ -13,7 +13,7 @@ export default class Loading extends SuperComponent {
         multipleSlots: boolean;
     };
     properties: {
-        customStyle?: {
+        style?: {
             type: StringConstructor;
             value?: string;
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/loading/loading.js b/miniprogram_npm/tdesign-miniprogram/loading/loading.js
index f59a423..7703468 100644
--- a/miniprogram_npm/tdesign-miniprogram/loading/loading.js
+++ b/miniprogram_npm/tdesign-miniprogram/loading/loading.js
@@ -12,7 +12,7 @@ const name = `${prefix}-loading`;
 let Loading = class Loading extends SuperComponent {
     constructor() {
         super(...arguments);
-        this.externalClasses = [`${prefix}-class`, `${prefix}-class-text`, `${prefix}-class-indicator`];
+        this.externalClasses = ['class', `${prefix}-class`, `${prefix}-class-text`, `${prefix}-class-indicator`];
         this.data = {
             prefix,
             classPrefix: name,
diff --git a/miniprogram_npm/tdesign-miniprogram/loading/loading.wxml b/miniprogram_npm/tdesign-miniprogram/loading/loading.wxml
index 2c7a683..a813438 100644
--- a/miniprogram_npm/tdesign-miniprogram/loading/loading.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/loading/loading.wxml
@@ -1,7 +1,7 @@
 <wxs src="../common/utils.wxs" module="utils" />
 <view
-  style="{{ customStyle }};{{ !text && theme != 'error' && 'width: ' + utils.addUnit(size) + '; height: ' + utils.addUnit(size)}}"
-  class="{{prefix}}-class"
+  style="{{ style }};{{ !text && theme != 'error' && 'width: ' + utils.addUnit(size) + '; height: ' + utils.addUnit(size)}}"
+  class="class {{prefix}}-class"
 >
   <view
     wx:if="{{theme === 'bar' && theme !== 'error'}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/loading/props.js b/miniprogram_npm/tdesign-miniprogram/loading/props.js
index 96045b5..cc055b3 100644
--- a/miniprogram_npm/tdesign-miniprogram/loading/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/loading/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/loading/type.d.ts b/miniprogram_npm/tdesign-miniprogram/loading/type.d.ts
index bba2aa4..5b3aa71 100644
--- a/miniprogram_npm/tdesign-miniprogram/loading/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/loading/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdLoadingProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/message/message.wxml b/miniprogram_npm/tdesign-miniprogram/message/message.wxml
index e8de690..1a52799 100644
--- a/miniprogram_npm/tdesign-miniprogram/message/message.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/message/message.wxml
@@ -4,7 +4,7 @@
 <block wx:if="{{visible}}">
   <view
     class="{{classPrefix}} {{prefix}}-class {{classPrefix}}--{{theme}}"
-    style="{{this.getMessageStyles(zIndex, offset, wrapTop, customStyle)}}"
+    style="{{this.getMessageStyles(zIndex, offset, wrapTop, style)}}"
     animation="{{showAnimation}}"
     id="{{classPrefix}}"
     aria-role="alert"
diff --git a/miniprogram_npm/tdesign-miniprogram/message/message.wxs b/miniprogram_npm/tdesign-miniprogram/message/message.wxs
index 88a6738..39b614e 100644
--- a/miniprogram_npm/tdesign-miniprogram/message/message.wxs
+++ b/miniprogram_npm/tdesign-miniprogram/message/message.wxs
@@ -8,14 +8,14 @@ var changeNumToStr = function (arr) {
   });
 };
 
-var getMessageStyles = function (zIndex, offset, wrapTop, customStyle) {
+var getMessageStyles = function (zIndex, offset, wrapTop, style) {
   var arr = changeNumToStr(offset);
   var styleOffset = '';
   styleOffset += 'top:' + changeNumToStr([wrapTop * 2]) + ';';
   styleOffset += 'right:' + arr[1] + ';';
   styleOffset += 'left:' + arr[1] + ';';
   var zIndexStyle = zIndex ? 'z-index:' + zIndex + ';' : '';
-  return zIndexStyle + styleOffset + customStyle;
+  return zIndexStyle + styleOffset + style;
 };
 
 module.exports = {
diff --git a/miniprogram_npm/tdesign-miniprogram/message/props.js b/miniprogram_npm/tdesign-miniprogram/message/props.js
index 7e688f6..f20fad0 100644
--- a/miniprogram_npm/tdesign-miniprogram/message/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/message/props.js
@@ -13,7 +13,7 @@ const props = {
     content: {
         type: String,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/message/type.d.ts b/miniprogram_npm/tdesign-miniprogram/message/type.d.ts
index c591afd..197876d 100644
--- a/miniprogram_npm/tdesign-miniprogram/message/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/message/type.d.ts
@@ -15,7 +15,7 @@ export interface TdMessageProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/navbar/README.md b/miniprogram_npm/tdesign-miniprogram/navbar/README.md
index 4204ab5..5163012 100644
--- a/miniprogram_npm/tdesign-miniprogram/navbar/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/navbar/README.md
@@ -22,11 +22,7 @@ isComponent: true
 
 {{ base }}
 
-### 带返回导航栏
-
-{{ back }}
-
-### 带返回，主页按钮导航栏
+### 胶囊样式导航栏
 
 {{ back-home }}
 
@@ -38,7 +34,7 @@ isComponent: true
 
 {{ img }}
 
-### 标题左对齐
+### 组件样式
 
 {{ left-title }}
 
diff --git a/miniprogram_npm/tdesign-miniprogram/navbar/navbar.wxml b/miniprogram_npm/tdesign-miniprogram/navbar/navbar.wxml
index a8db6a0..f7bc4ae 100644
--- a/miniprogram_npm/tdesign-miniprogram/navbar/navbar.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/navbar/navbar.wxml
@@ -1,7 +1,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 <view
   class="{{_.cls(classPrefix, ['fixed', fixed])}} {{visibleClass}} {{prefix}}-class"
-  style="{{boxStyle}}; {{customStyle}}"
+  style="{{boxStyle}}; {{style}}"
 >
   <view wx:if="{{fixed}}" class="{{classPrefix}}__placeholder" />
   <view class="{{classPrefix}}__content">
diff --git a/miniprogram_npm/tdesign-miniprogram/navbar/props.js b/miniprogram_npm/tdesign-miniprogram/navbar/props.js
index f438772..77ec0ec 100644
--- a/miniprogram_npm/tdesign-miniprogram/navbar/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/navbar/props.js
@@ -3,7 +3,7 @@ const props = {
         type: Boolean,
         value: true,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/navbar/type.d.ts b/miniprogram_npm/tdesign-miniprogram/navbar/type.d.ts
index 07eec47..5034319 100644
--- a/miniprogram_npm/tdesign-miniprogram/navbar/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/navbar/type.d.ts
@@ -3,7 +3,7 @@ export interface TdNavbarProps {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/notice-bar/notice-bar.wxml b/miniprogram_npm/tdesign-miniprogram/notice-bar/notice-bar.wxml
index a5f4578..fc5b6fb 100644
--- a/miniprogram_npm/tdesign-miniprogram/notice-bar/notice-bar.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/notice-bar/notice-bar.wxml
@@ -1,7 +1,7 @@
 <import src="../common/template/icon.wxml" />
 <wxs src="../common/utils.wxs" module="_" />
 
-<view wx:if="{{visible}}" style="{{ customStyle }}" class="{{classPrefix}} {{classPrefix}}--{{theme}} {{prefix}}-class">
+<view wx:if="{{visible}}" style="{{ style }}" class="{{classPrefix}} {{classPrefix}}--{{theme}} {{prefix}}-class">
   <!-- prefixIcon -->
   <view
     wx:if="{{prefixIconName || _.isNoEmptyObj(prefixIconData)}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/notice-bar/props.js b/miniprogram_npm/tdesign-miniprogram/notice-bar/props.js
index 092fbd2..df07774 100644
--- a/miniprogram_npm/tdesign-miniprogram/notice-bar/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/notice-bar/props.js
@@ -6,7 +6,7 @@ const props = {
         type: String,
         value: 'horizontal',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/notice-bar/type.d.ts b/miniprogram_npm/tdesign-miniprogram/notice-bar/type.d.ts
index 210c6e5..89d57c8 100644
--- a/miniprogram_npm/tdesign-miniprogram/notice-bar/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/notice-bar/type.d.ts
@@ -3,7 +3,7 @@ export interface TdNoticeBarProps {
         type: null;
         value?: null;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/overlay/overlay.d.ts b/miniprogram_npm/tdesign-miniprogram/overlay/overlay.d.ts
index 6e55833..beb580e 100644
--- a/miniprogram_npm/tdesign-miniprogram/overlay/overlay.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/overlay/overlay.d.ts
@@ -17,7 +17,7 @@ export default class Overlay extends SuperComponent {
             type: BooleanConstructor;
             value: boolean;
         };
-        customStyle: {
+        style: {
             type: StringConstructor;
             value: string;
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/overlay/overlay.js b/miniprogram_npm/tdesign-miniprogram/overlay/overlay.js
index cdfb430..02a35b7 100644
--- a/miniprogram_npm/tdesign-miniprogram/overlay/overlay.js
+++ b/miniprogram_npm/tdesign-miniprogram/overlay/overlay.js
@@ -29,7 +29,7 @@ let Overlay = class Overlay extends SuperComponent {
                 type: Boolean,
                 value: true,
             },
-            customStyle: {
+            style: {
                 type: String,
                 value: '',
             },
diff --git a/miniprogram_npm/tdesign-miniprogram/overlay/overlay.wxml b/miniprogram_npm/tdesign-miniprogram/overlay/overlay.wxml
index 78bc6cd..1fccf6a 100644
--- a/miniprogram_npm/tdesign-miniprogram/overlay/overlay.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/overlay/overlay.wxml
@@ -1,7 +1,7 @@
 <view
   wx:if="{{realVisible && preventScrollThrough}}"
   class="{{prefix}}-overlay {{transitionClass}}"
-  style="z-index: {{_zIndex}}; {{computedStyle}} {{customStyle}}"
+  style="z-index: {{_zIndex}}; {{computedStyle}} {{style}}"
   bind:tap="handleClick"
   catchtouchmove="noop"
   bind:transitionend="onTransitionEnd"
@@ -13,7 +13,7 @@
 <view
   wx:elif="{{realVisible}}"
   class="{{prefix}}-overlay {{transitionClass}}"
-  style="z-index: {{_zIndex}}; {{computedStyle}} {{customStyle}}"
+  style="z-index: {{_zIndex}}; {{computedStyle}} {{style}}"
   bind:tap="handleClick"
   bind:transitionend="onTransitionEnd"
   aria-role="{{ ariaRole || 'button' }}"
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/picker/README.en-US.md
index b975170..d13153e 100644
--- a/miniprogram_npm/tdesign-miniprogram/picker/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/picker/README.en-US.md
@@ -1,7 +1,6 @@
 :: BASE_DOC ::
 
 ## API
-
 ### Picker Props
 
 name | type | default | description | required
@@ -10,7 +9,7 @@ auto-close | Boolean | true | \- | N
 cancel-btn | String / Boolean / Object | true | Typescript：`boolean \| string \| ButtonProps` | N
 columns | Array / Function | [] | required。Typescript：`Array<PickerColumn> \| ((item: Array<PickerValue>)  => Array<PickerColumn>)` `type PickerColumn = PickerColumnItem[]` `interface PickerColumnItem { label: string,value: string}`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts) | Y
 confirm-btn | String / Boolean / Object | true | Typescript：`boolean \| string \| ButtonProps`，[Button API Documents](./button?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts) | N
-custom-style `v0.25.0` | String | - | \- | N
+custom-style | String | - | `0.25.0` | N
 footer | Slot | - | \- | N
 header | Boolean / Slot | true | \- | N
 render-label | String / Function | - | Typescript：`(item: PickerColumnItem) => string` | N
@@ -24,6 +23,14 @@ visible | Boolean | false | \- | N
 name | params | description
 -- | -- | --
 cancel | - | \-
-change | `(detail: { value: Array<PickerValue>; columns: Array<{ column: number; index: number }> })` | \-
-confirm | `(value: Array<PickerValue>, context: {index: number[] })` | \-
-pick | `(value: Array<PickerValue>,context: PickerContext)` | \-
+change | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | \-
+confirm | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | \-
+pick | `(value: Array<PickerValue>, label: string, column: number, index: number)` | \-
+
+### PickerItem Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+custom-style | String | - | `0.25.0` | N
+format | Function | - | Typescript：`(option: PickerItemOption) => string` | N
+options | Array | [] | Typescript：`PickerItemOption[]` `interface PickerItemOption { label: string; value: string \| number }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker-item/type.ts) | N
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/README.md b/miniprogram_npm/tdesign-miniprogram/picker/README.md
index 4465cdf..7c33394 100644
--- a/miniprogram_npm/tdesign-miniprogram/picker/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/picker/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-picker": "tdesign-miniprogram/picker/picker",
-  "t-picker-item": "tdesign-miniprogram/picker/picker-item",
+  "t-picker-item": "tdesign-miniprogram/picker-item/picker-item",
 }
 ```
 
@@ -47,7 +47,7 @@ auto-close | Boolean | true | 自动关闭；在确认、取消、点击遮罩
 cancel-btn | String / Boolean / Object | true | 取消按钮文字。TS 类型：`boolean \| string \| ButtonProps` | N
 columns | Array / Function | [] | 必需。配置每一列的选项。TS 类型：`Array<PickerColumn> \| ((item: Array<PickerValue>)  => Array<PickerColumn>)` `type PickerColumn = PickerColumnItem[]` `interface PickerColumnItem { label: string,value: string}`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts) | Y
 confirm-btn | String / Boolean / Object | true | 确定按钮文字。TS 类型：`boolean \| string \| ButtonProps`，[Button API Documents](./button?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts) | N
-custom-style `v0.25.0` | String | - | 自定义组件样式 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 footer | Slot | - | 底部内容 | N
 header | Boolean / Slot | true | 头部内容。值为 true 显示空白头部，值为 false 不显示任何内容，值类型为 TNode 表示自定义头部内容 | N
 render-label | String / Function | - | 自定义label。TS 类型：`(item: PickerColumnItem) => string` | N
@@ -61,14 +61,14 @@ visible | Boolean | false | 是否显示 | N
 名称 | 参数 | 描述
 -- | -- | --
 cancel | - | 点击取消按钮时触发
-change | `(detail: { value: Array<PickerValue>; columns: Array<{ column: number; label: string; index: number }> })` | 选中变化时候触发
-confirm | `(detail: { value: Array<PickerValue>; columns: Array<{ column: number; label: string; index: number }> })` | 选中变化时候触发
-pick | `(detail: { value: Array<PickerValue>;  label: string; index: number; column: number;})` | 任何一列选中都会触发，不同的列参数不同。`context.column` 表示第几列变化，`context.index` 表示变化那一列的选中项下标
+change | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | 选中变化时候触发，即确认变化时触发
+confirm | `(value: Array<PickerValue>, label: string, columns: Array<{ column: number; index: number }> )` | 点击确认按钮时触发
+pick | `(value: Array<PickerValue>, label: string, column: number, index: number)` | 任何一列选中都会触发，不同的列参数不同。`column` 表示第几列变化，`index` 表示变化那一列的选中项下标
 
 ### PickerItem Props
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-custom-style `v0.25.0` | String | - | 自定义组件样式 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 format | Function | - | 格式化标签。TS 类型：`(option: PickerItemOption) => string` | N
-options | Array | [] | 数据源。TS 类型：`Array<PickerItemOption>` `interface PickerItemOption { label: string; value: string | number }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker/type.ts) | N
+options | Array | [] | 数据源。TS 类型：`PickerItemOption[]` `interface PickerItemOption { label: string; value: string \| number }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/picker-item/type.ts) | N
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker-item-props.d.ts b/miniprogram_npm/tdesign-miniprogram/picker/picker-item-props.d.ts
deleted file mode 100644
index 1140c78..0000000
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker-item-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdPickerItemProps } from './type';
-declare const props: TdPickerItemProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker-item-props.js b/miniprogram_npm/tdesign-miniprogram/picker/picker-item-props.js
deleted file mode 100644
index 6f1076b..0000000
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker-item-props.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const props = {
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    format: {
-        type: null,
-    },
-    options: {
-        type: Array,
-        value: [],
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.d.ts b/miniprogram_npm/tdesign-miniprogram/picker/picker-item.d.ts
deleted file mode 100644
index 6ef8be8..0000000
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.d.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-export default class PickerItem extends SuperComponent {
-    relations: RelationsOptions;
-    properties: import("./type").TdPickerItemProps;
-    observers: {
-        options(this: PickerItem): void;
-    };
-    data: {
-        classPrefix: string;
-        offset: number;
-        duration: number;
-        value: string;
-        curIndex: number;
-    };
-    methods: {
-        onTouchStart(event: any): void;
-        onTouchMove(event: any): void;
-        onTouchEnd(): void;
-        update(): void;
-        resetOrigin(): void;
-        getCount(): any;
-    };
-    calculateViewDeltaY(touchDeltaY: number): number;
-    created(): void;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.js b/miniprogram_npm/tdesign-miniprogram/picker/picker-item.js
deleted file mode 100644
index 1ec2713..0000000
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.js
+++ /dev/null
@@ -1,117 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent } from '../common/src/index';
-import config from '../common/config';
-import props from './picker-item-props';
-const { prefix } = config;
-const name = `${prefix}-picker-item`;
-const itemHeight = 80;
-const DefaultDuration = 240;
-const { windowWidth } = wx.getSystemInfoSync();
-const rpx2px = (rpx) => Math.floor((windowWidth * rpx) / 750);
-const range = function (num, min, max) {
-    return Math.min(Math.max(num, min), max);
-};
-let PickerItem = class PickerItem extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.relations = {
-            './picker': {
-                type: 'parent',
-                linked(parent) {
-                    this.parent = parent;
-                },
-            },
-        };
-        this.properties = props;
-        this.observers = {
-            options() {
-                this.update();
-            },
-        };
-        this.data = {
-            classPrefix: name,
-            offset: 0,
-            duration: 0,
-            value: '',
-            curIndex: 0,
-        };
-        this.methods = {
-            onTouchStart(event) {
-                this.StartY = event.touches[0].clientY;
-                this.StartOffset = this.data.offset;
-                this.setData({ duration: 0 });
-            },
-            onTouchMove(event) {
-                const { StartY, StartOffset, itemHeight } = this;
-                const touchDeltaY = event.touches[0].clientY - StartY;
-                const deltaY = this.calculateViewDeltaY(touchDeltaY);
-                this.setData({
-                    offset: range(StartOffset + deltaY, -(this.getCount() * itemHeight), 0),
-                    duration: DefaultDuration,
-                });
-            },
-            onTouchEnd() {
-                const { offset } = this.data;
-                const { options } = this.properties;
-                if (offset === this.StartOffset) {
-                    return;
-                }
-                const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
-                this.setData({
-                    curIndex: index,
-                    offset: -index * this.itemHeight,
-                });
-                if (index === this._selectedIndex) {
-                    return;
-                }
-                wx.nextTick(() => {
-                    var _a, _b, _c;
-                    this._selectedIndex = index;
-                    this._selectedValue = (_a = options[index]) === null || _a === void 0 ? void 0 : _a.value;
-                    this._selectedLabel = (_b = options[index]) === null || _b === void 0 ? void 0 : _b.label;
-                    (_c = this.parent) === null || _c === void 0 ? void 0 : _c.triggerColumnChange({
-                        index,
-                        column: this.columnIndex || 0,
-                    });
-                });
-            },
-            update() {
-                var _a, _b;
-                const { options, value } = this.data;
-                const index = options.findIndex((item) => item.value === value);
-                const selectedIndex = index > 0 ? index : 0;
-                this.setData({
-                    offset: -selectedIndex * this.itemHeight,
-                    curIndex: selectedIndex,
-                });
-                this._selectedIndex = selectedIndex;
-                this._selectedValue = (_a = options[selectedIndex]) === null || _a === void 0 ? void 0 : _a.value;
-                this._selectedLabel = (_b = options[selectedIndex]) === null || _b === void 0 ? void 0 : _b.label;
-            },
-            resetOrigin() {
-                this.update();
-            },
-            getCount() {
-                var _a, _b;
-                return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length;
-            },
-        };
-    }
-    calculateViewDeltaY(touchDeltaY) {
-        return Math.abs(touchDeltaY) > itemHeight ? 1.2 * touchDeltaY : touchDeltaY;
-    }
-    created() {
-        this.StartY = 0;
-        this.StartOffset = 0;
-        this.itemHeight = rpx2px(itemHeight);
-    }
-};
-PickerItem = __decorate([
-    wxComponent()
-], PickerItem);
-export default PickerItem;
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.json b/miniprogram_npm/tdesign-miniprogram/picker/picker-item.json
deleted file mode 100644
index a89ef4d..0000000
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.wxml b/miniprogram_npm/tdesign-miniprogram/picker/picker-item.wxml
deleted file mode 100644
index 9377c8d..0000000
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.wxml
+++ /dev/null
@@ -1,24 +0,0 @@
-<wxs src="../common/utils.wxs" module="_" />
-<view
-  style="{{ customStyle }}"
-  class="{{_.cls(classPrefix + '__group', [['narrow', siblingCount > 4], ['roomy', siblingCount <= 2]])}}"
-  bind:touchstart="onTouchStart"
-  catch:touchmove="onTouchMove"
-  bind:touchend="onTouchEnd"
-  bind:touchcancel="onTouchEnd"
->
-  <view
-    class="{{classPrefix}}__wrapper"
-    style="transition: transform {{ duration }}ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, {{ offset }}px, 0)"
-  >
-    <view
-      class="{{_.cls(classPrefix + '__item', [['active', curIndex == index]])}}"
-      wx:for="{{options}}"
-      wx:key="index"
-      wx:for-item="option"
-      data-index="{{ index }}"
-    >
-      {{option.label}}
-    </view>
-  </view>
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.wxss b/miniprogram_npm/tdesign-miniprogram/picker/picker-item.wxss
deleted file mode 100644
index 6b60ec7..0000000
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker-item.wxss
+++ /dev/null
@@ -1,58 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-:host {
-  display: flex;
-}
-.t-picker-item__group {
-  height: var(--td-picker-group-height, 400rpx);
-  overflow: hidden;
-  flex: 1;
-  z-index: 1;
-  padding: 0 40rpx;
-}
-.t-picker-item__group--roomy {
-  padding: 0 64rpx;
-}
-.t-picker-item__group--narrow {
-  padding: 0 16rpx;
-}
-.t-picker-item__wrapper {
-  padding: 144rpx 0;
-}
-.t-picker-item__item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: var(--td-picker-item-height, 80rpx);
-  line-height: var(--td-picker-item-height, 80rpx);
-  color: var(--td-picker-item-color, var(--td-font-gray-2, rgba(0, 0, 0, 0.6)));
-}
-.t-picker-item__item--active {
-  color: var(--td-picker-item-active-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  font-weight: 600;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker.js b/miniprogram_npm/tdesign-miniprogram/picker/picker.js
index 90056c8..2ec1a72 100644
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker.js
+++ b/miniprogram_npm/tdesign-miniprogram/picker/picker.js
@@ -18,7 +18,7 @@ let Picker = class Picker extends SuperComponent {
             multipleSlots: true,
         };
         this.relations = {
-            './picker-item': {
+            '../picker-item/picker-item': {
                 type: 'child',
                 linked() {
                     this.updateChildren();
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker.wxml b/miniprogram_npm/tdesign-miniprogram/picker/picker.wxml
index 2d22b94..78fd127 100644
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/picker/picker.wxml
@@ -1,7 +1,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <t-popup visible="{{visible}}" placement="bottom" bind:visible-change="onPopupChange">
-  <view slot="content" style="{{ customStyle }}" class="{{classPrefix}} {{prefix}}-class">
+  <view slot="content" style="{{ style }}" class="{{classPrefix}} {{prefix}}-class">
     <view class="{{classPrefix}}__toolbar" wx:if="{{header}}">
       <view class="{{classPrefix}}__cancel {{prefix}}-class-cancel" wx:if="{{cancelBtn}}" bindtap="onCancel"
         >{{cancelBtn}}</view
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/picker.wxss b/miniprogram_npm/tdesign-miniprogram/picker/picker.wxss
index fd415ec..890c220 100644
--- a/miniprogram_npm/tdesign-miniprogram/picker/picker.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/picker/picker.wxss
@@ -34,7 +34,6 @@
   border-top-right-radius: var(--td-picker-border-radius, 24rpx);
 }
 .t-picker__toolbar {
-  background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -69,10 +68,11 @@
   color: var(--td-picker-confirm-color, var(--td-primary-color, #0052d9));
 }
 .t-picker__main {
-  background-color: #fff;
   position: relative;
   display: flex;
   justify-content: center;
+  padding-left: 64rpx;
+  padding-right: 64rpx;
 }
 .t-picker__mask {
   position: absolute;
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/props.js b/miniprogram_npm/tdesign-miniprogram/picker/props.js
index f323fae..590160e 100644
--- a/miniprogram_npm/tdesign-miniprogram/picker/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/picker/props.js
@@ -15,14 +15,10 @@ const props = {
         type: null,
         value: true,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
-    footer: {
-        type: Boolean,
-        value: true,
-    },
     header: {
         type: Boolean,
         value: true,
diff --git a/miniprogram_npm/tdesign-miniprogram/picker/type.d.ts b/miniprogram_npm/tdesign-miniprogram/picker/type.d.ts
index dfb337c..1243a7d 100644
--- a/miniprogram_npm/tdesign-miniprogram/picker/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/picker/type.d.ts
@@ -16,14 +16,10 @@ export interface TdPickerProps {
         type: null;
         value?: boolean | string | ButtonProps;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
-    footer?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
     header?: {
         type: BooleanConstructor;
         value?: boolean;
@@ -49,20 +45,6 @@ export interface TdPickerProps {
         value?: boolean;
     };
 }
-export interface TdPickerItemProps {
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    format?: {
-        type: null;
-        value?: (option: PickerColumnItem) => string;
-    };
-    options?: {
-        type: ArrayConstructor;
-        value?: Array<PickerColumnItem>;
-    };
-}
 export declare type PickerColumn = PickerColumnItem[];
 export interface PickerColumnItem {
     label: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/popup/popup.js b/miniprogram_npm/tdesign-miniprogram/popup/popup.js
index b38ba13..04bb477 100644
--- a/miniprogram_npm/tdesign-miniprogram/popup/popup.js
+++ b/miniprogram_npm/tdesign-miniprogram/popup/popup.js
@@ -14,7 +14,7 @@ const name = `${prefix}-popup`;
 let Popup = class Popup extends SuperComponent {
     constructor() {
         super(...arguments);
-        this.externalClasses = [`${prefix}-class`, `${prefix}-class-content`];
+        this.externalClasses = ['class', `${prefix}-class`, `${prefix}-class-content`];
         this.behaviors = [transition()];
         this.options = {
             multipleSlots: true,
diff --git a/miniprogram_npm/tdesign-miniprogram/popup/popup.wxml b/miniprogram_npm/tdesign-miniprogram/popup/popup.wxml
index 06a7023..b787ca0 100644
--- a/miniprogram_npm/tdesign-miniprogram/popup/popup.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/popup/popup.wxml
@@ -3,8 +3,8 @@
 
 <view
   wx:if="{{realVisible}}"
-  style="{{ utils.getPopupStyles(zIndex, customStyle) }}"
-  class="{{_.cls(classPrefix, [placement])}} {{transitionClass}} {{prefix}}-class"
+  style="{{ utils.getPopupStyles(zIndex, style) }}"
+  class="{{_.cls(classPrefix, [placement])}} {{transitionClass}} class {{prefix}}-class"
   bind:transitionend="onTransitionEnd"
   aria-role="dialog"
   aria-modal="{{ true }}"
@@ -26,5 +26,5 @@
   z-index="{{overlayProps.zIndex || 11000}}"
   prevent-scroll-through="{{preventScrollThrough || overlayProps.preventScrollThrough}}"
   bind:tap="handleOverlayClick"
-  custom-style="{{overlayProps.customStyle || ''}}"
+  style="{{overlayProps.style || ''}}"
 />
diff --git a/miniprogram_npm/tdesign-miniprogram/popup/popup.wxs b/miniprogram_npm/tdesign-miniprogram/popup/popup.wxs
index d91ea00..7c3c427 100644
--- a/miniprogram_npm/tdesign-miniprogram/popup/popup.wxs
+++ b/miniprogram_npm/tdesign-miniprogram/popup/popup.wxs
@@ -1,6 +1,6 @@
-function getPopupStyles(zIndex, customStyle) {
+function getPopupStyles(zIndex, style) {
   var zIndexStyle = zIndex ? 'z-index:' + zIndex + ';' : '';
-  return zIndexStyle + customStyle;
+  return zIndexStyle + style;
 }
 
 module.exports = {
diff --git a/miniprogram_npm/tdesign-miniprogram/popup/props.js b/miniprogram_npm/tdesign-miniprogram/popup/props.js
index 449b1c3..b351d3c 100644
--- a/miniprogram_npm/tdesign-miniprogram/popup/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/popup/props.js
@@ -9,7 +9,7 @@ const props = {
     content: {
         type: String,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/popup/type.d.ts b/miniprogram_npm/tdesign-miniprogram/popup/type.d.ts
index e204707..fa09661 100644
--- a/miniprogram_npm/tdesign-miniprogram/popup/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/popup/type.d.ts
@@ -12,7 +12,7 @@ export interface TdPopupProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml b/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml
index 37e3b34..43bf233 100644
--- a/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/progress/progress.wxml
@@ -2,7 +2,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 <wxs src="./progress.wxs" module="this" />
 
-<view style="{{customStyle}}" class="{{classPrefix}}">
+<view style="{{style}}" class="{{classPrefix}}">
   <view
     aria-role="progressbar"
     role="progressbar"
diff --git a/miniprogram_npm/tdesign-miniprogram/progress/props.js b/miniprogram_npm/tdesign-miniprogram/progress/props.js
index 4728834..95c8158 100644
--- a/miniprogram_npm/tdesign-miniprogram/progress/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/progress/props.js
@@ -3,7 +3,7 @@ const props = {
         type: null,
         value: '',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/progress/type.d.ts b/miniprogram_npm/tdesign-miniprogram/progress/type.d.ts
index 4470e3e..d0e3d07 100644
--- a/miniprogram_npm/tdesign-miniprogram/progress/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/progress/type.d.ts
@@ -3,7 +3,7 @@ export interface TdProgressProps {
         type: null;
         value?: string | Array<string> | Record<string, string>;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/props.js b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/props.js
index 969d54e..3554e5d 100644
--- a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.d.ts b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.d.ts
index 17cf8fc..7e34668 100644
--- a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.d.ts
@@ -1,4 +1,4 @@
-import { SuperComponent } from '../common/src/index';
+import { SuperComponent, RelationsOptions } from '../common/src/index';
 export default class PullDownRefresh extends SuperComponent {
     pixelRatio: number;
     startPoint: {
@@ -14,6 +14,7 @@ export default class PullDownRefresh extends SuperComponent {
     options: {
         multipleSlots: boolean;
     };
+    relations: RelationsOptions;
     properties: import("./type").TdPullDownRefreshProps;
     data: {
         prefix: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.js b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.js
index e588fcc..31af93d 100644
--- a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.js
+++ b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.js
@@ -23,6 +23,11 @@ let PullDownRefresh = class PullDownRefresh extends SuperComponent {
         this.options = {
             multipleSlots: true,
         };
+        this.relations = {
+            '../back-top/back-top': {
+                type: 'descendant',
+            },
+        };
         this.properties = props;
         this.data = {
             prefix,
@@ -81,9 +86,11 @@ let PullDownRefresh = class PullDownRefresh extends SuperComponent {
                 });
             },
             onScroll(e) {
+                const { scrollTop } = e.detail;
                 this.setData({
-                    enableToRefresh: e.detail.scrollTop === 0,
+                    enableToRefresh: scrollTop === 0,
                 });
+                this.triggerEvent('scroll', { scrollTop });
             },
             onTouchStart(e) {
                 if (this.isPulling || !this.data.enableToRefresh)
diff --git a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.wxml b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.wxml
index e9ef9f8..846c7eb 100644
--- a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.wxml
@@ -1,5 +1,5 @@
 <scroll-view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{classPrefix}} {{prefix}}-class"
   scroll-top="{{scrollTop}}"
   bind:touchstart="onTouchStart"
@@ -16,7 +16,7 @@
 >
   <view
     class="{{classPrefix}}__track {{classPrefix + '__track--' + (loosing ? 'loosing' : '')}}"
-    style="transform: translate3d(0, {{barHeight + 'rpx'}}, 0);"
+    style="{{barHeight > 0 ? 'transform: translate3d(0, ' + barHeight + 'rpx, 0);' : ''}}"
   >
     <view class="{{classPrefix}}__tips" style="height: {{computedLoadingBarHeight}}rpx">
       <t-loading
diff --git a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/type.d.ts b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/type.d.ts
index d4247a3..c012bda 100644
--- a/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/type.d.ts
@@ -1,6 +1,6 @@
 import { LoadingProps } from '../loading/index';
 export interface TdPullDownRefreshProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/radio-group/props.js b/miniprogram_npm/tdesign-miniprogram/radio-group/props.js
index 30bd6df..e4df32b 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio-group/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/radio-group/props.js
@@ -7,7 +7,7 @@ const props = {
         type: Boolean,
         value: false,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.js b/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.js
index a943c70..53a13da 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.js
+++ b/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.js
@@ -12,7 +12,7 @@ const name = `${prefix}-radio-group`;
 let RadioGroup = class RadioGroup extends SuperComponent {
     constructor() {
         super(...arguments);
-        this.externalClasses = [`${prefix}-class`];
+        this.externalClasses = ['class', `${prefix}-class`];
         this.data = {
             prefix,
             classPrefix: name,
diff --git a/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.wxml b/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.wxml
index dc49745..04c5fca 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/radio-group/radio-group.wxml
@@ -1,4 +1,4 @@
-<view style="{{ customStyle }}" class="{{classPrefix}} {{prefix}}-class" aria-role="radiogroup">
+<view style="{{ style }}" class="{{classPrefix}} class {{prefix}}-class" aria-role="radiogroup">
   <slot />
   <block wx:for="{{radioOptions}}" wx:key="value">
     <t-radio
diff --git a/miniprogram_npm/tdesign-miniprogram/radio-group/type.d.ts b/miniprogram_npm/tdesign-miniprogram/radio-group/type.d.ts
index c6f1ca7..e9412f6 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio-group/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/radio-group/type.d.ts
@@ -9,7 +9,7 @@ export interface TdRadioGroupProps<T = RadioValue> {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/radio/props.js b/miniprogram_npm/tdesign-miniprogram/radio/props.js
index 3b8ef0f..90db4ad 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/radio/props.js
@@ -26,7 +26,7 @@ const props = {
         type: Boolean,
         value: false,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/radio/radio.d.ts b/miniprogram_npm/tdesign-miniprogram/radio/radio.d.ts
index e982fa0..d968576 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio/radio.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/radio/radio.d.ts
@@ -43,7 +43,7 @@ export default class Radio extends SuperComponent {
             type: BooleanConstructor;
             value?: boolean;
         };
-        customStyle?: {
+        style?: {
             type: StringConstructor;
             value?: string;
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/radio/radio.wxml b/miniprogram_npm/tdesign-miniprogram/radio/radio.wxml
index a3ebe6f..f9060e8 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio/radio.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/radio/radio.wxml
@@ -1,7 +1,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{_.cls(classPrefix, [align, ['block', block]])}} {{prefix}}-class"
   disabled="{{disabled}}"
   aria-role="radio"
@@ -9,11 +9,10 @@
   aria-label="{{label + content}}"
   aria-disabled="{{disabled}}"
   tabindex="{{tabindex}}"
+  bind:tap="handleTap"
 >
   <view
     class="{{_.cls(classPrefix + '__icon', [align, ['checked', checked], ['disabled', disabled]])}} {{prefix}}-class-icon"
-    data-target="icon"
-    bind:tap="handleTap"
   >
     <slot name="icon" wx:if="{{slotIcon}}" />
     <view wx:elif="{{customIcon}}" class="{{classPrefix}}__image">
@@ -38,7 +37,7 @@
     </block>
   </view>
 
-  <view class="{{classPrefix}}__content" data-target="text" bind:tap="handleTap">
+  <view class="{{classPrefix}}__content" data-target="text" catch:tap="handleTap">
     <view
       class="{{classPrefix}}__title {{disabled ? classPrefix + '__title--disabled' : ''}} {{prefix}}-class-label"
       style="-webkit-line-clamp:{{maxLabelRow}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/radio/type.d.ts b/miniprogram_npm/tdesign-miniprogram/radio/type.d.ts
index 99b5321..77d3822 100644
--- a/miniprogram_npm/tdesign-miniprogram/radio/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/radio/type.d.ts
@@ -27,7 +27,7 @@ export interface TdRadioProps<T = RadioValue> {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/rate/props.js b/miniprogram_npm/tdesign-miniprogram/rate/props.js
index 4b4c5e8..65cbbbd 100644
--- a/miniprogram_npm/tdesign-miniprogram/rate/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/rate/props.js
@@ -11,7 +11,7 @@ const props = {
         type: Number,
         value: 5,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/rate/rate.js b/miniprogram_npm/tdesign-miniprogram/rate/rate.js
index 4660d83..7d77b81 100644
--- a/miniprogram_npm/tdesign-miniprogram/rate/rate.js
+++ b/miniprogram_npm/tdesign-miniprogram/rate/rate.js
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';
-import { unitConvert } from '../common/utils';
+import { unitConvert, getRect } from '../common/utils';
 const { prefix } = config;
 const name = `${prefix}-rate`;
 let Rate = class Rate extends SuperComponent {
@@ -35,10 +35,7 @@ let Rate = class Rate extends SuperComponent {
                 const { count, allowHalf, gap, value: currentValue, size } = this.properties;
                 const [touch] = e.touches;
                 const margin = unitConvert(gap);
-                const selQuery = this.createSelectorQuery();
-                selQuery
-                    .select(`.${name}__wrapper`)
-                    .boundingClientRect((rect) => {
+                getRect(this, `.${name}__wrapper`).then((rect) => {
                     const { width, left } = rect;
                     const starWidth = (width - (count - 1) * margin) / count;
                     const offsetX = touch.pageX - left;
@@ -57,15 +54,14 @@ let Rate = class Rate extends SuperComponent {
                         this.setData({
                             tipsVisible: true,
                             actionType: eventType,
-                            scaleIndex: eventType === 'move' ? Math.ceil(value) : -1,
+                            scaleIndex: Math.ceil(value),
                             tipsLeft: Math.max(left, 0),
                         });
                     }
                     if (value !== currentValue) {
                         this._trigger('change', { value });
                     }
-                })
-                    .exec();
+                });
             },
             onTap(e) {
                 this.onTouch(e, 'tap');
@@ -86,7 +82,7 @@ let Rate = class Rate extends SuperComponent {
                 if (actionType === 'move')
                     return;
                 this._trigger('change', { value });
-                setTimeout(() => this.setData({ tipsVisible: false }), 300);
+                setTimeout(() => this.setData({ tipsVisible: false, scaleIndex: -1 }), 300);
             },
         };
     }
diff --git a/miniprogram_npm/tdesign-miniprogram/rate/rate.wxml b/miniprogram_npm/tdesign-miniprogram/rate/rate.wxml
index 460cdcf..730ddf6 100644
--- a/miniprogram_npm/tdesign-miniprogram/rate/rate.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/rate/rate.wxml
@@ -13,7 +13,7 @@
     <t-icon
       wx:for="{{ count }}"
       wx:key="*this"
-      class="{{classPrefix }}__icon {{utils.getIconClass(classPrefix + '__icon', defaultValue, value, index, allowHalf, disabled, scaleIndex)}} "
+      class="{{classPrefix }}__icon {{utils.getIconClass(classPrefix + '__icon', defaultValue, value, index, allowHalf, disabled, scaleIndex)}}"
       t-class="{{prefix}}-class-icon"
       name="{{utils.getIconName(defaultValue, value, index, variant, icon)}}"
       size="{{ size }}"
@@ -24,32 +24,48 @@
     >{{utils.getText(texts,value,defaultTexts)}}</text
   >
   <view wx:if="{{tipsVisible}}" class="{{classPrefix}}__tips" style="left: {{tipsLeft}}px">
+    <block wx:if="{{actionType == 'tap'}}">
+      <view
+        wx:if="{{allowHalf}}"
+        class="{{_.cls(classPrefix + '__tips-item', [['active', utils.ceil(value) - 0.5 == value]])}}"
+        bind:tap="onSelect"
+        data-value="{{utils.ceil(value) - 0.5}}"
+      >
+        <t-icon
+          class="{{classPrefix }}__icon {{classPrefix }}__icon--selected-half"
+          name="{{utils.getIconName(defaultValue, value, index, variant, icon)}}"
+          size="{{ size }}"
+          style="{{utils.getColor(color)}}"
+        />
+        <view class="{{classPrefix}}__tips-text">{{utils.ceil(value) - 0.5}}</view>
+      </view>
+      <view
+        class="{{_.cls(classPrefix + '__tips-item', [['active', utils.ceil(value) == value]])}}"
+        bind:tap="onSelect"
+        data-value="{{utils.ceil(value)}}"
+      >
+        <t-icon
+          class="{{_.cls(classPrefix + '__icon', ['selected'])}}"
+          name="{{utils.getIconName(defaultValue, value, index, 'filled', icon)}}"
+          size="{{ size }}"
+          style="{{utils.getColor(color)}}"
+        />
+        <view class="{{classPrefix}}__tips-text">{{utils.ceil(value)}}</view>
+      </view>
+    </block>
     <view
-      wx:if="{{allowHalf && actionType == 'tap'}}"
-      class="{{_.cls(classPrefix + '__tips-item', [['active', utils.ceil(value) - 0.5 == value]])}}"
-      bind:tap="onSelect"
-      data-value="{{utils.ceil(value) - 0.5}}"
-    >
-      <t-icon
-        class="{{classPrefix }}__icon {{classPrefix }}__icon--selected"
-        name="{{utils.getIconName(defaultValue, value, index, variant, icon)}}"
-        size="{{ size }}"
-        style="{{utils.getColor(color)}}"
-      />
-      <view class="{{classPrefix}}__tips-text">{{utils.ceil(value) - 0.5}}</view>
-    </view>
-    <view
+      wx:else
       class="{{_.cls(classPrefix + '__tips-item', [['active', utils.ceil(value) == value && actionType == 'tap']])}}"
       bind:tap="onSelect"
       data-value="{{utils.ceil(value)}}"
     >
       <t-icon
-        class="{{classPrefix }}__icon {{classPrefix }}__icon--selected"
+        class="{{_.cls(classPrefix + '__icon', [['selected', utils.ceil(value) == value], ['selected-half', utils.ceil(value) != value]]) }}"
         name="{{utils.getIconName(defaultValue, value, index, 'filled', icon)}}"
         size="{{ size }}"
-        style="{{utils.getColor(color)}}"
+        style="{{utils.getColor(color)}}; font-size: {{size}};"
       />
-      <view class="{{classPrefix}}__tips-text">{{actionType == 'tap' ? utils.ceil(value) : value}}</view>
+      <view class="{{classPrefix}}__tips-text">{{value}}</view>
     </view>
   </view>
 </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/rate/rate.wxs b/miniprogram_npm/tdesign-miniprogram/rate/rate.wxs
index da0bfdf..61a9168 100644
--- a/miniprogram_npm/tdesign-miniprogram/rate/rate.wxs
+++ b/miniprogram_npm/tdesign-miniprogram/rate/rate.wxs
@@ -33,6 +33,9 @@ module.exports = {
       }
     } else if (allowHalf && curVal - index > 0) {
       className.push(classPrefix + '--selected-half');
+      if (scaleIndex === index + 1) {
+        className.push(classPrefix + '--current');
+      }
       if (disabled) {
         className.push(classPrefix + '--disabled-half');
       }
diff --git a/miniprogram_npm/tdesign-miniprogram/rate/rate.wxss b/miniprogram_npm/tdesign-miniprogram/rate/rate.wxss
index 40ebe29..d1ce30a 100644
--- a/miniprogram_npm/tdesign-miniprogram/rate/rate.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/rate/rate.wxss
@@ -36,7 +36,9 @@
   display: inline-flex;
 }
 .t-rate__icon {
+  display: block;
   line-height: 1em;
+  width: 1em;
   transition: transform 0.3s ease;
 }
 .t-rate__icon--current {
@@ -76,6 +78,9 @@
   transform: translateX(-50%);
 }
 .t-rate__tips-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   width: 64rpx;
   border-radius: 6rpx;
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/rate/type.d.ts b/miniprogram_npm/tdesign-miniprogram/rate/type.d.ts
index de4f495..cfacfc3 100644
--- a/miniprogram_npm/tdesign-miniprogram/rate/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/rate/type.d.ts
@@ -11,7 +11,7 @@ export interface TdRateProps {
         type: NumberConstructor;
         value?: number;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/result/README.md b/miniprogram_npm/tdesign-miniprogram/result/README.md
index e842991..bc560cc 100644
--- a/miniprogram_npm/tdesign-miniprogram/result/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/result/README.md
@@ -40,6 +40,18 @@ isComponent: true
 
 {{ custom }}
 
+## 常见问题
+
+<details>
+  <summary>
+    本地图片无法正确引用?
+    <span class="icon">👇</span>
+  </summary>
+  <p style="margin-top: 10px; color: rgba(0, 0, 0, .6)">
+    建议使用绝对路径，而不是相对路径。绝对路径以 app.json 所在位置为基准。
+  </p>
+</details>
+
 ## API
 ### Result Props
 
diff --git a/miniprogram_npm/tdesign-miniprogram/result/props.js b/miniprogram_npm/tdesign-miniprogram/result/props.js
index 7858af8..4a59712 100644
--- a/miniprogram_npm/tdesign-miniprogram/result/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/result/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/result/result.wxml b/miniprogram_npm/tdesign-miniprogram/result/result.wxml
index e4f97b8..dfb074b 100644
--- a/miniprogram_npm/tdesign-miniprogram/result/result.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/result/result.wxml
@@ -1,7 +1,7 @@
 <import src="../common/template/icon.wxml" />
 <wxs src="../common/utils.wxs" module="_" />
 
-<view style="{{customStyle}}" class="{{classPrefix}} {{classPrefix}}--theme-{{theme}} {{prefix}}-class">
+<view style="{{style}}" class="{{classPrefix}} {{classPrefix}}--theme-{{theme}} {{prefix}}-class">
   <view aria-hidden="true" class="{{classPrefix}}__thumb">
     <t-image wx:if="{{image}}" t-class="{{prefix}}-class-image" src="{{image}}" mode="aspectFit" />
     <template
diff --git a/miniprogram_npm/tdesign-miniprogram/result/type.d.ts b/miniprogram_npm/tdesign-miniprogram/result/type.d.ts
index f47496e..bcd1e81 100644
--- a/miniprogram_npm/tdesign-miniprogram/result/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/result/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdResultProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/search/props.js b/miniprogram_npm/tdesign-miniprogram/search/props.js
index a2b6b7d..927e556 100644
--- a/miniprogram_npm/tdesign-miniprogram/search/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/search/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/search/search.js b/miniprogram_npm/tdesign-miniprogram/search/search.js
index b186f9c..54bfbc4 100644
--- a/miniprogram_npm/tdesign-miniprogram/search/search.js
+++ b/miniprogram_npm/tdesign-miniprogram/search/search.js
@@ -13,6 +13,7 @@ let Search = class Search extends SuperComponent {
     constructor() {
         super(...arguments);
         this.externalClasses = [
+            'class',
             `${prefix}-class`,
             `${prefix}-class-input-container`,
             `${prefix}-class-input`,
diff --git a/miniprogram_npm/tdesign-miniprogram/search/search.wxml b/miniprogram_npm/tdesign-miniprogram/search/search.wxml
index 0db71ae..f8a9a05 100644
--- a/miniprogram_npm/tdesign-miniprogram/search/search.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/search/search.wxml
@@ -1,4 +1,4 @@
-<view style="{{ customStyle }}" class="{{classPrefix}} {{prefix}}-class">
+<view style="{{ style }}" class="class {{classPrefix}} {{prefix}}-class">
   <view
     class="{{classPrefix}}__input-box {{prefix}}-{{localValue.focus ? 'is-focused' : 'not-focused'}} {{classPrefix}}__input-box--{{center ? 'center' : ''}} {{classPrefix}}__input-box--{{shape}} {{prefix}}-class-input-container"
   >
diff --git a/miniprogram_npm/tdesign-miniprogram/search/type.d.ts b/miniprogram_npm/tdesign-miniprogram/search/type.d.ts
index 55167cc..eb588ec 100644
--- a/miniprogram_npm/tdesign-miniprogram/search/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/search/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdSearchProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar-item/props.js b/miniprogram_npm/tdesign-miniprogram/side-bar-item/props.js
index 9a5aa24..8ce799a 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar-item/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar-item/props.js
@@ -6,6 +6,9 @@ const props = {
         type: Boolean,
         value: false,
     },
+    icon: {
+        type: null,
+    },
     label: {
         type: String,
         value: '',
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.d.ts b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.d.ts
index da3c5c3..a0d8ffb 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.d.ts
@@ -3,7 +3,9 @@ export default class SideBarItem extends SuperComponent {
     externalClasses: string[];
     properties: import("./type").TdSideBarItemProps;
     relations: RelationsOptions;
-    observers: {};
+    observers: {
+        icon(v: any): void;
+    };
     data: {
         classPrefix: string;
         prefix: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.js b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.js
index 360a57f..0fa2495 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.js
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.js
@@ -23,7 +23,11 @@ let SideBarItem = class SideBarItem extends SuperComponent {
                 },
             },
         };
-        this.observers = {};
+        this.observers = {
+            icon(v) {
+                this.setData({ _icon: typeof v === 'string' ? { name: v } : v });
+            },
+        };
         this.data = {
             classPrefix: name,
             prefix,
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.json b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.json
index d8d76e9..2c00c37 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.json
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.json
@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "t-badge": "../badge/badge"
+    "t-badge": "../badge/badge",
+    "t-icon": "../icon/icon"
   }
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxml b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxml
index 5a88a4b..87c1bd3 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxml
@@ -1,4 +1,5 @@
 <import src="../common/template/badge" />
+<import src="../common/template/icon" />
 <wxs src="../common/utils.wxs" module="_" />
 
 <view
@@ -13,6 +14,7 @@
     <view class="{{classPrefix}}__prefix"></view>
     <view class="{{classPrefix}}__suffix"></view>
   </block>
+  <template wx:if="{{_icon}}" is="icon" data="{{ class: classPrefix + '__icon', ..._icon }}" />
   <block wx:if="{{badgeProps}}">
     <template is="badge" data="{{ ...badgeProps, content: label }}" />
   </block>
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxss b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxss
index 4cb6fc7..b37eb68 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxss
@@ -26,20 +26,28 @@
   transform: scale(1.5);
 }
 .t-side-bar-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   position: relative;
   padding: 32rpx;
   font-size: var(--td-side-bar-font-size, 32rpx);
   color: var(--td-side-bar-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
   background: var(--td-side-bar-bg-color, var(--td-gray-color-1, #f3f3f3));
-  height: var(--td-side-bar-item-height, 112rpx);
+  min-height: var(--td-side-bar-item-height, 112rpx);
   box-sizing: border-box;
-  white-space: nowrap;
+  white-space: wrap;
+  line-height: var(--td-side-bar-item-line-height, 48rpx);
 }
 .t-side-bar-item--active {
   font-weight: 600;
   background: var(--td-bg-color-block, #fff);
   color: var(--td-side-bar-active-color, var(--td-primary-color, #0052d9));
 }
+.t-side-bar-item__icon {
+  font-size: var(--td-side-bar-icon-size, 40rpx);
+  margin-right: 4rpx;
+}
 .t-side-bar-item__prefix,
 .t-side-bar-item__suffix {
   z-index: 1;
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar-item/type.d.ts b/miniprogram_npm/tdesign-miniprogram/side-bar-item/type.d.ts
index 7e27049..e5ceead 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar-item/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar-item/type.d.ts
@@ -7,6 +7,9 @@ export interface TdSideBarItemProps {
         type: BooleanConstructor;
         value?: boolean;
     };
+    icon?: {
+        type: null;
+    };
     label?: {
         type: StringConstructor;
         value?: string;
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/side-bar/README.en-US.md
index 2b6b3e5..46109c9 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar/README.en-US.md
@@ -21,5 +21,6 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 badge-props | Object | - | \- | N
 disabled | Boolean | false | \- | N
+icon | String / Object | - | `1.0.0-rc.1` | N
 label | String | - | \- | N
 value | String / Number | - | \- | N
diff --git a/miniprogram_npm/tdesign-miniprogram/side-bar/README.md b/miniprogram_npm/tdesign-miniprogram/side-bar/README.md
index 678ef73..45ceba3 100644
--- a/miniprogram_npm/tdesign-miniprogram/side-bar/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/side-bar/README.md
@@ -35,6 +35,14 @@ isComponent: true
 
 {{ switch }}
 
+### 带图标侧边导航
+
+{{ with-icon }}
+
+### 自定义样式
+
+{{ custom }}
+
 ## API
 ### SideBar Props
 
@@ -56,5 +64,6 @@ click | `(value: number \| string, label: string)` | 点击选项时触发
 -- | -- | -- | -- | --
 badge-props | Object | - | 透传至 Badge 组件 | N
 disabled | Boolean | false | 是否禁用 | N
+icon | String / Object | - | `1.0.0-rc.1`。图标，传对象则透传至 Icon | N
 label | String | - | 展示的标签 | N
 value | String / Number | - | 当前选项的值 | N
diff --git a/miniprogram_npm/tdesign-miniprogram/skeleton/props.js b/miniprogram_npm/tdesign-miniprogram/skeleton/props.js
index 91d40ac..cb87367 100644
--- a/miniprogram_npm/tdesign-miniprogram/skeleton/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/skeleton/props.js
@@ -3,7 +3,7 @@ const props = {
         type: String,
         value: 'none',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/skeleton/skeleton.wxml b/miniprogram_npm/tdesign-miniprogram/skeleton/skeleton.wxml
index 86ff4c2..e498b1c 100644
--- a/miniprogram_npm/tdesign-miniprogram/skeleton/skeleton.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/skeleton/skeleton.wxml
@@ -1,6 +1,6 @@
 <wxs src="./skeleton.wxs" module="this" />
 
-<view wx:if="{{ loading }}" style="{{ customStyle }}" class="{{classPrefix}} {{prefix}}-class ">
+<view wx:if="{{ loading }}" style="{{ style }}" class="{{classPrefix}} {{prefix}}-class ">
   <view wx:if="{{ parsedRowcols.length }}" class="{{classPrefix}}__content">
     <view
       wx:for="{{parsedRowcols}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/skeleton/type.d.ts b/miniprogram_npm/tdesign-miniprogram/skeleton/type.d.ts
index e816a22..50b0105 100644
--- a/miniprogram_npm/tdesign-miniprogram/skeleton/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/skeleton/type.d.ts
@@ -3,7 +3,7 @@ export interface TdSkeletonProps {
         type: StringConstructor;
         value?: 'gradient' | 'flashed' | 'none';
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/slider/props.js b/miniprogram_npm/tdesign-miniprogram/slider/props.js
index 663d1f3..4730753 100644
--- a/miniprogram_npm/tdesign-miniprogram/slider/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/slider/props.js
@@ -3,7 +3,7 @@ const props = {
         type: Array,
         value: [],
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/slider/slider.d.ts b/miniprogram_npm/tdesign-miniprogram/slider/slider.d.ts
index 32cdd9e..9f9d186 100644
--- a/miniprogram_npm/tdesign-miniprogram/slider/slider.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/slider/slider.d.ts
@@ -33,6 +33,7 @@ export default class Slider extends SuperComponent {
         marks(val: any): void;
     };
     lifetimes: {
+        created(): void;
         attached(): void;
     };
     triggerValue(value?: SliderValue): void;
diff --git a/miniprogram_npm/tdesign-miniprogram/slider/slider.js b/miniprogram_npm/tdesign-miniprogram/slider/slider.js
index cdeaa46..395bfdd 100644
--- a/miniprogram_npm/tdesign-miniprogram/slider/slider.js
+++ b/miniprogram_npm/tdesign-miniprogram/slider/slider.js
@@ -18,12 +18,14 @@ import config from '../common/config';
 import { trimSingleValue, trimValue } from './tool';
 import props from './props';
 import { getRect } from '../common/utils';
+import Bus from '../common/bus';
 const { prefix } = config;
 const name = `${prefix}-slider`;
 let Slider = class Slider extends SuperComponent {
     constructor() {
         super(...arguments);
         this.externalClasses = [
+            'class',
             `${prefix}-class`,
             `${prefix}-class-bar`,
             `${prefix}-class-bar-active`,
@@ -72,10 +74,18 @@ let Slider = class Slider extends SuperComponent {
                 }
             },
             marks(val) {
-                this.handleMask(val);
+                if (this.data.initialLeft != null) {
+                    this.handleMask(val);
+                }
+                else {
+                    this.bus.on('initial', () => this.handleMask(val));
+                }
             },
         };
         this.lifetimes = {
+            created() {
+                this.bus = new Bus();
+            },
             attached() {
                 const { value } = this.properties;
                 if (!value)
@@ -103,10 +113,19 @@ let Slider = class Slider extends SuperComponent {
         setValueAndTrigger();
     }
     handleMask(marks) {
+        const calcPos = (arr) => {
+            const { theme } = this.properties;
+            const { blockSize, maxRange } = this.data;
+            const margin = theme === 'capsule' ? blockSize / 2 : 0;
+            return arr.map((item) => ({
+                val: item,
+                left: Math.round((item / 100) * maxRange) + margin,
+            }));
+        };
         if ((marks === null || marks === void 0 ? void 0 : marks.length) && Array.isArray(marks)) {
             this.setData({
                 isScale: true,
-                scaleArray: marks,
+                scaleArray: calcPos(marks),
                 scaleTextArray: [],
             });
         }
@@ -115,16 +134,17 @@ let Slider = class Slider extends SuperComponent {
             const scaleTextArray = scaleArray.map((item) => marks[item]);
             this.setData({
                 isScale: scaleArray.length > 0,
-                scaleArray,
+                scaleArray: calcPos(scaleArray),
                 scaleTextArray,
             });
         }
     }
     setSingleBarWidth(value) {
-        const { max, min } = this.properties;
+        const { max, min, theme } = this.properties;
         const { maxRange, blockSize } = this.data;
+        const halfBlock = theme === 'capsule' ? Number(blockSize) / 2 : 0;
         const percentage = (Number(value) - Number(min)) / (Number(max) - Number(min));
-        const width = percentage * maxRange + blockSize / 2;
+        const width = percentage * maxRange + halfBlock;
         this.setData({
             lineBarWidth: `${width}px`,
         });
@@ -135,12 +155,20 @@ let Slider = class Slider extends SuperComponent {
             const { blockSize } = this.data;
             const { theme } = this.properties;
             const halfBlock = Number(blockSize) / 2;
-            const margin = theme === 'capsule' ? 6 : 0;
+            let maxRange = line.right - line.left;
+            let initialLeft = line.left;
+            let initialRight = line.right;
+            if (theme === 'capsule') {
+                maxRange = maxRange - Number(blockSize) - 6;
+                initialLeft -= halfBlock;
+                initialRight -= halfBlock;
+            }
             this.setData({
-                maxRange: line.right - line.left - Number(blockSize) - margin,
-                initialLeft: line.left + halfBlock,
-                initialRight: line.right - halfBlock,
+                maxRange,
+                initialLeft,
+                initialRight,
             });
+            this.bus.emit('initial');
         });
     }
     stepValue(value) {
@@ -183,13 +211,13 @@ let Slider = class Slider extends SuperComponent {
             : Number(max) - (posValue / maxRange) * (Number(max) - Number(min));
     }
     onLineTap(e) {
-        const { disabled } = this.properties;
+        const { disabled, theme } = this.properties;
         const { initialLeft, initialRight, maxRange, blockSize } = this.data;
         if (disabled)
             return;
         const [touch] = e.changedTouches;
         const { pageX } = touch;
-        const halfBlock = Number(blockSize) / 2;
+        const halfBlock = theme === 'capsule' ? Number(blockSize) / 2 : 0;
         const currentLeft = pageX - initialLeft;
         if (currentLeft < 0 || currentLeft > maxRange + Number(blockSize))
             return;
@@ -236,8 +264,9 @@ let Slider = class Slider extends SuperComponent {
         this.triggerValue(newData);
     }
     setLineStyle(left, right) {
+        const { theme } = this.properties;
         const { blockSize, maxRange } = this.data;
-        const halfBlock = Number(blockSize) / 2;
+        const halfBlock = theme === 'capsule' ? Number(blockSize) / 2 : 0;
         const [a, b] = this.data._value;
         const cut = (v) => parseInt(v, 10);
         this.setData({
diff --git a/miniprogram_npm/tdesign-miniprogram/slider/slider.wxml b/miniprogram_npm/tdesign-miniprogram/slider/slider.wxml
index a4bb36e..3a3ca1c 100644
--- a/miniprogram_npm/tdesign-miniprogram/slider/slider.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/slider/slider.wxml
@@ -2,8 +2,8 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <view
-  style="{{ customStyle }}"
-  class="{{_.cls(classPrefix, [['top', label || scaleTextArray.length], ['disabled', disabled], ['range', range]])}} {{prefix}}-class"
+  style="{{ style }}"
+  class="{{_.cls(classPrefix, [['top', label || scaleTextArray.length], ['disabled', disabled], ['range', range]])}} class {{prefix}}-class"
 >
   <block wx:if="{{!range}}">
     <text wx:if="{{showExtremeValue}}" class="{{classPrefix}}__value {{classPrefix}}__value--min">
@@ -17,10 +17,10 @@
     >
       <block wx:if="{{isScale}}">
         <view
-          class="{{_.cls(classPrefix + '__scale-item', [['active', _value >= item], ['disabled', disabled], theme, ['hidden', index == 0 || index == scaleArray.length - 1 || value == item]])}}"
+          class="{{_.cls(classPrefix + '__scale-item', [['active', _value >= item.val], ['disabled', disabled], theme, ['hidden', (index == 0 || index == scaleArray.length - 1) && theme == 'capsule' || value == item.val]])}}"
           wx:for="{{scaleArray}}"
           wx:key="index"
-          style="left:{{item}}%; transform: translateX({{- item}}%); {{t.getColor(disabled, _value >= item, disabledColor, colors)}}"
+          style="left:{{item.left}}px; transform: translateX(-50%); {{t.getColor(disabled, _value >= item.val, disabledColor, colors)}}"
         >
           <view wx:if="{{scaleTextArray.length}}" class="{{_.cls(classPrefix + '__scale-desc', [theme])}}}}">
             {{scaleTextArray[index]}}
@@ -76,11 +76,11 @@
     >
       <block wx:if="{{isScale}}">
         <view
-          class="{{_.cls(classPrefix + '__scale-item', [['active', dotTopValue[1] >= item && item >= dotTopValue[0]], ['disabled', disabled], theme, ['hidden', index == 0 || index == scaleArray.length - 1 || value == item]])}}"
+          class="{{_.cls(classPrefix + '__scale-item', [['active', dotTopValue[1] >= item.val && item.val >= dotTopValue[0]], ['disabled', disabled], theme, ['hidden', (index == 0 || index == scaleArray.length - 1) && theme == 'capsule' || value == item.val]])}}"
           wx:for="{{scaleArray}}"
           wx:for-index="index"
           wx:key="index"
-          style="left: {{item}}%;transform: translateX({{- item}}%); {{t.getColor(disabled, (dotTopValue[1] >= item && item >= dotTopValue[0]), disabledColor, colors)}}"
+          style="left: {{item.left}}px; transform: translateX(-50%); {{t.getColor(disabled, (dotTopValue[1] >= item.val && item.val >= dotTopValue[0]), disabledColor, colors)}}"
         >
           <view wx:if="{{scaleTextArray.length}}" class="{{_.cls(classPrefix + '__scale-desc', [theme])}}"
             >{{scaleTextArray[index]}}</view
diff --git a/miniprogram_npm/tdesign-miniprogram/slider/type.d.ts b/miniprogram_npm/tdesign-miniprogram/slider/type.d.ts
index 781437a..962f4e8 100644
--- a/miniprogram_npm/tdesign-miniprogram/slider/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/slider/type.d.ts
@@ -3,7 +3,7 @@ export interface TdSliderProps {
         type: ArrayConstructor;
         value?: Array<string>;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/stepper/props.js b/miniprogram_npm/tdesign-miniprogram/stepper/props.js
index e7a488c..bbef70b 100644
--- a/miniprogram_npm/tdesign-miniprogram/stepper/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/stepper/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/stepper/stepper.d.ts b/miniprogram_npm/tdesign-miniprogram/stepper/stepper.d.ts
index 45ed64f..65aad00 100644
--- a/miniprogram_npm/tdesign-miniprogram/stepper/stepper.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/stepper/stepper.d.ts
@@ -5,7 +5,7 @@ export default class Stepper extends SuperComponent {
         addGlobalClass: boolean;
     };
     properties: {
-        customStyle?: {
+        style?: {
             type: StringConstructor;
             value?: string;
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxml b/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxml
index bc94e30..3aabb65 100644
--- a/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxml
@@ -1,6 +1,6 @@
-<view style="{{ customStyle }}" class="{{classPrefix}} {{classPrefix}}--{{size}} {{prefix}}-class">
+<view style="{{ style }}" class="{{classPrefix}} {{classPrefix}}--{{size}} {{prefix}}-class">
   <view
-    class="{{classPrefix}}__minus {{classPrefix}}__minus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disableMinus || currentValue <= min ? classPrefix + '--disabled': ''}} {{prefix}}-class-minus"
+    class="{{classPrefix}}__minus {{classPrefix}}__minus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disableMinus || currentValue <= min ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-minus"
     catchtap="minusValue"
     aria-label="{{'减少' + step}}"
     aria-role="button"
@@ -8,7 +8,7 @@
   >
     <t-icon name="remove" class="{{classPrefix}}__minus-icon" />
   </view>
-  <view class="{{classPrefix}}__input--{{theme}} {{ disabled ? classPrefix + '--disabled': ''}}">
+  <view class="{{classPrefix}}__input--{{theme}} {{ disabled ? classPrefix + '--' + theme + '-disabled': ''}}">
     <input
       style="{{inputWidth? 'width:' + inputWidth + 'px;': ''}}"
       class="{{classPrefix}}__input {{classPrefix}}__input--{{size}} {{prefix}}-class-input"
@@ -21,7 +21,7 @@
     />
   </view>
   <view
-    class="{{classPrefix}}__plus {{classPrefix}}__plus--{{theme}} {{classPrefix}}__icon--{{size}}  {{ disabled || disablePlus|| currentValue >= max ? classPrefix + '--disabled': ''}} {{prefix}}-class-plus"
+    class="{{classPrefix}}__plus {{classPrefix}}__plus--{{theme}} {{classPrefix}}__icon--{{size}}  {{ disabled || disablePlus|| currentValue >= max ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-plus"
     catchtap="plusValue"
     aria-label="{{'增加' + step}}"
     aria-role="button"
diff --git a/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxss b/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxss
index d3ddaaf..62ceb1f 100644
--- a/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxss
@@ -118,7 +118,11 @@
 .t-stepper__input--filled .t-stepper__input {
   margin: 0;
 }
-.t-stepper--disabled {
+.t-stepper--normal-disabled {
+  color: var(--td-stepper-input-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
+}
+.t-stepper--filled-disabled,
+.t-stepper--outline-disabled {
   color: var(--td-stepper-input-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
   background-color: var(--td-stepper-input-disabled-bg, var(--td-gray-color-2, #eeeeee));
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/stepper/type.d.ts b/miniprogram_npm/tdesign-miniprogram/stepper/type.d.ts
index 9dd4d65..0dff895 100644
--- a/miniprogram_npm/tdesign-miniprogram/stepper/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/stepper/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdStepperProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/steps/README.en-US.md
index 56aaa1f..197f123 100644
--- a/miniprogram_npm/tdesign-miniprogram/steps/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/steps/README.en-US.md
@@ -5,14 +5,14 @@
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-current | String / Number | 0 | \- | N
+current | String / Number | - | \- | N
 default-current | String / Number | undefined | uncontrolled property | N
 current-status | String | process | options：default/process/finish/error | N
-custom-style `v0.25.0` | String | - | \- | N
 external-classes | Array | - | `['t-class']` | N
 layout | String | horizontal | options：horizontal/vertical | N
 readonly | Boolean | false | \- | N
 separator | String | line | options：line/dashed/arrow | N
+style | String | - | \- | N
 theme | String | default | options：default/dot | N
 
 ### Steps Events
@@ -26,9 +26,9 @@ change | `({current: string \| number, previous: string \| number})` | \-
 name | type | default | description | required
 -- | -- | -- | -- | --
 content | String / Slot | '' | \- | N
-custom-style | String | - | \- | N
 external-classes | Array | - | `['t-class', 't-class-content', 't-class-title', 't-class-description', 't-class-extra']` | N
 icon | String / Slot | - | \- | N
-status | String | default | options：default/process/finish/error。Typescript：`StepStatus` `type StepStatus = 'default' \| 'process' \| 'finish' \| 'error'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/steps/type.ts) | N
-sub-step-items | Array | [] | Typescript：`SubStepItem[]` `interface SubStepItem { status: StepStatus, title: string }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/steps/type.ts) | N
+status | String | default | options：default/process/finish/error。Typescript：`StepStatus` `type StepStatus = 'default' \| 'process' \| 'finish' \| 'error'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/step-item/type.ts) | N
+style | String | - | \- | N
+sub-step-items | Array | [] | Typescript：`SubStepItem[]` `interface SubStepItem { status: StepStatus, title: string }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/step-item/type.ts) | N
 title | String / Slot | '' | \- | N
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/README.md b/miniprogram_npm/tdesign-miniprogram/steps/README.md
index af5a316..aa79d16 100644
--- a/miniprogram_npm/tdesign-miniprogram/steps/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/steps/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-steps": "tdesign-miniprogram/steps/steps",
-  "t-step-item": "tdesign-miniprogram/steps/step-item",
+  "t-step-item": "tdesign-miniprogram/step-item/step-item",
 }
 ```
 
@@ -59,14 +59,14 @@ isComponent: true
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-current | String / Number | 0 | 当前步骤，即整个步骤条进度，格式为`1`、`1-0`或`1-1`。默认根据步骤下标判断步骤的完成状态，当前步骤为进行中，当前步骤之前的步骤为已完成，当前步骤之后的步骤为未开始。若当前步骤条存在子步骤条，则会根据子步骤条重新判断当前步骤状态（子步骤条中存在error，则当前步骤error，子步骤条中存在process，当前步骤process，若最后一个子步骤条finish，当前步骤finish，优先级为`finish>error>process`）。注意：如果每个步骤条单独设置了status，则步骤条为设定的status，若传入`status:''`,将默认为未开始状态,传入的status优先级最高。 | N
+current | String / Number | - | 当前步骤，即整个步骤条进度。默认根据步骤下标判断步骤的完成状态，当前步骤为进行中，当前步骤之前的步骤为已完成，当前步骤之后的步骤为未开始。如果每个步骤没有设置 value，current 值为步骤长度则表示所有步骤已完成。如果每个步骤设置了自定义 value，则 current = 'FINISH' 表示所有状态完成 | N
 default-current | String / Number | undefined | 当前步骤，即整个步骤条进度。默认根据步骤下标判断步骤的完成状态，当前步骤为进行中，当前步骤之前的步骤为已完成，当前步骤之后的步骤为未开始。如果每个步骤没有设置 value，current 值为步骤长度则表示所有步骤已完成。如果每个步骤设置了自定义 value，则 current = 'FINISH' 表示所有状态完成。非受控属性 | N
 current-status | String | process | 用于控制 current 指向的步骤条的状态。可选项：default/process/finish/error | N
-custom-style | String | - | `v0.25.0`。自定义组件样式 | N
 external-classes | Array | - | 组件类名，用于设置组件外层元素元素类名。`['t-class']` | N
 layout | String | horizontal | 步骤条方向，有两种：横向和纵向。可选项：horizontal/vertical | N
 readonly | Boolean | false | 只读状态 | N
-separator | String | line | 【讨论中】步骤条分割符。可选项：line/dashed/arrow | N
+separator | String | line | 步骤条分割符。可选项：line/dashed/arrow | N
+style | String | - | 自定义组件样式 | N
 theme | String | default | 步骤条风格。可选项：default/dot | N
 
 ### Steps Events
@@ -80,9 +80,9 @@ change | `({current: string \| number, previous: string \| number})` | 当前步
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
 content | String / Slot | '' | 步骤描述 | N
-custom-style | String | - | 自定义组件样式 | N
 external-classes | Array | - | 组件类名，用于设置组件外层元素元素类名。`['t-class', 't-class-content', 't-class-title', 't-class-description', 't-class-extra']` | N
 icon | String / Slot | - | 图标。传入 slot 代表使用插槽，其他字符串代表使用内置图标 | N
-status | String | default | 当前步骤的状态：默认状态（未开始）、进行中状态、完成状态、错误状态。可选项：default/process/finish/error。TS 类型：`StepStatus` `type StepStatus = 'default' \| 'process' \| 'finish' \| 'error'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/steps/type.ts) | N
-sub-step-items | Array | [] | `0.31.0`移除。子步骤条，仅支持 layout  = 'vertical' 时。TS 类型：`SubStepItem[]` `interface SubStepItem { status: StepStatus, title: string }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/steps/type.ts) | N
+status | String | default | 当前步骤的状态：默认状态（未开始）、进行中状态、完成状态、错误状态。可选项：default/process/finish/error。TS 类型：`StepStatus` `type StepStatus = 'default' \| 'process' \| 'finish' \| 'error'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/step-item/type.ts) | N
+style | String | - | 自定义组件样式 | N
+sub-step-items | Array | [] | 子步骤条，仅支持 layout  = 'vertical' 时。TS 类型：`SubStepItem[]` `interface SubStepItem { status: StepStatus, title: string }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/step-item/type.ts) | N
 title | String / Slot | '' | 标题 | N
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/props.js b/miniprogram_npm/tdesign-miniprogram/steps/props.js
index 429a5d9..8dc9ee8 100644
--- a/miniprogram_npm/tdesign-miniprogram/steps/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/steps/props.js
@@ -5,16 +5,11 @@ const props = {
     },
     defaultCurrent: {
         type: null,
-        value: 0,
     },
     currentStatus: {
         type: String,
         value: 'process',
     },
-    customStyle: {
-        type: String,
-        value: '',
-    },
     externalClasses: {
         type: Array,
     },
@@ -30,6 +25,10 @@ const props = {
         type: String,
         value: 'line',
     },
+    style: {
+        type: String,
+        value: '',
+    },
     theme: {
         type: String,
         value: 'default',
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/step-item-props.d.ts b/miniprogram_npm/tdesign-miniprogram/steps/step-item-props.d.ts
deleted file mode 100644
index d941a41..0000000
--- a/miniprogram_npm/tdesign-miniprogram/steps/step-item-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdStepItemProps } from './type';
-declare const props: TdStepItemProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/step-item-props.js b/miniprogram_npm/tdesign-miniprogram/steps/step-item-props.js
deleted file mode 100644
index 432c109..0000000
--- a/miniprogram_npm/tdesign-miniprogram/steps/step-item-props.js
+++ /dev/null
@@ -1,29 +0,0 @@
-const props = {
-    content: {
-        type: String,
-        value: '',
-    },
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    externalClasses: {
-        type: Array,
-    },
-    icon: {
-        type: String,
-    },
-    status: {
-        type: String,
-        value: 'default',
-    },
-    subStepItems: {
-        type: Array,
-        value: [],
-    },
-    title: {
-        type: String,
-        value: '',
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/step-item.d.ts b/miniprogram_npm/tdesign-miniprogram/steps/step-item.d.ts
deleted file mode 100644
index b1b81b7..0000000
--- a/miniprogram_npm/tdesign-miniprogram/steps/step-item.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-export default class StepItem extends SuperComponent {
-    options: {
-        multipleSlots: boolean;
-    };
-    relations: RelationsOptions;
-    externalClasses: string[];
-    properties: import("./type").TdStepItemProps;
-    data: {
-        classPrefix: string;
-        prefix: string;
-        index: number;
-        isDot: boolean;
-        curStatus: string;
-        layout: string;
-        isLastChild: boolean;
-    };
-    methods: {
-        updateStatus(current: any, currentStatus: any, index: any, theme: any, layout: any, steps: any): void;
-        onTap(): void;
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/step-item.js b/miniprogram_npm/tdesign-miniprogram/steps/step-item.js
deleted file mode 100644
index ca50a13..0000000
--- a/miniprogram_npm/tdesign-miniprogram/steps/step-item.js
+++ /dev/null
@@ -1,69 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { wxComponent, SuperComponent } from '../common/src/index';
-import config from '../common/config';
-import props from './step-item-props';
-const { prefix } = config;
-const name = `${prefix}-steps-item`;
-let StepItem = class StepItem extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.options = {
-            multipleSlots: true,
-        };
-        this.relations = {
-            './steps': {
-                type: 'ancestor',
-            },
-        };
-        this.externalClasses = [
-            `${prefix}-class`,
-            `${prefix}-class-content`,
-            `${prefix}-class-title`,
-            `${prefix}-class-description`,
-            `${prefix}-class-extra`,
-        ];
-        this.properties = props;
-        this.data = {
-            classPrefix: name,
-            prefix,
-            index: 0,
-            isDot: false,
-            curStatus: '',
-            layout: 'vertical',
-            isLastChild: false,
-        };
-        this.methods = {
-            updateStatus(current, currentStatus, index, theme, layout, steps) {
-                let curStatus = this.data.status;
-                if (curStatus === 'default') {
-                    if (index < Number(current)) {
-                        curStatus = 'finish';
-                    }
-                    else if (index === Number(current)) {
-                        curStatus = currentStatus;
-                    }
-                }
-                this.setData({
-                    curStatus,
-                    index,
-                    isDot: theme === 'dot',
-                    layout,
-                    theme,
-                    isLastChild: steps.length - 1 === index,
-                });
-            },
-            onTap() {
-                this.$parent.handleClick(this.data.index);
-            },
-        };
-    }
-};
-StepItem = __decorate([
-    wxComponent()
-], StepItem);
-export default StepItem;
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/step-item.json b/miniprogram_npm/tdesign-miniprogram/steps/step-item.json
deleted file mode 100644
index 049940c..0000000
--- a/miniprogram_npm/tdesign-miniprogram/steps/step-item.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "t-icon": "../icon/icon"
-  }
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/step-item.wxml b/miniprogram_npm/tdesign-miniprogram/steps/step-item.wxml
deleted file mode 100644
index 62efb73..0000000
--- a/miniprogram_npm/tdesign-miniprogram/steps/step-item.wxml
+++ /dev/null
@@ -1,39 +0,0 @@
-<wxs src="../common/utils.wxs" module="_" />
-
-<view
-  style="{{customStyle}}"
-  class="{{_.cls(classPrefix, [layout, ['readonly', readonly]])}} {{prefix}}-class"
-  bind:tap="onTap"
->
-  <!-- icon  -->
-  <view class="{{_.cls(classPrefix + '__anchor', [layout])}}">
-    <view wx:if="{{isDot}}" class="{{_.cls(classPrefix + '__dot', [curStatus])}}" />
-    <view wx:elif="{{icon}}" class="{{_.cls(classPrefix + '__icon', [curStatus])}}">
-      <slot name="icon" />
-      <t-icon name="{{icon}}" size="22" />
-    </view>
-    <view wx:else class="{{_.cls(classPrefix + '__circle', [curStatus])}}">
-      <t-icon wx:if="{{curStatus == 'finish'}}" name="check" />
-      <t-icon wx:elif="{{curStatus == 'error'}}" name="close" />
-      <block wx:else>{{index + 1}}</block>
-    </view>
-  </view>
-
-  <!-- content -->
-  <view class="{{_.cls(classPrefix + '__content', [layout, ['last', isLastChild]])}} {{prefix}}-class-content">
-    <view class="{{_.cls(classPrefix + '__title', [curStatus, layout])}} {{prefix}}-class-title">
-      {{ title }}
-      <slot name="title" />
-      <slot wx:if="{{layout === 'vertical'}}" name="title-right" />
-    </view>
-    <view class="{{_.cls(classPrefix + '__description', [layout])}} {{prefix}}-class-description">
-      {{ content }}
-      <slot name="content" />
-    </view>
-    <view class="{{_.cls(classPrefix + '__extra', [layout])}} {{prefix}}-class-extra">
-      <slot name="extra" />
-    </view>
-  </view>
-
-  <view wx:if="{{!isLastChild}}" class="{{_.cls(classPrefix + '__line', [curStatus, layout, theme])}}" />
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/step-item.wxss b/miniprogram_npm/tdesign-miniprogram/steps/step-item.wxss
deleted file mode 100644
index ddc299b..0000000
--- a/miniprogram_npm/tdesign-miniprogram/steps/step-item.wxss
+++ /dev/null
@@ -1,211 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-.t-steps-item {
-  flex: 1;
-  vertical-align: top;
-  position: relative;
-  display: flex;
-}
-.t-steps-item__circle--default {
-  color: var(--td-step-item-default-circle-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-  background-color: var(--td-step-item-default-circle-bg, var(--td-gray-color-1, #f3f3f3));
-}
-.t-steps-item__title--default {
-  color: var(--td-step-item-default-title-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-}
-.t-steps-item__icon--default {
-  color: var(--td-step-item-default-icon-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-}
-.t-steps-item__dot--default {
-  border-color: var(--td-step-item-default-dot-border-color, var(--td-gray-color-5, #c5c5c5));
-}
-.t-steps-item__circle--process {
-  color: var(--td-step-item-process-circle-color, var(--td-white-color-1, #fff));
-  background-color: var(--td-step-item-process-circle-bg, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__title--process {
-  color: var(--td-step-item-process-title-color, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__icon--process {
-  color: var(--td-step-item-process-icon-color, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__dot--process {
-  border-color: var(--td-step-item-process-dot-border-color, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__circle--finish {
-  color: var(--td-step-item-finish-circle-color, var(--td-primary-color, #0052d9));
-  background-color: var(--td-step-item-finish-circle-bg, var(--td-primary-color-1, #ecf2fe));
-}
-.t-steps-item__title--finish {
-  color: var(--td-step-item-finish-title-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-}
-.t-steps-item__icon--finish {
-  color: var(--td-step-item-finish-icon-color, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__dot--finish {
-  border-color: var(--td-step-item-finish-dot-border-color, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__circle--error {
-  color: var(--td-step-item-error-circle-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  background-color: var(--td-step-item-error-circle-bg, var(--td-error-color-1, #fdecee));
-}
-.t-steps-item__title--error {
-  color: var(--td-step-item-error-title-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-}
-.t-steps-item__icon--error {
-  color: var(--td-step-item-error-icon-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-}
-.t-steps-item__dot--error {
-  border-color: var(--td-step-item-error-dot-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-}
-.t-steps-item--horizontal {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.t-steps-item__anchor {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.t-steps-item__anchor--vertical {
-  width: var(--td-step-item-circle-size, 44rpx);
-  height: var(--td-step-item-circle-size, 44rpx);
-}
-.t-steps-item__circle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: var(--td-step-item-circle-size, 44rpx);
-  height: var(--td-step-item-circle-size, 44rpx);
-  text-align: center;
-  border-radius: 50%;
-  font-size: var(--td-step-item-circle-font-size, 28rpx);
-}
-.t-steps-item__icon {
-  z-index: 1;
-  vertical-align: top;
-  font-size: var(--td-font-size-base, 28rpx);
-  position: relative;
-}
-.t-steps-item__icon--finsh,
-.t-steps-item__icon--process {
-  color: var(--td-primary-color, #0052d9);
-}
-.t-steps-item__dot {
-  width: var(--td-step-item-dot-size, 16rpx);
-  height: var(--td-step-item-dot-size, 16rpx);
-  border-radius: 50%;
-  border-width: 1px;
-  border-style: solid;
-  box-sizing: border-box;
-}
-.t-steps-item__dot--finish {
-  background-color: var(--td-step-item-process-dot-border-color, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__dot--error {
-  background-color: var(--td-step-item-error-dot-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-}
-.t-steps-item__content {
-  text-align: center;
-}
-.t-steps-item__content--horizontal {
-  max-width: 80px;
-  margin-top: 16rpx;
-}
-.t-steps-item__content--vertical {
-  margin-left: 16rpx;
-  flex: 1;
-  padding-bottom: 32rpx;
-}
-.t-steps-item__content--vertical.t-steps-item__content--last {
-  padding-bottom: 0;
-}
-.t-steps-item__title {
-  position: relative;
-  line-height: var(--td-step-item-circle-size, 44rpx);
-  font-size: var(--td-font-size-base, 28rpx);
-}
-.t-steps-item__title--process {
-  font-weight: 600;
-}
-.t-steps-item__title--vertical {
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8rpx;
-}
-.t-steps-item__description {
-  color: var(--td-step-item-descrition-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-  line-height: 40rpx;
-  font-size: var(--td-font-size-s, 24rpx);
-}
-.t-steps-item__description--vertical {
-  text-align: left;
-}
-.t-steps-item__extra:not(:empty) {
-  margin-top: 16rpx;
-}
-.t-steps-item__line {
-  background-color: var(--td-step-item-line-color, var(--td-gray-color-4, #dcdcdc));
-  content: '';
-  display: block;
-  position: absolute;
-}
-.t-steps-item__line--horizontal {
-  height: 1px;
-  transform: translateY(-50%);
-  width: calc(100% - 32rpx - var(--td-step-item-circle-size, 44rpx));
-  top: calc(var(--td-step-item-circle-size, 44rpx) / 2 + 1px);
-  left: calc(50% + var(--td-step-item-circle-size, 44rpx) / 2 + 16rpx);
-}
-.t-steps-item__line--horizontal.t-steps-item__line--dot {
-  top: calc(var(--td-step-item-dot-size, 16rpx) / 2);
-}
-.t-steps-item__line--finish {
-  background-color: var(--td-step-item-finish-line-color, var(--td-primary-color, #0052d9));
-}
-.t-steps-item__line--vertical {
-  height: calc(100% - 32rpx - var(--td-step-item-circle-size, 44rpx));
-  width: 1px;
-  transform: translateX(-50%);
-  left: calc(var(--td-step-item-circle-size, 44rpx) / 2);
-  top: calc(var(--td-step-item-circle-size, 44rpx) + 16rpx);
-}
-.t-steps-item__line--vertical.t-steps-item__line--dot {
-  top: var(--td-step-item-circle-size, 44rpx);
-  height: calc(100% - var(--td-step-item-circle-size, 44rpx));
-}
-:host {
-  flex: 1;
-  vertical-align: top;
-  position: relative;
-  align-self: flex-start;
-  width: inherit;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/steps.js b/miniprogram_npm/tdesign-miniprogram/steps/steps.js
index ea004ba..5584daf 100644
--- a/miniprogram_npm/tdesign-miniprogram/steps/steps.js
+++ b/miniprogram_npm/tdesign-miniprogram/steps/steps.js
@@ -13,8 +13,8 @@ let Steps = class Steps extends SuperComponent {
     constructor() {
         super(...arguments);
         this.relations = {
-            './step-item': {
-                type: 'descendant',
+            '../step-item/step-item': {
+                type: 'child',
                 linked(child) {
                     this.updateChildren();
                     const { readonly } = this.data;
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/steps.json b/miniprogram_npm/tdesign-miniprogram/steps/steps.json
index e77f87f..94bcc8b 100644
--- a/miniprogram_npm/tdesign-miniprogram/steps/steps.json
+++ b/miniprogram_npm/tdesign-miniprogram/steps/steps.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "t-step": "./step-item"
+    "t-step": "../step-item/step-item"
   }
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/steps.wxml b/miniprogram_npm/tdesign-miniprogram/steps/steps.wxml
index 538fd84..4e871db 100644
--- a/miniprogram_npm/tdesign-miniprogram/steps/steps.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/steps/steps.wxml
@@ -1,5 +1,5 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view style="{{customStyle}}" class="{{_.cls(classPrefix, [layout, ['readonly', readonly]])}} {{prefix}}-class">
+<view style="{{style}}" class="{{_.cls(classPrefix, [layout, ['readonly', readonly]])}} {{prefix}}-class">
   <slot />
 </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/steps/type.d.ts b/miniprogram_npm/tdesign-miniprogram/steps/type.d.ts
index 8ba0efc..df12f6f 100644
--- a/miniprogram_npm/tdesign-miniprogram/steps/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/steps/type.d.ts
@@ -11,10 +11,6 @@ export interface TdStepsProps {
         type: StringConstructor;
         value?: 'default' | 'process' | 'finish' | 'error';
     };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
     externalClasses?: {
         type: ArrayConstructor;
         value?: ['t-class'];
@@ -31,43 +27,12 @@ export interface TdStepsProps {
         type: StringConstructor;
         value?: 'line' | 'dashed' | 'arrow';
     };
+    style?: {
+        type: StringConstructor;
+        value?: string;
+    };
     theme?: {
         type: StringConstructor;
         value?: 'default' | 'dot';
     };
 }
-export interface TdStepItemProps {
-    content?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    externalClasses?: {
-        type: ArrayConstructor;
-        value?: ['t-class', 't-class-content', 't-class-title', 't-class-description', 't-class-extra'];
-    };
-    icon?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    status?: {
-        type: StringConstructor;
-        value?: StepStatus;
-    };
-    subStepItems?: {
-        type: ArrayConstructor;
-        value?: SubStepItem[];
-    };
-    title?: {
-        type: StringConstructor;
-        value?: string;
-    };
-}
-export declare type StepStatus = 'default' | 'process' | 'finish' | 'error';
-export interface SubStepItem {
-    status: StepStatus;
-    title: string;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/sticky/props.js b/miniprogram_npm/tdesign-miniprogram/sticky/props.js
index 08f5ca8..8503cc0 100644
--- a/miniprogram_npm/tdesign-miniprogram/sticky/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/sticky/props.js
@@ -2,7 +2,7 @@ const props = {
     container: {
         type: null,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/sticky/sticky.wxml b/miniprogram_npm/tdesign-miniprogram/sticky/sticky.wxml
index d18b5d3..249710d 100644
--- a/miniprogram_npm/tdesign-miniprogram/sticky/sticky.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/sticky/sticky.wxml
@@ -1,4 +1,4 @@
-<view class="{{classPrefix}} {{prefix}}-class" style="z-index:{{ zIndex }};{{ containerStyle }}{{ customStyle }}">
+<view class="{{classPrefix}} {{prefix}}-class" style="z-index:{{ zIndex }};{{ containerStyle }}{{ style }}">
   <view class="{{classPrefix}}__content" style="z-index:{{ zIndex }};{{ contentStyle }}">
     <slot />
   </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/sticky/type.d.ts b/miniprogram_npm/tdesign-miniprogram/sticky/type.d.ts
index 59eb087..40a7712 100644
--- a/miniprogram_npm/tdesign-miniprogram/sticky/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/sticky/type.d.ts
@@ -3,7 +3,7 @@ export interface TdStickyProps {
         type: undefined;
         value?: null;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/swipe-cell/props.js b/miniprogram_npm/tdesign-miniprogram/swipe-cell/props.js
index 63dcb06..368d48a 100644
--- a/miniprogram_npm/tdesign-miniprogram/swipe-cell/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/swipe-cell/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.d.ts b/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.d.ts
index e451991..aef5acc 100644
--- a/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.d.ts
@@ -13,7 +13,8 @@ export default class SwiperCell extends SuperComponent {
         classPrefix: string;
     };
     attached(): void;
-    setSwipeWidth(): Promise<void>;
+    ready(): void;
+    setSwipeWidth(): void;
     detached(): void;
     open(): void;
     close(): void;
diff --git a/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.js b/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.js
index 621501c..d359dfa 100644
--- a/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.js
+++ b/miniprogram_npm/tdesign-miniprogram/swipe-cell/swipe-cell.js
@@ -4,15 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';
@@ -39,14 +30,12 @@ let SwiperCell = class SwiperCell extends SuperComponent {
     }
     attached() {
         ARRAY.push(this);
-        wx.nextTick(() => {
-            this.setSwipeWidth();
-        });
+    }
+    ready() {
+        this.setSwipeWidth();
     }
     setSwipeWidth() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rightRect = yield getRect(this, `${ContainerClass}__right`);
-            const leftRect = yield getRect(this, `${ContainerClass}__left`);
+        Promise.all([getRect(this, `${ContainerClass}__left`), getRect(this, `${ContainerClass}__right`)]).then(([leftRect, rightRect]) => {
             this.setData({
                 leftWidth: leftRect.width,
                 rightWidth: rightRect.width,
diff --git a/miniprogram_npm/tdesign-miniprogram/swipe-cell/type.d.ts b/miniprogram_npm/tdesign-miniprogram/swipe-cell/type.d.ts
index 84a47c2..43614d3 100644
--- a/miniprogram_npm/tdesign-miniprogram/swipe-cell/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/swipe-cell/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdSwipeCellProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/swiper/README.en-US.md
index 5ec4d22..287e73f 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/README.en-US.md
@@ -7,33 +7,38 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 autoplay | Boolean | true | \- | N
 current | Number | 0 | \- | N
-default-current | Number | undefined | uncontrolled property | N
 custom-style | String | - | `0.25.0` | N
 direction | String | horizontal | options：horizontal/vertical | N
 display-multiple-items | Number | 1 | `0.32.0` | N
 duration | Number | 300 | \- | N
 easing-function | String | default | `0.32.0`。options：default/linear/easeInCubic/easeOutCubic/easeInOutCubic | N
-height | String / Number | '192px' | \- | N
+height | String / Number | 192 | \- | N
+image-props | Object | - | `0.34.0` | N
 interval | Number | 5000 | \- | N
 list | Array | - | `0.32.0`。Typescript：`string[]` | N
 loop | Boolean | true | \- | N
-navigation | Object / Slot | - | \- | N
+navigation | Boolean / Object / Slot | true | Typescript：`SwiperNavProps \| boolean`，[SwiperNav API Documents](./swiper-nav?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper/type.ts) | N
 next-margin | String / Number | 0 | `0.32.0` | N
 pagination-position | String | bottom | options：top-left/top/top-right/bottom-left/bottom/bottom-right | N
 previous-margin | String / Number | 0 | `0.32.0` | N
-snao-to-edge | Boolean | false | `0.32.0` | N
+snap-to-edge | Boolean | false | `0.32.0` | N
 
 ### Swiper Events
 
 name | params | description
 -- | -- | --
-change | `(current: number, source: SwiperChangeSource)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| ''`<br/>
+change | `(current: number, source: SwiperChangeSource)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| 'nav'`<br/>
+click | `(index: number)` | `0.34.0`
 
-### SwiperNavigation
+### SwiperNav Props
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-custom-style | String | - | `0.25.0` | N
-min-show-num | Number | - | \- | N
-show-slide-btn | Boolean | - | \- | N
-type | String | - | Typescript：`SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'fraction'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper/type.ts) | N
+current | Number | 0 | `0.34.0` | N
+custom-style | String | - | `0.34.0` | N
+direction | String | horizontal | `0.34.0`。options：horizontal/vertical | N
+min-show-num | Number | 2 | \- | N
+pagination-position | String | bottom | `0.34.0`。options：top-left/top/top-right/bottom-left/bottom/bottom-right | N
+show-controls | Boolean | false | `0.32.0` | N
+total | Number | 0 | `0.34.0` | N
+type | String | dots | Typescript：`SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'fraction'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper-nav/type.ts) | N
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/README.md b/miniprogram_npm/tdesign-miniprogram/swiper/README.md
index 6367b06..55e74df 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-swiper": "tdesign-miniprogram/swiper/swiper",
-  "t-swiper-nav": "tdesign-miniprogram/swiper/swiper-nav",
+  "t-swiper-nav": "tdesign-miniprogram/swiper-nav/swiper-nav",
 }
 ```
 
@@ -67,11 +67,12 @@ direction | String | horizontal | 轮播滑动方向，包括横向滑动和纵
 display-multiple-items | Number | 1 | `0.32.0`。同时显示的滑块数量 | N
 duration | Number | 300 | 滑动动画时长 | N
 easing-function | String | default | `0.32.0`。指定 swiper 切换缓动动画类型。可选项：default/linear/easeInCubic/easeOutCubic/easeInOutCubic | N
-height | String / Number | '192px' | 轮播的高度；默认单位 `px` | N
+height | String / Number | 192 | 轮播的高度；默认单位 `px` | N
+image-props | Object | - | `0.34.0`。透传至 Image 组件 | N
 interval | Number | 5000 | 轮播间隔时间 | N
 list | Array | - | `0.32.0`。图片列表。TS 类型：`string[]` | N
 loop | Boolean | true | 是否循环播放 | N
-navigation | Object / Slot | - | 导航器全部配置 | N
+navigation | Boolean / Object / Slot | true | 导航器全部配置，true 的话使用默认配置。TS 类型：`SwiperNavProps \| boolean`，[SwiperNav API Documents](./swiper-nav?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper/type.ts) | N
 next-margin | String / Number | 0 | `0.32.0`。后边距，可用于露出后一项的一小部分。默认单位 `px` | N
 pagination-position | String | bottom | 页码信息展示位置。可选项：top-left/top/top-right/bottom-left/bottom/bottom-right | N
 previous-margin | String / Number | 0 | `0.32.0`。前边距，可用于露出前一项的一小部分。默认单位 `px` | N
@@ -82,12 +83,17 @@ snap-to-edge | Boolean | false | `0.32.0`。当 swiper-item 的个数大于等
 名称 | 参数 | 描述
 -- | -- | --
 change | `(current: number, source: SwiperChangeSource)` | 轮播切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| 'nav'`<br/>
+click | `(index: number)` | `0.34.0`。点击轮播项时触发
 
-### SwiperNavigation
+### SwiperNav Props
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-custom-style | String | - | `0.25.0`。自定义组件样式 | N
-min-show-num | Number | - | 小于这个数字不会显示导航器 | N
-show-controls | Boolean | false | 是否显示两侧的控制按钮 | N
-type | String | - | 导航器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等。TS 类型：`SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'fraction'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper/type.ts) | N
+current | Number | 0 | `0.34.0`。当前轮播在哪一项（下标） | N
+custom-style | String | - | `0.34.0`。自定义组件样式 | N
+direction | String | horizontal | `0.34.0`。轮播滑动方向，包括横向滑动和纵向滑动两个方向。可选项：horizontal/vertical | N
+min-show-num | Number | 2 | 小于这个数字不会显示导航器 | N
+pagination-position | String | bottom | `0.34.0`。页码信息展示位置。可选项：top-left/top/top-right/bottom-left/bottom/bottom-right | N
+show-controls | Boolean | false | `0.32.0`。是否显示两侧的控制按钮 | N
+total | Number | 0 | `0.34.0`。总共的项数 | N
+type | String | dots | 导航器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等。TS 类型：`SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'fraction'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper-nav/type.ts) | N
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/index.wxs b/miniprogram_npm/tdesign-miniprogram/swiper/index.wxs
index 66f8ce3..b5206a6 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/index.wxs
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/index.wxs
@@ -1,7 +1,25 @@
-module.exports.isPrev = function(current, index, list) {
+function isPrev(current, index, list) {
   return (current - 1 + list.length) % list.length === index;
 }
 
-module.exports.isNext = function(current, index, list) {
+function isNext(current, index, list) {
   return (current + 1 + list.length) % list.length === index;
-}
\ No newline at end of file
+}
+
+function getImageClass(prefix, current, index, list) {
+  var arr = [prefix + '-swiper__image', prefix + '-class-image'];
+
+  if (isPrev(current, index, list)) {
+    arr.push(prefix + '-class-prev-image')
+  }
+
+  if (isNext(current, index, list)) {
+    arr.push(prefix + '-class-next-image')
+  }
+
+  return arr.join(' ');
+}
+
+module.exports.isPrev = isPrev;
+module.exports.isNext = isNext;
+module.exports.getImageClass = getImageClass;
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/props.js b/miniprogram_npm/tdesign-miniprogram/swiper/props.js
index cfed085..95c2c90 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/props.js
@@ -4,14 +4,10 @@ const props = {
         value: true,
     },
     current: {
-        type: Number,
-        value: null,
-    },
-    defaultCurrent: {
         type: Number,
         value: 0,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
@@ -33,7 +29,10 @@ const props = {
     },
     height: {
         type: null,
-        value: '192px',
+        value: 192,
+    },
+    imageProps: {
+        type: Object,
     },
     interval: {
         type: Number,
@@ -47,7 +46,8 @@ const props = {
         value: true,
     },
     navigation: {
-        type: Object,
+        type: null,
+        value: true,
     },
     nextMargin: {
         type: null,
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.d.ts b/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.d.ts
deleted file mode 100644
index e9696e6..0000000
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.d.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-declare type NavOptions = {
-    index: number;
-    total: number;
-    direction: boolean;
-    paginationPosition: string;
-};
-export default class SwiperNav extends SuperComponent {
-    externalClasses: string[];
-    properties: {
-        type: {
-            type: StringConstructor;
-            value: string;
-        };
-        minShowNum: {
-            type: NumberConstructor;
-            value: number;
-        };
-        showControls: {
-            type: BooleanConstructor;
-            value: boolean;
-        };
-    };
-    relations: RelationsOptions;
-    data: {
-        index: number;
-        total: number;
-        direction: string;
-        prefix: string;
-        classPrefix: string;
-    };
-    methods: {
-        onChange(opt: NavOptions): void;
-        nav(e: any): void;
-    };
-}
-export {};
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.js b/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.js
deleted file mode 100644
index 9cae1bb..0000000
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.js
+++ /dev/null
@@ -1,60 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent } from '../common/src/index';
-import config from '../common/config';
-const { prefix } = config;
-const name = `${prefix}-swiper-nav`;
-let SwiperNav = class SwiperNav extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.externalClasses = [`${prefix}-class`];
-        this.properties = {
-            type: {
-                type: String,
-                value: 'dots',
-            },
-            minShowNum: {
-                type: Number,
-                value: 2,
-            },
-            showControls: {
-                type: Boolean,
-                value: false,
-            },
-        };
-        this.relations = {
-            './swiper': {
-                type: 'parent',
-            },
-        };
-        this.data = {
-            index: 0,
-            total: 0,
-            direction: 'horizontal',
-            prefix,
-            classPrefix: name,
-        };
-        this.methods = {
-            onChange(opt) {
-                this.setData(Object.assign({}, opt));
-            },
-            nav(e) {
-                var _a;
-                const { dir } = e.target.dataset;
-                const source = 'nav';
-                this.triggerEvent('navBtnChange', { dir, source });
-                if (this.$parent) {
-                    (_a = this.$parent) === null || _a === void 0 ? void 0 : _a.doNavBtnChange(dir, source);
-                }
-            },
-        };
-    }
-};
-SwiperNav = __decorate([
-    wxComponent()
-], SwiperNav);
-export default SwiperNav;
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.json b/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.json
deleted file mode 100644
index 467ce29..0000000
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "component": true
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.wxml b/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.wxml
deleted file mode 100644
index 7724dea..0000000
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.wxml
+++ /dev/null
@@ -1,21 +0,0 @@
-<wxs src="../common/utils.wxs" module="_" />
-
-<view wx:if="{{showControls}}" class="{{classPrefix}}__btn">
-  <view class="{{classPrefix}}__btn--prev" bind:tap="nav" data-dir="prev" />
-  <view class="{{classPrefix}}__btn--next" bind:tap="nav" data-dir="next" />
-</view>
-<view
-  wx:if="{{total >= minShowNum}}"
-  style="{{ customStyle }}"
-  class="{{prefix}}-class {{classPrefix}} {{classPrefix}}--{{direction}} {{classPrefix}}__{{type}} {{classPrefix}}--{{paginationPosition}}"
->
-  <block wx:if="{{ type === 'dots' || type === 'dots-bar'}}">
-    <view
-      wx:for="{{total}}"
-      wx:for-index="idx"
-      wx:key="idx"
-      class="{{_.cls(classPrefix + '__' + type + '-item', [['active', index === idx], direction])}}"
-    />
-  </block>
-  <block wx:if="{{ type === 'fraction'}}"> {{index + 1}}/{{total}} </block>
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.wxss b/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.wxss
deleted file mode 100644
index 1463dba..0000000
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper-nav.wxss
+++ /dev/null
@@ -1,152 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-.t-swiper-nav__dots,
-.t-swiper-nav__dots-bar {
-  display: flex;
-  flex-direction: row;
-}
-.t-swiper-nav__dots-item,
-.t-swiper-nav__dots-bar-item {
-  width: var(--td-swiper-nav-dot-size, 12rpx);
-  height: var(--td-swiper-nav-dot-size, 12rpx);
-  background: var(--td-swiper-nav-dot-color, var(--td-font-white-2, rgba(255, 255, 255, 0.55)));
-  border-radius: 50%;
-  margin: 0 10rpx;
-  transition: all 0.4s ease-in;
-}
-.t-swiper-nav__dots-item--vertical,
-.t-swiper-nav__dots-bar-item--vertical {
-  margin: 10rpx 0;
-}
-.t-swiper-nav__dots-item--active,
-.t-swiper-nav__dots-bar-item--active {
-  background-color: var(--td-swiper-nav-dot-active-color, var(--td-font-white-1, #ffffff));
-}
-.t-swiper-nav__dots-bar-item--vertical.t-swiper-nav__dots-bar-item--active {
-  width: var(--td-swiper-nav-dot-size, 12rpx);
-  height: var(--td-swiper-nav-dots-bar-active-width, 40rpx);
-}
-.t-swiper-nav__dots-bar-item--active {
-  width: var(--td-swiper-nav-dots-bar-active-width, 40rpx);
-  border-radius: calc(var(--td-swiper-nav-dot-size, 12rpx) / 2);
-  background-color: var(--td-swiper-nav-dot-active-color, var(--td-font-white-1, #ffffff));
-}
-.t-swiper-nav--left {
-  position: absolute;
-  left: 24rpx;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.t-swiper-nav--right {
-  position: absolute;
-  right: 24rpx;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.t-swiper-nav--top-left {
-  position: absolute;
-  top: 24rpx;
-  left: 24rpx;
-}
-.t-swiper-nav--top {
-  position: absolute;
-  left: 50%;
-  top: 24rpx;
-  transform: translateX(-50%);
-}
-.t-swiper-nav--top-right {
-  position: absolute;
-  top: 24rpx;
-  right: 24rpx;
-}
-.t-swiper-nav--bottom-left {
-  position: absolute;
-  left: 24rpx;
-  bottom: 24rpx;
-}
-.t-swiper-nav--bottom {
-  position: absolute;
-  left: 50%;
-  bottom: 24rpx;
-  transform: translateX(-50%);
-}
-.t-swiper-nav--bottom-right {
-  position: absolute;
-  right: 24rpx;
-  bottom: 24rpx;
-}
-.t-swiper-nav--vertical {
-  flex-direction: column;
-}
-.t-swiper-nav__fraction {
-  padding: 0 16rpx;
-  height: var(--td-swiper-nav-fraction-height, 48rpx);
-  line-height: var(--td-swiper-nav-fraction-height, 48rpx);
-  border-radius: calc(var(--td-swiper-nav-fraction-height, 48rpx) / 2);
-  background: var(--td-swiper-nav-fraction-bg-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-  color: var(--td-swiper-nav-fraction-color, var(--td-font-white-1, #ffffff));
-  font-size: var(--td-swiper-nav-fraction-font-size, 24rpx);
-}
-.t-swiper-nav__btn--prev,
-.t-swiper-nav__btn--next {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  width: var(--td-swiper-nav-btn-size, 48rpx);
-  height: var(--td-swiper-nav-btn-size, 48rpx);
-  border-radius: 50%;
-  background: var(--td-swiper-nav-btn-bg-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
-}
-.t-swiper-nav__btn--prev::after,
-.t-swiper-nav__btn--next::after {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  display: block;
-  content: '';
-  width: 12rpx;
-  height: 12rpx;
-  border-color: var(--td-swiper-nav-btn-color, var(--td-font-white-1, #ffffff));
-  border-style: solid;
-}
-.t-swiper-nav__btn--prev {
-  left: 30rpx;
-}
-.t-swiper-nav__btn--prev::after {
-  margin-left: 4rpx;
-  border-width: 2rpx 0 0 2rpx;
-  transform: translate(-50%, -50%) rotateZ(-45deg);
-}
-.t-swiper-nav__btn--next {
-  right: 30rpx;
-}
-.t-swiper-nav__btn--next::after {
-  margin-left: -4rpx;
-  border-width: 2rpx 2rpx 0 0;
-  transform: translate(-50%, -50%) rotateZ(45deg);
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.d.ts b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.d.ts
index 21bea25..03a5202 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.d.ts
@@ -6,13 +6,11 @@ export default class Swiper extends SuperComponent {
     };
     properties: import("./type").TdSwiperProps;
     observers: {
-        current(v: any): void;
-        navigation(val: any): void;
+        navCurrent(v: any): void;
     };
     $nav: any;
     relations: RelationsOptions;
     data: {
-        _navigation: any;
         prefix: string;
         classPrefix: string;
     };
@@ -20,8 +18,8 @@ export default class Swiper extends SuperComponent {
         ready(): void;
     };
     methods: {
-        initNav(): void;
-        updateNav(index: any): void;
+        updateNav(currentValue: any): void;
+        onTap(e: any): void;
         onChange(e: any): void;
         onNavBtnChange(e: any): void;
         doNavBtnChange(dir: any, source: any): void;
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.js b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.js
index 4dffd60..327c7f1 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.js
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.js
@@ -9,11 +9,6 @@ import config from '../common/config';
 import props from './props';
 const { prefix } = config;
 const name = `${prefix}-swiper`;
-const defaultNavigation = {
-    type: 'dots',
-    minShowNum: 2,
-    showControls: false,
-};
 let Swiper = class Swiper extends SuperComponent {
     constructor() {
         super(...arguments);
@@ -29,58 +24,51 @@ let Swiper = class Swiper extends SuperComponent {
         };
         this.properties = props;
         this.observers = {
-            current(v) {
+            navCurrent(v) {
                 this.updateNav(v);
             },
-            navigation(val) {
-                this.setData({
-                    _navigation: Object.assign(Object.assign({}, defaultNavigation), val),
-                });
-            },
         };
         this.$nav = null;
         this.relations = {
-            './swiper-nav': {
+            '../swiper-nav/swiper-nav': {
                 type: 'child',
             },
         };
         this.data = {
-            _navigation: null,
             prefix,
             classPrefix: name,
         };
         this.lifetimes = {
             ready() {
-                this.initNav();
-                this.updateNav(this.data.current);
+                const { current } = this.properties;
+                this.setData({ navCurrent: current });
             },
         };
         this.methods = {
-            initNav() {
+            updateNav(currentValue) {
                 var _a;
-                const { _navigation } = this.data;
-                if (_navigation) {
-                    this.$nav = this.selectComponent('#swiperNav');
-                }
-                else {
-                    this.$nav = (_a = this.getRelationNodes('./swiper-nav')) === null || _a === void 0 ? void 0 : _a[0];
-                }
-            },
-            updateNav(index) {
-                var _a;
-                if (!this.$nav)
+                if (this.data.navigation)
+                    return;
+                const $nav = (_a = this.getRelationNodes('./swiper-nav')) === null || _a === void 0 ? void 0 : _a[0];
+                if (!$nav)
                     return;
                 const { direction, paginationPosition, list } = this.properties;
-                (_a = this.$nav) === null || _a === void 0 ? void 0 : _a.onChange({
-                    index,
+                $nav.setData({
+                    current: currentValue,
                     total: list.length,
                     direction,
                     paginationPosition,
                 });
             },
+            onTap(e) {
+                const { index } = e.currentTarget.dataset;
+                this.triggerEvent('click', { index });
+            },
             onChange(e) {
                 const { current, source } = e.detail;
-                this.setData({ current });
+                this.setData({
+                    navCurrent: current,
+                });
                 this.triggerEvent('change', { current, source });
             },
             onNavBtnChange(e) {
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.json b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.json
index 3c4d232..e565961 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.json
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.json
@@ -1,7 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "t-swiper-nav": "./swiper-nav",
+    "t-swiper-nav": "../swiper-nav/swiper-nav",
     "t-image": "../image/image"
   }
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.wxml b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.wxml
index 1e10c90..d3b25fd 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/swiper.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/swiper.wxml
@@ -1,7 +1,9 @@
 <wxs src="./index.wxs" module="this" />
 <wxs src="../common/utils.wxs" module="_" />
 
-<view class="{{prefix}}-class {{classPrefix}}" style="{{customStyle}}">
+<import src="../common/template/image.wxml" />
+
+<view class="{{prefix}}-class {{classPrefix}}" style="{{style}}">
   <swiper
     class="{{classPrefix}}-host"
     autoplay="{{autoplay}}"
@@ -22,22 +24,25 @@
       wx:for="{{list}}"
       wx:key="index"
       class="{{_.cls(classPrefix + '__item', [['preview', this.isPrev(current, index, list)], ['next', this.isNext(current, index, list)]])}}"
+      data-index="{{index}}"
+      bind:tap="onTap"
     >
-      <t-image
-        class="{{classPrefix}}__image-host"
-        t-class="{{prefix}}-class-image {{this.isPrev(current, index, list) ? (prefix + '-class-prev-image') : ''}} {{this.isNext(current, index, list) ? (prefix + '-class-next-image') : ''}} {{classPrefix}}__image"
-        custom-style="height: {{_.addUnit(height)}}"
-        src="{{item}}"
+      <template
+        is="image"
+        data="{{ class: classPrefix + '__image-host', tClass: this.getImageClass(prefix, current, index, list), style: 'height: ' + _.addUnit(height), src: item, ...imageProps }}"
       />
     </swiper-item>
   </swiper>
   <t-swiper-nav
-    wx:if="{{_navigation}}"
-    id="swiperNav"
+    wx:if="{{navigation}}"
     t-class="{{prefix}}-class-nav"
-    type="{{_navigation.type}}"
-    minShowNum="{{_navigation.minShowNum}}"
-    showControls="{{_navigation.showControls}}"
+    type="{{navigation.type || 'dots'}}"
+    current="{{navCurrent}}"
+    total="{{list.length}}"
+    direction="{{direction}}"
+    pagination-position="{{paginationPosition}}"
+    min-show-num="{{navigation.minShowNum || 2}}"
+    show-controls="{{navigation.showControls || false}}"
     bind:navBtnChange="onNavBtnChange"
   />
   <slot name="nav" />
diff --git a/miniprogram_npm/tdesign-miniprogram/swiper/type.d.ts b/miniprogram_npm/tdesign-miniprogram/swiper/type.d.ts
index 6469659..6b6eb8a 100644
--- a/miniprogram_npm/tdesign-miniprogram/swiper/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/swiper/type.d.ts
@@ -1,3 +1,4 @@
+import { SwiperNavProps } from '../swiper-nav/index';
 export interface TdSwiperProps {
     autoplay?: {
         type: BooleanConstructor;
@@ -7,11 +8,7 @@ export interface TdSwiperProps {
         type: NumberConstructor;
         value?: number;
     };
-    defaultCurrent?: {
-        type: NumberConstructor;
-        value?: number;
-    };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -35,6 +32,10 @@ export interface TdSwiperProps {
         type: null;
         value?: string | number;
     };
+    imageProps?: {
+        type: ObjectConstructor;
+        value?: object;
+    };
     interval?: {
         type: NumberConstructor;
         value?: number;
@@ -48,8 +49,8 @@ export interface TdSwiperProps {
         value?: boolean;
     };
     navigation?: {
-        type: ObjectConstructor;
-        value?: SwiperNavigation;
+        type: null;
+        value?: SwiperNavProps | boolean;
     };
     nextMargin?: {
         type: null;
@@ -68,10 +69,3 @@ export interface TdSwiperProps {
         value?: boolean;
     };
 }
-export interface SwiperNavigation {
-    customStyle?: string;
-    minShowNum?: number;
-    showSlideBtn?: boolean;
-    type?: SwiperNavigationType;
-}
-export declare type SwiperNavigationType = 'dots' | 'dots-bar' | 'fraction';
diff --git a/miniprogram_npm/tdesign-miniprogram/switch/switch.wxml b/miniprogram_npm/tdesign-miniprogram/switch/switch.wxml
index 2d5ea71..3499dd5 100644
--- a/miniprogram_npm/tdesign-miniprogram/switch/switch.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/switch/switch.wxml
@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 <view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{ prefix }}-class {{classPrefix}}"
   bind:tap="handleSwitch"
   aria-checked="{{checked}}"
@@ -18,12 +18,12 @@
         wx:if="{{label}}"
         class="{{_.cls(classPrefix + '__label', [['checked', checked], size])}} {{prefix}}-class-label"
       >
-        <t-loading wx:if="{{loading}}" inherit-color size="32rpx" class="{{classPrefix}}__loading" />
+        <t-loading wx:if="{{loading}}" inherit-color size="32rpx" t-class="{{classPrefix}}__loading" />
         <text wx:elif="{{label.length == 2}}">{{checked ? label[1] : label[0]}}</text>
         <t-icon
           wx:elif="{{icon.length == 2}}"
           name="{{checked ? icon[1] : icon[0]}}"
-          class="{{_.cls(classPrefix + '__icon', [['checked', checked], size])}}"
+          t-class="{{_.cls(classPrefix + '__icon', [['checked', checked], size])}}"
         />
       </view>
     </view>
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/tab-bar/README.en-US.md
index 344e615..e21238a 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/README.en-US.md
@@ -6,13 +6,12 @@
 name | type | default | description | required
 -- | -- | -- | -- | --
 bordered | Boolean | true | \- | N
-custom-style `v0.25.0` | String | - | \- | N
+custom-style | String | - | `0.25.0` | N
 external-classes | Array | - | `['t-class']` | N
 fixed | Boolean | true | \- | N
 safe-area-inset-bottom | Boolean | true | \- | N
 shape | String | normal | options：normal/round | N
 split | Boolean | true | \- | N
-style | String | - | \- | N
 theme | String | normal | options：normal/tag | N
 value | String / Number / Array | null | Typescript：`string \| number \| Array<string \| number>` | N
 default-value | String / Number / Array | undefined | uncontrolled property。Typescript：`string \| number \| Array<string \| number>` | N
@@ -21,15 +20,14 @@ default-value | String / Number / Array | undefined | uncontrolled property。Ty
 
 name | params | description
 -- | -- | --
-change | \- | \-
+change | `(value: string \| number)` | \-
 
 ### TabBarItem Props
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-badge-props | Object | - | Typescript：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar/type.ts) | N
-custom-style | String | - | \- | N
+badge-props | Object | - | Typescript：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar-item/type.ts) | N
+custom-style | String | - | `0.25.0` | N
 icon | String / Slot | - | \- | N
-style | String | - | \- | N
-sub-tab-bar | Array | - | Typescript：`SubTabBarItem[] ` `interface SubTabBarItem { value: string; label: string }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar/type.ts) | N
+sub-tab-bar | Array | - | Typescript：`SubTabBarItem[] ` `interface SubTabBarItem { value: string; label: string }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar-item/type.ts) | N
 value | String / Number | - | \- | N
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/README.md b/miniprogram_npm/tdesign-miniprogram/tab-bar/README.md
index 10cde2f..07a9fa7 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-tab-bar": "tdesign-miniprogram/tab-bar/tab-bar",
-  "t-tab-bar-item": "tdesign-miniprogram/tab-bar/tab-bar-item"
+  "t-tab-bar-item": "tdesign-miniprogram/tab-bar-item/tab-bar-item"
 }
 ```
 
@@ -56,7 +56,7 @@ isComponent: true
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
 bordered | Boolean | true | 是否显示外边框 | N
-custom-style `v0.25.0` | String | - | 自定义组件样式 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 external-classes | Array | - | 组件类名，用于设置外层元素类名。`['t-class']` | N
 fixed | Boolean | true | 是否固定在底部 | N
 safe-area-inset-bottom | Boolean | true | 是否为 iPhoneX 留出底部安全距离 | N
@@ -70,14 +70,14 @@ default-value | String / Number / Array | undefined | 当前选中标签的索
 
 名称 | 参数 | 描述
 -- | -- | --
-change | `(value: string | number)` | 选中标签切换时触发
+change | `(value: string \| number)` | 选中标签切换时触发
 
 ### TabBarItem Props
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-badge-props | Object | - | 图标右上角提示信息。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar/type.ts) | N
-custom-style | String | - | 自定义组件样式 | N
+badge-props | Object | - | 图标右上角提示信息。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar-item/type.ts) | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 icon | String / Slot | - | 图标名称 | N
-sub-tab-bar | Array | - | 二级菜单。TS 类型：`SubTabBarItem[] ` `interface SubTabBarItem { value: string; label: string }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar/type.ts) | N
+sub-tab-bar | Array | - | 二级菜单。TS 类型：`SubTabBarItem[] ` `interface SubTabBarItem { value: string; label: string }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-bar-item/type.ts) | N
 value | String / Number | - | 标识符 | N
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/props.js b/miniprogram_npm/tdesign-miniprogram/tab-bar/props.js
index aa5727f..2ed387d 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/props.js
@@ -3,7 +3,7 @@ const props = {
         type: Boolean,
         value: true,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item-props.d.ts b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item-props.d.ts
deleted file mode 100644
index 026ee8b..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdTabBarItemProps } from './type';
-declare const props: TdTabBarItemProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item-props.js b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item-props.js
deleted file mode 100644
index 2d8c1be..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item-props.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const props = {
-    badgeProps: {
-        type: Object,
-    },
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    icon: {
-        type: String,
-    },
-    style: {
-        type: String,
-        value: '',
-    },
-    subTabBar: {
-        type: Array,
-    },
-    value: {
-        type: null,
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.d.ts b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.d.ts
deleted file mode 100644
index 031956c..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.d.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-export default class TabBarItem extends SuperComponent {
-    parent: any;
-    relations: RelationsOptions;
-    options: {
-        multipleSlots: boolean;
-    };
-    data: {
-        prefix: string;
-        classPrefix: string;
-        isSpread: boolean;
-        isChecked: boolean;
-        hasChildren: boolean;
-        currentName: string;
-        split: boolean;
-        iconOnly: boolean;
-        theme: string;
-        crowded: boolean;
-        shape: string;
-    };
-    properties: import("./type").TdTabBarItemProps;
-    observers: {
-        subTabBar(value: Record<string, any>[]): void;
-    };
-    lifetimes: {
-        attached(): Promise<void>;
-    };
-    methods: {
-        showSpread(): void;
-        toggle(): void;
-        selectChild(event: any): void;
-        checkActive(value: any): void;
-        closeSpread(): void;
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.js b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.js
deleted file mode 100644
index 36467e2..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.js
+++ /dev/null
@@ -1,117 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { wxComponent, SuperComponent } from '../common/src/index';
-import config from '../common/config';
-import props from './tab-bar-item-props';
-import { getRect } from '../common/utils';
-const { prefix } = config;
-const classPrefix = `${prefix}-tab-bar-item`;
-let TabBarItem = class TabBarItem extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.parent = null;
-        this.relations = {
-            './tab-bar': {
-                type: 'ancestor',
-                linked(parent) {
-                    const { theme, split, shape } = parent.data;
-                    this.parent = parent;
-                    this.setData({
-                        theme,
-                        split,
-                        shape,
-                        currentName: this.properties.value ? this.properties.value : parent.initName(),
-                    });
-                    parent.updateChildren();
-                },
-            },
-        };
-        this.options = {
-            multipleSlots: true,
-        };
-        this.data = {
-            prefix,
-            classPrefix,
-            isSpread: false,
-            isChecked: false,
-            hasChildren: false,
-            currentName: '',
-            split: true,
-            iconOnly: false,
-            theme: '',
-            crowded: false,
-            shape: 'normal',
-        };
-        this.properties = props;
-        this.observers = {
-            subTabBar(value) {
-                this.setData({
-                    hasChildren: value.length > 0,
-                });
-            },
-        };
-        this.lifetimes = {
-            attached() {
-                return __awaiter(this, void 0, void 0, function* () {
-                    const res = yield getRect(this, `.${classPrefix}__text`);
-                    this.setData({ iconOnly: res.height === 0 });
-                });
-            },
-        };
-        this.methods = {
-            showSpread() {
-                this.setData({
-                    isSpread: true,
-                });
-            },
-            toggle() {
-                const { parent } = this;
-                const { currentName, hasChildren, isSpread } = this.data;
-                if (hasChildren) {
-                    this.setData({
-                        isSpread: !isSpread,
-                    });
-                }
-                parent.updateValue(currentName);
-                parent.changeOtherSpread(currentName);
-            },
-            selectChild(event) {
-                const { parent } = this;
-                const { value } = event.target.dataset;
-                parent.updateValue(value);
-                this.setData({
-                    isSpread: false,
-                });
-            },
-            checkActive(value) {
-                const { currentName, subTabBar } = this.data;
-                const isChecked = (subTabBar === null || subTabBar === void 0 ? void 0 : subTabBar.some((item) => item.value === value)) || currentName === value;
-                this.setData({
-                    isChecked,
-                });
-            },
-            closeSpread() {
-                this.setData({
-                    isSpread: false,
-                });
-            },
-        };
-    }
-};
-TabBarItem = __decorate([
-    wxComponent()
-], TabBarItem);
-export default TabBarItem;
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.json b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.json
deleted file mode 100644
index 69017ce..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "t-icon": "../icon/icon",
-    "t-badge": "../badge/badge"
-  }
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.wxml b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.wxml
deleted file mode 100644
index a38f30c..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.wxml
+++ /dev/null
@@ -1,62 +0,0 @@
-<wxs src="../common/utils.wxs" module="_" />
-
-<view
-  style="{{ customStyle }}"
-  class="{{_.cls(classPrefix, [['split', split], ['text-only', !icon], ['crowded', crowded], shape])}}"
->
-  <view
-    class="{{_.cls(classPrefix + '__content', [['checked', isChecked], theme])}}"
-    hover-class="{{classPrefix}}__content--active"
-    hover-stay-time="{{200}}"
-    bindtap="toggle"
-    aria-selected="{{(!hasChildren || !isSpread) && isChecked ? true : false}}"
-    aria-expanded="{{hasChildren && isSpread ? true : ''}}"
-    aria-role="{{hasChildren ? 'button' : 'tab'}}"
-  >
-    <view wx:if="{{icon}}" class="{{classPrefix}}__icon" style="height: {{iconOnly ? 24 : 20}}px">
-      <t-badge
-        wx:if="{{badgeProps.dot || badgeProps.count}}"
-        count="{{badgeProps.count}}"
-        max-count="{{badgeProps.maxCount || 99}}"
-        dot="{{badgeProps.dot}}"
-        content="{{badgeProps.content}}"
-        size="{{badgeProps.size}}"
-        visible="{{badgeProps.visible}}"
-        offset="{{badgeProps.offset || [0,0]}}"
-        t-class-count="{{prefix + '-badge-class'}}"
-      >
-        <t-icon name="{{icon}}" size="{{iconOnly ? 24 : 20}}" />
-      </t-badge>
-      <t-icon
-        wx:else
-        name="{{icon}}"
-        size="{{iconOnly ? 24 : 20}}"
-        aria-label="{{ariaLabel}}"
-        aria-hidden="{{iconOnly ? false : true}}"
-      />
-      <slot name="icon" />
-    </view>
-    <view class="{{_.cls(classPrefix + '__text', [['small', !!icon]])}}">
-      <t-icon wx:if="{{hasChildren}}" name="view-list" size="16" class="{{classPrefix}}__icon-menu" />
-      <slot />
-    </view>
-  </view>
-
-  <view class="{{classPrefix}}__spread" wx:if="{{hasChildren && isSpread}}">
-    <view
-      class="{{classPrefix}}__spread-item"
-      hover-class="{{classPrefix}}__spread-item--active"
-      hover-stay-time="{{200}}"
-      wx:for="{{subTabBar}}"
-      wx:for-item="child"
-      wx:for-index="index"
-      wx:key="index"
-      bind:tap="selectChild"
-      data-value="{{child.value || index}}"
-      aria-role="tab"
-    >
-      <view class="{{classPrefix}}__spread-item-split" wx:if="{{index !== 0}}" />
-      <view class="{{classPrefix}}__spread-item-text" data-value="{{child.value || index}}">{{ child.label }}</view>
-    </view>
-  </view>
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.wxss b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.wxss
deleted file mode 100644
index 1a0214f..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item.wxss
+++ /dev/null
@@ -1,143 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-:host {
-  flex: 1;
-}
-.t-tab-bar-item {
-  height: var(--td-tab-bar-height, 80rpx);
-  box-sizing: border-box;
-  user-select: none;
-  position: relative;
-  margin: 16rpx 0;
-  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-block, #fff));
-  padding: 0 24rpx;
-}
-.t-tab-bar-item--text-only {
-  font-size: 32rpx;
-}
-.t-tab-bar-item--split:before {
-  position: absolute;
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  border-left: 1px solid var(--td-tab-bar-border-color, var(--td-border-level-1-color, #e6e6e6));
-  transform: scaleX(0.5);
-  top: 16rpx;
-  bottom: 16rpx;
-}
-.t-tab-bar-item--crowded {
-  padding: 0 16rpx;
-}
-.t-tab-bar-item--round {
-  border-radius: 99px;
-}
-.t-tab-bar-item__content {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  border-radius: 16rpx;
-  color: var(--td-tab-bar-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-}
-.t-tab-bar-item__content--checked {
-  color: var(--td-tab-bar-active-color, var(--td-primary-color, #0052d9));
-  font-weight: 600;
-}
-.t-tab-bar-item__content--tag {
-  border-radius: 99px;
-}
-.t-tab-bar-item__content--tag.t-tab-bar-item__content--checked {
-  background-color: var(--td-tab-bar-active-bg, var(--td-primary-color-1, #fff));
-}
-.t-tab-bar-item .t-badge-class {
-  transform: translate(50%, -10%) !important;
-}
-.t-tab-bar-item__text {
-  display: flex;
-  align-items: center;
-}
-.t-tab-bar-item__text--small {
-  font-size: 20rpx;
-  line-height: 32rpx;
-}
-.t-tab-bar-item__icon-menu {
-  margin-right: 8rpx;
-}
-.t-tab-bar-item__spread {
-  position: absolute;
-  top: 0;
-  left: 7%;
-  width: 86%;
-  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-block, #fff));
-  transform: translate3d(0, calc(-100% - 32rpx), 0);
-  z-index: 1;
-  border-radius: 12rpx;
-  color: var(--td-tab-bar-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  box-shadow: var(--td-tab-bar-spread-shadow, var(--td-shadow-3, 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08)));
-}
-.t-tab-bar-item__spread::before {
-  display: block;
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  width: 0;
-  height: 0;
-  border: 16rpx solid transparent;
-  border-top: 16rpx solid var(--td-tab-bar-bg-color, var(--td-bg-color-block, #fff));
-  transform: translate3d(-50%, 32rpx, 0);
-}
-.t-tab-bar-item__spread-item {
-  width: 100%;
-  height: 96rpx;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  position: relative;
-  flex-direction: column;
-}
-.t-tab-bar-item__spread-item--active {
-  background-color: var(--td-tab-bar-hover-bg-color, rgba(0, 0, 0, 0.05));
-}
-.t-tab-bar-item__spread-item-split {
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-  background-color: var(--td-tab-bar-spread-border-color, var(--td-border-color, #e7e7e7));
-  width: 80%;
-  height: 1px;
-  transform: translateY(0.5);
-}
-.t-tab-bar-item__spread-item-text {
-  padding-top: 24rpx;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.js b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.js
index 78bc550..0d449e2 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.js
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.js
@@ -13,7 +13,7 @@ let Tabbar = class Tabbar extends SuperComponent {
     constructor() {
         super(...arguments);
         this.relations = {
-            './tab-bar-item': {
+            '../tab-bar-item/tab-bar-item': {
                 type: 'descendant',
             },
         };
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.json b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.json
index dc2cffb..a89ef4d 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.json
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.json
@@ -1,6 +1,4 @@
 {
   "component": true,
-  "usingComponents": {
-    "t-tab-bar-item": "./tab-bar-item"
-  }
+  "usingComponents": {}
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxml b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxml
index b539b24..a290713 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxml
@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 <view
-  style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{_.cls(classPrefix, [['border', bordered], ['fixed', fixed], ['safe', safeAreaInsetBottom], shape])}} {{prefix}}-class"
   aria-role="tablist"
 >
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxss b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxss
index 495691e..dc8a984 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar.wxss
@@ -26,7 +26,6 @@
   transform: scale(1.5);
 }
 .t-tab-bar {
-  height: 110rpx;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
diff --git a/miniprogram_npm/tdesign-miniprogram/tab-bar/type.d.ts b/miniprogram_npm/tdesign-miniprogram/tab-bar/type.d.ts
index 0663434..39e05ee 100644
--- a/miniprogram_npm/tdesign-miniprogram/tab-bar/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/tab-bar/type.d.ts
@@ -1,10 +1,9 @@
-import { BadgeProps } from '../badge/index';
 export interface TdTabBarProps {
     bordered?: {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -28,10 +27,6 @@ export interface TdTabBarProps {
         type: BooleanConstructor;
         value?: boolean;
     };
-    style?: {
-        type: StringConstructor;
-        value?: string;
-    };
     theme?: {
         type: StringConstructor;
         value?: 'normal' | 'tag';
@@ -45,33 +40,3 @@ export interface TdTabBarProps {
         value?: string | number | Array<string | number>;
     };
 }
-export interface TdTabBarItemProps {
-    badgeProps?: {
-        type: ObjectConstructor;
-        value?: BadgeProps;
-    };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    icon?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    style?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    subTabBar?: {
-        type: ArrayConstructor;
-        value?: SubTabBarItem[];
-    };
-    value?: {
-        type: null;
-        value?: string | number;
-    };
-}
-export interface SubTabBarItem {
-    value: string;
-    label: string;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/tabs/README.en-US.md
index ee7fcc2..d90ce93 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/README.en-US.md
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/README.en-US.md
@@ -6,15 +6,14 @@
 name | type | default | description | required
 -- | -- | -- | -- | --
 animation | Object | - | Typescript：`TabAnimation` `type TabAnimation = { duration: number } & Record<string, any>`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
-custom-style `v0.25.0` | String | - | \- | N
+custom-style | String | - | `0.25.0` | N
 external-classes | Array | - | `['t-class', 't-class-item', 't-class-active', 't-class-track']` | N
-placement | String | top | options：left/top | N
 show-bottom-line | Boolean | true | \- | N
 space-evenly | Boolean | true | \- | N
 sticky | Boolean | false | \- | N
 sticky-props | Object | - | Typescript：`StickyProps`，[Sticky API Documents](./sticky?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
 swipeable | Boolean | true | \- | N
-theme | String | 'line' | options：line/tag/card | N
+theme | String | line | options：line/tag/card | N
 value | String / Number | - | Typescript：`TabValue` `type TabValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
 default-value | String / Number | undefined | uncontrolled property。Typescript：`TabValue` `type TabValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
 
@@ -31,8 +30,10 @@ scroll | `(scrollTop: number, isFixed: boolean)` | \-
 name | type | default | description | required
 -- | -- | -- | -- | --
 badge-props | Object | null | \- | N
+custom-style | String | - | `0.25.0` | N
 destroy-on-hide | Boolean | true | \- | N
 disabled | Boolean | false | \- | N
+icon | String / Object | - | `1.0.0-rc.1` | N
 label | String | - | \- | N
 panel | String / Slot | - | \- | N
-value | String / Number | - | Typescript：`TabValue` | N
+value | String / Number | - | Typescript：`TabValue`，[Tabs API Documents](./tabs?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-panel/type.ts) | N
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/README.md b/miniprogram_npm/tdesign-miniprogram/tabs/README.md
index d39541b..61eb414 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-tabs": "tdesign-miniprogram/tabs/tabs",
-  "t-tab-panel": "tdesign-miniprogram/tabs/tab-panel"
+  "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel"
 }
 ```
 
@@ -27,6 +27,10 @@ isComponent: true
 
 {{ scroll }}
 
+### 带图标选项卡
+
+{{ with-icon }}
+
 ### 带徽章选项卡
 
 {{ with-badge }}
@@ -109,15 +113,14 @@ Page({
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
 animation | Object | - | 动画效果设置。其中 duration 表示动画时长。TS 类型：`TabAnimation` `type TabAnimation = { duration: number } & Record<string, any>`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
-custom-style `v0.25.0` | String | - | 自定义组件样式 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 external-classes | Array | - | 组件类名，分别用于设置 组件外层元素、选项卡单项、选项卡激活态、滚动条样式类名 等类名。`['t-class', 't-class-item', 't-class-active', 't-class-track']` | N
-placement | String | top | 选项卡位置。可选项：left/top | N
 show-bottom-line | Boolean | true | 是否展示底部激活线条 | N
 space-evenly | Boolean | true | 选项卡头部空间是否均分 | N
 sticky | Boolean | false | 是否开启粘性布局 | N
 sticky-props | Object | - | 透传至 Sticky 组件。TS 类型：`StickyProps`，[Sticky API Documents](./sticky?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
 swipeable | Boolean | true | 是否可以滑动切换 | N
-theme | String | 'line' | 标签的样式。可选项：line/tag/card | N
+theme | String | line | 标签的样式。可选项：line/tag/card | N
 value | String / Number | - | 激活的选项卡值。TS 类型：`TabValue` `type TabValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
 default-value | String / Number | undefined | 激活的选项卡值。非受控属性。TS 类型：`TabValue` `type TabValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tabs/type.ts) | N
 
@@ -133,10 +136,11 @@ scroll | `(scrollTop: number, isFixed: boolean)` | 页面滚动时触发
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-custom-style | String | - | 自定义组件样式 | N
 badge-props | Object | null | 透传至 Badge 组件 | N
+custom-style | String | - | `0.25.0`。自定义组件样式 | N
 destroy-on-hide | Boolean | true | 【实现有误，暂不支持】选项卡内容隐藏时是否销毁 | N
 disabled | Boolean | false | 是否禁用当前选项卡 | N
+icon | String / Object | - | `1.0.0-rc.1`。图标，传对象则透传至 Icon | N
 label | String | - | 选项卡名称 | N
 panel | String / Slot | - | 用于自定义选项卡面板内容 | N
-value | String / Number | - | 选项卡的值，唯一标识。TS 类型：`TabValue` | N
+value | String / Number | - | 选项卡的值，唯一标识。TS 类型：`TabValue`，[Tabs API Documents](./tabs?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tab-panel/type.ts) | N
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/props.js b/miniprogram_npm/tdesign-miniprogram/tabs/props.js
index 9bff91a..579eac5 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/props.js
@@ -2,17 +2,13 @@ const props = {
     animation: {
         type: Object,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
     externalClasses: {
         type: Array,
     },
-    placement: {
-        type: String,
-        value: 'top',
-    },
     showBottomLine: {
         type: Boolean,
         value: true,
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel-props.d.ts b/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel-props.d.ts
deleted file mode 100644
index 9329be0..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdTabPanelProps } from './type';
-declare const props: TdTabPanelProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel-props.js b/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel-props.js
deleted file mode 100644
index b5982e5..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel-props.js
+++ /dev/null
@@ -1,29 +0,0 @@
-const props = {
-    badgeProps: {
-        type: Object,
-        value: null,
-    },
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    destroyOnHide: {
-        type: Boolean,
-        value: true,
-    },
-    disabled: {
-        type: Boolean,
-        value: false,
-    },
-    label: {
-        type: String,
-        value: '',
-    },
-    panel: {
-        type: String,
-    },
-    value: {
-        type: null,
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.d.ts b/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.d.ts
deleted file mode 100644
index fa488c1..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.d.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { SuperComponent, RelationsOptions } from '../common/src/index';
-export default class TabPanel extends SuperComponent {
-    relations: RelationsOptions;
-    properties: import("./type").TdTabPanelProps;
-    data: {
-        prefix: string;
-        classPrefix: string;
-        active: boolean;
-        hide: boolean;
-        id: string;
-    };
-    setId(id: any): void;
-    observers: {
-        label(): void;
-    };
-    getComputedName(): string;
-    update(): void;
-    render(active: Boolean, parent: any): void;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.js b/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.js
deleted file mode 100644
index da1d1c8..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.js
+++ /dev/null
@@ -1,61 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent } from '../common/src/index';
-import props from './tab-panel-props';
-import config from '../common/config';
-const { prefix } = config;
-const name = `${prefix}-tab-panel`;
-let TabPanel = class TabPanel extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.relations = {
-            './tabs': {
-                type: 'ancestor',
-                linked(parent) {
-                    this.parent = parent;
-                },
-            },
-        };
-        this.properties = props;
-        this.data = {
-            prefix,
-            classPrefix: name,
-            active: false,
-            hide: true,
-            id: '',
-        };
-        this.observers = {
-            label() {
-                this.update();
-            },
-        };
-    }
-    setId(id) {
-        this.setData({ id });
-    }
-    getComputedName() {
-        if (this.properties.value != null) {
-            return `${this.properties.value}`;
-        }
-        return `${this.index}`;
-    }
-    update() {
-        if (this.parent) {
-            this.parent.updateTabs();
-        }
-    }
-    render(active, parent) {
-        this.setData({
-            active,
-            hide: !parent.animated && !active,
-        });
-    }
-};
-TabPanel = __decorate([
-    wxComponent()
-], TabPanel);
-export default TabPanel;
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.json b/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.json
deleted file mode 100644
index a89ef4d..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.wxml b/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.wxml
deleted file mode 100644
index 9d42447..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.wxml
+++ /dev/null
@@ -1,10 +0,0 @@
-<wxs src="../common/utils.wxs" module="utils" />
-<view
-  class="{{classPrefix}} {{active ? prefix + '-is-active': ''}}"
-  style="{{ customStyle }}; {{ hide ? 'display: none' : ''}}"
-  id="{{id}}"
-  aria-role="tabpanel"
->
-  <view wx:if="{{panel}}">{{panel}}</view>
-  <slot />
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.wxss b/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.wxss
deleted file mode 100644
index cdefac3..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tab-panel.wxss
+++ /dev/null
@@ -1,38 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-:host {
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-.t-tab-panel {
-  background: var(--td-bg-color);
-  height: inherit;
-  width: inherit;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.d.ts b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.d.ts
index d340228..65f61ae 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.d.ts
@@ -1,17 +1,18 @@
-/// <reference types="miniprogram-api-typings" />
 import { SuperComponent, RelationsOptions } from '../common/src/index';
+import { TdTabsProps } from './type';
+export interface TabsProps extends TdTabsProps {
+}
 export default class Tabs extends SuperComponent {
     behaviors: string[];
     externalClasses: string[];
     relations: RelationsOptions;
-    properties: import("./type").TdTabsProps;
+    properties: TdTabsProps;
     controlledProps: {
         key: string;
         event: string;
     }[];
     observers: {
         value(name: any): void;
-        placement(): void;
     };
     data: {
         prefix: string;
@@ -20,10 +21,10 @@ export default class Tabs extends SuperComponent {
         currentIndex: number;
         trackStyle: string;
         isScrollX: boolean;
-        isScrollY: boolean;
         direction: string;
         offset: number;
         tabID: string;
+        placement: string;
     };
     lifetimes: {
         created(): void;
@@ -31,20 +32,19 @@ export default class Tabs extends SuperComponent {
     };
     initChildId(): void;
     methods: {
-        adjustPlacement(): void;
+        updateTabs(cb: any): void;
+        setCurrentIndexByName(name: any): void;
+        setCurrentIndex(index: number): void;
+        getCurrentName(): any;
+        calcScrollOffset(containerWidth: number, targetLeft: number, targetWidth: number, offset: number): number;
+        getTrackSize(): Promise<number>;
+        setTrack(): Promise<void>;
+        onTabTap(event: any): void;
+        onTouchStart(event: any): void;
+        onTouchMove(event: any): void;
+        onTouchEnd(): void;
+        onTouchScroll(event: WechatMiniprogram.CustomEvent): void;
+        changeIndex(index: any): void;
+        getAvailableTabIndex(deltaX: number): any;
     };
-    updateTabs(cb: any): void;
-    setCurrentIndexByName(name: any): void;
-    setCurrentIndex(index: number): void;
-    getCurrentName(): any;
-    calcScrollOffset(containerWidth: number, targetLeft: number, targetWidth: number, offset: number): number;
-    getTrackSize(): Promise<number>;
-    setTrack(): Promise<void>;
-    onTabTap(event: any): void;
-    onTouchStart(event: any): void;
-    onTouchMove(event: any): void;
-    onTouchEnd(): void;
-    onTouchScroll(event: WechatMiniprogram.CustomEvent): void;
-    changeIndex(index: any): void;
-    getAvailableTabIndex(deltaX: number): number;
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.js b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.js
index a25eac7..77c8b7d 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.js
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.js
@@ -21,20 +21,13 @@ import { getRect, uniqueFactory } from '../common/utils';
 const { prefix } = config;
 const name = `${prefix}-tabs`;
 const getUniqueID = uniqueFactory('tabs');
-var Position;
-(function (Position) {
-    Position["top"] = "top";
-    Position["right"] = "right";
-    Position["bottom"] = "bottom";
-    Position["left"] = "left";
-})(Position || (Position = {}));
 let Tabs = class Tabs extends SuperComponent {
     constructor() {
         super(...arguments);
         this.behaviors = [touch];
         this.externalClasses = [`${prefix}-class`, `${prefix}-class-item`, `${prefix}-class-active`, `${prefix}-class-track`];
         this.relations = {
-            './tab-panel': {
+            '../tab-panel/tab-panel': {
                 type: 'descendant',
                 linked(target) {
                     this.children.push(target);
@@ -62,9 +55,6 @@ let Tabs = class Tabs extends SuperComponent {
                     this.setCurrentIndexByName(name);
                 }
             },
-            placement() {
-                this.adjustPlacement();
-            },
         };
         this.data = {
             prefix,
@@ -73,10 +63,10 @@ let Tabs = class Tabs extends SuperComponent {
             currentIndex: -1,
             trackStyle: '',
             isScrollX: true,
-            isScrollY: false,
             direction: 'X',
             offset: 0,
             tabID: '',
+            placement: 'top',
         };
         this.lifetimes = {
             created() {
@@ -86,7 +76,6 @@ let Tabs = class Tabs extends SuperComponent {
                 wx.nextTick(() => {
                     this.setTrack();
                 });
-                this.adjustPlacement();
                 getRect(this, `.${name}`).then((rect) => {
                     this.containerWidth = rect.width;
                 });
@@ -96,21 +85,164 @@ let Tabs = class Tabs extends SuperComponent {
             },
         };
         this.methods = {
-            adjustPlacement() {
-                const { placement } = this.properties;
-                let isScrollX = false;
-                let isScrollY = false;
-                if (placement === Position.top || placement === Position.bottom) {
-                    isScrollX = true;
-                }
-                else {
-                    isScrollY = true;
-                }
-                this.setData({
-                    isScrollX,
-                    isScrollY,
-                    direction: isScrollX ? 'X' : 'Y',
+            updateTabs(cb) {
+                const { children } = this;
+                const tabs = children.map((child) => child.data);
+                tabs.forEach((item) => {
+                    if (typeof item.icon === 'string') {
+                        item.icon = { name: item.icon };
+                    }
                 });
+                this.setData({ tabs }, cb);
+                this.setCurrentIndexByName(this.properties.value);
+            },
+            setCurrentIndexByName(name) {
+                const { children } = this;
+                const index = children.findIndex((child) => child.getComputedName() === `${name}`);
+                if (index > -1) {
+                    this.setCurrentIndex(index);
+                }
+            },
+            setCurrentIndex(index) {
+                if (index <= -1 || index >= this.children.length)
+                    return;
+                this.children.forEach((child, idx) => {
+                    const isActive = index === idx;
+                    if (isActive !== child.data.active) {
+                        child.render(isActive, this);
+                    }
+                });
+                if (this.data.currentIndex === index)
+                    return;
+                this.setData({
+                    currentIndex: index,
+                });
+                this.setTrack();
+            },
+            getCurrentName() {
+                if (this.children) {
+                    const activeTab = this.children[this.data.currentIndex];
+                    if (activeTab) {
+                        return activeTab.getComputedName();
+                    }
+                }
+            },
+            calcScrollOffset(containerWidth, targetLeft, targetWidth, offset) {
+                return offset + targetLeft - (1 / 2) * containerWidth + targetWidth / 2;
+            },
+            getTrackSize() {
+                return new Promise((resolve) => {
+                    if (this.trackWidth) {
+                        resolve(this.trackWidth);
+                        return;
+                    }
+                    getRect(this, `.${prefix}-tabs__track`).then((res) => {
+                        if (res) {
+                            this.trackWidth = res.width;
+                            resolve(this.trackWidth);
+                        }
+                    });
+                });
+            },
+            setTrack() {
+                return __awaiter(this, void 0, void 0, function* () {
+                    if (!this.properties.showBottomLine)
+                        return;
+                    const { children } = this;
+                    if (!children)
+                        return;
+                    const { currentIndex, isScrollX, direction } = this.data;
+                    if (currentIndex <= -1)
+                        return;
+                    try {
+                        const res = yield getRect(this, `.${prefix}-tabs__item`, true);
+                        const rect = res[currentIndex];
+                        if (!rect)
+                            return;
+                        let count = 0;
+                        let distance = 0;
+                        let totalSize = 0;
+                        res.forEach((item) => {
+                            if (count < currentIndex) {
+                                distance += isScrollX ? item.width : item.height;
+                                count += 1;
+                            }
+                            totalSize += isScrollX ? item.width : item.height;
+                        });
+                        if (this.containerWidth) {
+                            const offset = this.calcScrollOffset(this.containerWidth, rect.left, rect.width, this.data.offset);
+                            const maxOffset = totalSize - this.containerWidth;
+                            this.setData({
+                                offset: Math.min(Math.max(offset, 0), maxOffset),
+                            });
+                        }
+                        if (isScrollX) {
+                            const trackLineWidth = yield this.getTrackSize();
+                            distance += (rect.width - trackLineWidth) / 2;
+                        }
+                        let trackStyle = `-webkit-transform: translate${direction}(${distance}px);
+          transform: translate${direction}(${distance}px);
+        `;
+                        if (!isScrollX) {
+                            trackStyle += `height: ${rect.height}px;`;
+                        }
+                        this.setData({
+                            trackStyle,
+                        });
+                    }
+                    catch (err) {
+                        this.triggerEvent('error', err);
+                    }
+                });
+            },
+            onTabTap(event) {
+                const { index } = event.currentTarget.dataset;
+                this.changeIndex(index);
+            },
+            onTouchStart(event) {
+                if (!this.properties.swipeable)
+                    return;
+                this.touchStart(event);
+            },
+            onTouchMove(event) {
+                if (!this.properties.swipeable)
+                    return;
+                this.touchMove(event);
+            },
+            onTouchEnd() {
+                if (!this.properties.swipeable)
+                    return;
+                const { direction, deltaX, offsetX } = this;
+                const minSwipeDistance = 50;
+                if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
+                    const index = this.getAvailableTabIndex(deltaX);
+                    if (index !== -1) {
+                        this.changeIndex(index);
+                    }
+                }
+            },
+            onTouchScroll(event) {
+                this._trigger('scroll', event.detail);
+            },
+            changeIndex(index) {
+                const currentTab = this.data.tabs[index];
+                const { value, label } = currentTab;
+                if (!(currentTab === null || currentTab === void 0 ? void 0 : currentTab.disabled) && index !== this.data.currentIndex) {
+                    this._trigger('change', { value, label });
+                }
+                this._trigger('click', { value, label });
+            },
+            getAvailableTabIndex(deltaX) {
+                const step = deltaX > 0 ? -1 : 1;
+                const { currentIndex, tabs } = this.data;
+                const len = tabs.length;
+                for (let i = step; currentIndex + step >= 0 && currentIndex + step < len; i += step) {
+                    const newIndex = currentIndex + i;
+                    if (newIndex >= 0 && newIndex < len && tabs[newIndex] && !tabs[newIndex].disabled) {
+                        return newIndex;
+                    }
+                }
+                return -1;
             },
         };
     }
@@ -119,162 +251,6 @@ let Tabs = class Tabs extends SuperComponent {
             item.setId(`${this.data.tabID}_panel_${index}`);
         });
     }
-    updateTabs(cb) {
-        const { children } = this;
-        const tabs = children.map((child) => child.data);
-        this.setData({ tabs }, cb);
-        this.setCurrentIndexByName(this.properties.value);
-    }
-    setCurrentIndexByName(name) {
-        const { children } = this;
-        const index = children.findIndex((child) => child.getComputedName() === `${name}`);
-        if (index > -1) {
-            this.setCurrentIndex(index);
-        }
-    }
-    setCurrentIndex(index) {
-        if (index <= -1 || index >= this.children.length)
-            return;
-        this.children.forEach((child, idx) => {
-            const isActive = index === idx;
-            if (isActive !== child.data.active) {
-                child.render(isActive, this);
-            }
-        });
-        if (this.data.currentIndex === index)
-            return;
-        this.setData({
-            currentIndex: index,
-        });
-        this.setTrack();
-    }
-    getCurrentName() {
-        if (this.children) {
-            const activeTab = this.children[this.data.currentIndex];
-            if (activeTab) {
-                return activeTab.getComputedName();
-            }
-        }
-    }
-    calcScrollOffset(containerWidth, targetLeft, targetWidth, offset) {
-        return offset + targetLeft - (1 / 2) * containerWidth + targetWidth / 2;
-    }
-    getTrackSize() {
-        return new Promise((resolve) => {
-            if (this.trackWidth) {
-                resolve(this.trackWidth);
-                return;
-            }
-            getRect(this, `.${prefix}-tabs__track`).then((res) => {
-                if (res) {
-                    this.trackWidth = res.width;
-                    resolve(this.trackWidth);
-                }
-            }).catch(reason => {
-                console.log(reason)
-            });
-        });
-    }
-    setTrack() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.properties.showBottomLine)
-                return;
-            const { children } = this;
-            if (!children)
-                return;
-            const { currentIndex, isScrollX, direction } = this.data;
-            if (currentIndex <= -1)
-                return;
-            try {
-                const res = yield getRect(this, `.${prefix}-tabs__item`, true);
-                const rect = res[currentIndex];
-                if (!rect)
-                    return;
-                let count = 0;
-                let distance = 0;
-                let totalSize = 0;
-                res.forEach((item) => {
-                    if (count < currentIndex) {
-                        distance += isScrollX ? item.width : item.height;
-                        count += 1;
-                    }
-                    totalSize += isScrollX ? item.width : item.height;
-                });
-                if (this.containerWidth) {
-                    const offset = this.calcScrollOffset(this.containerWidth, rect.left, rect.width, this.data.offset);
-                    const maxOffset = totalSize - this.containerWidth;
-                    this.setData({
-                        offset: Math.min(Math.max(offset, 0), maxOffset),
-                    });
-                }
-                if (isScrollX) {
-                    const trackLineWidth = yield this.getTrackSize();
-                    distance += (rect.width - trackLineWidth) / 2;
-                }
-                let trackStyle = `-webkit-transform: translate${direction}(${distance}px);
-        transform: translate${direction}(${distance}px);
-      `;
-                if (!isScrollX) {
-                    trackStyle += `height: ${rect.height}px;`;
-                }
-                this.setData({
-                    trackStyle,
-                });
-            }
-            catch (err) {
-                this.triggerEvent('error', err);
-            }
-        });
-    }
-    onTabTap(event) {
-        const { index } = event.currentTarget.dataset;
-        this.changeIndex(index);
-    }
-    onTouchStart(event) {
-        if (!this.properties.swipeable)
-            return;
-        this.touchStart(event);
-    }
-    onTouchMove(event) {
-        if (!this.properties.swipeable)
-            return;
-        this.touchMove(event);
-    }
-    onTouchEnd() {
-        if (!this.properties.swipeable)
-            return;
-        const { direction, deltaX, offsetX } = this;
-        const minSwipeDistance = 50;
-        if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
-            const index = this.getAvailableTabIndex(deltaX);
-            if (index !== -1) {
-                this.changeIndex(index);
-            }
-        }
-    }
-    onTouchScroll(event) {
-        this._trigger('scroll', event.detail);
-    }
-    changeIndex(index) {
-        const currentTab = this.data.tabs[index];
-        const { value, label } = currentTab;
-        if (!(currentTab === null || currentTab === void 0 ? void 0 : currentTab.disabled) && index !== this.data.currentIndex) {
-            this._trigger('change', { value, label });
-        }
-        this._trigger('click', { value, label });
-    }
-    getAvailableTabIndex(deltaX) {
-        const step = deltaX > 0 ? -1 : 1;
-        const { currentIndex, tabs } = this.data;
-        const len = tabs.length;
-        for (let i = step; currentIndex + step >= 0 && currentIndex + step < len; i += step) {
-            const newIndex = currentIndex + i;
-            if (newIndex >= 0 && newIndex < len && tabs[newIndex] && !tabs[newIndex].disabled) {
-                return newIndex;
-            }
-        }
-        return -1;
-    }
 };
 Tabs = __decorate([
     wxComponent()
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.json b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.json
index 22785ca..0570f9a 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.json
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.json
@@ -2,6 +2,7 @@
   "component": true,
   "usingComponents": {
     "t-sticky": "../sticky/sticky",
-    "t-badge": "../badge/badge"
+    "t-badge": "../badge/badge",
+    "t-icon": "../icon/icon"
   }
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxml b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxml
index fd4ef23..4965cf2 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxml
@@ -1,8 +1,9 @@
 <import src="../common/template/badge.wxml" />
+<import src="../common/template/icon.wxml" />
 <wxs src="./tabs.wxs" module="filters" />
 <wxs src="../common/utils.wxs" module="_" />
 
-<view style="{{ customStyle }}" class="{{_.cls(classPrefix, [placement])}} {{prefix}}-class">
+<view style="{{ style }}" class="{{_.cls(classPrefix, [placement])}} {{prefix}}-class">
   <t-sticky
     t-class="{{_.cls(classPrefix + '__sticky', [placement])}}"
     disabled="{{ !sticky }}"
@@ -33,6 +34,7 @@
             aria-disabled="{{item.disabled}}"
           >
             <view class="{{_.cls(classPrefix + '__item-inner', [theme, ['active', currentIndex === index]])}}">
+              <template wx:if="{{item.icon}}" is="icon" data="{{ class: classPrefix + '__icon', ...item.icon }}" />
               <block wx:if="{{item.badgeProps}}">
                 <template is="badge" data="{{ ...item.badgeProps, content: item.label }}" />
               </block>
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxss b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxss
index 43be2f0..0064305 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxss
@@ -36,7 +36,7 @@
   background: var(--td-tab-nav-bg-color, var(--td-bg-color-block, #fff));
 }
 .t-tabs__wrapper--card {
-  background: var(--td-bg-color-block);
+  background: var(--td-gray-color-1, #f3f3f3);
   --td-tab-border-color: transparent;
 }
 .t-tabs__item {
@@ -66,16 +66,10 @@
 .t-tabs__item--bottom {
   height: var(--td-tab-item-height, 96rpx);
 }
-.t-tabs__item--left,
-.t-tabs__item--right {
-  height: var(--td-tab-item-vertical-height, 108rpx);
-  line-height: var(--td-tab-item-vertical-height, 108rpx);
-  width: var(--td-tab-item-vertical-width, 208rpx);
-  background-color: #f3f3f3;
-}
-.t-tabs__item--left.t-is-active,
-.t-tabs__item--right.t-is-active {
-  background-color: #fff;
+.t-tabs__item-inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .t-tabs__item-inner--tag {
   width: 100%;
@@ -101,7 +95,7 @@
   padding: 0 16rpx;
 }
 .t-tabs__item--card.t-tabs__item--active {
-  background-color: var(--td-color-block-check, #fff);
+  background-color: var(--td-bg-color-block, #fff);
   border-radius: 18rpx 18rpx 0 0;
 }
 .t-tabs__item--card.t-tabs__item--active:first-child {
@@ -119,7 +113,7 @@
   bottom: 0;
   width: 36rpx;
   height: 36rpx;
-  /*background: #fff;*/
+  background: #fff;
 }
 .t-tabs__item-prefix::after,
 .t-tabs__item-suffix::after {
@@ -127,7 +121,7 @@
   display: block;
   width: 100%;
   height: 100%;
-  /*background-color: var(--td-gray-color-1, #f3f3f3);*/
+  background-color: var(--td-gray-color-1, #f3f3f3);
 }
 .t-tabs__item-prefix {
   right: 0;
@@ -141,6 +135,10 @@
 .t-tabs__item-suffix::after {
   border-bottom-left-radius: 18rpx;
 }
+.t-tabs__icon {
+  font-size: var(--td-tab-icon-size, 36rpx);
+  margin-right: 4rpx;
+}
 .t-tabs__content {
   overflow: hidden;
 }
@@ -152,10 +150,6 @@
   flex-wrap: nowrap;
   align-items: center;
 }
-.t-tabs__nav--left,
-.t-tabs__nav--right {
-  flex-direction: column;
-}
 .t-tabs__track {
   position: absolute;
   font-weight: 600;
@@ -163,16 +157,6 @@
   transition-duration: 0.3s;
   background-color: var(--td-tab-track-color, var(--td-primary-color, #0052d9));
 }
-.t-tabs__track--left {
-  left: 0;
-  top: 0;
-  width: var(--td-tab-track-thickness, 6rpx);
-}
-.t-tabs__track--right {
-  right: 0;
-  top: 0;
-  width: var(--td-tab-track-thickness, 6rpx);
-}
 .t-tabs__track--top,
 .t-tabs__track--bottom {
   left: 0;
@@ -205,11 +189,6 @@
   right: 0;
   transform: scaleY(0.5);
 }
-.t-tabs__scroll--left,
-.t-tabs__scroll--right {
-  width: var(--td-tab-item-vertical-width, 208rpx);
-  max-height: 100vh;
-}
 .t-tabs__content-inner {
   display: block;
 }
@@ -233,28 +212,3 @@
 .t-tabs--bottom {
   flex-direction: column-reverse;
 }
-.t-tabs--left .t-tabs__sticky--left,
-.t-tabs--right .t-tabs__sticky--left {
-  width: var(--td-tab-item-vertical-width, 208rpx);
-}
-.t-tabs--left .t-tabs__content-inner,
-.t-tabs--right .t-tabs__content-inner {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  transition-property: transform;
-}
-.t-tabs--left .t-tabs__content,
-.t-tabs--right .t-tabs__content {
-  width: calc(100% - var(--td-tab-item-vertical-width, 208rpx));
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: var(--td-tab-item-vertical-width, 208rpx);
-  overflow: hidden;
-}
-.t-tabs--right {
-  flex-direction: row-reverse;
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tabs/type.d.ts b/miniprogram_npm/tdesign-miniprogram/tabs/type.d.ts
index 7e5cdcf..d3343bb 100644
--- a/miniprogram_npm/tdesign-miniprogram/tabs/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/tabs/type.d.ts
@@ -4,7 +4,7 @@ export interface TdTabsProps {
         type: ObjectConstructor;
         value?: TabAnimation;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -12,10 +12,6 @@ export interface TdTabsProps {
         type: ArrayConstructor;
         value?: ['t-class', 't-class-item', 't-class-active', 't-class-track'];
     };
-    placement?: {
-        type: StringConstructor;
-        value?: 'left' | 'top';
-    };
     showBottomLine?: {
         type: BooleanConstructor;
         value?: boolean;
@@ -49,36 +45,6 @@ export interface TdTabsProps {
         value?: TabValue;
     };
 }
-export interface TdTabPanelProps {
-    badgeProps?: {
-        type: ObjectConstructor;
-        value?: object;
-    };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    destroyOnHide?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    disabled?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    label?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    panel?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    value?: {
-        type: null;
-        value?: TabValue;
-    };
-}
 export declare type TabAnimation = {
     duration: number;
 } & Record<string, any>;
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/README.md b/miniprogram_npm/tdesign-miniprogram/tag/README.md
index 718250a..39d02c8 100644
--- a/miniprogram_npm/tdesign-miniprogram/tag/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/tag/README.md
@@ -13,7 +13,7 @@ isComponent: true
 ```json
 "usingComponents": {
   "t-tag": "tdesign-miniprogram/tag/tag",
-  "t-check-tag": "tdesign-miniprogram/tag/check-tag"
+  "t-check-tag": "tdesign-miniprogram/check-tag/check-tag"
 }
 ```
 
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/check-tag-props.d.ts b/miniprogram_npm/tdesign-miniprogram/tag/check-tag-props.d.ts
deleted file mode 100644
index 57c816f..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tag/check-tag-props.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TdCheckTagProps } from './type';
-declare const props: TdCheckTagProps;
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/check-tag-props.js b/miniprogram_npm/tdesign-miniprogram/tag/check-tag-props.js
deleted file mode 100644
index 9386609..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tag/check-tag-props.js
+++ /dev/null
@@ -1,44 +0,0 @@
-const props = {
-    checked: {
-        type: null,
-        value: undefined,
-    },
-    defaultChecked: {
-        type: null,
-        value: undefined,
-    },
-    closable: {
-        type: Boolean,
-        value: false,
-    },
-    content: {
-        type: null,
-    },
-    customStyle: {
-        type: String,
-        value: '',
-    },
-    disabled: {
-        type: Boolean,
-        value: false,
-    },
-    externalClasses: {
-        type: Array,
-    },
-    icon: {
-        type: null,
-    },
-    shape: {
-        type: String,
-        value: 'square',
-    },
-    size: {
-        type: String,
-        value: 'medium',
-    },
-    variant: {
-        type: String,
-        value: 'dark',
-    },
-};
-export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.d.ts b/miniprogram_npm/tdesign-miniprogram/tag/check-tag.d.ts
deleted file mode 100644
index 44ab827..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.d.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { SuperComponent } from '../common/src/index';
-export default class CheckTag extends SuperComponent {
-    data: {
-        prefix: string;
-        classPrefix: string;
-        className: string;
-    };
-    properties: import("./type").TdCheckTagProps;
-    externalClasses: string[];
-    controlledProps: {
-        key: string;
-        event: string;
-    }[];
-    options: {
-        multipleSlots: boolean;
-    };
-    lifetimes: {
-        attached(): void;
-    };
-    observers: {
-        'size, disabled, checked'(): void;
-        icon(v: any): void;
-    };
-    methods: {
-        setClass(): void;
-        onClick(): void;
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.js b/miniprogram_npm/tdesign-miniprogram/tag/check-tag.js
deleted file mode 100644
index 52c0b95..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.js
+++ /dev/null
@@ -1,78 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { wxComponent, SuperComponent } from '../common/src/index';
-import config from '../common/config';
-import props from './check-tag-props';
-import { classNames, calcIcon } from '../common/utils';
-const { prefix } = config;
-const name = `${prefix}-tag`;
-let CheckTag = class CheckTag extends SuperComponent {
-    constructor() {
-        super(...arguments);
-        this.data = {
-            prefix,
-            classPrefix: name,
-            className: '',
-        };
-        this.properties = props;
-        this.externalClasses = [`${prefix}-class`];
-        this.controlledProps = [
-            {
-                key: 'checked',
-                event: 'change',
-            },
-        ];
-        this.options = {
-            multipleSlots: true,
-        };
-        this.lifetimes = {
-            attached() {
-                this.setClass();
-            },
-        };
-        this.observers = {
-            'size, disabled, checked'() {
-                this.setClass();
-            },
-            icon(v) {
-                this.setData({
-                    _icon: calcIcon(v),
-                });
-            },
-        };
-        this.methods = {
-            setClass() {
-                const { classPrefix } = this.data;
-                const { size, variant, disabled, checked } = this.properties;
-                const tagClass = [
-                    classPrefix,
-                    `${classPrefix}--checkable`,
-                    disabled ? `${classPrefix}--disabled` : '',
-                    checked ? `${classPrefix}--checked` : '',
-                    `${classPrefix}--${checked ? 'primary' : 'default'}`,
-                    `${classPrefix}--${size}`,
-                    `${classPrefix}--${variant}`,
-                ];
-                const className = classNames(tagClass);
-                this.setData({
-                    className,
-                });
-            },
-            onClick() {
-                if (this.data.disabled)
-                    return;
-                const { checked } = this.data;
-                this._trigger('click');
-                this._trigger('change', { checked: !checked });
-            },
-        };
-    }
-};
-CheckTag = __decorate([
-    wxComponent()
-], CheckTag);
-export default CheckTag;
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.json b/miniprogram_npm/tdesign-miniprogram/tag/check-tag.json
deleted file mode 100644
index fc075a1..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "t-icon": ".././icon/icon"
-  }
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.wxml b/miniprogram_npm/tdesign-miniprogram/tag/check-tag.wxml
deleted file mode 100644
index c0c129c..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.wxml
+++ /dev/null
@@ -1,15 +0,0 @@
-<wxs src="../common/utils.wxs" module="_" />
-<import src="../common/template/icon.wxml" />
-
-<view style="{{ customStyle }}" class="{{className}} {{prefix}}-class" bind:tap="onClick">
-  <view aria-hidden="{{true}}" class="{{classPrefix}}__icon">
-    <template wx:if="{{_icon}}" is="icon" data="{{ tClass: prefix + '-icon', ..._icon }}" />
-    <slot name="icon" />
-  </view>
-  <view class="{{classPrefix}}__text">
-    <slot />
-    <slot name="content" />
-    <block wx:if="{{_.isArray(content) && content.length == 2}}">{{checked ? content[0] : content[1]}}</block>
-    <block wx:else>{{content}}</block>
-  </view>
-</view>
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.wxss b/miniprogram_npm/tdesign-miniprogram/tag/check-tag.wxss
deleted file mode 100644
index 783bbcc..0000000
--- a/miniprogram_npm/tdesign-miniprogram/tag/check-tag.wxss
+++ /dev/null
@@ -1,224 +0,0 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
-.t-tag {
-  display: inline-flex;
-  align-items: center;
-  border: 2rpx solid transparent;
-  box-sizing: border-box;
-  border-radius: var(--td-tag-square-border-radius, 8rpx);
-  font-size: var(--td-tag-medium-font-size, var(--td-font-size-s, 24rpx));
-  user-select: none;
-  vertical-align: middle;
-}
-.t-tag__text {
-  word-wrap: normal;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.t-tag__icon {
-  display: flex;
-  align-items: center;
-}
-.t-tag__icon:not(:empty) + .t-tag__text:not(:empty) {
-  margin-left: 8rpx;
-}
-.t-tag--small {
-  height: var(--td-tag-small-height, 40rpx);
-  line-height: var(--td-tag-small-height, 40rpx);
-  padding: 0 var(--td-tag-small-padding, 11rpx);
-  font-size: var(--td-tag-small-font-size, var(--td-font-size, 20rpx));
-}
-.t-tag--small .t-icon,
-.t-tag--small .t-icon-close {
-  font-size: var(--td-tag-small-icon-size, 24rpx);
-}
-.t-tag--medium {
-  height: var(--td-tag-medium-height, 48rpx);
-  line-height: var(--td-tag-medium-height, 48rpx);
-  padding: 0 var(--td-tag-medium-padding, 15rpx);
-  font-size: var(--td-tag-medium-font-size, var(--td-font-size-s, 24rpx));
-}
-.t-tag--medium .t-icon,
-.t-tag--medium .t-icon-close {
-  font-size: var(--td-tag-medium-icon-size, 28rpx);
-}
-.t-tag--large {
-  height: var(--td-tag-large-height, 56rpx);
-  line-height: var(--td-tag-large-height, 56rpx);
-  padding: 0 var(--td-tag-large-padding, 15rpx);
-  font-size: var(--td-tag-large-font-size, var(--td-font-size-base, 28rpx));
-}
-.t-tag--large .t-icon,
-.t-tag--large .t-icon-close {
-  font-size: var(--td-tag-large-icon-size, 32rpx);
-}
-.t-tag--extra-large {
-  height: var(--td-tag-extra-large-height, 80rpx);
-  line-height: var(--td-tag-extra-large-height, 80rpx);
-  padding: 0 var(--td-tag-extra-large-padding, 31rpx);
-  font-size: var(--td-tag-extra-large-font-size, var(--td-font-size-base, 28rpx));
-}
-.t-tag--extra-large .t-icon,
-.t-tag--extra-large .t-icon-close {
-  font-size: var(--td-tag-extra-large-icon-size, 32rpx);
-}
-.t-tag--dark.t-tag--default {
-  color: var(--td-white-color-1, #fff);
-  border-color: var(--td-tag-default-color, var(--td-gray-color-3, #e7e7e7));
-  background-color: var(--td-tag-default-color, var(--td-gray-color-3, #e7e7e7));
-}
-.t-tag--dark.t-tag--primary {
-  color: var(--td-white-color-1, #fff);
-  border-color: var(--td-tag-primary-color, var(--td-primary-color, #0052d9));
-  background-color: var(--td-tag-primary-color, var(--td-primary-color, #0052d9));
-}
-.t-tag--dark.t-tag--success {
-  color: var(--td-white-color-1, #fff);
-  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-  background-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-}
-.t-tag--dark.t-tag--warning {
-  color: var(--td-white-color-1, #fff);
-  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-  background-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-}
-.t-tag--dark.t-tag--danger {
-  color: var(--td-white-color-1, #fff);
-  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  background-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-}
-.t-tag--dark.t-tag--default {
-  color: var(--td-tag-default-font-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-}
-.t-tag--outline.t-tag--default {
-  color: var(--td-tag-default-color, var(--td-gray-color-3, #e7e7e7));
-  border-color: var(--td-tag-default-color, var(--td-gray-color-3, #e7e7e7));
-  background-color: var(--td-tag-default-light-color, var(--td-gray-color-1, #f3f3f3));
-}
-.t-tag--outline.t-tag--primary {
-  color: var(--td-tag-primary-color, var(--td-primary-color, #0052d9));
-  border-color: var(--td-tag-primary-color, var(--td-primary-color, #0052d9));
-  background-color: var(--td-tag-primary-light-color, var(--td-primary-color-1, #ecf2fe));
-}
-.t-tag--outline.t-tag--success {
-  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e8f8f2));
-}
-.t-tag--outline.t-tag--warning {
-  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fef3e6));
-}
-.t-tag--outline.t-tag--danger {
-  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fdecee));
-}
-.t-tag--outline.t-tag--default {
-  color: var(--td-tag-default-font-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-}
-.t-tag--outline.t-tag--default {
-  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-block, #fff));
-}
-.t-tag--outline.t-tag--primary {
-  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-block, #fff));
-}
-.t-tag--outline.t-tag--success {
-  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-block, #fff));
-}
-.t-tag--outline.t-tag--warning {
-  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-block, #fff));
-}
-.t-tag--outline.t-tag--danger {
-  background-color: var(--td-tag-outline-bg-color, var(--td-bg-color-block, #fff));
-}
-.t-tag--light.t-tag--default {
-  color: var(--td-tag-default-color, var(--td-gray-color-3, #e7e7e7));
-  border-color: var(--td-tag-default-light-color, var(--td-gray-color-1, #f3f3f3));
-  background-color: var(--td-tag-default-light-color, var(--td-gray-color-1, #f3f3f3));
-}
-.t-tag--light.t-tag--primary {
-  color: var(--td-tag-primary-color, var(--td-primary-color, #0052d9));
-  border-color: var(--td-tag-primary-light-color, var(--td-primary-color-1, #ecf2fe));
-  background-color: var(--td-tag-primary-light-color, var(--td-primary-color-1, #ecf2fe));
-}
-.t-tag--light.t-tag--success {
-  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-  border-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e8f8f2));
-  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e8f8f2));
-}
-.t-tag--light.t-tag--warning {
-  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-  border-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fef3e6));
-  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fef3e6));
-}
-.t-tag--light.t-tag--danger {
-  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  border-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fdecee));
-  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fdecee));
-}
-.t-tag--light.t-tag--default {
-  color: var(--td-tag-default-font-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-}
-.t-tag--light-outline.t-tag--default {
-  color: var(--td-tag-default-color, var(--td-gray-color-3, #e7e7e7));
-  border-color: var(--td-tag-default-color, var(--td-gray-color-3, #e7e7e7));
-  background-color: var(--td-tag-default-light-color, var(--td-gray-color-1, #f3f3f3));
-}
-.t-tag--light-outline.t-tag--primary {
-  color: var(--td-tag-primary-color, var(--td-primary-color, #0052d9));
-  border-color: var(--td-tag-primary-color, var(--td-primary-color, #0052d9));
-  background-color: var(--td-tag-primary-light-color, var(--td-primary-color-1, #ecf2fe));
-}
-.t-tag--light-outline.t-tag--success {
-  color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-  border-color: var(--td-tag-success-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
-  background-color: var(--td-tag-success-light-color, var(--td-success-color-1, #e8f8f2));
-}
-.t-tag--light-outline.t-tag--warning {
-  color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-  border-color: var(--td-tag-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
-  background-color: var(--td-tag-warning-light-color, var(--td-warning-color-1, #fef3e6));
-}
-.t-tag--light-outline.t-tag--danger {
-  color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  border-color: var(--td-tag-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
-  background-color: var(--td-tag-danger-light-color, var(--td-error-color-1, #fdecee));
-}
-.t-tag--light-outline.t-tag--default {
-  color: var(--td-tag-default-font-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  border-color: var(--td-gray-color-4, #dcdcdc);
-}
-.t-tag.t-tag--closable.t-tag--disabled {
-  cursor: not-allowed;
-  color: var(--td-tag-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
-  background-color: var(--td-tag-disabled-background-color, var(--td-gray-color-2, #eeeeee));
-  border-color: var(--td-tag-disabled-border-color, var(--td-gray-color-4, #dcdcdc));
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/props.js b/miniprogram_npm/tdesign-miniprogram/tag/props.js
index 2091a30..93a93c3 100644
--- a/miniprogram_npm/tdesign-miniprogram/tag/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/tag/props.js
@@ -3,7 +3,7 @@ const props = {
         type: Boolean,
         value: false,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/tag.d.ts b/miniprogram_npm/tdesign-miniprogram/tag/tag.d.ts
index cf849a1..ca813c5 100644
--- a/miniprogram_npm/tdesign-miniprogram/tag/tag.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/tag/tag.d.ts
@@ -1,3 +1,4 @@
+/// <reference types="miniprogram-api-typings" />
 import { SuperComponent } from '../common/src/index';
 export default class Tag extends SuperComponent {
     data: {
@@ -8,9 +9,7 @@ export default class Tag extends SuperComponent {
     };
     properties: import("./type").TdTagProps;
     externalClasses: string[];
-    options: {
-        multipleSlots: boolean;
-    };
+    options: WechatMiniprogram.Component.ComponentOptions;
     lifetimes: {
         attached(): void;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/tag.js b/miniprogram_npm/tdesign-miniprogram/tag/tag.js
index cc4d877..6fb9b91 100644
--- a/miniprogram_npm/tdesign-miniprogram/tag/tag.js
+++ b/miniprogram_npm/tdesign-miniprogram/tag/tag.js
@@ -20,9 +20,10 @@ let Tag = class Tag extends SuperComponent {
             tagStyle: '',
         };
         this.properties = props;
-        this.externalClasses = [`${prefix}-class`];
+        this.externalClasses = ['class', `${prefix}-class`];
         this.options = {
             multipleSlots: true,
+            styleIsolation: 'apply-shared',
         };
         this.lifetimes = {
             attached() {
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/tag.wxml b/miniprogram_npm/tdesign-miniprogram/tag/tag.wxml
index b071348..c8b7ce8 100644
--- a/miniprogram_npm/tdesign-miniprogram/tag/tag.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/tag/tag.wxml
@@ -1,6 +1,6 @@
 <import src="../common/template/icon.wxml" />
 
-<view class="{{className}} {{prefix}}-class" style="{{tagStyle}} {{ customStyle }}" bind:tap="handleClick">
+<view class="{{className}} class {{prefix}}-class" style="{{tagStyle}} {{ style }}" bind:tap="handleClick">
   <view aria-hidden="{{true}}" class="{{classPrefix}}__icon">
     <template wx:if="{{_icon}}" is="icon" data="{{ tClass: prefix + '-icon', ..._icon }}" />
     <slot name="icon" />
diff --git a/miniprogram_npm/tdesign-miniprogram/tag/type.d.ts b/miniprogram_npm/tdesign-miniprogram/tag/type.d.ts
index 3848dbc..c256e91 100644
--- a/miniprogram_npm/tdesign-miniprogram/tag/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/tag/type.d.ts
@@ -4,7 +4,7 @@ export interface TdTagProps {
         type: BooleanConstructor;
         value?: boolean;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -41,49 +41,3 @@ export interface TdTagProps {
         value?: 'dark' | 'light' | 'outline' | 'light-outline';
     };
 }
-export interface TdCheckTagProps {
-    checked?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    defaultChecked?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    closable?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    content?: {
-        type: null;
-        value?: string | number | string[];
-    };
-    customStyle?: {
-        type: StringConstructor;
-        value?: string;
-    };
-    disabled?: {
-        type: BooleanConstructor;
-        value?: boolean;
-    };
-    externalClasses?: {
-        type: ArrayConstructor;
-        value?: ['t-class'];
-    };
-    icon?: {
-        type: null;
-        value?: string | object;
-    };
-    shape?: {
-        type: StringConstructor;
-        value?: 'square' | 'round' | 'mark';
-    };
-    size?: {
-        type: StringConstructor;
-        value?: SizeEnum;
-    };
-    variant?: {
-        type: StringConstructor;
-        value?: 'dark' | 'light' | 'outline' | 'light-outline';
-    };
-}
diff --git a/miniprogram_npm/tdesign-miniprogram/textarea/README.md b/miniprogram_npm/tdesign-miniprogram/textarea/README.md
index 573cfc7..61755fa 100644
--- a/miniprogram_npm/tdesign-miniprogram/textarea/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/textarea/README.md
@@ -81,6 +81,12 @@ value | String | - | 文本框值 | N
 default-value | String | undefined | 文本框值。非受控属性 | N
 fixed | Boolean | false | 如果 textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true | N
 bordered | Boolean | false | 是否显示外边框 | N
+cursor | Number | -1 | 指定 focus 时的光标位置 | N
+disable-default-padding | Boolean | false | 是否去掉 iOS 下的默认内边距 | N
+show-confirm-bar | Boolean | true | 是否显示键盘上方带有”完成“按钮那一栏 | N
+selection-start | Number | -1 | 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 | N
+selection-end | Number | -1 | 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 | N
+hold-keyboard | Boolean | false | focus时，点击页面的时候不收起键盘 | N
 
 ### Textarea Events
 
@@ -91,3 +97,4 @@ change | `(value: TextareaValue)` | 输入内容变化时触发
 enter | `(value: TextareaValue)` | 点击完成时触发
 focus | `(value: TextareaValue)` | 获得焦点时触发
 line-change | `(value: TextareaValue)` | 行高发生变化时触发
+keyboardheightchange | `(height: number, duration: number)` | 键盘高度发生变化的时候触发此事件
diff --git a/miniprogram_npm/tdesign-miniprogram/textarea/props.js b/miniprogram_npm/tdesign-miniprogram/textarea/props.js
index 37da21c..06c7ce0 100644
--- a/miniprogram_npm/tdesign-miniprogram/textarea/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/textarea/props.js
@@ -23,7 +23,7 @@ const props = {
         type: Number,
         value: 0,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
@@ -76,5 +76,29 @@ const props = {
         type: Boolean,
         value: false,
     },
+    cursor: {
+        type: Number,
+        value: -1,
+    },
+    showConfirmBar: {
+        type: Boolean,
+        value: true,
+    },
+    selectionStart: {
+        type: Number,
+        value: -1,
+    },
+    selectionEnd: {
+        type: Number,
+        value: -1,
+    },
+    disableDefaultPadding: {
+        type: Boolean,
+        value: false,
+    },
+    holdKeyboard: {
+        type: Boolean,
+        value: false,
+    },
 };
 export default props;
diff --git a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.d.ts b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.d.ts
index f429acf..a3d8ec2 100644
--- a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.d.ts
@@ -14,12 +14,21 @@ export default class Textarea extends SuperComponent {
     observers: {
         value(val: any): void;
     };
+    lifetimes: {
+        ready(): void;
+    };
     methods: {
-        updateValue(value: any): void;
+        updateCount(val: any): void;
+        updateValue(val: any): void;
+        calculateValue(value: any, maxcharacter: any, maxlength: any): {
+            value: any;
+            count: number;
+        };
         onInput(event: any): void;
         onFocus(event: any): void;
         onBlur(event: any): void;
         onConfirm(event: any): void;
         onLineChange(event: any): void;
+        onKeyboardHeightChange(e: any): void;
     };
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.js b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.js
index d8c2889..e9005e7 100644
--- a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.js
+++ b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.js
@@ -31,37 +31,55 @@ let Textarea = class Textarea extends SuperComponent {
         };
         this.observers = {
             value(val) {
-                this.updateValue(val);
+                this.updateCount(val);
+            },
+        };
+        this.lifetimes = {
+            ready() {
+                const { value } = this.properties;
+                this.updateValue(value);
             },
         };
         this.methods = {
-            updateValue(value) {
+            updateCount(val) {
                 const { maxcharacter, maxlength } = this.properties;
+                const { count } = this.calculateValue(val, maxcharacter, maxlength);
+                this.setData({
+                    count,
+                });
+            },
+            updateValue(val) {
+                const { maxcharacter, maxlength } = this.properties;
+                const { value, count } = this.calculateValue(val, maxcharacter, maxlength);
+                this.setData({
+                    value,
+                    count,
+                });
+            },
+            calculateValue(value, maxcharacter, maxlength) {
                 if (maxcharacter > 0 && !Number.isNaN(maxcharacter)) {
                     const { length, characters } = getCharacterLength('maxcharacter', value, maxcharacter);
-                    this.setData({
-                        computedValue: characters,
+                    return {
+                        value: characters,
                         count: length,
-                    });
+                    };
                 }
-                else if (maxlength > 0 && !Number.isNaN(maxlength)) {
+                if (maxlength > 0 && !Number.isNaN(maxlength)) {
                     const { length, characters } = getCharacterLength('maxlength', value, maxlength);
-                    this.setData({
-                        computedValue: characters,
+                    return {
+                        value: characters,
                         count: length,
-                    });
-                }
-                else {
-                    this.setData({
-                        computedValue: value,
-                        count: value ? String(value).length : 0,
-                    });
+                    };
                 }
+                return {
+                    value,
+                    count: value ? String(value).length : 0,
+                };
             },
             onInput(event) {
                 const { value } = event.detail;
                 this.updateValue(value);
-                this.triggerEvent('change', { value: this.data.computedValue });
+                this.triggerEvent('change', { value: this.data.value });
             },
             onFocus(event) {
                 this.triggerEvent('focus', Object.assign({}, event.detail));
@@ -75,6 +93,9 @@ let Textarea = class Textarea extends SuperComponent {
             onLineChange(event) {
                 this.triggerEvent('lineChange', Object.assign({}, event.detail));
             },
+            onKeyboardHeightChange(e) {
+                this.triggerEvent('keyboardheightchange', e.detail);
+            },
         };
     }
 };
diff --git a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxml b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxml
index c2bc036..40cf78d 100644
--- a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxml
@@ -1,6 +1,6 @@
-<view style="{{ customStyle }}" class="{{classPrefix}} {{bordered? classPrefix +  '--border' : ''}} {{prefix}}-class">
+<view style="{{ style }}" class="{{classPrefix}} {{bordered? classPrefix +  '--border' : ''}} {{prefix}}-class">
   <view class="{{classPrefix}}__label {{prefix}}-class-label">
-    <view wx:if="{{ label && label.length > 0 }}">{{ label }}</view>
+    <block wx:if="{{ label && label.length > 0 }}">{{ label }}</block>
     <slot wx:else name="label" />
   </view>
   <view class="{{classPrefix}}__wrapper">
@@ -11,20 +11,27 @@
       placeholder="{{placeholder}}"
       placeholder-class="{{classPrefix}}__placeholder"
       placeholder-style="{{placeholderStyle}}"
-      value="{{computedValue}}"
+      value="{{value}}"
       auto-focus="{{autofocus}}"
       fixed="{{fixed}}"
       focus="{{focus}}"
+      cursor="{{cursor}}"
       cursor-spacing="{{cursorSpacing}}"
       auto-height="{{autosize}}"
       adjust-position="{{adjustPosition}}"
       confirm-type="{{confirmType}}"
       confirm-hold="{{confirmHold}}"
+      disable-default-padding="{{disableDefaultPadding}}"
+      show-confirm-bar="{{showConfirmBar}}"
+      selection-start="{{selectionStart}}"
+      selection-end="{{selectionEnd}}"
+      hold-keyboard="{{holdKeyboard}}"
       bindinput="onInput"
       bindfocus="onFocus"
       bindblur="onBlur"
       bindconfirm="onConfirm"
       bindlinechange="onLineChange"
+      bind:keyboardheightchange="onKeyboardHeightChange"
     />
     <view
       wx:if="{{indicator && (maxcharacter > 0 || maxlength > 0 )}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxss b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxss
index 3abe97a..08eea9a 100644
--- a/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/textarea/textarea.wxss
@@ -26,12 +26,16 @@
   transform: scale(1.5);
 }
 .t-textarea {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
   padding: 32rpx 32rpx;
   background-color: var(--td-textarea-background-color, var(--td-bg-color-block, #fff));
 }
 .t-textarea__label:not(:empty) {
   font-size: var(--td-font-size-base, 28rpx);
   color: var(--td-textarea-label-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
+  flex-shrink: 0;
   line-height: 44rpx;
   padding-bottom: var(--td-spacer, 16rpx);
   overflow: hidden;
@@ -39,13 +43,19 @@
   text-overflow: ellipsis;
 }
 .t-textarea__wrapper {
+  display: flex;
+  flex-direction: column;
   width: 100%;
+  flex: 1 1 auto;
+  overflow: hidden;
 }
 .t-textarea__wrapper-inner {
+  flex: 1 1 auto;
   box-sizing: border-box;
   width: inherit;
-  height: 144rpx;
   min-width: 0;
+  height: 100%;
+  min-height: 20px;
   margin: 0;
   padding: 0;
   text-align: left;
diff --git a/miniprogram_npm/tdesign-miniprogram/textarea/type.d.ts b/miniprogram_npm/tdesign-miniprogram/textarea/type.d.ts
index 8aa5fac..3678ee4 100644
--- a/miniprogram_npm/tdesign-miniprogram/textarea/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/textarea/type.d.ts
@@ -23,7 +23,7 @@ export interface TdTextareaProps {
         type: NumberConstructor;
         value?: number;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
@@ -79,4 +79,28 @@ export interface TdTextareaProps {
         type: BooleanConstructor;
         value?: boolean;
     };
+    cursor: {
+        type: NumberConstructor;
+        value?: number;
+    };
+    showConfirmBar: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    selectionStart?: {
+        type: NumberConstructor;
+        value?: number;
+    };
+    selectionEnd?: {
+        type: NumberConstructor;
+        value?: number;
+    };
+    disableDefaultPadding?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    holdKeyboard?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
 }
diff --git a/miniprogram_npm/tdesign-miniprogram/toast/props.js b/miniprogram_npm/tdesign-miniprogram/toast/props.js
index ec7ec6c..c9ebd03 100644
--- a/miniprogram_npm/tdesign-miniprogram/toast/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/toast/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/toast/toast.d.ts b/miniprogram_npm/tdesign-miniprogram/toast/toast.d.ts
index 91cc921..04613f0 100644
--- a/miniprogram_npm/tdesign-miniprogram/toast/toast.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/toast/toast.d.ts
@@ -20,6 +20,7 @@ export default class Toast extends SuperComponent {
         show(options: ToastOptionsType): void;
         hide(): void;
         destroyed(): void;
+        loop(): void;
     };
 }
 export {};
diff --git a/miniprogram_npm/tdesign-miniprogram/toast/toast.js b/miniprogram_npm/tdesign-miniprogram/toast/toast.js
index 505f3a4..79aaead 100644
--- a/miniprogram_npm/tdesign-miniprogram/toast/toast.js
+++ b/miniprogram_npm/tdesign-miniprogram/toast/toast.js
@@ -67,6 +67,7 @@ let Toast = class Toast extends SuperComponent {
                 }
                 this.triggerEvent('destory');
             },
+            loop() { },
         };
     }
     detached() {
diff --git a/miniprogram_npm/tdesign-miniprogram/toast/toast.wxml b/miniprogram_npm/tdesign-miniprogram/toast/toast.wxml
index 96cc01f..87e8a98 100644
--- a/miniprogram_npm/tdesign-miniprogram/toast/toast.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/toast/toast.wxml
@@ -2,15 +2,16 @@
 <view
   wx:if="{{realVisible}}"
   class="{{_.cls(classPrefix, [direction, theme, ['with-text', message]])}} {{prefix}}-class {{transitionClass}}"
-  style="top: {{placement === 'top' ? '25%' : placement === 'bottom' ? '75%': '45%'}} {{ customStyle }}"
+  style="top: {{placement === 'top' ? '25%' : placement === 'bottom' ? '75%': '45%'}} {{ style }}"
   bind:transitionend="onTransitionEnd"
+  catch:touchstart="loop"
 >
   <view class="{{classPrefix}}__content {{classPrefix}}__content--{{direction}}">
     <t-icon
       aria-hidden="{{true}}"
       wx:if="{{typeMapIcon!=='loading' || icon}}"
       name="{{typeMapIcon || icon}}"
-      class="{{classPrefix}}__icon {{classPrefix}}__icon--{{direction}}"
+      t-class="{{classPrefix}}__icon {{classPrefix}}__icon--{{direction}}"
     />
     <t-loading
       wx:if="{{typeMapIcon === 'loading'}}"
@@ -30,7 +31,7 @@
   </view>
 </view>
 <t-overlay
-  customStyle="{{ overlayProps.customStyle }}"
+  style="{{ overlayProps.style }}"
   visible="{{realVisible && (showOverlay || preventScrollThrough)}}"
   z-index="{{overlayProps.zIndex}}"
   backgroundColor="{{preventScrollThrough ? 'transparent' : overlayProps.backgroundColor}}"
diff --git a/miniprogram_npm/tdesign-miniprogram/toast/type.d.ts b/miniprogram_npm/tdesign-miniprogram/toast/type.d.ts
index b9e6a36..df69985 100644
--- a/miniprogram_npm/tdesign-miniprogram/toast/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/toast/type.d.ts
@@ -1,5 +1,5 @@
 export interface TdToastProps {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/tree-select/props.js b/miniprogram_npm/tdesign-miniprogram/tree-select/props.js
index 9d048cc..6caff02 100644
--- a/miniprogram_npm/tdesign-miniprogram/tree-select/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/tree-select/props.js
@@ -1,5 +1,5 @@
 const props = {
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxml b/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxml
index 704f60a..94391e7 100644
--- a/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxml
@@ -1,9 +1,11 @@
 <wxs module="_" src="../common/utils.wxs" />
 <wxs module="this" src="./index.wxs" />
 
-<view class="{{classPrefix}}" style="height: {{_.addUnit(height)}}; {{customStyle}}">
+<view class="{{classPrefix}}" style="height: {{_.addUnit(height)}}; {{style}}">
   <scroll-view
     scroll-y
+    enhanced
+    show-scrollbar="{{false}}"
     class="{{_.cls(classPrefix + '__column', [this.getTreeClass(leafLevel - level, treeOptions.length)])}} {{prefix}}-class"
     wx:for="{{treeOptions}}"
     wx:key="level"
diff --git a/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxss b/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxss
index 7be2ccf..e899571 100644
--- a/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/tree-select/tree-select.wxss
@@ -30,13 +30,19 @@
   background-color: var(--td-tree-bg-color, var(--td-bg-color-block, #fff));
 }
 .t-tree-select__column {
-  flex: 1;
+  width: var(--td-tree-colum-width, 206rpx);
 }
 .t-tree-select__column--left {
   background: var(--td-tree-root-bg-color, var(--td-gray-color-1, #f3f3f3));
 }
 .t-tree-select__column--right {
-  flex: 2;
+  flex: 1;
+}
+.t-tree-select__column ::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  color: transparent;
 }
 .t-tree-select__item {
   height: var(--td-tree-item-height, 112rpx);
diff --git a/miniprogram_npm/tdesign-miniprogram/tree-select/type.d.ts b/miniprogram_npm/tdesign-miniprogram/tree-select/type.d.ts
index b994e97..d0a4b7d 100644
--- a/miniprogram_npm/tdesign-miniprogram/tree-select/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/tree-select/type.d.ts
@@ -1,6 +1,6 @@
 import { TreeOptionData, KeysType } from '../common/common';
 export interface TdTreeSelectProps<DataOption extends TreeOptionData = TreeOptionData> {
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/upload/README.md b/miniprogram_npm/tdesign-miniprogram/upload/README.md
index ca1c318..5de5883 100644
--- a/miniprogram_npm/tdesign-miniprogram/upload/README.md
+++ b/miniprogram_npm/tdesign-miniprogram/upload/README.md
@@ -51,7 +51,7 @@ isComponent: true
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-add-content | String / Slot | - | 添加按钮内容。值为空，使用默认图标渲染；值为 slot 则表示使用插槽渲染；其他值无效。 | N
+add-content | String / Slot | - | 添加按钮内容 | N
 allow-upload-duplicate-file | Boolean | false | 【开发中】是否允许重复上传相同文件名的文件 | N
 config | Object | - | 图片上传配置，视频上传配置，文件上传配置等，包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html)。[视频上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html)。TS 类型：`UploadMpConfig` `type UploadMpConfig = ImageConfig \| VideoConfig` `interface ImageConfig { count?: number; sizeType?: Array<SizeTypeValues>; sourceType?: Array<SourceTypeValues> }` `type SizeTypeValues = 'original' \| 'compressed'` `type SourceTypeValues = 'album' \| 'camera'` `interface VideoConfig { sourceType?: Array<SourceTypeValues>; compressed?: boolean; maxDuration?: number; camera?: 'back' \| 'front' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N
 custom-style `v0.25.0` | String | - | 自定义组件样式 | N
diff --git a/miniprogram_npm/tdesign-miniprogram/upload/props.js b/miniprogram_npm/tdesign-miniprogram/upload/props.js
index 1c6b318..b750c10 100644
--- a/miniprogram_npm/tdesign-miniprogram/upload/props.js
+++ b/miniprogram_npm/tdesign-miniprogram/upload/props.js
@@ -9,7 +9,7 @@ const props = {
     config: {
         type: Object,
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },
diff --git a/miniprogram_npm/tdesign-miniprogram/upload/type.d.ts b/miniprogram_npm/tdesign-miniprogram/upload/type.d.ts
index 57f7325..d06319f 100644
--- a/miniprogram_npm/tdesign-miniprogram/upload/type.d.ts
+++ b/miniprogram_npm/tdesign-miniprogram/upload/type.d.ts
@@ -12,7 +12,7 @@ export interface TdUploadProps {
         type: ObjectConstructor;
         value?: UploadMpConfig;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };
diff --git a/miniprogram_npm/tdesign-miniprogram/upload/upload.json b/miniprogram_npm/tdesign-miniprogram/upload/upload.json
index 86a463f..5c0921d 100644
--- a/miniprogram_npm/tdesign-miniprogram/upload/upload.json
+++ b/miniprogram_npm/tdesign-miniprogram/upload/upload.json
@@ -2,7 +2,7 @@
   "component": true,
   "usingComponents": {
     "t-grid": "../grid/grid",
-    "t-grid-item": "../grid/grid-item",
+    "t-grid-item": "../grid-item/grid-item",
     "t-popup": "../popup/popup",
     "t-icon": "../icon/icon",
     "t-image": "../image/image"
diff --git a/miniprogram_npm/tdesign-miniprogram/upload/upload.wxml b/miniprogram_npm/tdesign-miniprogram/upload/upload.wxml
index 8412622..524b800 100644
--- a/miniprogram_npm/tdesign-miniprogram/upload/upload.wxml
+++ b/miniprogram_npm/tdesign-miniprogram/upload/upload.wxml
@@ -1,4 +1,4 @@
-<view style="{{ customStyle }}" class="{{classPrefix}} {{prefix}}-class">
+<view style="{{ style }}" class="{{classPrefix}} {{prefix}}-class">
   <t-grid gutter="{{gutter}}" border="{{false}}" align="center" column="{{column}}">
     <!-- 图片/视频 -->
     <t-grid-item
@@ -50,8 +50,7 @@
         </view>
         <!-- 删除 -->
         <view class="{{classPrefix}}__close-btn hotspot-expanded" bindtap="onDelete" data-index="{{index}}">
-          <slot wx:if="{{deleteBtn === 'slot'}}" name="delete-btn" />
-          <t-icon wx:else name="close" size="16" color="#fff" />
+          <t-icon name="close" size="16" color="#fff" />
         </view>
       </view>
     </t-grid-item>
@@ -63,9 +62,10 @@
       bindclick="onAddTap"
     >
       <view class="{{classPrefix}}__wrapper" style="{{gridItemStyle}}">
-        <view class="{{classPrefix}}__add-icon">
-          <slot wx:if="{{addContent === 'slot'}}" name="add-content" />
-          <t-icon wx:else name="add" />
+        <slot name="add-content" />
+        <block wx:if="{{addContent}}">{{addContent}}</block>
+        <view wx:else class="{{classPrefix}}__add-icon">
+          <t-icon name="add" />
         </view>
       </view>
     </t-grid-item>
diff --git a/miniprogram_npm/tdesign-miniprogram/upload/upload.wxss b/miniprogram_npm/tdesign-miniprogram/upload/upload.wxss
index 95c1e9e..a796a0d 100644
--- a/miniprogram_npm/tdesign-miniprogram/upload/upload.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/upload/upload.wxss
@@ -34,7 +34,7 @@
 .t-upload__add-icon {
   width: 100%;
   height: 100%;
-  display: flex;
+  display: none;
   align-items: center;
   justify-content: center;
   font-size: var(--td-upload-add-icon-font-size, 56rpx);
@@ -42,6 +42,9 @@
   color: var(--td-upload-add-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
   border-radius: var(--td-upload-radius, var(--td-radius-default, 12rpx));
 }
+.t-upload__add-icon:only-child {
+  display: flex;
+}
 .t-upload__thumbnail {
   width: 100%;
   height: 100%;
diff --git a/package-lock.json b/package-lock.json
index c8a6368..da475e2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,9 +10,9 @@
       "integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
     },
     "tdesign-miniprogram": {
-      "version": "0.33.0",
-      "resolved": "https://registry.npmjs.org/tdesign-miniprogram/-/tdesign-miniprogram-0.33.0.tgz",
-      "integrity": "sha512-dNerln9UN7YdYCZvWRCstvH2hEkmXtwboOGVKPY5ZXYgC8cG2eH4/buJ7j8l4Ci+jJLLSPQrGCj9e55Y83sw7g==",
+      "version": "1.0.0-rc.1",
+      "resolved": "https://registry.npmjs.org/tdesign-miniprogram/-/tdesign-miniprogram-1.0.0-rc.1.tgz",
+      "integrity": "sha512-Nf6wu28npelb3CGzok7mkJTyLLugtLiAXl+8+JEPGsaTCLc9CO+Q6Le9nJrS56wD3rxyB/SB0ONT9OWP9qqcnQ==",
       "requires": {
         "dayjs": "^1.10.7"
       }
diff --git a/package.json b/package.json
index 50118fa..f555baa 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "quinn-accounts",
   "version": "1.0.0",
-  "description": "奎因清单",
+  "description": "南瓜瞄记账",
   "main": "app.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -17,6 +17,6 @@
   },
   "homepage": "https://github.com/jiuzheyangyuan/quinn-accounts#readme",
   "dependencies": {
-    "tdesign-miniprogram": "^0.33.0"
+    "tdesign-miniprogram": "^1.0.0-rc.1"
   }
 }
diff --git a/pages/about/about.wxss b/pages/about/about.wxss
index 038f5d5..6bba2b6 100644
--- a/pages/about/about.wxss
+++ b/pages/about/about.wxss
@@ -1,20 +1,23 @@
 .main_look {
     font-weight: bold;
+    height: 220rpx;
+    background-image: url("https://www.qnforever.top/images/wx/cover.png");
+    background-size:100% 100%;
 }
 .pay_look {
-    margin-top: 50rpx;
+    padding-top: 50rpx;
     display: flex;
     flex-direction: row;
     justify-content: center;
     font-size: 50rpx;
 }
 .detail_look {
-    margin-top: 100rpx;
+    margin-top: 20rpx;
     padding: 0 30rpx;
     display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
+    flex-direction: row;
+    justify-content: center;
 }
 .padding_box {
-    margin-top: 100rpx;
+    margin-top: 80rpx;
 }
diff --git a/pages/account/detail/index.json b/pages/account/detail/index.json
index a00fa1d..f6eb936 100644
--- a/pages/account/detail/index.json
+++ b/pages/account/detail/index.json
@@ -1,7 +1,7 @@
 {
   "usingComponents": {
     "t-collapse": "/miniprogram_npm/tdesign-miniprogram/collapse/collapse",
-    "t-collapse-panel": "/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel",
+    "t-collapse-panel": "/miniprogram_npm/tdesign-miniprogram/collapse-panel/collapse-panel",
     "t-calendar": "/miniprogram_npm/tdesign-miniprogram/calendar/calendar"
   }
 }
diff --git a/pages/account/detail/index.wxml b/pages/account/detail/index.wxml
index b61b4e6..3c779fa 100644
--- a/pages/account/detail/index.wxml
+++ b/pages/account/detail/index.wxml
@@ -25,10 +25,10 @@
                     description="{{item.date}}"
                     align="top"
                     image="{{item.moneyIcon}}"
-                    note="{{item.money}}"
-                    class="t-cell-{{item.billType}}"
                     url="{{'/pages/bill/index?id=' + item.id}}"
-            />
+            >
+                <text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
+            </t-cell>
         </view>
     </t-collapse-panel>
     <t-collapse-panel header="支出" value="{{1}}">
@@ -37,10 +37,10 @@
                 description="{{item.date}}"
                 align="top"
                 image="{{item.moneyIcon}}"
-                note="{{item.money}}"
-                class="t-cell-{{item.billType}}"
                 url="{{'/pages/bill/index?id=' + item.id}}"
-        />
+        >
+            <text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
+        </t-cell>
     </t-collapse-panel>
 </t-collapse>
 <t-calendar visible="{{visible}}" bind:confirm="handleConfirm" value="{{dateRange}}" type="range" max-date="{{maxDate}}" min-date="{{minDate}}" />
diff --git a/pages/account/detail/index.wxss b/pages/account/detail/index.wxss
index 97dce07..f78853c 100644
--- a/pages/account/detail/index.wxss
+++ b/pages/account/detail/index.wxss
@@ -5,7 +5,7 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    height: 200rpx;
+    height: 220rpx;
     background-image: url("https://www.qnforever.top/images/wx/cover.png");
     background-size:100% 100%;
     font-weight: bold;
diff --git a/pages/account/index.wxml b/pages/account/index.wxml
index 5325e33..de4f851 100644
--- a/pages/account/index.wxml
+++ b/pages/account/index.wxml
@@ -11,7 +11,7 @@
         </view>
     </view>
 </view>
-<view class="padding_box">
+<view wx:if="{{cashAccountList != null && cashAccountList.length > 0}}" class="padding_box">
 <t-divider dashed content="资金账户"/>
 </view>
 <t-cell-group theme="card">
@@ -23,7 +23,7 @@
         note="{{hiddenMoney ? noMoney : item.balance}}"
 />
 </t-cell-group>
-<view class="padding_box">
+<view wx:if="{{oweAccountList != null && oweAccountList.length > 0}}" class="padding_box">
     <t-divider dashed content="负债账户"/>
 </view>
 <t-cell-group theme="card">
diff --git a/pages/account/index.wxss b/pages/account/index.wxss
index f087eb7..4a4fa68 100644
--- a/pages/account/index.wxss
+++ b/pages/account/index.wxss
@@ -3,7 +3,7 @@
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-    height: 200rpx;
+    height: 220rpx;
     background-image: url("https://www.qnforever.top/images/wx/cover.png");
     background-size:100% 100%;
 }
@@ -18,6 +18,3 @@
     /*display: flex;*/
     /*justify-content: space-between;*/
 }
-.t-divider__content {
-    --td-divider-content-font-size:25rpx;
-}
diff --git a/pages/bill/index.wxml b/pages/bill/index.wxml
index 8fb61e1..1a89d45 100644
--- a/pages/bill/index.wxml
+++ b/pages/bill/index.wxml
@@ -1,6 +1,5 @@
 <view class="space_box view_bg">
     <view class="inline_box font_large">
-        <image src="https://tdesign.gtimg.com/site/miniprogram-doc/doc-actionsheet.png"/>
         账单金额
     </view>
     <view class="{{'t-color-' + billType}} font_large">{{money}}</view>
diff --git a/pages/bill/index.wxss b/pages/bill/index.wxss
index 04a239d..26c073d 100644
--- a/pages/bill/index.wxss
+++ b/pages/bill/index.wxss
@@ -1,9 +1,5 @@
 .view_bg {
-    background: #2B2B2B;
-}
-image {
-    width: 68rpx;
-    height: 68rpx;
+    margin-top: 50rpx;
 }
 .bottom_button {
     position: absolute;
diff --git a/pages/bill/types/expenses.js b/pages/bill/types/expenses.js
index bf96682..88142ae 100644
--- a/pages/bill/types/expenses.js
+++ b/pages/bill/types/expenses.js
@@ -35,7 +35,7 @@ Component({
         billType: null,
         account: null,
         moneyType: null,
-        remark: null,
+        remark: '',
     },
     attached(){
         let incomeGrid1 = [];
diff --git a/pages/bill/types/transfer.js b/pages/bill/types/transfer.js
index 46dd1c5..eb9ec82 100644
--- a/pages/bill/types/transfer.js
+++ b/pages/bill/types/transfer.js
@@ -35,7 +35,7 @@ Component({
         fromAccount: null,
         account: null,
         moneyType: null,
-        remark: null,
+        remark: '',
     },
     attached(){
         app.$api.getSettings().then(setting => {
diff --git a/pages/budget/index.wxss b/pages/budget/index.wxss
index ac88ae0..124d3c0 100644
--- a/pages/budget/index.wxss
+++ b/pages/budget/index.wxss
@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-    height: 200rpx;
+    height: 220rpx;
     background-image: url("https://www.qnforever.top/images/wx/cover.png");
     background-size:100% 100%;
 }
@@ -20,9 +20,6 @@
     display: flex;
     justify-content: space-evenly;
 }
-.t-progress__info {
-    --td-progress-info-dark-color: whitesmoke
-}
 .error_msg {
     color: #777777;
 }
diff --git a/pages/chart/group/index.wxml b/pages/chart/group/index.wxml
index 94fecc5..2b7a8a4 100644
--- a/pages/chart/group/index.wxml
+++ b/pages/chart/group/index.wxml
@@ -15,9 +15,9 @@
                 description="{{item.date}} • {{item.accountName}}"
                 align="top"
                 image="{{item.moneyIcon}}"
-                note="{{item.money}}"
-                class="t-cell-{{item.billType}}"
                 url="{{'/pages/bill/index?id=' + item.id}}"
-        />
+        >
+            <text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
+        </t-cell>
     </t-cell-group>
 </view>
diff --git a/pages/chart/group/index.wxss b/pages/chart/group/index.wxss
index d9aa42b..7c7eb76 100644
--- a/pages/chart/group/index.wxss
+++ b/pages/chart/group/index.wxss
@@ -6,7 +6,7 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    height: 200rpx;
+    height: 220rpx;
     background-image: url("https://www.qnforever.top/images/wx/cover.png");
     background-size:100% 100%;
     font-weight: bold;
diff --git a/pages/chart/index.js b/pages/chart/index.js
index 8ad55e4..3bb6a2f 100644
--- a/pages/chart/index.js
+++ b/pages/chart/index.js
@@ -104,7 +104,9 @@ Page({
                     })
                 }
                 let option = app.$utils.getPieOption(pieData);
-                pieChart.setOption(option);
+                if (pieChart) {
+                    pieChart.setOption(option);
+                }
                 this.setData({payTypeList})
             }
         })
@@ -162,9 +164,13 @@ Page({
                     data: res.data.lineMonthRepayment
                 })
                 let line1Option = app.$utils.getDayLineOption(line1Data);
-                line1Chart.setOption(line1Option);
+                if (line1Chart) {
+                    line1Chart.setOption(line1Option);
+                }
                 let line2Option = app.$utils.getDayLineOption(line2Data);
-                line2Chart.setOption(line2Option);
+                if (line2Chart) {
+                    line2Chart.setOption(line2Option);
+                }
             }
         })
         app.$api.listBillByAMonth({'rangeDate':this.data.showDate}).then(res => {
diff --git a/pages/chart/index.wxml b/pages/chart/index.wxml
index d822d49..ed2f476 100644
--- a/pages/chart/index.wxml
+++ b/pages/chart/index.wxml
@@ -3,26 +3,23 @@
 </view>
 <t-tabs defaultValue="{{0}}" t-class="custom-tabs" theme="card">
     <t-tab-panel label="总览" value="0" class="tab_content">
-        <view class="space_box font_big">
-            <text class="t-color-EXPEND">支出\n {{sumExpend}}</text>
-            <text class="t-color-INCOME">收入\n {{sumIncome}}</text>
-            <text class="t-color-TRANSFER">转账\n {{sumTransfer}}</text>
-            <text class="t-color-REPAYMENT">还款\n {{sumRepayment}}</text>
-        </view>
-        <view class="padding_box">
-            <t-divider dashed content="账单明细"/>
-        </view>
         <view wx:if="{{accountList != null && accountList.length > 0}}">
+            <view class="space_box font_big allLook">
+                <text class="t-color-EXPEND">支出\n {{sumExpend}}</text>
+                <text class="t-color-INCOME">收入\n {{sumIncome}}</text>
+                <text class="t-color-TRANSFER">转账\n {{sumTransfer}}</text>
+                <text class="t-color-REPAYMENT">还款\n {{sumRepayment}}</text>
+            </view>
             <t-cell-group theme="card">
-            <t-cell wx:for="{{accountList}}" wx:key="index"
-                    title="{{item.moneyName}}"
-                    description="{{item.date}} • {{item.accountName}}"
-                    align="top"
-                    image="{{item.moneyIcon}}"
-                    note="{{item.money}}"
-                    class="t-cell-{{item.billType}}"
-                    url="{{'/pages/bill/index?id=' + item.id}}"
-            />
+                <t-cell wx:for="{{accountList}}" wx:key="index"
+                        title="{{item.moneyName}}"
+                        description="{{item.date}} • {{item.accountName}}"
+                        align="top"
+                        image="{{item.moneyIcon}}"
+                        url="{{'/pages/bill/index?id=' + item.id}}"
+                >
+                    <text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
+                </t-cell>
             </t-cell-group>
         </view>
         <view wx:else class="empty-view" >
@@ -68,12 +65,15 @@
                                 description="{{item.date}} • {{item.accountName}}"
                                 align="top"
                                 image="{{item.moneyIcon}}"
-                                note="{{item.money}}"
-                                class="t-cell-{{item.billType}}"
                                 url="{{'/pages/bill/index?id=' + item.id}}"
-                        />
+                        >
+                            <text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
+                        </t-cell>
                     </t-cell-group>
                 </view>
+                <view wx:else class="empty-view" >
+                    <t-empty icon="chart-bubble" description="本月无账单记录" />
+                </view>
             </t-tab-panel>
             <t-tab-panel label="收入" value="1">
                 <view class="tabs_crevice"/>
@@ -84,12 +84,15 @@
                                 description="{{item.date}} • {{item.accountName}}"
                                 align="top"
                                 image="{{item.moneyIcon}}"
-                                note="{{item.money}}"
-                                class="t-cell-{{item.billType}}"
                                 url="{{'/pages/bill/index?id=' + item.id}}"
-                        />
+                        >
+                            <text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
+                        </t-cell>
                     </t-cell-group>
                 </view>
+                <view wx:else class="empty-view" >
+                    <t-empty icon="chart-bubble" description="本月无账单记录" />
+                </view>
             </t-tab-panel>
         </t-tabs>
     </t-tab-panel>
diff --git a/pages/chart/index.wxss b/pages/chart/index.wxss
index 6e3fb0f..451eb11 100644
--- a/pages/chart/index.wxss
+++ b/pages/chart/index.wxss
@@ -16,6 +16,9 @@
     left: -20rpx;
     right: 0;
 }
+.allLook {
+    padding: 40rpx;
+}
 ec-canvas {
     width: 100%;
     height: 100%;
diff --git a/pages/foot-tab/foot-tab.json b/pages/foot-tab/foot-tab.json
index 4ab3fcc..b7e17ec 100644
--- a/pages/foot-tab/foot-tab.json
+++ b/pages/foot-tab/foot-tab.json
@@ -2,6 +2,6 @@
     "component": true,
     "usingComponents": {
         "t-tab-bar": "/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar",
-        "t-tab-bar-item": "/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item"
+        "t-tab-bar-item": "/miniprogram_npm/tdesign-miniprogram/tab-bar-item/tab-bar-item"
     }
 }
diff --git a/pages/foot-tab/foot-tab.wxss b/pages/foot-tab/foot-tab.wxss
index da80d5c..cc784d4 100644
--- a/pages/foot-tab/foot-tab.wxss
+++ b/pages/foot-tab/foot-tab.wxss
@@ -1,4 +1,4 @@
 /* pages/component/foot-tab.wxss */
-.custom-tab-bar {
-    --td-tab-bar-active-bg: var(--td-color-block-check);
-}
+/*.custom-tab-bar {*/
+/*    --td-tab-bar-active-bg: var(--td-color-block-check);*/
+/*}*/
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index da0dad6..2b4b865 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -23,19 +23,19 @@
 </view>
 <view class="padding_box">
     <t-button theme="primary" size="medium" block bind:tap="addBill">记一笔</t-button>
-    <t-divider dashed content="今日记账清单"/>
+    <t-divider wx:if="{{todayList != null && todayList.length > 0}}" dashed content="今日记账清单"/>
 </view>
 <view wx:if="{{todayList != null && todayList.length > 0}}">
     <t-cell-group theme="card">
-    <t-cell wx:for="{{todayList}}" wx:key="index"
-            title="{{item.moneyName}}"
-            description="{{item.date}} • {{item.accountName}}"
-            align="top"
-            image="{{item.moneyIcon}}"
-            note="{{item.money}}"
-            class="t-cell-{{item.billType}}"
-            url="{{'/pages/bill/index?id=' + item.id}}"
-    />
+        <t-cell wx:for="{{todayList}}" wx:key="index"
+                title="{{item.moneyName}}"
+                description="{{item.date}} • {{item.accountName}}"
+                align="top"
+                image="{{item.moneyIcon}}"
+                url="{{'/pages/bill/index?id=' + item.id}}"
+        >
+            <text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
+        </t-cell>
     </t-cell-group>
 </view>
 <view wx:else class="empty-view" >
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index f433b96..02013ef 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -3,7 +3,7 @@
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-    height: 280rpx;
+    height: 220rpx;
     background-image: url("https://www.qnforever.top/images/wx/cover.png");
     background-size:100% 100%;
 }
@@ -18,3 +18,6 @@
     display: flex;
     justify-content: space-between;
 }
+.test-name-lmq {
+    --td-cell-note-color: red;
+}
diff --git a/pages/settings/account/index.wxml b/pages/settings/account/index.wxml
index 08fd53f..12567d2 100644
--- a/pages/settings/account/index.wxml
+++ b/pages/settings/account/index.wxml
@@ -1,4 +1,4 @@
-<view class="padding_box">
+<view wx:if="{{cashAccountList != null && cashAccountList.length > 0}}" class="padding_box">
     <t-divider dashed content="资金账户"/>
 </view>
 <t-cell-group theme="card">
@@ -9,7 +9,7 @@
             url="../edit/index?isAccount=1&isIncome=0&isAdd=0&id={{item.id}}"
     />
 </t-cell-group>
-<view class="padding_box">
+<view wx:if="{{oweAccountList != null && oweAccountList.length > 0}}" class="padding_box">
     <t-divider dashed content="负债账户"/>
 </view>
 <t-cell-group theme="card">
diff --git a/pages/settings/edit/index.wxss b/pages/settings/edit/index.wxss
index b03206f..ef3f6c4 100644
--- a/pages/settings/edit/index.wxss
+++ b/pages/settings/edit/index.wxss
@@ -11,6 +11,3 @@
 t-button {
     width: 100%;
 }
-.t-color-input {
-    color: orange;
-}
diff --git a/pages/settings/expend/index.wxss b/pages/settings/expend/index.wxss
index d9aa42b..7c7eb76 100644
--- a/pages/settings/expend/index.wxss
+++ b/pages/settings/expend/index.wxss
@@ -6,7 +6,7 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    height: 200rpx;
+    height: 220rpx;
     background-image: url("https://www.qnforever.top/images/wx/cover.png");
     background-size:100% 100%;
     font-weight: bold;
diff --git a/pages/settings/income/index.wxss b/pages/settings/income/index.wxss
index d9aa42b..7c7eb76 100644
--- a/pages/settings/income/index.wxss
+++ b/pages/settings/income/index.wxss
@@ -6,7 +6,7 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    height: 200rpx;
+    height: 220rpx;
     background-image: url("https://www.qnforever.top/images/wx/cover.png");
     background-size:100% 100%;
     font-weight: bold;