diff --git a/packages/action-sheet/test/__snapshots__/demo.spec.ts.snap b/packages/action-sheet/test/__snapshots__/demo.spec.ts.snap
index a66dc159..0a70748e 100644
--- a/packages/action-sheet/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/action-sheet/test/__snapshots__/demo.spec.ts.snap
@@ -31,6 +31,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -95,6 +96,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -159,6 +161,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -223,6 +226,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -287,6 +291,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -351,6 +356,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/button/test/__snapshots__/demo.spec.ts.snap b/packages/button/test/__snapshots__/demo.spec.ts.snap
index 1147a106..b8605d2e 100644
--- a/packages/button/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/button/test/__snapshots__/demo.spec.ts.snap
@@ -34,6 +34,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -69,6 +70,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -104,6 +106,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -140,6 +143,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -173,6 +177,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -219,6 +224,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -252,6 +258,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -298,6 +305,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -331,6 +339,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -377,6 +386,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -410,6 +420,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -456,6 +467,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -502,6 +514,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -583,6 +596,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -647,6 +661,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -680,6 +695,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -726,6 +742,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -768,6 +785,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -810,6 +828,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -871,6 +890,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -906,6 +926,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -941,6 +962,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -974,6 +996,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -1020,6 +1043,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -1053,6 +1077,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -1099,6 +1124,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style="color:#fff;background:#7232dd;border-color:#7232dd"
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -1134,6 +1160,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style="color:#7232dd;border-color:#7232dd"
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -1167,6 +1194,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style="color:#fff;background:linear-gradient(to right, #4bb0ff, #6149f6);border:0"
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/card/test/__snapshots__/demo.spec.ts.snap b/packages/card/test/__snapshots__/demo.spec.ts.snap
index 7b320cd9..a727e160 100644
--- a/packages/card/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/card/test/__snapshots__/demo.spec.ts.snap
@@ -140,16 +140,21 @@ exports[`should render demo and match snapshot 1`] = `
                   >
                     <van-tag
                       customClass="tag"
-                      plain="{{true}}"
-                      type="danger"
                     >
-                      标签1
+                      <wx-view
+                        class="custom-class van-tag van-tag--danger van-tag--plain"
+                        style=""
+                      >
+                        标签1
+                      </wx-view>
                     </van-tag>
-                    <van-tag
-                      plain="{{true}}"
-                      type="danger"
-                    >
-                      标签2
+                    <van-tag>
+                      <wx-view
+                        class="custom-class van-tag van-tag--danger van-tag--plain"
+                        style=""
+                      >
+                        标签2
+                      </wx-view>
                     </van-tag>
                   </wx-view>
                 </wx-view>
@@ -195,16 +200,73 @@ exports[`should render demo and match snapshot 1`] = `
               >
                 <van-button
                   customClass="button"
-                  round="{{true}}"
-                  size="mini"
                 >
-                  按钮
+                  <wx-button
+                    appParameter=""
+                    ariaLabel=""
+                    businessId="{{0}}"
+                    class="custom-class van-button van-button--default van-button--mini van-button--round "
+                    data-detail="{{null}}"
+                    formType=""
+                    hoverClass="van-button--active hover-class"
+                    id=""
+                    lang=""
+                    openType=""
+                    sendMessageImg=""
+                    sendMessagePath=""
+                    sendMessageTitle=""
+                    sessionFrom=""
+                    showMessageCard="{{false}}"
+                    style=""
+                    bind:chooseavatar="onChooseAvatar"
+                    bind:contact="onContact"
+                    bind:error="onError"
+                    bind:getphonenumber="onGetPhoneNumber"
+                    bind:getuserinfo="onGetUserInfo"
+                    bind:launchapp="onLaunchApp"
+                    bind:opensetting="onOpenSetting"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="van-button__text"
+                    >
+                      按钮
+                    </wx-view>
+                  </wx-button>
                 </van-button>
