@cloudbase/weda-ui 2.0.11 → 2.0.12

package/src/mp/components/navLayout/index.js

@@ -54,25 +54,22 @@ Component({
 
   methods: {
     navigaTo: function (itemInfo) {
+      let { app } = getApp();
       const item = itemInfo?.currentTarget?.dataset?.item;
       if (item.tapStatus == 'inside') {
-        const paramObj = [];
+        const paramObj = {};
         if (item.withParams && item?.params) {
           for (let info of item.params) {
-            paramObj.push(info.key + '=' + info.value);
+            paramObj[info.key] = info.value;
           }
         }
         item.paramObj = paramObj;
-        if (item.withParams && item.params.length > 0) {
-          wx.redirectTo({
-            url:
-              '/pages/' + item?.insideUrl + '/index?' + item.paramObj.join('&'),
-          });
-        } else {
-          wx.redirectTo({
-            url: '/pages/' + item?.insideUrl + '/index',
-          });
-        }
+        app.navigateTo({
+          mode: 'weDa',
+          pageId: item?.insideUrl,
+          params:
+            item?.withParams && item?.params.length > 0 ? item.paramObj : null,
+        });
       }
     },
   },

package/src/mp/components/navLayout/index.wxml

@@ -3,41 +3,17 @@
     <block wx:for="{{optionList}}" wx:key="colIndex" wx:for-item="row">
       <view class="weda-grid weda-grid-navigation__row">
         <block wx:for="{{row}}" wx:key="colIndex" wx:for-item="col">
-          <view
-            class="weda-col weda-grid__item weda-grid-navigation__col weda-grid-navigation__col--{{iconSize}}"
-            style="width: {{(1 / mobileCol)*100}}%"
-            data-item="{{col}}"
-            bindtap="navigaTo"
-          >
+          <view class="weda-col weda-grid__item weda-grid-navigation__col weda-grid-navigation__col--{{iconSize}}" style="width: {{(1 / mobileCol)*100}}%" data-item="{{col}}" bindtap="navigaTo">
             <view class="weda-grid__box">
               <view class="weda-grid-navigation__col">
-                <view
-                  wx:if="{{col.icon!='自定义图片'}}"
-                  class="weda-grid-navigation__icon"
-                >
-                  <view
-                    wx:if="{{col.tdicon}}"
-                    class="weda-icon t-icon t-icon-{{col.tdicon}}"
-                  ></view>
+                <view wx:if="{{col.icon!='自定义图片'}}" class="weda-grid-navigation__icon">
+                  <view wx:if="{{col.tdicon}}" class="weda-icon t-icon t-icon-{{col.tdicon}}"></view>
 
-                  <view
-                    wx:if="{{!col.tdicon}}"
-                    class="weda-icon lcap-icon-padding lcap-icon lcap-icon-{{col.icon}}"
-                  >
-                  </view>
+                  <view wx:if="{{!col.tdicon}}" class="weda-icon lcap-icon-padding lcap-icon lcap-icon-{{col.icon}}"> </view>
                 </view>
-                <image
-                  wx:if="{{col.icon=='自定义图片'&&col.iconSrc}}"
-                  src="{{col.iconSrc}}"
-                  class="weda-grid-navigation__img"
-                ></image>
+                <image wx:if="{{col.icon=='自定义图片'&&col.iconSrc}}" src="{{col.iconSrc}}" class="weda-grid-navigation__img"></image>
               </view>
-              <view
-                class="weda-grid-navigation__text"
-                wx-if="{{col.title}}"
-                style="-webkit-line-clamp:{{maxLines?maxLines:'revert'}};{{titleStyle}}"
-                >{{col.title}}</view
-              >
+              <view class="weda-grid-navigation__text" wx-if="{{col.title}}" style="-webkit-line-clamp:{{maxLines?maxLines:'revert'}};{{titleStyle}}">{{col.title}}</view>
             </view>
           </view>
         </block>

package/src/mp/components/navigationBar/index.json

@@ -1,6 +1,5 @@
 {
   "component": true,
   "styleIsolation": "shared",
-  "usingComponents": {
-  }
+  "usingComponents": {}
 }

package/src/mp/components/navigationBar/index.wxml

@@ -1,40 +1,14 @@
-<view
-  class="weda-menu weda-menu-mobile"
-  style="display: {{menuData.length?'block':'none'}};"
->
-  <view
-    class="weda-menu__wrapper"
-    style="background:{{navigationStyle.menuBackgroundColor}}"
-  >
+<view class="weda-menu weda-menu-mobile" style="display: {{menuData.length?'block':'none'}};">
+  <view class="weda-menu__wrapper" style="background:{{navigationStyle.menuBackgroundColor}}">
     <view class="weda-menu__bar-main">
       <view class="weda-menu__main-logo">
-        <image
-          wx:if="{{navigationStyle.showLogo}}"
-          class="weda-menu__main-icon"
-          style="width:{{navigationStyle.logoWidth}};height:{{navigationStyle.logoHeight}};"
-          src="{{navigationStyle.logoUrl||defaultLogoUrl}}"
-        ></image>
-        <text
-          wx:if="{{navigationStyle.showTitle}}"
-          style="font-size:{{navigationStyle.titleFontSize}};color:{{navigationStyle.titleColor}};line-height: 2px;"
-        >
-          {{navigationStyle.title}}
-        </text>
+        <image wx:if="{{navigationStyle.showLogo}}" class="weda-menu__main-icon" style="width:{{navigationStyle.logoWidth}};height:{{navigationStyle.logoHeight}};" src="{{navigationStyle.logoUrl||defaultLogoUrl}}"></image>
+        <text wx:if="{{navigationStyle.showTitle}}" style="font-size:{{navigationStyle.titleFontSize}};color:{{navigationStyle.titleColor}};line-height: 2px;"> {{navigationStyle.title}} </text>
       </view>
     </view>
     <view class="weda-menu__bar-extra">
-      <view
-        wx:if="{{!visible}}"
-        class=".weda-menu__bar-btn weda-icon t-icon t-icon-view-list"
-        bindtap="showMenu"
-        style="color:{{navigationStyle.titleColor}}"
-      ></view>
-      <view
-        wx:else
-        class="weda-menu__bar-btn--close weda-icon t-icon t-icon-close"
-        bindtap="showMenu"
-        style="color:{{navigationStyle.titleColor}}"
-      ></view>
+      <view wx:if="{{!visible}}" class=".weda-menu__bar-btn weda-icon t-icon t-icon-view-list" bindtap="showMenu" style="color:{{navigationStyle.titleColor}}"></view>
+      <view wx:else class="weda-menu__bar-btn--close weda-icon t-icon t-icon-close" bindtap="showMenu" style="color:{{navigationStyle.titleColor}}"></view>
     </view>
   </view>
   <view class="menu-solt">
@@ -44,140 +18,49 @@
 
 <view class="weda-menu-mobile__drawer" wx-if="{{visible}}">
   <view class="weda-menu weda-menu-mobile">
-    <view
-      class="weda-menu__wrapper"
-      style="background:{{navigationStyle.menuBackgroundColor}}"
-    >
+    <view class="weda-menu__wrapper" style="background:{{navigationStyle.menuBackgroundColor}}">
       <view class="weda-menu__bar-main">
         <view class="weda-menu__main-logo">
-          <image
-            wx:if="{{navigationStyle.showLogo}}"
-            class="weda-menu__main-icon"
-            style="width:{{navigationStyle.logoWidth}};height:{{navigationStyle.logoHeight}};"
-            src="{{navigationStyle.logoUrl||defaultLogoUrl}}"
-          ></image>
-          <text
-            wx:if="{{navigationStyle.showTitle}}"
-            style="font-size:{{navigationStyle.titleFontSize}};color:{{navigationStyle.titleColor}};line-height: 2px;"
-          >
-            {{navigationStyle.title}}
-          </text>
+          <image wx:if="{{navigationStyle.showLogo}}" class="weda-menu__main-icon" style="width:{{navigationStyle.logoWidth}};height:{{navigationStyle.logoHeight}};" src="{{navigationStyle.logoUrl||defaultLogoUrl}}"></image>
+          <text wx:if="{{navigationStyle.showTitle}}" style="font-size:{{navigationStyle.titleFontSize}};color:{{navigationStyle.titleColor}};line-height: 2px;"> {{navigationStyle.title}} </text>
         </view>
       </view>
       <view class="weda-menu__bar-extra">
-        <view
-          wx:if="{{!visible}}"
-          class=".weda-menu__bar-btn weda-icon t-icon t-icon-view-list"
-          bindtap="showMenu"
-          style="color:{{navigationStyle.titleColor}}"
-        ></view>
-        <view
-          wx:else
-          class="weda-menu__bar-btn--close weda-icon t-icon t-icon-close"
-          bindtap="showMenu"
-          style="color:{{navigationStyle.titleColor}}"
-        ></view>
+        <view wx:if="{{!visible}}" class=".weda-menu__bar-btn weda-icon t-icon t-icon-view-list" bindtap="showMenu" style="color:{{navigationStyle.titleColor}}"></view>
+        <view wx:else class="weda-menu__bar-btn--close weda-icon t-icon t-icon-close" bindtap="showMenu" style="color:{{navigationStyle.titleColor}}"></view>
       </view>
     </view>
   </view>
   <view class="weda-drawer-drawer__body">
-    <scroll-view
-      class="weda-drawer-menu weda-menu__drawer-menu weda-drawer-menu--light"
-      scroll-y
-    >
-      <view
-        class="weda-drawer-menu weda-menu__drawer-menu weda-drawer-menu--light"
-        style="background:{{navigationStyle.menuBackgroundColor}}"
-      >
+    <scroll-view class="weda-drawer-menu weda-menu__drawer-menu weda-drawer-menu--light" scroll-y>
+      <view class="weda-drawer-menu weda-menu__drawer-menu weda-drawer-menu--light" style="background:{{navigationStyle.menuBackgroundColor}}">
         <view class="weda-drawer-menu__body">
           <view class="weda-drawer-menu__list">
             <block wx:for="{{menuData}}" wx:key="menuIndex" wx:for-item="menu">
-              <view
-                class="{{menu.children ? 'weda-drawer-menu__submenu' : ''}} {{menu.expand?'expand':''}}"
-              >
-                <view
-                  class="weda-drawer-menu__item"
-                  style="background-color:{{selectedKey===menu.key?navigationStyle.menuHoverColor:'unset'}};"
-                  bindtap="menuClick"
-                  data-menu="{{menu}}"
-                >
-                  <view
-                    wx:if="{{navigationStyle.showMenuIcon && menu.iconType!=='image'}}"
-                    class="weda-grid-navigation__icon"
-                  >
-                    <view
-                      wx:if="{{menu.iconType === 't-icon'}}"
-                      class="weda-icon t-icon t-icon-{{menu.ticon}}"
-                      style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}"
-                    ></view>
-                    <view
-                      wx:if="{{menu.iconType !== 't-icon'}}"
-                      class="weda-icon lcap-icon-padding lcap-icon lcap-icon-{{menu.iconUrl}}"
-                      style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}"
-                    >
-                    </view>
+              <view class="{{menu.children ? 'weda-drawer-menu__submenu' : ''}} {{menu.expand?'expand':''}}">
+                <view class="weda-drawer-menu__item" style="background-color:{{selectedKey===menu.key?navigationStyle.menuHoverColor:'unset'}};" bindtap="menuClick" data-menu="{{menu}}">
+                  <view wx:if="{{navigationStyle.showMenuIcon && menu.iconType!=='image'}}" class="weda-grid-navigation__icon">
+                    <view wx:if="{{menu.iconType === 't-icon'}}" class="weda-icon t-icon t-icon-{{menu.ticon}}" style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}"></view>
+                    <view wx:if="{{menu.iconType !== 't-icon'}}" class="weda-icon lcap-icon-padding lcap-icon lcap-icon-{{menu.iconUrl}}" style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}"> </view>
                   </view>
