@cloudbase/weda-ui-mp 3.11.0 → 3.11.1

package/components/wd-layout/index.js

@@ -25,6 +25,14 @@ Component({
       type: String,
       value: 'white',
     },
+    enableHeaderSlot: {
+      type: Boolean,
+      value: true,
+    },
+    enableContentSlot: {
+      type: Boolean,
+      value: true,
+    },
   },
   data: { classPrefix: WD_PREFIX },
   lifetimes: {},

package/components/wd-layout/index.wxml

@@ -1,5 +1,5 @@
 <view id="{{id}}" style="{{style}}" class="{{classPrefix + '-layout'}} {{classPrefix + '-mp-layout-root'}} {{classPrefix + '-layout-root'}} {{className}} {{template}}">
-  <view class="{{classPrefix + '-layout__header'}} {{template}}">
+  <view class="{{classPrefix + '-layout__header'}} {{template}}"  wx:if="{{enableHeaderSlot}}">
     <view class="{{classPrefix + '-layout__header-item'}} {{classPrefix + '-layout__header-item-left'}}">
       <slot name="headerLeftSlot"></slot>
     </view>
@@ -7,7 +7,7 @@
       <slot name="headerRightSlot"></slot>
     </view>
   </view>
-  <view class="{{classPrefix + '-layout__body'}} {{template}}">
+  <view class="{{classPrefix + '-layout__body'}} {{template}}" wx:if="{{enableContentSlot}}">
     <slot name="contentSlot"></slot>
   </view>
 </view>

package/components/wd-progress/index.js

@@ -10,9 +10,14 @@ import {
 Component({
   options: {
     virtualHost: true,
+    multipleSlots: true,
   },
   behaviors: [itemBehavior, commonCompBehavior, formFieldBehavior],
   properties: {
+    showPercent: {
+      type: Boolean,
+      value: false,
+    },
     min: {
       type: Number,
       value: 0,
@@ -58,6 +63,7 @@ Component({
         visible,
         disabled,
         readOnly,
+        showPercent,
         min,
         max,
         step,
@@ -70,6 +76,7 @@ Component({
         visible,
         disabled,
         readOnly,
+        showPercent,
         min,
         max,
         step,
@@ -119,7 +126,7 @@ Component({
     'value, min, max': function () {
       this._computePercent();
     },
-    'name, value, label, required, visible, disabled, readOnly, min, max, step':
+    'name, value, label, required, visible, disabled, readOnly, showPercent, min, max, step':
       function () {
         this.updateWidgetAPI();
       },

package/components/wd-progress/index.wxml

@@ -24,6 +24,9 @@
       <view class="{{classPrefix}}-progress" bind:touchstart="onTouchStart" bind:tap="onTap" bind:touchmove="onTouchMove">
         <view class="{{classPrefix}}-progress__value" style="width: {{percent}}%;"></view>
       </view>
+      <view class="{{classPrefix}}-progress__percent" wx:if="{{showPercent}}">
+        <slot name="percentSlot"></slot>
+      </view>
     </view>
   </wd-form-item>
 </block>

package/components/wd-progress/wd-progress.wxss

@@ -21,6 +21,7 @@
   border: none;
   border-radius: var(--wd-progress-radius);
   color: var(--wd-progress-text-color);
+  flex-grow: 1;
 }
 .wd-progress__value {
   background: var(--wd-progress-color-default);
@@ -33,6 +34,8 @@
 }
 
 .wd-progress-container {
+  display: flex;
+  align-items: center;
   flex-grow: 1;
 }
 

package/components/wd-tabbar/wd-tabbar.wxss

@@ -58,7 +58,7 @@
   color: var(--wd-tabbar-heder-item-color-hover);
 }
 .wd-tabbar__item:hover .wd-tabbar__item-text {
-  color: var(--wd-tabbar-heder-item-color-hover);
+  color: inherit;
 }
 .wd-tabbar__item-text {
   text-overflow: ellipsis;
@@ -77,7 +77,7 @@
   color: var(--wd-tabbar-heder-item-color-selected);
 }
 .wd-tabbar__item.is-selected .wd-tabbar__item-text {
-  color: var(--wd-tabbar-heder-item-color-selected);
+  color: inherit;
 }
 .wd-tabbar .wd-link__slot {
   width: 100%;

package/components/wd-tabs/wd-tabs.wxss

@@ -169,7 +169,6 @@
   font-size: var(--wd-tabs-vertical-heder-item-size);
   line-height: calc(var(--wd-space-base) * 6);
   color: var(--wd-tabs-vertical-heder-item-color);
-  cursor: pointer;
 }
 .wd-tabs--vertical > .wd-tabs__header > .wd-tabs__header-item-wrap .wd-tabs__item-icon {
   display: flex;
@@ -268,4 +267,12 @@
 }
 .wd-tabs-h5-root.wd-tabs--vertical > .wd-tabs__header-item-wrap .wd-tabs__item:not(.is-disabled).is-selected::after {
   display: block;
+}
+
+.wd-mp-side-tab-root .wd-tabs__item {
+  cursor: unset;
+}
+
+.wd-mp-top-tab-root .wd-tabs__item {
+  cursor: unset;
 }

package/package.json

@@ -3,7 +3,7 @@
   "miniprogram": "./",
   "packageManager": "yarn@3.0.2",
   "dependencies": {},
-  "version": "3.11.0",
+  "version": "3.11.1",
   "main": "./",
   "publishConfig": {
     "access": "public"