-                <van-button
-                  round="{{true}}"
-                  size="mini"
-                >
-                  按钮
+                <van-button>
+                  <wx-button
+                    appParameter=""
+                    ariaLabel=""
+                    businessId="{{0}}"
+                    class="custom-class van-button van-button--default van-button--mini van-button--round "
+                    data-detail="{{null}}"
+                    formType=""
+                    hoverClass="van-button--active hover-class"
+                    id=""
+                    lang=""
+                    openType=""
+                    sendMessageImg=""
+                    sendMessagePath=""
+                    sendMessageTitle=""
+                    sessionFrom=""
+                    showMessageCard="{{false}}"
+                    style=""
+                    bind:chooseavatar="onChooseAvatar"
+                    bind:contact="onContact"
+                    bind:error="onError"
+                    bind:getphonenumber="onGetPhoneNumber"
+                    bind:getuserinfo="onGetUserInfo"
+                    bind:launchapp="onLaunchApp"
+                    bind:opensetting="onOpenSetting"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="van-button__text"
+                    >
+                      按钮
+                    </wx-view>
+                  </wx-button>
                 </van-button>
               </wx-view>
             </wx-view>
diff --git a/packages/config-provider/test/__snapshots__/demo.spec.ts.snap b/packages/config-provider/test/__snapshots__/demo.spec.ts.snap
index a412b0f9..87ffed39 100644
--- a/packages/config-provider/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/config-provider/test/__snapshots__/demo.spec.ts.snap
@@ -333,6 +333,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -687,6 +688,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/empty/test/__snapshots__/demo.spec.ts.snap b/packages/empty/test/__snapshots__/demo.spec.ts.snap
index cefd8f5e..659156ff 100644
--- a/packages/empty/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/empty/test/__snapshots__/demo.spec.ts.snap
@@ -304,6 +304,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/goods-action/test/__snapshots__/demo.spec.ts.snap b/packages/goods-action/test/__snapshots__/demo.spec.ts.snap
index 90e7aaec..00955dde 100644
--- a/packages/goods-action/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/goods-action/test/__snapshots__/demo.spec.ts.snap
@@ -45,6 +45,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -109,6 +110,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -174,6 +176,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -223,6 +226,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -288,6 +292,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -357,6 +362,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -426,6 +432,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -489,6 +496,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -536,6 +544,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -601,6 +610,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -663,6 +673,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -726,6 +737,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="color:#fff;background:#be99ff;border-color:#be99ff"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -773,6 +785,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="color:#fff;background:#7232dd;border-color:#7232dd"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -838,6 +851,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -900,6 +914,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style=""
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -963,6 +978,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="color:#fff;background:#7232dd;border-color:#7232dd"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -1010,6 +1026,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="color:#7232dd;border-color:#7232dd"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/notify/test/__snapshots__/demo.spec.ts.snap b/packages/notify/test/__snapshots__/demo.spec.ts.snap
index bf440fa7..5e817d94 100644
--- a/packages/notify/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/notify/test/__snapshots__/demo.spec.ts.snap
@@ -31,6 +31,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -82,6 +83,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -118,6 +120,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -159,6 +162,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -195,6 +199,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"
@@ -243,6 +248,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -278,6 +284,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -325,6 +332,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/overlay/test/__snapshots__/demo.spec.ts.snap b/packages/overlay/test/__snapshots__/demo.spec.ts.snap
index 3903394e..d75da373 100644
--- a/packages/overlay/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/overlay/test/__snapshots__/demo.spec.ts.snap
@@ -31,6 +31,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -88,6 +89,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/panel/test/__snapshots__/demo.spec.ts.snap b/packages/panel/test/__snapshots__/demo.spec.ts.snap
index d799c3ac..f12a443c 100644
--- a/packages/panel/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/panel/test/__snapshots__/demo.spec.ts.snap
@@ -140,6 +140,7 @@ exports[`should render demo and match snapshot 1`] = `
                   sessionFrom=""
                   showMessageCard="{{false}}"
                   style=""
+                  bind:chooseavatar="onChooseAvatar"
                   bind:contact="onContact"
                   bind:error="onError"
                   bind:getphonenumber="onGetPhoneNumber"
@@ -173,6 +174,7 @@ exports[`should render demo and match snapshot 1`] = `
                   sessionFrom=""
                   showMessageCard="{{false}}"
                   style=""