-                  <image
-                    wx:if="{{navigationStyle.showMenuIcon && menu.iconType==='image'}}"
-                    class="weda-drawer-menu__list-icon"
-                    src="{{menu.iconUrl}}"
-                    alt="icon"
-                  ></image>
-                  <view
-                    class="weda-drawer-menu__text"
-                    style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}"
-                    >{{menu.title}}</view
-                  >
-                  <view
-                    wx-if="{{menu.children.length>0}}"
-                    class="weda-menu__bar-btn-expand lcap-icon lcap-icon-chevrondown"
-                  ></view>
+                  <image wx:if="{{navigationStyle.showMenuIcon && menu.iconType==='image'}}" class="weda-drawer-menu__list-icon" src="{{menu.iconUrl}}" alt="icon"></image>
+                  <view class="weda-drawer-menu__text" style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}">{{menu.title}}</view>
+                  <view wx-if="{{menu.children.length>0}}" class="weda-menu__bar-btn-expand lcap-icon lcap-icon-chevrondown"></view>
                 </view>
                 <view class="weda-drawer-menu__list">
                   <block wx-if="{{menu.children}}">
-                    <block
-                      wx:for="{{menu.children}}"
-                      wx:key="secondIndex"
-                      wx:for-item="secondMenu"
-                    >
-                      <view
-                        class="{{secondMenu.children ? 'weda-drawer-menu__submenu weda-menu__submenu' : ''}} {{secondMenu.expand?'expand':''}}"
-                      >
-                        <view
-                          class="weda-drawer-menu__item"
-                          style="background-color:{{selectedKey===secondMenu.key?navigationStyle.menuHoverColor:'unset'}};"
-                          bindtap="menuClick"
-                          data-menu="{{secondMenu}}"
-                        >
-                          <view
-                            class="weda-drawer-menu__text"
-                            style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}"
-                            >{{secondMenu.title}}</view
-                          >
-                          <view
-                            wx-if="{{secondMenu.children.length>0}}"
-                            class="weda-menu__bar-btn-expand lcap-icon lcap-icon-chevrondown"
-                          ></view>
+                    <block wx:for="{{menu.children}}" wx:key="secondIndex" wx:for-item="secondMenu">
+                      <view class="{{secondMenu.children ? 'weda-drawer-menu__submenu weda-menu__submenu' : ''}} {{secondMenu.expand?'expand':''}}">
+                        <view class="weda-drawer-menu__item" style="background-color:{{selectedKey===secondMenu.key?navigationStyle.menuHoverColor:'unset'}};" bindtap="menuClick" data-menu="{{secondMenu}}">
+                          <view class="weda-drawer-menu__text" style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}">{{secondMenu.title}}</view>
+                          <view wx-if="{{secondMenu.children.length>0}}" class="weda-menu__bar-btn-expand lcap-icon lcap-icon-chevrondown"></view>
                         </view>
                         <view class="weda-drawer-menu__list">
                           <block wx-if="{{secondMenu.children}}">
