@cloudbase/weda-ui 2.0.11 → 2.0.27

package/src/mp/components/form/uploaderFile/index.wxml

@@ -1,15 +1,9 @@
 <view class="weda-uploader-files {{extClass}}">
   <view class="weda-uploader-files__hd">
-    <view class="weda-uploader-files__title" wx:if="{{labelVisible}}"
-      >{{label}}</view
-    >
+    <view class="weda-uploader-files__title" wx:if="{{labelVisible}}">{{label}}</view>
     <view>
-      <button class="weui-btn weda-uploader-files__btn" bindtap="uploadFile">
-        上传文件
-      </button>
-      <view wx:if="{{maxCount!=1}}" class="weda-uploader-files__tips"
-        >支持批量上传</view
-      >
+      <button class="weui-btn weda-uploader-files__btn" bindtap="uploadFile">上传文件</button>
+      <view wx:if="{{maxCount!=1}}" class="weda-uploader-files__tips">支持批量上传</view>
       <view wx:else><slot name="tips"></slot></view>
     </view>
   </view>
@@ -20,80 +14,29 @@
           <view class="weda-uploader-files__item-left">
             <view class="weda-uploader-files__file-detail">
               <text class="weda-uploader-files__file-name">{{item.name}}</text>
-              <view
-                wx:if="{{item.status === 'success' || item.status === 'fail'}}"
-                class="weda-uploader-files__file-status"
-              >
-                <mp-icon
-                  wx:if="{{item.status === 'success' }}"
-                  icon="done2"
-                  size="{{16}}"
-                  color="#00A870"
-                  type="field"
-                ></mp-icon>
-                <mp-icon
-                  wx:if="{{item.status === 'fail' }}"
-                  icon="close2"
-                  size="{{16}}"
-                  color="#E34D59"
-                  type="field"
-                ></mp-icon>
-                <text class="weda-uploader-files__file-status--msg"
-                  >{{item.status === 'success' ? '上传成功' : '上传失败'}}</text
-                >
+              <view wx:if="{{item.status === 'success' || item.status === 'fail'}}" class="weda-uploader-files__file-status">
+                <mp-icon wx:if="{{item.status === 'success' }}" icon="done2" size="{{16}}" color="#00A870" type="field"></mp-icon>
+                <mp-icon wx:if="{{item.status === 'fail' }}" icon="close2" size="{{16}}" color="#E34D59" type="field"></mp-icon>
+                <text class="weda-uploader-files__file-status--msg">{{item.status === 'success' ? '上传成功' : '上传失败'}}</text>
               </view>
             </view>
-            <view
-              class="weda-uploader-files__progress weui-progress"
-              wx-if="{{item.status === 'pending' || item.status === 'uploading'}}"
-            >
+            <view class="weda-uploader-files__progress weui-progress" wx-if="{{item.status === 'pending' || item.status === 'uploading'}}">
               <view class="weui-progress__bar">
-                <progress
-                  percent="{{item.percent}}"
-                  stroke-width="3"
-                  activeColor="#0052D9"
-                  backgroundColor="#E7E7E7"
-                  stroke-width="3"
-                />
+                <progress percent="{{item.percent}}" stroke-width="3" activeColor="#0052D9" backgroundColor="#E7E7E7" stroke-width="3" />
               </view>
             </view>
             <view class="weda-uploader-files__file-foot">
               <div>
-                <text
-                  wx-if="{{item.status === 'uploading' || item.status === 'pending'}}"
-                  >{{item.status === 'uploading' ? item.uploaded : '0K'
-                  }}/</text
-                >
+                <text wx-if="{{item.status === 'uploading' || item.status === 'pending'}}">{{item.status === 'uploading' ? item.uploaded : '0K' }}/</text>
                 <text>{{item.size}}</text>
               </div>
-              <div
-                wx-if="{{item.status === 'uploading' || item.status === 'pending'}}"
-              >
-                {{item.status === 'pending' ? '等待上传' : '上传中'}}
-              </div>
+              <div wx-if="{{item.status === 'uploading' || item.status === 'pending'}}">{{item.status === 'pending' ? '等待上传' : '上传中'}}</div>
             </view>
           </view>
           <view class="weda-uploader-files__btn-group">