+                  bind:chooseavatar="onChooseAvatar"
                   bind:contact="onContact"
                   bind:error="onError"
                   bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/steps/test/__snapshots__/demo.spec.ts.snap b/packages/steps/test/__snapshots__/demo.spec.ts.snap
index 9d69fcb1..cd9fb6d2 100644
--- a/packages/steps/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/steps/test/__snapshots__/demo.spec.ts.snap
@@ -174,6 +174,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/sticky/test/__snapshots__/demo.spec.ts.snap b/packages/sticky/test/__snapshots__/demo.spec.ts.snap
index 113a24a6..364089ab 100644
--- a/packages/sticky/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/sticky/test/__snapshots__/demo.spec.ts.snap
@@ -38,6 +38,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="margin-left: 15px"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -96,6 +97,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="margin-left: 115px"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -158,6 +160,7 @@ exports[`should render demo and match snapshot 1`] = `
                   sessionFrom=""
                   showMessageCard="{{false}}"
                   style="margin-left: 215px;"
+                  bind:chooseavatar="onChooseAvatar"
                   bind:contact="onContact"
                   bind:error="onError"
                   bind:getphonenumber="onGetPhoneNumber"
@@ -226,6 +229,7 @@ exports[`should render demo and match snapshot 1`] = `
                     sessionFrom=""
                     showMessageCard="{{false}}"
                     style=""
+                    bind:chooseavatar="onChooseAvatar"
                     bind:contact="onContact"
                     bind:error="onError"
                     bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/submit-bar/test/__snapshots__/demo.spec.ts.snap b/packages/submit-bar/test/__snapshots__/demo.spec.ts.snap
index 787f758d..9c5b0ee8 100644
--- a/packages/submit-bar/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/submit-bar/test/__snapshots__/demo.spec.ts.snap
@@ -75,6 +75,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="width: 100%;"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -187,6 +188,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="width: 100%;"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -282,6 +284,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="width: 100%;"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
@@ -410,6 +413,7 @@ exports[`should render demo and match snapshot 1`] = `
                 sessionFrom=""
                 showMessageCard="{{false}}"
                 style="width: 100%;"
+                bind:chooseavatar="onChooseAvatar"
                 bind:contact="onContact"
                 bind:error="onError"
                 bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/toast/test/__snapshots__/demo.spec.ts.snap b/packages/toast/test/__snapshots__/demo.spec.ts.snap
index e2c2a69d..2ebfd858 100644
--- a/packages/toast/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/toast/test/__snapshots__/demo.spec.ts.snap
@@ -32,6 +32,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -67,6 +68,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -114,6 +116,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -149,6 +152,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -196,6 +200,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -231,6 +236,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
@@ -277,6 +283,7 @@ exports[`should render demo and match snapshot 1`] = `
           sessionFrom=""
           showMessageCard="{{false}}"
           style=""
+          bind:chooseavatar="onChooseAvatar"
           bind:contact="onContact"
           bind:error="onError"
           bind:getphonenumber="onGetPhoneNumber"
diff --git a/packages/uploader/test/__snapshots__/demo.spec.ts.snap b/packages/uploader/test/__snapshots__/demo.spec.ts.snap
index 0e52b35a..579be48f 100644
--- a/packages/uploader/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/uploader/test/__snapshots__/demo.spec.ts.snap
@@ -527,6 +527,7 @@ exports[`should render demo and match snapshot 1`] = `
                   sessionFrom=""
                   showMessageCard="{{false}}"
                   style=""
+                  bind:chooseavatar="onChooseAvatar"
                   bind:contact="onContact"
                   bind:error="onError"
                   bind:getphonenumber="onGetPhoneNumber"
@@ -683,6 +684,7 @@ exports[`should render demo and match snapshot 1`] = `
             sessionFrom=""
             showMessageCard="{{false}}"
             style=""
+            bind:chooseavatar="onChooseAvatar"
             bind:contact="onContact"
             bind:error="onError"
             bind:getphonenumber="onGetPhoneNumber"