-                            <block
-                              wx:for="{{secondMenu.children}}"
-                              wx:key="thridIndex"
-                              wx:for-item="thridMenu"
-                            >
+                            <block wx:for="{{secondMenu.children}}" wx:key="thridIndex" wx:for-item="thridMenu">
                               <view class="">
-                                <view
-                                  class="weda-drawer-menu__item"
-                                  style="background-color:{{selectedKey===thridMenu.key?navigationStyle.menuHoverColor:'unset'}};"
-                                  bindtap="menuClick"
-                                  data-menu="{{thridMenu}}"
-                                >
-                                  <view
-                                    class="weda-drawer-menu__text"
-                                    style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}"
-                                    >{{thridMenu.title}}</view
-                                  >
+                                <view class="weda-drawer-menu__item" style="background-color:{{selectedKey===thridMenu.key?navigationStyle.menuHoverColor:'unset'}};" bindtap="menuClick" data-menu="{{thridMenu}}">
+                                  <view class="weda-drawer-menu__text" style="font-size:{{navigationStyle.menuFontSize}};color:{{navigationStyle.menuColor}}">{{thridMenu.title}}</view>
                                 </view>
                               </view>
                             </block>

package/src/mp/components/swiper/index.wxml

@@ -1,16 +1,3 @@
-<swiper
-  id="{{id}}"
-  class="weda-ui {{className}}"
-  style="{{style}}"
-  indicator-dots="{{indicatorDots}}"
-  autoplay="{{autoplay}}"
-  current="{{current}}"
-  interval="{{interval}}"
-  duration="{{duration}}"
-  circular="{{circular}}"
-  vertical="{{vertical}}"
-  indicator-color="{{indicatorColor}}"
-  indicator-active-color="{{indicatorActiveColor}}"
->
+<swiper id="{{id}}" class="weda-ui {{className}}" style="{{style}}" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" current="{{current}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" vertical="{{vertical}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}">
   <slot></slot>
 </swiper>

package/src/mp/components/tabs/index.json

@@ -1,4 +1,4 @@
 {
   "component": true,
   "usingComponents": {}
-}
+}