-            <image
-              wx-if="{{item.status === 'success'&&downloadVisible}}"
-              data-item="{{item}}"
-              bindtap="downloadFile"
-              class="weda-uploader-files__icon"
-              src="https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/4cba5da1-cde4-40c6-a075-86eff22858a4.svg"
-            ></image>
-            <image
-              wx-if="{{item.status === 'fail'}}"
-              data-item="{{item}}"
-              bindtap="reload"
-              class="weda-uploader-files__icon"
-              src="https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/af5486eb-65e0-4536-8e51-6c68a17b71ac.svg"
-            ></image>
-            <image
-              class="weda-uploader-files__icon"
-              data-item="{{item}}"
-              bindtap="onDelete"
-              src="https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/2372f6a8-2f6a-4f30-92bf-73c62a5c0ae7.svg"
-            ></image>
+            <image wx-if="{{item.status === 'success'&&downloadVisible}}" data-item="{{item}}" bindtap="downloadFile" class="weda-uploader-files__icon" src="https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/4cba5da1-cde4-40c6-a075-86eff22858a4.svg"></image>
+            <image wx-if="{{item.status === 'fail'}}" data-item="{{item}}" bindtap="reload" class="weda-uploader-files__icon" src="https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/af5486eb-65e0-4536-8e51-6c68a17b71ac.svg"></image>
+            <image class="weda-uploader-files__icon" data-item="{{item}}" bindtap="onDelete" src="https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/2372f6a8-2f6a-4f30-92bf-73c62a5c0ae7.svg"></image>
           </view>
         </view>
       </block>

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

@@ -99,24 +99,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: '../' + item?.insideUrl + '/index?' + item.paramObj.join('&'),
-          });
-        } else {
-          wx.redirectTo({
-            url: '../' + item?.insideUrl + '/index',
-          });
-        }
+        app.navigateTo({
+          mode: 'weDa',
+          pageId: item?.insideUrl,
+          params:
+            item?.withParams && item?.params.length > 0 ? item.paramObj : null,
+        });
       }
     },
   },

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

@@ -3,46 +3,18 @@
     <block wx:for="{{optionList}}" wx:key="colIndex" wx:for-item="row">
       <view class="weda-grid weda-graphic-card__row">
         <block wx:for="{{row}}" wx:key="colIndex" wx:for-item="col">
-          <view
-            class="weda-col weda-grid__item weda-graphic-card__col weda-graphic-card__col--{{textAlign}}"
-            style="width: {{(1 / ColMobile) * 100}}%"
-            data-item="{{col}}"
-            bindtap="navigaTo"
-          >
+          <view class="weda-col weda-grid__item weda-graphic-card__col weda-graphic-card__col--{{textAlign}}" style="width: {{(1 / ColMobile) * 100}}%" data-item="{{col}}" bindtap="navigaTo">
             <view class="weda-grid__box">
               <view class="weda-graphic-card__col-body">
                 <view class="weda-graphic-card__icon" style="{{iconStyle}}">
-                  <image
-                    src="{{col.icon}}"
-                    mode="scaleToFill"
-                    class="weda-graphic-card__img"
-                  ></image>
-                </view>
-                <view
-                  class="weda-graphic-card__title"
-                  style="{{titleStyle}}"
-                  wx:if="{{titleVisible}}"
-                >
-                  {{col.title}}
-                </view>
-                <view
-                  class="weda-graphic-card__desc"
-                  style="text-align: {{textAlign}}"
-                  wx:if="{{desVisible}}"
-                  style="{{desStyle}}"
-                >
-                  {{col.des}}
+                  <image src="{{col.icon}}" mode="scaleToFill" class="weda-graphic-card__img"></image>
                 </view>
+                <view class="weda-graphic-card__title" style="{{titleStyle}}" wx:if="{{titleVisible}}"> {{col.title}} </view>
+                <view class="weda-graphic-card__desc" style="text-align: {{textAlign}}" wx:if="{{desVisible}}" style="{{desStyle}}"> {{col.des}} </view>
               </view>
-              <view
-                class="wedatea2td-btn wedatea2td-btn--link weda-graphic-card__btn"
-                wx:if="{{buttonVisible && col}}"
-              >
+              <view class="wedatea2td-btn wedatea2td-btn--link weda-graphic-card__btn" wx:if="{{buttonVisible && col}}">
                 <text class="weda-graphic-card__btn--text">{{buttonText}}</text>
-                <image
-                  src="chevron-right.svg"
-                  class="weda-graphic-card__btn--icon wedatea2td-icon wedatea2td-icon-btnback"
-                ></image>
+                <image src="chevron-right.svg" class="weda-graphic-card__btn--icon wedatea2td-icon wedatea2td-icon-btnback"></image>
               </view>
             </view>
           </view>

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

@@ -74,8 +74,8 @@
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  font-size: 32rpx;
-  line-height: 48rpx;
+  font-size: 1.1428em;
+  line-height: 1.71428em;
   text-align: center;
   color: rgba(0, 0, 0, 0.9);
   display: -webkit-box;
@@ -86,8 +86,8 @@
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  font-size: 28rpx;
-  line-height: 44rpx;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: rgba(0, 0, 0, 0.4);
   text-align: center;
   display: -webkit-box;
