diff --git a/CHANGELOG.md b/CHANGELOG.md index 20f26492c..7ad2f393b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,16 @@ toc: false docClass: timeline --- +## 🌈 1.1.1 `2023-04-03` +### 🚀 Features +- `Button`: 新增 hover-class 属性 @anlyyao ([#1847](https://github.com/Tencent/tdesign-miniprogram/pull/1847)) +### 🐞 Bug Fixes +- `Tabs`: 解决内容重叠的问题 @LeeJim ([#1853](https://github.com/Tencent/tdesign-miniprogram/pull/1853)) +- `Message`: 处理 `loop` 产生的控制台告警 @anlyyao ([#1856](https://github.com/Tencent/tdesign-miniprogram/pull/1856)) +- `Message`: 修复 `marquee = true` 时，滚动动画错误 @anlyyao ([#1856](https://github.com/Tencent/tdesign-miniprogram/pull/1856)) +- `Avatar`: 修复控制台报错 @jarmywang ([#1858](https://github.com/Tencent/tdesign-miniprogram/pull/1858)) +- `Drawer`: 修复 destroyOnClose 属性不生效 @jarmywang ([#1864](https://github.com/Tencent/tdesign-miniprogram/pull/1864)) + ## 🌈 1.1.0 `2023-03-27` ### 🚀 Features - `Layout`: 新增布局组件，包含 row 和 col 组件 @wuping97 ([#1821](https://github.com/Tencent/tdesign-miniprogram/pull/1821)) diff --git a/package.json b/package.json index a97fc3491..829a2e3d6 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "tdesign-miniprogram", "purename": "tdesign", - "version": "1.1.0", + "version": "1.1.1", "description": "tdesign-miniprogram", "title": "tdesign-ßminiprogram", "main": "miniprogram_dist/index.js", diff --git a/src/avatar/avatar.ts b/src/avatar/avatar.ts index 1c4406738..10107db43 100644 --- a/src/avatar/avatar.ts +++ b/src/avatar/avatar.ts @@ -28,7 +28,7 @@ export default class Avatar extends SuperComponent { classPrefix: name, isShow: true, zIndex: 0, - bordered: false, + borderedWithGroup: false, }; relations: RelationsOptions = { @@ -39,7 +39,7 @@ export default class Avatar extends SuperComponent { this.setData({ size: this.data.size ?? parent.data.size, - bordered: true, + borderedWithGroup: true, }); }, }, diff --git a/src/avatar/avatar.wxml b/src/avatar/avatar.wxml index e908f5ad3..a92bb54f4 100644 --- a/src/avatar/avatar.wxml +++ b/src/avatar/avatar.wxml @@ -21,7 +21,7 @@ t-class-count="{{badgeProps.tClassCount}}" > 具体释义：
`contact` 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，具体说明 （*小程序插件中不能使用*）；
`share` 触发用户转发，使用前建议先阅读使用指引；
`getPhoneNumber` 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，具体说明 （*小程序插件中不能使用*）；
`getUserInfo` 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 （*小程序插件中不能使用*）；
`launchApp` 打开APP，可以通过 app-parameter 属性设定向 APP 传的参数具体说明；
`openSetting` 打开授权设置页；
`feedback` 打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容；
`chooseAvatar` 获取用户头像，可以从 bindchooseavatar 回调中获取到头像信息。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。可选项：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar | N +hover-class | String | '' | 指定按钮按下去的样式类，按钮不为加载或禁用状态时有效。当 `hover-class="none"` 时，没有点击态效果 | N hover-stop-propagation | Boolean | false | 指定是否阻止本节点的祖先节点出现点击态 | N hover-start-time | Number | 20 | 按住后多久出现点击态，单位毫秒 | N hover-stay-time | Number | 70 | 手指松开后点击态保留时间，单位毫秒 | N diff --git a/src/button/button.wxml b/src/button/button.wxml index c58235851..eefa0f3fd 100644 --- a/src/button/button.wxml +++ b/src/button/button.wxml @@ -12,7 +12,7 @@ hover-stay-time="{{hoverStayTime}}" lang="{{lang}}" session-from="{{sessionFrom}}" - hover-class="{{disabled || loading ? '' : classPrefix + '--hover'}}" + hover-class="{{disabled || loading ? '' : (hoverClass || classPrefix + '--hover')}}" send-message-title="{{sendMessageTitle}}" send-message-path="{{sendMessagePath}}" send-message-img="{{sendMessageImg}}" diff --git a/src/button/props.ts b/src/button/props.ts index a08db5891..75a95e7e3 100644 --- a/src/button/props.ts +++ b/src/button/props.ts @@ -74,6 +74,11 @@ const props: TdButtonProps = { openType: { type: String, }, + /** 指定按钮按下去的样式类，按钮不为加载或禁用状态时有效。当 `hover-class="none"` 时，没有点击态效果 */ + hoverClass: { + type: String, + value: '', + }, /** 指定是否阻止本节点的祖先节点出现点击态 */ hoverStopPropagation: { type: Boolean, diff --git a/src/button/type.ts b/src/button/type.ts index 4069e1656..7d4ed76ba 100644 --- a/src/button/type.ts +++ b/src/button/type.ts @@ -129,6 +129,14 @@ export interface TdButtonProps { | 'feedback' | 'chooseAvatar'; }; + /** + * 指定按钮按下去的样式类，按钮不为加载或禁用状态时有效。当 `hover-class="none"` 时，没有点击态效果 + * @default '' + */ + hoverClass?: { + type: StringConstructor; + value?: string; + }; /** * 指定是否阻止本节点的祖先节点出现点击态 * @default false diff --git a/src/drawer/drawer.wxml b/src/drawer/drawer.wxml index 026f80035..3d67c0f7f 100644 --- a/src/drawer/drawer.wxml +++ b/src/drawer/drawer.wxml @@ -1,6 +1,7 @@ diff --git a/src/message/message.ts b/src/message/message.ts index fa9dc99a0..27b0cf4a7 100644 --- a/src/message/message.ts +++ b/src/message/message.ts @@ -48,12 +48,12 @@ export default class Message extends SuperComponent { observers = { marquee(val) { - if (JSON.stringify(val) === '{}') { + if (JSON.stringify(val) === '{}' || JSON.stringify(val) === 'true') { this.setData({ marquee: { speed: 50, loop: -1, - delay: 5000, + delay: 0, }, }); } @@ -110,11 +110,12 @@ export default class Message extends SuperComponent { /** 检查是否需要开启一个新的动画循环 */ checkAnimation() { - if (!this.properties.marquee) { + const { marquee } = this.properties; + if (!marquee || marquee.loop === 0) { return; } - const speeding = this.properties.marquee.speed; + const speeding = marquee.speed; if (this.data.loop > 0) { this.data.loop -= 1; @@ -166,7 +167,7 @@ export default class Message extends SuperComponent { show() { const { duration, marquee, offset } = this.properties; - this.setData({ visible: true, loop: marquee.loop }); + this.setData({ visible: true, loop: marquee.loop || this.data.loop }); this.reset(); this.checkAnimation(); if (duration && duration > 0) { diff --git a/src/tab-panel/tab-panel.ts b/src/tab-panel/tab-panel.ts index 65fcc1ebb..b4d2e3a5e 100644 --- a/src/tab-panel/tab-panel.ts +++ b/src/tab-panel/tab-panel.ts @@ -53,7 +53,7 @@ export default class TabPanel extends SuperComponent { render(active: Boolean, parent: any) { this.setData({ active, - hide: !parent.animated && !active, + hide: !parent.data.animation && !active, }); } }