package/src/mp/components/tabs/index.wxml

@@ -1,27 +1,8 @@
 <view class="weda-tabs ext-class">
-  <scroll-view
-    class="weda-tabs__nav"
-    scroll-into-view="{{ scrollCellId }}"
-    scroll-with-animation
-    scroll-x
-  >
-    <view
-      bind:tap="toggle"
-      class="weda-tabs__nav-cell {{ currentIndex === index ? 'active' : '' }} {{ tabs.length > 5 ? 'scroll' : '' }}"
-      data-index="{{index}}"
-      id="cell-{{index}}"
-      style="width: {{ 1 / tabs.length * 100 }}%"
-      wx:for="{{tabs}}"
-      wx:for-index="index"
-      wx:for-item="tab"
-      wx:key="index"
-      >{{ tab.title }}</view
-    >
+  <scroll-view class="weda-tabs__nav" scroll-into-view="{{ scrollCellId }}" scroll-with-animation scroll-x>
+    <view bind:tap="toggle" class="weda-tabs__nav-cell {{ currentIndex === index ? 'active' : '' }} {{ tabs.length > 5 ? 'scroll' : '' }}" data-index="{{index}}" id="cell-{{index}}" style="width: {{ 1 / tabs.length * 100 }}%" wx:for="{{tabs}}" wx:for-index="index" wx:for-item="tab" wx:key="index">{{ tab.title }}</view>
 
