@cloudbase/weda-ui-mp 3.6.0 → 3.6.2

package/components/scrollView/index.js

@@ -99,9 +99,29 @@ Component({
       value: false,
     },
   },
+  data: {
+    clientHeight: 0,
+    clientWidth: 0,
+  },
   methods: {
+    getComponentClientHeight: function () {
+      const that = this;
+      const query = wx.createSelectorQuery().in(this);
+      query.select('.g-scroll-view').boundingClientRect();
+      query.exec((res) => {
+        that.setData({
+          clientHeight: res[0]?.height,
+          clientWidth: res[0]?.width,
+        });
+      });
+    },
+    scroll: function (event) {
+      const { clientHeight, clientWidth } = this.data;
+      const detail = { ...event.detail, clientHeight, clientWidth };
+      this.triggerEvent('scroll', detail);
+    },
     ...handleEvents([
-      { name: 'scroll', title: '滚动时触发' },
+      //   { name: 'scroll', title: '滚动时触发' },
       { name: 'scrolltolower', title: '滚动到底部/右边时触发' },
       { name: 'scrolltoupper', title: '滚动到顶部/左边时触发' },
       {
@@ -116,4 +136,9 @@ Component({
       { name: 'refresherabort', title: '自定义下拉刷新被中止' },
     ]),
   },
+  lifetimes: {
+    ready() {
+      this.getComponentClientHeight();
+    },
+  },
 });

package/components/scrollView/index.wxml

@@ -1,6 +1,6 @@
 <scroll-view
   id="{{id}}"
-  class="weda-ui {{className}}"
+  class="weda-ui g-scroll-view {{className}}"
   style="{{style}}"
   scroll-x="{{scrollX}}"
   scroll-y="{{scrollY}}"

package/components/wd-button/wd-button.wxss

@@ -495,4 +495,9 @@
 
 button::after {
   border: none;
+}
+
+button:not([size=mini]) {
+  margin: 0;
+  width: auto;
 }

package/components/wd-card/index.wxml

@@ -2,7 +2,7 @@
   <view class="{{classPrefix + '-card__header'}}" wx:if="{{showHeader}}">
     <slot name="headerSlot"></slot>
   </view>
-  <view class="{{classPrefix + '-card__body'}}" wx:if="{{contentState === 'show'}}">
+  <view class="{{classPrefix + '-card__body'}} {{contentState !== 'show'?'hide':''}}">
     <slot name="contentSlot"></slot>
   </view>
   <view class="{{classPrefix + '-card__footer'}}" wx:if="{{showFooter}}">

package/components/wd-form/index.js

@@ -246,7 +246,7 @@ Component({
           methodName = methodGetItem;
           params = paramGetItem;
         }
-        console.log('aaaa======', datasourceType);
+
         if (
           (datasourceType === 'expression' ||
             (formTypeWithInitValue.includes(formType) &&

package/components/wd-icon/index.js

@@ -55,6 +55,7 @@ Component({
     iconColor: '',
     width: '',
     height: '',
+    iconType: '',
   },
   lifetimes: {
     attached() {
@@ -125,7 +126,14 @@ Component({
         ...classes,
         [className]: className,
       });
-      this.setData({ cls, fontSize, iconColor, width, height });
+      this.setData({
+        cls,
+        fontSize,
+        iconColor,
+        width,
+        height,
+        iconType: _type,
+      });
     },
     ...handleEvents([{ title: '点击', name: 'tap' }]),
   },

package/components/wd-icon/index.wxml

@@ -1,4 +1,4 @@
 <block bind:tap="tap" id="{{id}}">
-  <view wx:if="{{type ==='inner'}}" style="{{fontSize}}; {{iconColor}} ;{{style}}" class="{{cls}}" bind:tap="tap" bindload="load"> </view>
-  <wd-image wx:if="{{type ==='custom'}}" style="{{width}}; {{height}}; {{style}}" className="{{cls}}" src="{{src ? src : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg'}}" events="{{tap}}" maskClosable="{{false}}" lazyLoad="{{false}}"></wd-image>
+  <view wx:if="{{iconType ==='inner'}}" style="{{fontSize}}; {{iconColor}} ;{{style}}" class="{{cls}}" bind:tap="tap" bindload="load"> </view>
+  <wd-image wx:if="{{iconType ==='custom'}}" style="{{width}}; {{height}}; {{style}}" className="{{cls}}" src="{{src ? src : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg'}}" events="{{tap}}" maskClosable="{{false}}" lazyLoad="{{false}}"></wd-image>
 </block>

package/components/wd-input-group/index.wxss

@@ -1 +1,2 @@
 @import '../../style/wd-design.wxss';
+@import './wd-input-group.wxss';

package/components/wd-top-tab/index.js

@@ -104,10 +104,13 @@ Component({
       this.setData({
         tabsData: tabData,
       });
+
+      this.updateWidgetAPI();
+    },
+    currentIndex: function (currentIndex) {
       this.triggerEvent('change', {
-        value: tabData.find((v) => v.selected)?.value,
+        value: this.properties.list[currentIndex]?.value,
       });
-      this.updateWidgetAPI();
     },
   },
 });

package/package.json

@@ -3,8 +3,11 @@
   "miniprogram": "./",
   "packageManager": "yarn@3.0.2",
   "dependencies": {},
-  "version": "3.6.0",
+  "version": "3.6.2",
   "main": "./",
+  "publishConfig": {
+    "access": "public"
+  },
   "peerDependencies": {
     "@cloudbase/weda-client": ">=1.0.31",
     "miniprogram-gesture": "^1",

package/style/wd-design.wxss

@@ -603,4 +603,18 @@ page,
   --wd-form-weui-input-wrap-bg-focus: var(--wd-color-gray-1);
   --wd-form-weui-input-wrap-text-disabled: var(--wd-color-text-form-disabled);
   --wd-form-weui-input-group-addon-min-width: 5.125rem;
+}
+
+page {
+  /* 修复小程序 Picker 组件滑动体验问题 */
+  touch-action: pan-y;
+  box-sizing: border-box;
+}
+
+page,
+page view,
+page element,
+page text,
+page image {
+  box-sizing: border-box;
 }