@@ -132,8 +132,8 @@ button:not([size='mini']) {
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn--text {
-  font-size: 28rpx;
-  line-height: 44rpx;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: #0052d9;
   margin-right: 16rpx;
 }

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

@@ -1,27 +1,9 @@
-<image
-  style="{{style}}"
-  class="weda-ui weda-image {{clsx}}"
-  src="{{realSrc}}"
-  alt="{{alt}}"
-  mode="{{imgMode}}"
-  lazy-load="{{lazyLoad}}"
-  show-menu-by-longpress="{{showMenuByLongpress}}"
-  bindtap="onImgTap"
-  bindload="load"
-  binderror="error"
-/>
+<image style="{{style}}" class="weda-ui weda-image {{clsx}}" src="{{realSrc}}" alt="{{alt}}" mode="{{imgMode}}" lazy-load="{{lazyLoad}}" show-menu-by-longpress="{{showMenuByLongpress}}" bindtap="onImgTap" bindload="load" binderror="error" />
 <view wx:if="{{showImg}}" class="weda-img-mask" bindtap="onMaskClick">
   <view bindtap="onCloseClick" class="weda-img-modal-close-btn">
     <icon type="clear" size="23" color="white"></icon>
   </view>
-  <gesture
-    bindpinch="onPinch"
-    catchtap="onTapImgPreview"
-    bindpressMove="onPressMove"
-  >
-    <view
-      class="weda-img-preview"
-      style="margin-top:{{offsetHeight}}px;width: 100%;height:{{showHeight}}px;background-image: url('{{realSrc}}');transform: scale({{zoom}}) translateX({{previewTranslateX}}px) translateY({{previewTranslateY}}px);"
-    ></view>
+  <gesture bindpinch="onPinch" catchtap="onTapImgPreview" bindpressMove="onPressMove">
+    <view class="weda-img-preview" style="margin-top:{{offsetHeight}}px;width: 100%;height:{{showHeight}}px;background-image: url('{{realSrc}}');transform: scale({{zoom}}) translateX({{previewTranslateX}}px) translateY({{previewTranslateY}}px);"></view>
   </gesture>
 </view>

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

@@ -1,26 +1,13 @@
-<scroll-view
-  scroll-y
-  scroll-with-animation
-  lower-threshold="5"
-  style="{{style}}"
-  class="weda-list-view__containor weda-ui {{className}}"
->
+<scroll-view scroll-y scroll-with-animation lower-threshold="5" style="{{style}}" class="weda-list-view__containor weda-ui {{className}}">
   <!-- 列表插槽 -->
-  <view
-    class="{{template === 'cardList' ? 'weda-list-view-card' : ''}}"
-    id="weda-list-view_content"
-  >
+  <view class="{{template === 'cardList' ? 'weda-list-view-card' : ''}}" id="weda-list-view_content">
     <slot></slot>
   </view>
 
   <view class="weda-list-view__more {{'weda-list-view__more-' + pagination}}">
     <!-- 加载更多 -->
-    <block
-      wx:if="{{pagination==='loadMoreButton' && pageSize * pageNo < total}}"
-    >
-      <view class="weda-list-view__more-text" bindtap="handleNext"
-        >加载更多</view
-      >
+    <block wx:if="{{pagination==='loadMoreButton' && pageSize * pageNo < total}}">
+      <view class="weda-list-view__more-text" bindtap="handleNext">加载更多</view>
     </block>
     <!-- 触底刷新 -->
     <block wx:elif="{{pagination==='bottomLoad'}}">
@@ -35,25 +22,13 @@
     <!-- 分页器 -->
     <block wx:elif="{{pagination==='pagination'}}">
       <view class="weda-list-view__more-pagination">
-        <view
-          class="weda-list-view__pagination-pre {{pageNo > 1 ? 'active': ''}}"
-          bindtap="handlePre"
-        >
-          <image
-            class="weda-list-view__pagination-icon"
-            src="arrow-right-line.svg"
-          />
+        <view class="weda-list-view__pagination-pre {{pageNo > 1 ? 'active': ''}}" bindtap="handlePre">
+          <image class="weda-list-view__pagination-icon" src="arrow-right-line.svg" />
           上一页
         </view>
         <view class="weda-list-view__pagination-text">{{pageStr}}</view>
-        <view
-          class="weda-list-view__pagination-next {{pageSize * pageNo < total ? 'active' : ''}}"
-          bindtap="handleNext"
-        >
-          <image
-            class="weda-list-view__pagination-icon"
-            src="arrow-right-line.svg"
-          />
+        <view class="weda-list-view__pagination-next {{pageSize * pageNo < total ? 'active' : ''}}" bindtap="handleNext">
+          <image class="weda-list-view__pagination-icon" src="arrow-right-line.svg" />
           下一页
         </view>
       </view>

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

@@ -22,8 +22,8 @@
 .weda-list-view__containor .weda-list-view__more .weda-list-view__more-text {
   padding-top: 20rpx;
   padding-bottom: 28rpx;
-  font-size: 24rpx;
-  line-height: 44rpx;
+  font-size: 0.85714em;
+  line-height: 0.85714em;
   color: rgba(0, 0, 0, 0.4);
   text-align: center;
   box-sizing: border-box;

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

@@ -1,10 +1,7 @@
 <view class="weda-lottery">
   <view class="weda-lottery__wrap">
     <block wx:for="{{dotList}}" wx:key="dotIndex" wx:for-item="dot">
-      <view
-        wx-if="{{dot.single}}"
-        class="weda-lottery__dot-single weda-lottery__dot-{{dot.position}}"
-      ></view>
+      <view wx-if="{{dot.single}}" class="weda-lottery__dot-single weda-lottery__dot-{{dot.position}}"></view>
       <block wx-if="{{!dot.single}}">
         <view class="weda-lottery__dot-{{dot.position}}">
           <view class="weda-lottery__dot weda-lottery__dot-{{dot.direction}}">
@@ -19,39 +16,18 @@
       <view class="weda-lottery__inner-wrap">
         <view class="weda-lottery__list">
           <block wx:for="{{lotteryList}}" wx:key="index" wx:for-item="item">
-            <view
-              key="{{index}}"
-              class="weda-lottery__turntable-item {{item.actived ? 'is-actived' : ''}}, {{item.selected ? 'is-selected' : ''}}"
-            >
+            <view key="{{index}}" class="weda-lottery__turntable-item {{item.actived ? 'is-actived' : ''}}, {{item.selected ? 'is-selected' : ''}}">
               <view class="weda-lottery__turntable-cell">
-                <view
-                  class="weda-lottery__turntable-cell-image"
-                  wx-if="{{item.src}}"
-                >
-                  <image
-                    mode="aspectFit"
-                    src="{{item.src}}"
-                    alt="{{item.desc}}"
-                    class="weda-lottery__turntable-cell-icon"
-                  ></image>
-                </view>
-                <view
-                  class="weda-lottery__turntable-cell-desc"
-                  wx-if="{{item.desc}}"
-                >
-                  {{item.desc}}
+                <view class="weda-lottery__turntable-cell-image" wx-if="{{item.src}}">
+                  <image mode="aspectFit" src="{{item.src}}" alt="{{item.desc}}" class="weda-lottery__turntable-cell-icon"></image>
                 </view>
+                <view class="weda-lottery__turntable-cell-desc" wx-if="{{item.desc}}"> {{item.desc}} </view>
               </view>
             </view>
           </block>
         </view>
-        <view
-          class="weda-lottery__turntable-btn {{btnActived ? 'is-actived' : ''}}"
-        >
-          <view
-            class="weda-lottery__btn-inner"
-            bindtap="{{clickLotteryEnable ? 'clickLotteryButton' : ''}}"
-          >
+        <view class="weda-lottery__turntable-btn {{btnActived ? 'is-actived' : ''}}">
+          <view class="weda-lottery__btn-inner" bindtap="{{clickLotteryEnable ? 'clickLotteryButton' : ''}}">
             <view class="weda-lottery__btn">
               <view class="weda-lottery__btn-image">
                 <text class="weda-lottery__btn-text">开始抽奖</text>

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/navLayout/index.wxss

@@ -1131,8 +1131,8 @@
 .weda-grid-navigation
   .weda-grid-navigation__col--medium
   .weda-grid-navigation__img {
-  width: 36px;
-  height: 36px;
+  width: 2.57142em;
+  height: 2.57142em;
 }
 .weda-grid-navigation .weda-grid-navigation__icon .lcap-icon-padding {
   padding: 2px 0;
@@ -1141,31 +1141,31 @@
   .weda-grid-navigation__col--medium
   .weda-grid-navigation__icon
   .weda-icon {
-  font-size: 36px;
+  font-size: 2.57142em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--small
   .weda-grid-navigation__img {
-  width: 32px;
+  width: 2.2857em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--small
   .weda-grid-navigation__icon
   .weda-icon {
-  font-size: 32px;
+  font-size: 3.428571em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--big
   .weda-grid-navigation__img {
-  width: 40px;
-  height: 40px;
+  width: 2.85714em;
+  height: 2.85714em;
 }
 
 .weda-grid-navigation
   .weda-grid-navigation__col--big
   .weda-grid-navigation__icon
   .weda-icon {
-  font-size: 40px;
+  font-size: 2.85714em;
 }
 
 .weda-grid-navigation .weda-grid-navigation__icon .weda-grid-navigation__img {
@@ -1174,8 +1174,8 @@
 }
 
 .weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__text {
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.85714em;
+  line-height: 1.42857em;
   text-align: center;
   color: rgba(0, 0, 0, 0.6);
   display: -webkit-box;

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

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