-    <view
-      class="weda-tabs__nav-sticky"
-      style="width: {{ 1 / tabs.length * 100 }}%; transform: translate3d({{currentIndex * 100}}%, 0, 0)"
-    ></view>
+    <view class="weda-tabs__nav-sticky" style="width: {{ 1 / tabs.length * 100 }}%; transform: translate3d({{currentIndex * 100}}%, 0, 0)"></view>
   </scroll-view>
 
   <view class="weda-tabs__panel">

package/src/mp/components/text/index.wxml

@@ -1,7 +1 @@
-<text
-  class="weda-text weda-ui {{className}} {{levelName}}"
-  id="{{id}}"
-  user-select="{{userSelect}}"
-  style="white-space: {{ space ? 'pre-warp' : 'pre-line'}}; {{style}}"
-  >{{text}}</text
->
+<text class="weda-text weda-ui {{className}} {{levelName}}" id="{{id}}" user-select="{{userSelect}}" style="white-space: {{ space ? 'pre-warp' : 'pre-line'}}; {{style}}">{{text}}</text>

package/src/mp/components/wedaVideo/index.js

@@ -0,0 +1,86 @@
+// component/videojs.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    videoDataSource: {
+      type: String,
+      value: '',
+    },
+    posterImage: {
+      type: String,
+      value: '',
+    },
+    autoPlay: {
+      type: Boolean,
+      value: false,
+    },
+    loopPlay: {
+      type: Boolean,
+      value: false,
+    },
+    mutePlay: {
+      type: Boolean,
+      value: false,
+    },
+    controlBarStatus: {
+      type: Boolean,
+      value: true,
+    },
+    startTime: {
+      type: Number,
+      value: 0,
+    },
+    endTime: {
+      type: Number,
+      value: 0,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    videoId: `${new Date().getTime()}-${Math.random()}`,
+    videoErrMsg: '',
+    videoErrStatus: false,
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    bindtimeupdate(event) {
+      const { currentTime } = event.detail;
+      const { endTime, loopPlay } = this.properties;
+      const videoContext = wx.createVideoContext(this.data.videoId, this);
+      if (currentTime >= endTime && endTime) {
+        videoContext.seek(0);
+        loopPlay ? videoContext.play() : videoContext.pause();
+      }
+    },
+    binderror(event) {
+      const { errMsg } = event.detail;
+      this.setData({
+        videoErrMsg: errMsg,
+        videoErrStatus: true,
+      });
+      console.error('binderror', event.detail);
+    },
+    bindplay() {
+      this.setData({
+        videoErrMsg: '',
+        videoErrStatus: false,
+      });
+    },
+  },
+});

