1.2.2

CHANGELOG.md

@@ -5,6 +5,20 @@ toc: false
 docClass: timeline
 ---
 
+   ## 🌈 1.2.2 `2023-08-29` 
+### 🚀 Features
+- `Rate`: 支持第三方图标 @lixingdecai ([#2328](https://github.com/Tencent/tdesign-miniprogram/pull/2328))
+- `Button`: 新增 `t-id` 属性，相等于 `id` @HellyW ([#2320](https://github.com/Tencent/tdesign-miniprogram/pull/2320))
+- `Button`: 属性 `open-type` 新增支持 `agreePrivacyAuthorization` @HellyW ([#2320](https://github.com/Tencent/tdesign-miniprogram/pull/2320))
+
+### 🐞 Bug Fixes
+- `Stepper`: 修复无法输出小数的问题 @LeeJim ([#2314](https://github.com/Tencent/tdesign-miniprogram/pull/2314))
+- `Stepper`: 修复输入小数后增减的精度问题 @LeeJim ([#2314](https://github.com/Tencent/tdesign-miniprogram/pull/2314))
+- `TreeSelect`: 解决异步 options 导致无法渲染的问题 @LeeJim ([#2315](https://github.com/Tencent/tdesign-miniprogram/pull/2315))
+- `TreeSelect`: 解决异步数据导致的报错问题 @LeeJim ([#2315](https://github.com/Tencent/tdesign-miniprogram/pull/2315))
+- `ActionSheet`: 移除未使用的组件 @betavs ([#2318](https://github.com/Tencent/tdesign-miniprogram/pull/2318))
+- `SideBar`: 修复示例滚动问题 @betavs ([#2325](https://github.com/Tencent/tdesign-miniprogram/pull/2325))
+
   ## 🌈 1.2.1 `2023-08-22` 
 ### 🚀 Features
 - `Radio`: 新增 `readonly` 属性 @betavs ([#2292](https://github.com/Tencent/tdesign-miniprogram/pull/2292))

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tdesign-miniprogram",
   "purename": "tdesign",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "tdesign-miniprogram",
   "title": "tdesign-ßminiprogram",
   "main": "miniprogram_dist/index.js",

src/action-sheet/action-sheet.json

@@ -4,7 +4,6 @@
     "t-icon": "../icon/icon",
     "t-popup": "../popup/popup",
     "t-grid": "../grid/grid",
-    "t-grid-item": "../grid-item/grid-item",
-    "t-swiper-nav": "../swiper-nav/swiper-nav"
+    "t-grid-item": "../grid-item/grid-item"
   }
 }

src/button/README.en-US.md

@@ -5,6 +5,7 @@
 
 name | type | default | description | required
 -- | -- | -- | -- | --
+t-id | String | - | button tag id | N
 block | Boolean | false | make button to be a block-level element | N
 content | String / Slot | - | button's children elements | N
 custom-dataset | Object | - | Typescript：`any` | N
@@ -20,7 +21,7 @@ suffix | Slot | - | \- | N
 theme | String | default | button theme。options：default/primary/danger | N
 type | String | - | type of button element, same as formType of Miniprogram。options：submit/reset | N
 variant | String | base | button variant。options：base/outline/text | N
-open-type | String | - | options：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar | N
+open-type | String | - | options：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar/agreePrivacyAuthorization | N
 hover-stop-propagation | Boolean | false | \- | N
 hover-start-time | Number | 20 | \- | N
 hover-stay-time | Number | 70 | \- | N
@@ -38,6 +39,7 @@ binderror | Eventhandle | - | \- | N
 bindopensetting | Eventhandle | - | \- | N
 bindlaunchapp | Eventhandle | - | \- | N
 bindchooseavatar | Eventhandle | - | \- | N
+bindagreeprivacyauthorization | Eventhandle | - | \-| N
 
 ### Button Events
 

src/button/README.md

@@ -65,6 +65,7 @@ isComponent: true
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
+t-id | String | - | 按钮标签id | N
 block | Boolean | false | 是否为块级元素 | N
 content | String / Slot | - | 按钮内容 | N
 custom-dataset | Object | - | 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取。TS 类型：`any` | N
@@ -79,7 +80,7 @@ suffix | Slot | - | 右侧内容，可用于定义右侧图标 | N
 theme | String | default | 组件风格，依次为品牌色、危险色。可选项：default/primary/danger/light | N
 type | String | - | 同小程序的 formType。可选项：submit/reset | N
 variant | String | base | 按钮形式，基础、线框、文字。可选项：base/outline/dashed/text | N
-open-type | String | - | 微信开放能力。<br />具体释义：<br />`contact` 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html">具体说明</a> （*小程序插件中不能使用*）；<br />`share` 触发用户转发，使用前建议先阅读<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#使用指引">使用指引</a>；<br />`getPhoneNumber` 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html">具体说明</a> （*小程序插件中不能使用*）；<br />`getUserInfo` 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 （*小程序插件中不能使用*）；<br />`launchApp` 打开APP，可以通过 app-parameter 属性设定向 APP 传的参数<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html">具体说明</a>；<br />`openSetting` 打开授权设置页；<br />`feedback` 打开“意见反馈”页面，用户可提交反馈内容并上传<a href="https://developers.weixin.qq.com/miniprogram/dev/api/base/debug/wx.getLogManager.html">日志</a>，开发者可以登录<a href="https://mp.weixin.qq.com/">小程序管理后台</a>后进入左侧菜单“客服反馈”页面获取到反馈内容；<br />`chooseAvatar` 获取用户头像，可以从 bindchooseavatar 回调中获取到头像信息。<br />[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。可选项：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar | N
+open-type | String | - | 微信开放能力。<br />具体释义：<br />`contact` 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html">具体说明</a> （*小程序插件中不能使用*）；<br />`share` 触发用户转发，使用前建议先阅读<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#使用指引">使用指引</a>；<br />`getPhoneNumber` 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html">具体说明</a> （*小程序插件中不能使用*）；<br />`getUserInfo` 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 （*小程序插件中不能使用*）；<br />`launchApp` 打开APP，可以通过 app-parameter 属性设定向 APP 传的参数<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html">具体说明</a>；<br />`openSetting` 打开授权设置页；<br />`feedback` 打开“意见反馈”页面，用户可提交反馈内容并上传<a href="https://developers.weixin.qq.com/miniprogram/dev/api/base/debug/wx.getLogManager.html">日志</a>，开发者可以登录<a href="https://mp.weixin.qq.com/">小程序管理后台</a>后进入左侧菜单“客服反馈”页面获取到反馈内容；<br />`chooseAvatar` 获取用户头像，可以从 bindchooseavatar 回调中获取到头像信息；<br />`agreePrivacyAuthorization`用户同意隐私协议按钮。用户点击一次此按钮后，所有隐私接口可以正常调用。可通过`bindagreeprivacyauthorization`监听用户同意隐私协议事件。隐私合规开发指南详情可见《<a href="https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/PrivacyAuthorize.html">小程序隐私协议开发指南</a>》。<br />[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。可选项：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar/agreePrivacyAuthorization | N
 hover-class | String | '' | 指定按钮按下去的样式类，按钮不为加载或禁用状态时有效。当 `hover-class="none"` 时，没有点击态效果 | N
 hover-stop-propagation | Boolean | false | 指定是否阻止本节点的祖先节点出现点击态 | N
 hover-start-time | Number | 20 | 按住后多久出现点击态，单位毫秒 | N
@@ -98,6 +99,7 @@ binderror | Eventhandle | - | 当使用开放能力时，发生错误的回调
 bindopensetting | Eventhandle | - | 在打开授权设置页后回调，open-type=openSetting时有效 | N
 bindlaunchapp | Eventhandle | - | 打开 APP 成功的回调，open-type=launchApp时有效 | N
 bindchooseavatar | Eventhandle | - | 获取用户头像回调，open-type=chooseAvatar时有效 | N
+bindagreeprivacyauthorization | Eventhandle | - | 用户同意隐私协议事件回调，open-type=agreePrivacyAuthorization时有效 | N
 
 ### Button Events
 

src/button/__test__/index.test.js

@@ -57,6 +57,7 @@ describe('button', () => {
     const handler = jest.fn();
     const id = simulate.load({
       template: `<t-button
+        tId="test"
         class="btn"
         openType="{{openType}}"
         bind:getuserinfo="handler"
@@ -66,6 +67,7 @@ describe('button', () => {
         bind:opensetting="handler"
         bind:launchapp="handler"
         bind:chooseavatar="handler"
+        bind:agreeprivacyauthorization="handler"
       ></t-button>`,
       data: {
         openType: 'getUserInfo',
@@ -109,5 +111,9 @@ describe('button', () => {
     $btn.dispatchEvent('chooseavatar');
     await simulate.sleep(10);
     expect(handler).toHaveBeenCalledTimes(14);
+
+    $btn.dispatchEvent('agreeprivacyauthorization');
+    await simulate.sleep(10);
+    expect(handler).toHaveBeenCalledTimes(16);
   });
 });

src/button/button.ts

@@ -91,6 +91,9 @@ export default class Button extends SuperComponent {
     chooseavatar(e) {
       this.triggerEvent('chooseavatar', e.detail);
     },
+    agreeprivacyauthorization(e) {
+      this.triggerEvent('agreeprivacyauthorization', e.detail);
+    },
     handleTap(e) {
       if (this.data.disabled || this.data.loading) return;
 

src/button/button.wxml

@@ -2,6 +2,7 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <button
+  id="{{tId}}"
   style="{{_._style([style, customStyle])}}"
   data-custom="{{ customDataset }}"
   class="class {{className}}"
@@ -26,6 +27,7 @@
   bind:opensetting="opensetting"
   bind:launchapp="launchapp"
   bind:chooseavatar="chooseavatar"
+  bind:agreeprivacyauthorization="agreeprivacyauthorization"
   aria-label="{{ariaLabel}}"
 >
   <template

src/button/props.ts

@@ -5,7 +5,11 @@
  * */
 
 import { TdButtonProps } from './type';
-const props: TdButtonProps = {
+const props: TdButtonProps = { 
+   /**按钮id */
+  tId: {
+    type: String,
+  },
   /** 是否为块级元素 */
   block: {
     type: Boolean,

src/button/type.ts

@@ -8,6 +8,11 @@ import { LoadingProps } from '../loading/index';
 import { SizeEnum } from '../common/common';
 
 export interface TdButtonProps {
+    /**按钮id */
+    tId?: {
+      type: StringConstructor;
+      value?: string;
+    };
   /**
    * 是否为块级元素
    * @default false
@@ -127,7 +132,8 @@ export interface TdButtonProps {
       | 'launchApp'
       | 'openSetting'
       | 'feedback'
-      | 'chooseAvatar';
+      | 'chooseAvatar'
+      | 'agreePrivacyAuthorization';
   };
   /**
    * 指定按钮按下去的样式类，按钮不为加载或禁用状态时有效。当 `hover-class="none"` 时，没有点击态效果

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

@@ -757,6 +757,7 @@ exports[`calendar :base 1`] = `
                   hoverStartTime="{{20}}"
                   hoverStayTime="{{70}}"
                   hoverStopPropagation="{{false}}"
+                  id=""
                   lang="en"
                   openType=""
                   sendMessageImg=""
@@ -765,6 +766,7 @@ exports[`calendar :base 1`] = `
                   sessionFrom=""
                   showMessageCard="{{false}}"
                   style=""
+                  bind:agreeprivacyauthorization="agreeprivacyauthorization"
                   bind:chooseavatar="chooseavatar"
                   bind:contact="contact"
                   bind:error="error"

src/common/template/button.wxml

@@ -1,5 +1,6 @@
 <template name="button">
   <t-button
+    t-id="{{tId}}"
     block="{{block || false}}"
     class="{{class || ''}}"
     t-class="{{externalClass}}"

src/rate/README.en-US.md

@@ -17,6 +17,7 @@ size | String | 24px | \- | N
 texts | Array | [] | Typescript：`Array<string>` | N
 value | Number | 0 | \- | N
 default-value | Number | undefined | uncontrolled property | N
+iconPrefix | String  | undefined | icon prefix | N        
 variant | String | outline | options：outline/filled | N
 
 ### Rate Events
@@ -36,4 +37,4 @@ Name | Default Value | Description
 --td-rate-text-active-font-weight | 600 | - 
 --td-rate-text-color | @font-gray-4 | - 
 --td-rate-text-font-size | @font-size-m | - 
---td-rate-unselected-color | @bg-color-secondarycomponent | - 
+--td-rate-unselected-color | @bg-color-secondarycomponent | - 

src/rate/README.md

@@ -58,6 +58,10 @@ isComponent: true
 
 {{ special }}
 
+自定义图片前缀
+
+{{iconPrefix}}
+
 
 ## API
 ### Rate Props
@@ -75,6 +79,7 @@ size | String | 24px | 评分图标的大小 | N
 texts | Array | [] | 评分等级对应的辅助文字。组件内置默认值为：['极差', '失望', '一般', '满意', '惊喜']。自定义值示例：['1分', '2分', '3分', '4分', '5分']。TS 类型：`Array<string>` | N
 value | Number | 0 | 选择评分的值 | N
 default-value | Number | undefined | 选择评分的值。非受控属性 | N
+iconPrefix | String | undefined | 定义图标前缀 
 variant | String | outline | 废弃。形状类型，有描边类型和填充类型两种。可选项：outline/filled | N
 
 ### Rate Events

src/rate/_example/custom-prefix/index.js

@@ -0,0 +1,13 @@
+Component({
+  data: {
+    value: 3,
+  },
+  methods: {
+    onChange(e) {
+      const { value } = e.detail;
+      this.setData({
+        value,
+      });
+    },
+  },
+});

src/rate/_example/custom-prefix/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "t-rate": "tdesign-miniprogram/rate/rate"
+  }
+}

src/rate/_example/custom-prefix/index.wxml

@@ -0,0 +1,4 @@
+<view class="demo-rate">
+  <view class="demo-rate__title">第三方图标</view>
+  <t-rate value="{{value}}" iconPrefix="icon" icon="a-1h" bind:change="onChange" />
+</view>

src/rate/_example/custom-prefix/index.wxss

@@ -0,0 +1,22 @@
+.demo-rate {
+  background-color: #fff;
+  height: 96rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 32rpx;
+  border-bottom: solid 1rpx #f0f0f0;
+  border-top: solid 1rpx #f0f0f0;
+  margin-top: 32rpx;
+  margin-bottom: 32rpx;
+}
+
+.demo-rate__title {
+  width: 200rpx;
+}
+
+.demo-rate__transparent {
+  background-color: transparent;
+  padding-left: 32rpx;
+  border: 0;
+}

src/rate/_example/iconfont.wxss

@@ -0,0 +1,31 @@
+@font-face {
+  font-family: 'icon'; /* Project id 3144196 */
+  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPUAAsAAAAACGAAAAOFAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDGgqEPIQBATYCJAMUCwwABCAFhDcHQhtVBxHVmy/JfhzGjunMd9u7ZdNoJGL95+B5ckPfvzsIgZjoVHHRKe1qNlEdfUoAPFpzlgKhvLdV7dpf4MyYhRbmw1+ObxM9+wDSmJP2okWn0XkEe1sWSOAJJR4mYA3TSx7kD48ggEsZ9VFNm7ftSsjYQVPHk4DBlwpUtTJ21IhBONyBmagVHAR76U6DbMQCtUo9BzZk75cfVIgDCkvjn9NxeLOhPPTb+R31wtqF6PckEgQ4WwEWoIGih7mk93SgK7pIF6FxhwKGPDTZIOB3rK312yWKZ//hgaDQGBAbvzoIgIYwY8BvFxEI+O0JFPgdCDT4HVVfpN0CwAWWfQ68w1yWUQUvFRUUEJMZ0zBmzKILZ26suXbqHGrh2ZNXV18/fV68hafWnInRi06vPskQ3VV6eKqH9vB2nPDWbNu2C1xZtH31VhgiPfbE7kmo2ba78+R9oy6cueOtuXVuHwt3+kNEdfVYNWfEmhMii067q3cK6kYqetu26F2w6GjUtlO79uXprVE7b7r38YsHl62wxmwPBrvdDvyl7A2Os2v65berseOS461n/fL6PbPim4dlpFSGJIdmpmSGMm3NvmaVrZtVNPePPcwtGCU9i0KcX3dKyKGCTUFnY9aHrCNjTeN5PzcGxQd6498Eh4WH5zXPjbbvdIxJHLz4dnx4QLNlC4Y/nd98/MZvwLSjqfOTGoRGhEX8dfOa50XbtyfEJHVbM+JAnW7F8SnLQr7+lxVUpFRN6PF4ZnpY62/ZybnNs8Ki0qIimiWf7HroYciPBM85E3+uGqdmAKjPamomzPiEAAJN2zkJA0Lr/nY8A8DHwLJq4DAszzgoYIrfbuy7UNRYGTKaoc7Ih2BddD9goQJcXKDWj0Tw8RhT5OIkCKahZFAEEAuNIYUyXAYsPHJgYyiHSyHV+z0iGYhGTCCQwxQAwWEXFCEcgsbhAmW4G7CI4QFsHF7AxXn+ZQ85QYZDxpFxgekHag6eQj1npVcULztmKY8ST8xFwTh0dVvPXdBjXrOmvEXPTEA5ODhvvQ+tDRBz0DhzLZnjvmlo6Cn1HNzqkHFkXIDpB6g5eEos3Fx+RfGyYx5QZ74nQl3hclgPdNS0E9TF4Ce7XrS+vEUPMwFkq4MDzlf70AbpAMThaRpnrpEbknFPg8RoqaG+1uTekpz14a+2RIkWI5bYbAdV7S6ydTKm+/ggVysAAAA=')
+      format('woff2'),
+    url('//at.alicdn.com/t/font_3144196_s14ifjx2cyi.woff?t=1642299317916') format('woff'),
+    url('//at.alicdn.com/t/font_3144196_s14ifjx2cyi.ttf?t=1642299317916') format('truetype');
+}
+
+.icon {
+  font-family: 'icon' !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-a-0:before {
+  content: '\e64d';
+}
+
+.icon-a-1h:before {
+  content: '\e64e';
+}
+
+.icon-a-2h:before {
+  content: '\e64f';
+}
+
+.icon-a-3h:before {
+  content: '\e650';
+}

src/rate/_example/rate.json

@@ -3,6 +3,7 @@
   "usingComponents": {
     "base": "./base",
     "custom": "./custom",
+    "custom-prefix": "./custom-prefix",
     "special": "./special",
     "un-filled": "./un-filled",
     "count": "./count",

src/rate/_example/rate.less

@@ -0,0 +1 @@
+@import './iconfont.wxss';

src/rate/_example/rate.wxml

@@ -8,6 +8,9 @@
     <view class="demo-desc">自定义评分</view>
     <custom />
 
+    <view class="demo-desc">第三方图标评分</view>
+    <custom-prefix />
+
     <view class="demo-desc">自定义评分数量</view>
     <count />
 

src/rate/props.ts

@@ -34,6 +34,11 @@ const props: TdRateProps = {
     type: null,
     value: 8,
   },
+  /** 自定义图标前缀 */
+  iconPrefix: {
+    type: String,
+    value: undefined,
+  },
   /** 自定义评分图标，[选中图标，未选中图标] */
   icon: {
     type: null,

src/rate/rate.wxml

@@ -24,6 +24,7 @@
       t-class="{{prefix}}-class-icon"
       name="{{utils.getIconName(defaultValue, value, index, icon)}}"
       size="{{ size }}"
+      prefix="{{iconPrefix}}"
     />
   </view>
   <text

src/rate/type.ts

@@ -59,6 +59,14 @@ export interface TdRateProps {
     type: null;
     value?: string | number;
   };
+  /**
+   * 自定义图标前缀
+   */
+  iconPrefix?: {
+    type: StringConstructor;
+    value?: string;
+    reuqired?: boolean;
+  };
   /**
    * 自定义评分图标，[选中图标，未选中图标]
    */