1.1.12

CHANGELOG.md

@@ -5,6 +5,19 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 1.1.12 `2023-07-11` 
+### 🚀 Features
+- `PullDownRefresh`: 增加 show-scrollbar 属性 @lolhezihehe ([#2163](https://github.com/Tencent/tdesign-miniprogram/pull/2163))
+### 🐞 Bug Fixes
+- `Rate`: 修复无法点击的问题 @AntzyMo ([#2158](https://github.com/Tencent/tdesign-miniprogram/pull/2158))
+- `Rate`: 使事件冒泡至上层元素 @LeeJim ([#2168](https://github.com/Tencent/tdesign-miniprogram/pull/2168))
+- `DateTimePicker`: 修复无法选择的问题 @betavs ([#2169](https://github.com/Tencent/tdesign-miniprogram/pull/2169))
+- `Tabs`: 修复超出时滚动不流畅的问题 @LeeJim ([#2170](https://github.com/Tencent/tdesign-miniprogram/pull/2170))
+- `TreeSelect`: 修复多选时 value 使用空数组报错的问题 @LeeJim ([#2173](https://github.com/Tencent/tdesign-miniprogram/pull/2173))
+### 🚧 Others
+- 移除开启 virtual-host 场景的 snapshot 测试 @LeeJim ([#2161](https://github.com/Tencent/tdesign-miniprogram/pull/2161))
+- 修复控制台告警 @betavs ([#2164](https://github.com/Tencent/tdesign-miniprogram/pull/2164))
+
 ## 🌈 1.1.11 `2023-07-04` 
 ### 🚀 Features
 - `CheckboxGroup`: 新增 borderless 属性 @betavs ([#2124](https://github.com/Tencent/tdesign-miniprogram/pull/2124))

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tdesign-miniprogram",
   "purename": "tdesign",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "tdesign-miniprogram",
   "title": "tdesign-ßminiprogram",
   "main": "miniprogram_dist/index.js",
@@ -31,9 +31,8 @@
     "site:intranet": "cd site && vite build --mode intranet",
     "site:prerender": "node script/prerender.mjs",
     "cover": "jest --coverage",
-    "test": "jest && jest -c jest.virtualHost.config.js && jest -c jest.e2e.config.js",
-    "test:virtualHost": "jest -c jest.virtualHost.config.js",
-    "test:snap-update": "npm run test:virtualHost -- -u && npm run test:unit -- -u",
+    "test": "jest && jest -c jest.e2e.config.js",
+    "test:snap-update": "npm run test:unit -- -u",
     "test:demo": "node gen-demo-test.js",
     "test:unit": "jest",
     "test:e2e": "jest -c jest.e2e.config.js",
@@ -94,7 +93,7 @@
     "lodash": "^4.17.21",
     "miniprogram-api-typings": "^3.4.6",
     "miniprogram-automator": "^0.10.0",
-    "miniprogram-simulate": "^1.5.7",
+    "miniprogram-simulate": "^1.6.0",
     "npm-run-all": "^4.1.5",
     "playwright": "^1.19.1",
     "prettier": "^2.0.5",

script/test/setup.js

@@ -1,5 +1,6 @@
 import Path from 'path';
 import simulate from 'miniprogram-simulate';
+import similateApi from 'miniprogram-simulate/src/api';
 import { canUseVirtualHost } from '../../src/common/version';
 
 global.getApp = () => null;
@@ -13,5 +14,27 @@ global.load = (path, demoName) => {
     },
   });
 };
-
+global.wx = {
+  ...similateApi,
+  getSystemInfoSync: () => {
+    return {
+      SDKVersion: '2.19.1',
+      batteryLevel: 100,
+      benchmarkLevel: 1,
+      brand: 'devtools',
+      fontSizeSetting: 16,
+      language: 'zh_CN',
+      model: 'iPhone 7 Plus',
+      pixelRatio: 3,
+      platform: 'devtools',
+      screenHeight: 736,
+      screenWidth: 414,
+      statusBarHeight: 20,
+      system: 'iOS 10.0.1',
+      version: '6.6.3',
+      windowHeight: 672,
+      windowWidth: 414,
+    };
+  },
+};
 global.VIRTUAL_HOST = canUseVirtualHost();

src/common/template/button.wxml

@@ -14,7 +14,7 @@
     size="{{size || 'medium'}}"
     variant="{{variant || 'base'}}"
     open-type="{{openType || ''}}"
-    hover-class="{{hoverClass}}"
+    hover-class="{{hoverClass || ''}}"
     hover-stop-propagation="{{hoverStopPropagation || false}}"
     hover-start-time="{{hoverStartTime || 20}}"
     hover-stay-time="{{hoverStayTime || 70}}"

src/dialog/index.ts

@@ -37,7 +37,7 @@ interface DialogActionOptionsType {
 }
 
 const defaultOptions = {
-  actions: false,
+  actions: [],
   buttonLayout: props.buttonLayout.value,
   cancelBtn: props.cancelBtn.value,
   closeOnOverlayClick: props.closeOnOverlayClick.value,

src/message/__test__/index.test.js

@@ -1,13 +1,8 @@
 import simulate from 'miniprogram-simulate';
 import path from 'path';
-import similateApi from 'miniprogram-simulate/src/api';
 import Message from '../index';
 import * as Util from '../../common/utils';
 
-global.wx = {
-  ...similateApi,
-};
-
 const mockGetRect = jest.spyOn(Util, 'getRect');
 mockGetRect.mockImplementation(() => {
   return new Promise((resolve) => resolve({ height: 46, width: 156 }));

src/navbar/__test__/__snapshots__/index.test.js.snap

@@ -40,7 +40,7 @@ exports[`navbar :base 2`] = `
   <t-navbar>
     <wx-view
       class="t-navbar t-navbar--fixed t-navbar--hide-animation class t-class"
-      style=""
+      style="--td-navbar-padding-top:20px; --td-navbar-right:94px; --td-navbar-capsule-height: 32px; --td-navbar-capsule-width: 87px; --td-navbar-height: 94px;"
     >
       <wx-view
         class="t-navbar__placeholder"
@@ -75,7 +75,7 @@ exports[`navbar :base 3`] = `
   <t-navbar>
     <wx-view
       class="t-navbar t-navbar--fixed t-navbar--hide class t-class"
-      style=""
+      style="--td-navbar-padding-top:20px; --td-navbar-right:94px; --td-navbar-capsule-height: 32px; --td-navbar-capsule-width: 87px; --td-navbar-height: 94px;"
     >
       <wx-view
         class="t-navbar__placeholder"
@@ -110,7 +110,7 @@ exports[`navbar :fixed 1`] = `
   <t-navbar>
     <wx-view
       class="t-navbar t-navbar--fixed t-navbar--visible-animation class t-class"
-      style=""
+      style="--td-navbar-padding-top:20px; --td-navbar-right:94px; --td-navbar-capsule-height: 32px; --td-navbar-capsule-width: 87px; --td-navbar-height: 94px;"
     >
       <wx-view
         class="t-navbar__placeholder"
@@ -145,7 +145,7 @@ exports[`navbar :menu button 1`] = `
   <t-navbar>
     <wx-view
       class="t-navbar t-navbar--fixed  class t-class"
-      style="--td-navbar-padding-top:20px; --td-navbar-right:414px; --td-navbar-capsule-height: 10px; --td-navbar-capsule-width: 40px; --td-navbar-height: -10px;"
+      style="--td-navbar-padding-top:20px; --td-navbar-right:428px; --td-navbar-capsule-height: 10px; --td-navbar-capsule-width: 40px; --td-navbar-height: -10px;"
     >
       <wx-view
         class="t-navbar__placeholder"

src/picker/picker.ts

@@ -25,7 +25,7 @@ export default class Picker extends SuperComponent {
   };
 
   observers = {
-    visible() {
+    'value, visible'() {
       this.updateChildren();
     },
     keys(obj) {

src/pull-down-refresh/README.en-US.md

@@ -15,6 +15,7 @@ lower-threshold | String / Number | 50 | `1.1.5` | N
 max-bar-height | String / Number | 80 | \- | N
 refresh-timeout | Number | 3000 | \- | N
 scroll-into-view | String | - | `1.1.5` | N
+show-scrollbar | Boolean | true | \- | N
 upper-threshold | String / Number | 50 | `1.1.5` | N
 value | Boolean | false | \- | N
 default-value | Boolean | undefined | uncontrolled property | N

src/pull-down-refresh/README.md

@@ -43,6 +43,7 @@ lower-threshold | String / Number | 50 | `1.1.5`。距底部/右边多远时，
 max-bar-height | String / Number | 80 | 最大下拉高度，如果值为数字则单位是：'px' | N
 refresh-timeout | Number | 3000 | 刷新超时时间 | N
 scroll-into-view | String | - | `1.1.5`。值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素 | N
+show-scrollbar | Boolean | true | 滚动条显隐控制 (同时开启 enhanced 属性后生效) | N
 upper-threshold | String / Number | 50 | `1.1.5`。距顶部/左边多远时，触发 scrolltoupper 事件 | N
 value | Boolean | false | 组件状态，值为 `true` 表示下拉状态，值为 `false` 表示收起状态 | N
 default-value | Boolean | undefined | 组件状态，值为 `true` 表示下拉状态，值为 `false` 表示收起状态。非受控属性 | N

src/pull-down-refresh/props.ts

@@ -54,6 +54,11 @@ const props: TdPullDownRefreshProps = {
     type: String,
     value: '',
   },
+  /** 滚动条显隐控制 (同时开启 enhanced 属性后生效) */
+  showScrollbar: {
+    type: Boolean,
+    value: true,
+  },
   /** 距顶部/左边多远时，触发 scrolltoupper 事件 */
   upperThreshold: {
     type: null,

src/pull-down-refresh/pull-down-refresh.wxml

@@ -10,6 +10,7 @@
   lower-threshold="{{lowerThreshold}}"
   upper-threshold="{{upperThreshold}}"
   scroll-into-view="{{scrollIntoView}}"
+  show-scrollbar="{{showScrollbar}}"
   enhanced
   scroll-with-animation
   bounces="{{false}}"

src/pull-down-refresh/type.ts

@@ -85,6 +85,14 @@ export interface TdPullDownRefreshProps {
     type: StringConstructor;
     value?: string;
   };
+  /**
+   * 滚动条显隐控制 (同时开启 enhanced 属性后生效)
+   * @default true
+   */
+  showScrollbar?: {
+    type: BooleanConstructor;
+    value?: boolean;
+  };
   /**
    * 距顶部/左边多远时，触发 scrolltoupper 事件
    * @default 50

src/rate/rate.ts

@@ -33,7 +33,7 @@ export default class Rate extends SuperComponent {
   methods = {
     onTouch(e: WechatMiniprogram.TouchEvent, eventType: 'tap' | 'move') {
       const { count, allowHalf, gap, value: currentValue, size } = this.properties;
-      const [touch] = e.touches;
+      const [touch] = e.changedTouches;
       const margin = unitConvert(gap);
       getRect(this, `.${name}__wrapper`).then((rect) => {
         const { width, left } = rect;
@@ -77,7 +77,7 @@ export default class Rate extends SuperComponent {
     },
     onTouchMove(e: WechatMiniprogram.TouchEvent) {
       this.onTouch(e, 'move');
-      this.showAlertText()
+      this.showAlertText();
     },
     onTouchEnd() {
       this.touchEnd = true;

src/rate/rate.wxml

@@ -5,11 +5,11 @@
   <view
     class="{{classPrefix}}__wrapper {{prefix}}-class"
     style="font-size:{{ utils.regSize(size) }}"
-    catch:touchstart="onTouchStart"
-    catch:touchmove="{{ !disabled ? 'onTouchMove' : '' }}"
-    catch:tap="{{ !disabled ? 'onTap' : '' }}"
-    catch:touchend="{{ !disabled ? 'onTouchEnd' : ''}}"
-    catch:touchcancel="{{ !disabled ? 'onTouchEnd' : ''}}"
+    bind:touchstart="{{ !disabled ? 'onTouchStart' : '' }}"
+    bind:touchmove="{{ !disabled ? 'onTouchMove' : '' }}"
+    bind:tap="{{ !disabled ? 'onTap' : '' }}"
+    bind:touchend="{{ !disabled ? 'onTouchEnd' : ''}}"
+    bind:touchcancel="{{ !disabled ? 'onTouchEnd' : ''}}"
     aria-role="slider"
     aria-valuemax="{{count}}"
     aria-valuemin="{{0}}"

src/tabs/tabs.ts

@@ -64,6 +64,7 @@ export default class Tabs extends SuperComponent {
     currentIndex: -1,
     trackStyle: '',
     offset: 0,
+    scrollLeft: 0,
     tabID: '',
     placement: 'top',
   };
@@ -96,7 +97,7 @@ export default class Tabs extends SuperComponent {
     onScroll(e) {
       const { scrollLeft } = e.detail;
       this.setData({
-        offset: scrollLeft,
+        scrollLeft,
       });
     },
     updateTabs(cb) {
@@ -190,7 +191,7 @@ export default class Tabs extends SuperComponent {
         });
 
         if (this.containerWidth) {
-          const offset = this.calcScrollOffset(this.containerWidth, rect.left, rect.width, this.data.offset);
+          const offset = this.calcScrollOffset(this.containerWidth, rect.left, rect.width, this.data.scrollLeft);
           const maxOffset = totalSize - this.containerWidth;
           this.setData({
             offset: Math.min(Math.max(offset, 0), maxOffset),

src/tabs/tabs.wxml

@@ -19,7 +19,9 @@
         enable-flex
         scroll-left="{{offset}}"
         scroll-x="{{true}}"
+        scroll-anchoring
         scroll-with-animation
+        enable-passive
         show-scrollbar="{{false}}"
         bind:scroll="onScroll"
       >

src/tree-select/tree-select.ts

@@ -66,7 +66,7 @@ export default class TreeSelect extends SuperComponent {
 
       if (multiple) {
         const finalValue = this.data.value || this.data.defaultValue;
-        if (!Array.isArray(finalValue[leafLevel])) {
+        if (finalValue[leafLevel] != null && !Array.isArray(finalValue[leafLevel])) {
           throw TypeError('应传入数组类型的 value');
         }
       }