package/src/mp/components/wedaVideo/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "styleIsolation": "shared"
+}

package/src/mp/components/wedaVideo/index.wxml

@@ -0,0 +1,4 @@
+<view style="position: relative">
+  <video class="weda-ui_video-mp {{className}}" style="{{style}}" id="{{videoId}}" src="{{videoDataSource}}" poster="{{posterImage}}" autoplay="{{autoPlay}}" loop="{{loopPlay}}" muted="{{mutePlay}}" controls="{{controlBarStatus}}" initial-time="{{startTime}}" duration="{{endTime}}" show-mute-btn="{{true}}" bindtimeupdate="bindtimeupdate" binderror="binderror" bindplay="bindplay"></video>
+  <view class="weda-ui_video-mp_error" wx:if="{{videoErrStatus}}"> 频资源加载出错，错误信息：{{videoErrMsg}} </view>
+</view>

package/src/mp/components/wedaVideo/index.wxss

@@ -0,0 +1,20 @@
+/* component/videojs.wxss */
+
+.weda-ui_video-mp {
+  width: 100%;
+  position: relative;
+}
+
+.weda-ui_video-mp_error {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: rgba(0, 0, 0);
+  top: 0;
+  left: 0;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}

package/src/mp/components/wxOpenApi/phone/index.js

@@ -1,5 +1,6 @@
 import classNames from '../../../utils/classnames';
 import destr from '../../../utils/destr';
