@tuya-miniapp/smart-ui 2.3.8-beta-5 → 2.3.9-beta-1

package/packages/button/test/__snapshots__/demo.spec.ts.snap

@@ -1,1627 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render demo and match snapshot 1`] = `
-<main>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <wx-view
-        class="row"
-      >
-        <smart-button
-          class="demo-margin-right"
-        >
-          <wx-button
-            appParameter=""
-            ariaLabel=""
-            businessId="{{0}}"
-            class="custom-class smart-button smart-button--info smart-button--normal "
-            data-detail="{{null}}"
-            formType=""
-            hoverClass="smart-button--active hover-class"
-            id=""
-            lang=""
-            openType=""
-            sendMessageImg=""
-            sendMessagePath=""
-            sendMessageTitle=""
-            sessionFrom=""
-            showMessageCard="{{false}}"
-            style=""
-            bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-            bind:chooseavatar="onChooseAvatar"
-            bind:contact="onContact"
-            bind:error="onError"
-            bind:getphonenumber="onGetPhoneNumber"
-            bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-            bind:getuserinfo="onGetUserInfo"
-            bind:launchapp="onLaunchApp"
-            bind:opensetting="onOpenSetting"
-            bind:tap="onClick"
-          >
-            <wx-view
-              class="smart-button__text"
-              style=""
-            >
-              
-            </wx-view>
-          </wx-button>
-        </smart-button>
-        <smart-button
-          class="demo-margin-right"
-        >
-          <wx-button
-            appParameter=""
-            ariaLabel=""
-            businessId="{{0}}"
-            class="custom-class smart-button smart-button--primary smart-button--normal "
-            data-detail="{{null}}"
-            formType=""
-            hoverClass="smart-button--active hover-class"
-            id=""
-            lang=""
-            openType=""
-            sendMessageImg=""
-            sendMessagePath=""
-            sendMessageTitle=""
-            sessionFrom=""
-            showMessageCard="{{false}}"
-            style=""
-            bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-            bind:chooseavatar="onChooseAvatar"
-            bind:contact="onContact"
-            bind:error="onError"
-            bind:getphonenumber="onGetPhoneNumber"
-            bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-            bind:getuserinfo="onGetUserInfo"
-            bind:launchapp="onLaunchApp"
-            bind:opensetting="onOpenSetting"
-            bind:tap="onClick"
-          >
-            <wx-view
-              class="smart-button__text"
-              style=""
-            >
-              
-            </wx-view>
-          </wx-button>
-        </smart-button>
-        <smart-button
-          class="demo-margin-right"
-        >
-          <wx-button
-            appParameter=""
-            ariaLabel=""
-            businessId="{{0}}"
-            class="custom-class smart-button smart-button--default smart-button--normal "
-            data-detail="{{null}}"
-            formType=""
-            hoverClass="smart-button--active hover-class"
-            id=""
-            lang=""
-            openType=""
-            sendMessageImg=""
-            sendMessagePath=""
-            sendMessageTitle=""
-            sessionFrom=""
-            showMessageCard="{{false}}"
-            style=""
-            bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-            bind:chooseavatar="onChooseAvatar"
-            bind:contact="onContact"
-            bind:error="onError"
-            bind:getphonenumber="onGetPhoneNumber"
-            bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-            bind:getuserinfo="onGetUserInfo"
-            bind:launchapp="onLaunchApp"
-            bind:opensetting="onOpenSetting"
-            bind:tap="onClick"
-          >
-            <wx-view
-              class="smart-button__text"
-              style=""
-            >
-              
-            </wx-view>
-          </wx-button>
-        </smart-button>
-      </wx-view>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--danger smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--warning smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal smart-button--plain "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal smart-button--plain "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal smart-button--plain smart-button--hairline smart-hairline--surround"
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal smart-button--plain smart-button--hairline smart-hairline--surround"
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal smart-button--disabled smart-button--unclickable "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass=""
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap=""
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal smart-button--disabled smart-button--unclickable "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass=""
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap=""
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--default smart-button--normal smart-button--disabled smart-button--unclickable "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass=""
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap=""
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal smart-button--loading smart-button--unclickable "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass=""
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap=""
-        >
-          <smart-loading
-            customClass="loading-class"
-          >
-            <wx-view
-              class="custom-class smart-loading"
-            >
-              <wx-view
-                class="smart-loading__spinner smart-loading__spinner--circular"
-                style=""
-              >
-                <wx-view
-                  class="smart-switch__loading"
-                  style=""
-                />
-              </wx-view>
-              <wx-view
-                class="smart-loading__text"
-                style=""
-              />
-            </wx-view>
-          </smart-loading>
-          <wx-view
-            class="smart-button__loading-text"
-          >
-            
-      ...
-    
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal smart-button--loading smart-button--unclickable "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass=""
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap=""
-        >
-          <smart-loading
-            customClass="loading-class"
-          >
-            <wx-view
-              class="custom-class smart-loading"
-            >
-              <wx-view
-                class="smart-loading__spinner smart-loading__spinner--circular"
-                style=""
-              >
-                <wx-view
-                  class="smart-switch__loading"
-                  style=""
-                />
-              </wx-view>
-              <wx-view
-                class="smart-loading__text"
-                style=""
-              />
-            </wx-view>
-          </smart-loading>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal smart-button--loading smart-button--unclickable "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass=""
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap=""
-        >
-          <smart-loading
-            customClass="loading-class"
-          >
-            <wx-view
-              class="custom-class smart-loading"
-            >
-              <wx-view
-                class="smart-loading__spinner smart-loading__spinner--circular"
-                style=""
-              >
-                <wx-view
-                  class="smart-switch__loading"
-                  style=""
-                />
-              </wx-view>
-              <wx-view
-                class="smart-loading__text"
-                style=""
-              />
-            </wx-view>
-          </smart-loading>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal smart-button--loading smart-button--unclickable "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass=""
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap=""
-        >
-          <smart-loading
-            customClass="loading-class"
-          >
-            <wx-view
-              class="custom-class smart-loading"
-            >
-              <wx-view
-                class="smart-loading__spinner smart-loading__spinner--spinner"
-                style=""
-              >
-                <wx-view
-                  class="smart-switch__loading"
-                  style=""
-                />
-              </wx-view>
-              <wx-view
-                class="smart-loading__text"
-                style=""
-              />
-            </wx-view>
-          </smart-loading>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal smart-button--square "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal smart-button--round "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-row>
-        <wx-view
-          class="smart-row custom-class"
-          style="margin-right:-5px;margin-left:-5px"
-        >
-          <smart-col>
-            <wx-view
-              class="custom-class smart-col smart-col--12 "
-              style="padding-right:5px;padding-left:5px"
-            >
-              <smart-button
-                customClass="w-full"
-              >
-                <wx-button
-                  appParameter=""
-                  ariaLabel=""
-                  businessId="{{0}}"
-                  class="custom-class smart-button smart-button--info smart-button--normal smart-button--square "
-                  data-detail="{{null}}"
-                  formType=""
-                  hoverClass="smart-button--active hover-class"
-                  id=""
-                  lang=""
-                  openType=""
-                  sendMessageImg=""
-                  sendMessagePath=""
-                  sendMessageTitle=""
-                  sessionFrom=""
-                  showMessageCard="{{false}}"
-                  style=""
-                  bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-                  bind:chooseavatar="onChooseAvatar"
-                  bind:contact="onContact"
-                  bind:error="onError"
-                  bind:getphonenumber="onGetPhoneNumber"
-                  bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-                  bind:getuserinfo="onGetUserInfo"
-                  bind:launchapp="onLaunchApp"
-                  bind:opensetting="onOpenSetting"
-                  bind:tap="onClick"
-                >
-                  <wx-view
-                    class="smart-button__text"
-                    style=""
-                  >
-                    Button
-                  </wx-view>
-                </wx-button>
-              </smart-button>
-            </wx-view>
-          </smart-col>
-          <smart-col>
-            <wx-view
-              class="custom-class smart-col smart-col--12 "
-              style="padding-right:5px;padding-left:5px"
-            >
-              <smart-button
-                customClass="w-full"
-              >
-                <wx-button
-                  appParameter=""
-                  ariaLabel=""
-                  businessId="{{0}}"
-                  class="custom-class smart-button smart-button--primary smart-button--normal smart-button--round "
-                  data-detail="{{null}}"
-                  formType=""
-                  hoverClass="smart-button--active hover-class"
-                  id=""
-                  lang=""
-                  openType=""
-                  sendMessageImg=""
-                  sendMessagePath=""
-                  sendMessageTitle=""
-                  sessionFrom=""
-                  showMessageCard="{{false}}"
-                  style=""
-                  bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-                  bind:chooseavatar="onChooseAvatar"
-                  bind:contact="onContact"
-                  bind:error="onError"
-                  bind:getphonenumber="onGetPhoneNumber"
-                  bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-                  bind:getuserinfo="onGetUserInfo"
-                  bind:launchapp="onLaunchApp"
-                  bind:opensetting="onOpenSetting"
-                  bind:tap="onClick"
-                >
-                  <wx-view
-                    class="smart-button__text"
-                    style=""
-                  >
-                    Button
-                  </wx-view>
-                </wx-button>
-              </smart-button>
-            </wx-view>
-          </smart-col>
-        </wx-view>
-      </smart-row>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <smart-icon
-            class="smart-button__icon"
-          >
-            <wx-view
-              class="custom-class smart-icon smart-icon--image smart-icon--svg"
-              style="font-size:1.8em;line-height: inherit;"
-              bind:tap="onClick"
-            >
-              <wx-view
-                class="smart-icon__svg"
-                style="-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.670857%20831.707429c182.272%200%20332.690286-150.418286%20332.690286-332.361143%200-181.906286-150.747429-332.361143-333.019429-332.361143-181.906286%200-332.032%20150.454857-332.032%20332.361143%200%20181.942857%20150.454857%20332.361143%20332.361143%20332.361143z%20m-155.574857-332.032c0-18.944%2013.531429-32.146286%2032.182857-32.146286h91.574857V375.954286c0-18.651429%2012.873143-31.817143%2031.195429-31.817143%2018.944%200%2032.109714%2013.165714%2032.109714%2031.817143v91.611428h91.940572c18.322286%200%2031.817143%2013.165714%2031.817142%2032.182857%200%2018.285714-13.494857%2031.451429-31.817142%2031.451429h-91.940572v91.611429c0%2018.322286-13.165714%2031.817143-32.109714%2031.817142-18.322286%200-31.195429-13.494857-31.195429-31.817142v-91.611429h-91.611428c-18.651429%200-32.146286-13.165714-32.146286-31.451429z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.670857%20831.707429c182.272%200%20332.690286-150.418286%20332.690286-332.361143%200-181.906286-150.747429-332.361143-333.019429-332.361143-181.906286%200-332.032%20150.454857-332.032%20332.361143%200%20181.942857%20150.454857%20332.361143%20332.361143%20332.361143z%20m-155.574857-332.032c0-18.944%2013.531429-32.146286%2032.182857-32.146286h91.574857V375.954286c0-18.651429%2012.873143-31.817143%2031.195429-31.817143%2018.944%200%2032.109714%2013.165714%2032.109714%2031.817143v91.611428h91.940572c18.322286%200%2031.817143%2013.165714%2031.817142%2032.182857%200%2018.285714-13.494857%2031.451429-31.817142%2031.451429h-91.940572v91.611429c0%2018.322286-13.165714%2031.817143-32.109714%2031.817142-18.322286%200-31.195429-13.494857-31.195429-31.817142v-91.611429h-91.611428c-18.651429%200-32.146286-13.165714-32.146286-31.451429z%22%2F%3E%3C%2Fsvg%3E);mask-size:contain"
-              />
-            </wx-view>
-          </smart-icon>
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <smart-icon
-            class="smart-button__icon"
-          >
-            <wx-view
-              class="custom-class smart-icon smart-icon--image smart-icon--svg"
-              style="font-size:1.8em;line-height: inherit;"
-              bind:tap="onClick"
-            >
-              <wx-view
-                class="smart-icon__svg"
-                style="-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.670857%20831.707429c182.272%200%20332.690286-150.418286%20332.690286-332.361143%200-181.906286-150.747429-332.361143-333.019429-332.361143-181.906286%200-332.032%20150.454857-332.032%20332.361143%200%20181.942857%20150.454857%20332.361143%20332.361143%20332.361143z%20m-155.574857-332.032c0-18.944%2013.531429-32.146286%2032.182857-32.146286h91.574857V375.954286c0-18.651429%2012.873143-31.817143%2031.195429-31.817143%2018.944%200%2032.109714%2013.165714%2032.109714%2031.817143v91.611428h91.940572c18.322286%200%2031.817143%2013.165714%2031.817142%2032.182857%200%2018.285714-13.494857%2031.451429-31.817142%2031.451429h-91.940572v91.611429c0%2018.322286-13.165714%2031.817143-32.109714%2031.817142-18.322286%200-31.195429-13.494857-31.195429-31.817142v-91.611429h-91.611428c-18.651429%200-32.146286-13.165714-32.146286-31.451429z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.670857%20831.707429c182.272%200%20332.690286-150.418286%20332.690286-332.361143%200-181.906286-150.747429-332.361143-333.019429-332.361143-181.906286%200-332.032%20150.454857-332.032%20332.361143%200%20181.942857%20150.454857%20332.361143%20332.361143%20332.361143z%20m-155.574857-332.032c0-18.944%2013.531429-32.146286%2032.182857-32.146286h91.574857V375.954286c0-18.651429%2012.873143-31.817143%2031.195429-31.817143%2018.944%200%2032.109714%2013.165714%2032.109714%2031.817143v91.611428h91.940572c18.322286%200%2031.817143%2013.165714%2031.817142%2032.182857%200%2018.285714-13.494857%2031.451429-31.817142%2031.451429h-91.940572v91.611429c0%2018.322286-13.165714%2031.817143-32.109714%2031.817142-18.322286%200-31.195429-13.494857-31.195429-31.817142v-91.611429h-91.611428c-18.651429%200-32.146286-13.165714-32.146286-31.451429z%22%2F%3E%3C%2Fsvg%3E);mask-size:contain"
-              />
-            </wx-view>
-          </smart-icon>
-          <wx-view
-            class="smart-button__text"
-            style=""
-          />
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-          <smart-icon
-            class="smart-button__right-icon"
-          >
-            <wx-view
-              class="custom-class smart-icon smart-icon--image smart-icon--svg"
-              style="font-size:1.6em;line-height: inherit;"
-              bind:tap="onClick"
-            >
-              <wx-view
-                class="smart-icon__svg"
-                style="-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M353.834667%20225.834667a42.666667%2042.666667%200%200%201%2056.32-3.541334l4.010666%203.541334%20256%20256a42.666667%2042.666667%200%200%201%203.541334%2056.32l-3.541334%204.010666-256%20256a42.666667%2042.666667%200%200%201-63.872-56.32l3.541334-4.010666L579.626667%20512%20353.834667%20286.165333a42.666667%2042.666667%200%200%201-3.541334-56.32l3.541334-4.010666z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M353.834667%20225.834667a42.666667%2042.666667%200%200%201%2056.32-3.541334l4.010666%203.541334%20256%20256a42.666667%2042.666667%200%200%201%203.541334%2056.32l-3.541334%204.010666-256%20256a42.666667%2042.666667%200%200%201-63.872-56.32l3.541334-4.010666L579.626667%20512%20353.834667%20286.165333a42.666667%2042.666667%200%200%201-3.541334-56.32l3.541334-4.010666z%22%2F%3E%3C%2Fsvg%3E);mask-size:contain"
-              />
-            </wx-view>
-          </smart-icon>
-        </wx-button>
-      </smart-button>
-      <wx-view
-        class="demo-margin-top"
-      >
-        <smart-button
-          class="demo-margin-right"
-        >
-          <wx-button
-            appParameter=""
-            ariaLabel=""
-            businessId="{{0}}"
-            class="custom-class smart-button smart-button--primary smart-button--normal smart-button--plain "
-            data-detail="{{null}}"
-            formType=""
-            hoverClass="smart-button--active hover-class"
-            id=""
-            lang=""
-            openType=""
-            sendMessageImg=""
-            sendMessagePath=""
-            sendMessageTitle=""
-            sessionFrom=""
-            showMessageCard="{{false}}"
-            style=""
-            bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-            bind:chooseavatar="onChooseAvatar"
-            bind:contact="onContact"
-            bind:error="onError"
-            bind:getphonenumber="onGetPhoneNumber"
-            bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-            bind:getuserinfo="onGetUserInfo"
-            bind:launchapp="onLaunchApp"
-            bind:opensetting="onOpenSetting"
-            bind:tap="onClick"
-          >
-            <smart-icon
-              class="smart-button__icon"
-            >
-              <wx-view
-                class="custom-class smart-icon smart-icon--image smart-icon--svg"
-                style="font-size:1.8em;line-height: inherit;"
-                bind:tap="onClick"
-              >
-                <wx-view
-                  class="smart-icon__svg"
-                  style="-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.670857%20831.707429c182.272%200%20332.690286-150.418286%20332.690286-332.361143%200-181.906286-150.747429-332.361143-333.019429-332.361143-181.906286%200-332.032%20150.454857-332.032%20332.361143%200%20181.942857%20150.454857%20332.361143%20332.361143%20332.361143z%20m-155.574857-332.032c0-18.944%2013.531429-32.146286%2032.182857-32.146286h91.574857V375.954286c0-18.651429%2012.873143-31.817143%2031.195429-31.817143%2018.944%200%2032.109714%2013.165714%2032.109714%2031.817143v91.611428h91.940572c18.322286%200%2031.817143%2013.165714%2031.817142%2032.182857%200%2018.285714-13.494857%2031.451429-31.817142%2031.451429h-91.940572v91.611429c0%2018.322286-13.165714%2031.817143-32.109714%2031.817142-18.322286%200-31.195429-13.494857-31.195429-31.817142v-91.611429h-91.611428c-18.651429%200-32.146286-13.165714-32.146286-31.451429z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20class%3D%22icon%22%20width%3D%22200px%22%20height%3D%22200.00px%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.670857%20831.707429c182.272%200%20332.690286-150.418286%20332.690286-332.361143%200-181.906286-150.747429-332.361143-333.019429-332.361143-181.906286%200-332.032%20150.454857-332.032%20332.361143%200%20181.942857%20150.454857%20332.361143%20332.361143%20332.361143z%20m-155.574857-332.032c0-18.944%2013.531429-32.146286%2032.182857-32.146286h91.574857V375.954286c0-18.651429%2012.873143-31.817143%2031.195429-31.817143%2018.944%200%2032.109714%2013.165714%2032.109714%2031.817143v91.611428h91.940572c18.322286%200%2031.817143%2013.165714%2031.817142%2032.182857%200%2018.285714-13.494857%2031.451429-31.817142%2031.451429h-91.940572v91.611429c0%2018.322286-13.165714%2031.817143-32.109714%2031.817142-18.322286%200-31.195429-13.494857-31.195429-31.817142v-91.611429h-91.611428c-18.651429%200-32.146286-13.165714-32.146286-31.451429z%22%2F%3E%3C%2Fsvg%3E);mask-size:contain"
-                />
-              </wx-view>
-            </smart-icon>
-            <wx-view
-              class="smart-button__text"
-              style=""
-            >
-              
-            </wx-view>
-          </wx-button>
-        </smart-button>
-        <smart-button
-          customClass="demo-margin-right"
-        >
-          <wx-button
-            appParameter=""
-            ariaLabel=""
-            businessId="{{0}}"
-            class="custom-class smart-button smart-button--primary smart-button--normal smart-button--plain "
-            data-detail="{{null}}"
-            formType=""
-            hoverClass="smart-button--active hover-class"
-            id=""
-            lang=""
-            openType=""
-            sendMessageImg=""
-            sendMessagePath=""
-            sendMessageTitle=""
-            sessionFrom=""
-            showMessageCard="{{false}}"
-            style=""
-            bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-            bind:chooseavatar="onChooseAvatar"
-            bind:contact="onContact"
-            bind:error="onError"
-            bind:getphonenumber="onGetPhoneNumber"
-            bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-            bind:getuserinfo="onGetUserInfo"
-            bind:launchapp="onLaunchApp"
-            bind:opensetting="onOpenSetting"
-            bind:tap="onClick"
-          >
-            <smart-icon
-              class="smart-button__icon"
-            >
-              <wx-view
-                class="custom-class smart-icon smart-icon--image"
-                style="font-size:1.8em;line-height: inherit;"
-                bind:tap="onClick"
-              >
-                <wx-image
-                  class="smart-icon__image"
-                  mode="aspectFit"
-                  src="https://static1.tuyacn.com/static/tuya-miniapp-doc/_next/static/images/logo-small.png"
-                />
-              </wx-view>
-            </smart-icon>
-            <wx-view
-              class="smart-button__text"
-              style=""
-            >
-              
-            </wx-view>
-          </wx-button>
-        </smart-button>
-      </wx-view>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        customClass="demo-margin-bottom"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--large smart-button--block "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--small "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--info smart-button--mini "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        customClass="demo-margin-bottom"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--primary smart-button--normal smart-button--block "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style=""
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--default smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style="color:#fff;background:#00BEE4;border-color:#00BEE4"
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        class="demo-margin-right"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--default smart-button--normal smart-button--plain "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style="color:#3246FF;border-color:#3246FF"
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--default smart-button--normal "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style="color:#fff;background:linear-gradient(180deg, #0FB3FF 0%, #9DE0FF 100%);border:0"
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-      <smart-button
-        customClass="demo-margin-top"
-      >
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--default smart-button--normal smart-button--block "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style="color:#fff;background:linear-gradient(98deg, #0FB3FF 0%, #9DE0FF 100%);border:0"
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-  <demo-block>
-    <wx-view
-      class="custom-class demo-block smart-clearfix demo-block--padding"
-    >
-      <smart-button>
-        <wx-button
-          appParameter=""
-          ariaLabel=""
-          businessId="{{0}}"
-          class="custom-class smart-button smart-button--default smart-button--normal smart-button--block "
-          data-detail="{{null}}"
-          formType=""
-          hoverClass="smart-button--active hover-class"
-          id=""
-          lang=""
-          openType=""
-          sendMessageImg=""
-          sendMessagePath=""
-          sendMessageTitle=""
-          sessionFrom=""
-          showMessageCard="{{false}}"
-          style="color:#fff;background:#006EDE;border-color:#006EDE;box-shadow: 0px 6px 15px 0px rgba(0, 110, 222, 0.2);"
-          bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
-          bind:chooseavatar="onChooseAvatar"
-          bind:contact="onContact"
-          bind:error="onError"
-          bind:getphonenumber="onGetPhoneNumber"
-          bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
-          bind:getuserinfo="onGetUserInfo"
-          bind:launchapp="onLaunchApp"
-          bind:opensetting="onOpenSetting"
-          bind:tap="onClick"
-        >
-          <wx-view
-            class="smart-button__text"
-            style=""
-          >
-            
-          </wx-view>
-        </wx-button>
-      </smart-button>
-    </wx-view>
-  </demo-block>
-</main>
-`;