+import { callWedaApi } from '../../../utils/tcb';
 
 Component({
   options: {
@@ -63,15 +64,6 @@ Component({
         });
         return;
       }
-      const { app } = getApp();
-      const callWedaApi = app?.cloud?.callWedaApi;
-      if (!callWedaApi) {
-        console.warn(`当前环境缺少方法 app.cloud.callWedaApi`);
-        this.triggerEvent('phonefail', {
-          errMsg: '当前环境缺少方法 app.cloud.callWedaApi，获取手机号失败',
-        });
-        return;
-      }
       const res = await callWedaApi({
         action: 'InvokeComponentWxModule',
         data: {

package/src/mp/components/wxOpenApi/phone/index.wxml

@@ -1,14 +1,4 @@
-<button
-  id="{{id}}"
-  class="{{cls}}"
-  style="{{style}}"
-  size="{{size}}"
-  loading="{{loading}}"
-  disabled="{{disabled}}"
-  form-type="{{formType}}"
-  open-type="{{openType}}"
-  bindgetphonenumber="getPhoneNumber"
->
+<button id="{{id}}" class="{{cls}}" style="{{style}}" size="{{size}}" loading="{{loading}}" disabled="{{disabled}}" form-type="{{formType}}" open-type="{{openType}}" bindgetphonenumber="getPhoneNumber">
   {{text ? text : ''}}
   <slot name="contentSlot" wx:if="{{!text}}" />
 </button>

package/src/mp/components/wxOpenApi/phoneCode/index.json

@@ -1,4 +1,4 @@
 {
   "component": true,
   "styleIsolation": "shared"
-}
+}

package/src/mp/components/wxOpenApi/phoneCode/index.wxml

@@ -1,14 +1,4 @@
-<button
-  id="{{id}}"
-  class="{{cls}}"
-  style="{{style}}"
-  size="{{size}}"
-  loading="{{loading}}"
-  disabled="{{disabled}}"
-  form-type="{{formType}}"
-  open-type="{{openType}}"
-  bindgetphonenumber="getPhoneCodeNumber"
->
+<button id="{{id}}" class="{{cls}}" style="{{style}}" size="{{size}}" loading="{{loading}}" disabled="{{disabled}}" form-type="{{formType}}" open-type="{{openType}}" bindgetphonenumber="getPhoneCodeNumber">
   {{text ? text : ''}}
   <slot name="contentSlot" wx:if="{{!text}}" />
 </button>

package/src/mp/components/wxOpenApi/share/index.wxml

@@ -1,14 +1,4 @@
-<button
-  id="{{id}}"
-  class="{{cls}}"
-  style="{{style}}"
-  size="{{size}}"
-  loading="{{loading}}"
-  disabled="{{disabled}}"
-  form-type="{{formType}}"
-  open-type="{{openType}}"
-  data-weda_share_info="{{shareInfo}}"
->
+<button id="{{id}}" class="{{cls}}" style="{{style}}" size="{{size}}" loading="{{loading}}" disabled="{{disabled}}" form-type="{{formType}}" open-type="{{openType}}" data-weda_share_info="{{shareInfo}}">
   {{text ? text : ''}}
   <slot name="contentSlot" wx:if="{{!text}}" />
 </button>

package/src/mp/components/wxOpenApi/userInfo/index.wxml

@@ -1,13 +1,4 @@
-<button
-  id="{{id}}"
-  class="{{cls}}"
-  style="{{style}}"
-  size="{{size}}"
-  loading="{{loading}}"
-  disabled="{{disabled}}"
-  form-type="{{formType}}"
-  bindtap="getUserProfile"
->
+<button id="{{id}}" class="{{cls}}" style="{{style}}" size="{{size}}" loading="{{loading}}" disabled="{{disabled}}" form-type="{{formType}}" bindtap="getUserProfile">
   {{text ? text : ''}}
   <slot name="contentSlot" wx:if="{{!text}}" />
 </button>

package/src/mp/index.json

@@ -24,6 +24,7 @@
       "path": "swiper"
     },
     "Carousel": "components/carousel/index",
+    "WedaVideo": "components/wedaVideo",
     "ScrollView": "components/scrollView/index",
     "Tips": "components/form/tips/index",
     "RichTextView": "components/richText/index",

package/src/mp/style/weda-ui.wxss

@@ -33,10 +33,6 @@ page .weda-ui {
   display: none;
 }
 
-.weda-ui .weui-input.focus.not-placeholder-shown + .weui-btn_input-clear {
-  display: inline;
-}
-
 .weda-ui.weda-picker .weui-btn_primary:not(.weui-btn_disabled):active {
   background-color: var(--weui-TAG-TEXT-BLUE);
 }
@@ -59,3 +55,15 @@ page .weda-ui {
 .weui-picker a:link:hover {
   text-decoration: none;
 }
+.weda-ui .weui-input {
+  padding: 28rpx 0;
+}
+
+.weda-ui .weui-btn_input-clear {
+  visibility: hidden; /* visibilty 防止居中而且宽度auto时，出现输入时宽度抖动 */
+  display: inline;
+}
+.weda-ui .weui-input.focus.not-placeholder-shown + .weui-btn_input-clear {
+  visibility: visible;
+  display: inline;
+}

package/src/web/actions/showModal/index.tsx

@@ -2,8 +2,10 @@ import * as ReactDOM from 'react-dom';
 import * as React from 'react';
 import { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import { Modal, Button, Text, ModalProps, ConfigProvider } from 'tea-component';
-import type { ModalShowHandle, ModalShowOptions } from 'tea-component/lib/modal/ModalShow';
-
+import type {
+  ModalShowHandle,
+  ModalShowOptions,
+} from 'tea-component/lib/modal/ModalShow';
 
 interface ModalShowInstance {
   setVisible: React.Dispatch<React.SetStateAction<boolean>>;
@@ -26,9 +28,8 @@ const ModalShow = forwardRef(function ModalShow(
   return <Modal {...props} visible={visible} />;
 });
 
-
 function show(options: ModalShowOptions): ModalShowHandle {
-  const el = document.createElement("div");
+  const el = document.createElement('div');
 
   const instanceRef = React.createRef<ModalShowInstance>();