1.0.3

CHANGELOG.md

@@ -5,6 +5,30 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 1.0.3 `2023-03-14` 
+### 🚀 Features
+- `Picker`: 新增支持 keys 属性 @LeeJim ([#1759](https://github.com/Tencent/tdesign-miniprogram/pull/1759))
+- `Input`: 支持 `nicknamereview` 事件 @anlyyao ([#1755](https://github.com/Tencent/tdesign-miniprogram/pull/1755))
+- `Popup`: 增加默认圆角、默认背景色、安全底边距 @jarmywang ([#1758](https://github.com/Tencent/tdesign-miniprogram/pull/1758))
+### 🐞 Bug Fixes
+- `DropdownMenu`: 修复 label 的展示逻辑 @LeeJim ([#1748](https://github.com/Tencent/tdesign-miniprogram/pull/1748))
+- `DropdownMenu`: 修复 radio 图标的展示位置 @LeeJim ([#1748](https://github.com/Tencent/tdesign-miniprogram/pull/1748))
+- `Popup`: 修复关闭按钮无法点击的问题 @jarmywang ([#1754](https://github.com/Tencent/tdesign-miniprogram/pull/1754))
+- `Calendar`: 修复 format 属性不是响应式的问题 @LeeJim ([#1753](https://github.com/Tencent/tdesign-miniprogram/pull/1753))
+- `Checkbox`: 修复存在 disabled 选项时，全选出错的问题 @LeeJim ([#1766](https://github.com/Tencent/tdesign-miniprogram/pull/1766))
+- `Badge`: 修复 shape = ribbon 时，修改 color 不能改变全部颜色的问题 @LeeJim ([#1764](https://github.com/Tencent/tdesign-miniprogram/pull/1764))
+- `Upload`: 修复 sizelimit 不支持对象传参的问题 @LeeJim ([#1763](https://github.com/Tencent/tdesign-miniprogram/pull/1763))
+- `Upload`: 修复 sizelimit 默认单位和文档不一致的问题，从 `B` 改成 `KB` @LeeJim ([#1763](https://github.com/Tencent/tdesign-miniprogram/pull/1763))
+- `Button`: 取消 `loading` 态下的 hover 效果 @anlyyao ([#1739](https://github.com/Tencent/tdesign-miniprogram/pull/1739))
+- `Button`: 事件 `tap` 仅在非加载或禁用状态时触发 @anlyyao ([#1739](https://github.com/Tencent/tdesign-miniprogram/pull/1739))
+- `Badge`: 优化和不同组件组合的无障碍访问 @yaogengzhu ([#1428](https://github.com/Tencent/tdesign-miniprogram/pull/1428))
+- `Cell`: 修复 `note` 内容超出被遮挡问题 @anlyyao ([#1769](https://github.com/Tencent/tdesign-miniprogram/pull/1769))
+- `Progress`: 修复 label 插槽无效 @anlyyao ([#1771](https://github.com/Tencent/tdesign-miniprogram/pull/1771))
+- `Grid`: 修复 grid-item 的 image 插槽不可用的问题，需传入 image =  slot 才可使用插槽 @LeeJim ([#1772](https://github.com/Tencent/tdesign-miniprogram/pull/1772))
+
+### 🚧 Others
+- `Picker`: 文档中移除 render-label、columns 还不支持的属性 @LeeJim ([#1759](https://github.com/Tencent/tdesign-miniprogram/pull/1759))
+
 ## 🌈 1.0.2 `2023-03-07` 
 ### 🐞 Bug Fixes
 - `Radio`: 修复使用 options 时可传入的属性不齐的问题 @LeeJim ([#1707](https://github.com/Tencent/tdesign-miniprogram/pull/1707))

package.json

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

site/data/projects.ts

@@ -0,0 +1,64 @@
+export default 
+  [
+    {
+      name: '未来运动场',
+      tags: ['趣味游戏'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/weilaiyundongchang.png'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/weilaiyundongchang-code.jpg',
+    },
+    {
+      name: '程序员做饭指南',
+      tags: ['效率工具', '开源项目'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/zuofanzhinan.png'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/zuofanzhinan-code.jpg',
+      url: 'https://github.com/LeeJim/HowToCookOnMiniprogram',
+    },
+    {
+      name: '李宁',
+      tags: ['电商'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/lining.jpg'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/lining-code.jpg',
+    },
+    {
+      name: '美宜家',
+      tags: ['电商'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/meiyijia.jpg'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/meiyijia-code.jpg',
+    },
+    {
+      name: '沃尔玛',
+      tags: ['电商'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/walmart.jpg'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/walmart-code.jpg',
+    },
+    {
+      name: '维达',
+      tags: ['电商'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/weida.jpg'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/weida-code.png',
+    },
+    {
+      name: '小云卡片',
+      tags: ['效率工具'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/xiaoyunkapian.png'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/xiaoyunkapian-code.jpg'
+    },
+    {
+      name: '小楼助教',
+      tags: ['效率工具'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/xiaolouzhujiao.png'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/xiaolouzhujiao-code.png'
+    },
+    {
+      name: 'frmall',
+      tags: ['电商', '开源项目'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/frmall.png'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/frmall-code.jpg',
+    },
+    {
+      name: 'Coding 鱼塘',
+      tags: ['效率工具'],
+      preview: ['https://tdesign.gtimg.com/miniprogram/case/codingyutang.png'],
+      qrcode: 'https://tdesign.gtimg.com/miniprogram/case/codingyutang-code.jpg',
+    },
+  ]

site/pages/used.vue

@@ -32,50 +32,12 @@
 </template>
 
 <script lang="ts">
-import { onMounted } from 'vue';
+import projects from '../data/projects'
 
 export default {
   data() {
     return {
-      projects: [
-        {
-          name: '未来运动场',
-          tags: ['趣味游戏'],
-          preview: ['https://tdesign.gtimg.com/miniprogram/case/weilaiyundongchang.png'],
-          qrcode: 'https://tdesign.gtimg.com/miniprogram/case/weilaiyundongchang-code.jpg',
-        },
-        {
-          name: '程序员做饭指南',
-          tags: ['效率工具', '开源项目'],
-          preview: ['https://tdesign.gtimg.com/miniprogram/case/zuofanzhinan.png'],
-          qrcode: 'https://tdesign.gtimg.com/miniprogram/case/zuofanzhinan-code.jpg',
-          url: 'https://github.com/LeeJim/HowToCookOnMiniprogram',
-        },
-        {
-          name: '小云卡片',
-          tags: ['效率工具'],
-          preview: ['https://tdesign.gtimg.com/miniprogram/case/xiaoyunkapian.png'],
-          qrcode: 'https://tdesign.gtimg.com/miniprogram/case/xiaoyunkapian-code.jpg'
-        },
-        {
-          name: '小楼助教',
-          tags: ['效率工具'],
-          preview: ['https://tdesign.gtimg.com/miniprogram/case/xiaolouzhujiao.png'],
-          qrcode: 'https://tdesign.gtimg.com/miniprogram/case/xiaolouzhujiao-code.png'
-        },
-        {
-          name: 'frmall',
-          tags: ['电商', '开源项目'],
-          preview: ['https://tdesign.gtimg.com/miniprogram/case/frmall.png'],
-          qrcode: 'https://tdesign.gtimg.com/miniprogram/case/frmall-code.jpg',
-        },
-        {
-          name: 'Coding 鱼塘',
-          tags: ['效率工具'],
-          preview: ['https://tdesign.gtimg.com/miniprogram/case/codingyutang.png'],
-          qrcode: 'https://tdesign.gtimg.com/miniprogram/case/codingyutang-code.jpg',
-        },
-      ]
+      projects,
     }
   },
   mounted() {
@@ -139,6 +101,10 @@ ul {
   &__link {
     text-decoration: none;
 
+    &:visited {
+      color: #181818;
+    }
+
     &:hover {
       color: var(--brand-main);
     }

src/action-sheet/action-sheet.less

@@ -147,8 +147,4 @@
       }
     }
   }
-  &__safe {
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-  }
 }

src/action-sheet/action-sheet.wxml

@@ -25,7 +25,7 @@
       </view>
     </view>
     <slot />
-    <view wx:if="{{showCancel}}" class="{{classPrefix}}__footer {{classPrefix}}__safe">
+    <view wx:if="{{showCancel}}" class="{{classPrefix}}__footer">
       <view class="{{classPrefix}}__gap-{{theme}}" />
       <view
         class="{{classPrefix}}__cancel {{prefix}}-class-cancel"

src/badge/__test__/__snapshots__/demo.test.js.snap

@@ -32,6 +32,7 @@ exports[`Badge Badge base demo works fine 1`] = `
       }}"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -80,6 +81,7 @@ exports[`Badge Badge base demo works fine 1`] = `
       }}"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -108,6 +110,7 @@ exports[`Badge Badge base demo works fine 1`] = `
     class="demo-wrapper"
   >
     <t-badge
+      ariaRole="button"
       count="NEW"
       offset="{{
         Array [
@@ -117,6 +120,7 @@ exports[`Badge Badge base demo works fine 1`] = `
       }}"
     >
       <t-button
+        ariaLabel="通知"
         icon="notification"
         shape="square"
         size="large"
@@ -195,6 +199,7 @@ exports[`Badge Badge theme demo works fine 1`] = `
       }}"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -219,6 +224,7 @@ exports[`Badge Badge theme demo works fine 1`] = `
       shape="square"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -233,10 +239,12 @@ exports[`Badge Badge theme demo works fine 1`] = `
     class="demo-wrapper"
   >
     <t-badge
+      ariaRole="button"
       count="领积分"
       shape="bubble"
     >
       <t-button
+        ariaLabel="商店"
         icon="shop"
         shape="square"
         size="large"

src/badge/__test__/__virtualHostSnapshot__/demo.test.js.snap

@@ -32,6 +32,7 @@ exports[`Badge Badge base demo works fine 1`] = `
       }}"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -80,6 +81,7 @@ exports[`Badge Badge base demo works fine 1`] = `
       }}"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -108,6 +110,7 @@ exports[`Badge Badge base demo works fine 1`] = `
     class="demo-wrapper"
   >
     <t-badge
+      ariaRole="button"
       count="NEW"
       offset="{{
         Array [
@@ -117,6 +120,7 @@ exports[`Badge Badge base demo works fine 1`] = `
       }}"
     >
       <t-button
+        ariaLabel="通知"
         icon="notification"
         shape="square"
         size="large"
@@ -195,6 +199,7 @@ exports[`Badge Badge theme demo works fine 1`] = `
       }}"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -219,6 +224,7 @@ exports[`Badge Badge theme demo works fine 1`] = `
       shape="square"
     >
       <t-icon
+        ariaLabel="通知"
         name="notification"
         size="24"
       />
@@ -233,10 +239,12 @@ exports[`Badge Badge theme demo works fine 1`] = `
     class="demo-wrapper"
   >
     <t-badge
+      ariaRole="button"
       count="领积分"
       shape="bubble"
     >
       <t-button
+        ariaLabel="商店"
         icon="shop"
         shape="square"
         size="large"

src/badge/_example/base/index.wxml

@@ -2,7 +2,7 @@
 <view class="demo-wrapper">
   <t-badge dot offset="{{ [-4, 4] }}" class="wrapper" content="消息" />
   <t-badge dot offset="{{ [1, -1] }}" class="wrapper">
-    <t-icon name="notification" size="24" />
+    <t-icon name="notification" size="24" ariaLabel="通知" />
   </t-badge>
   <t-badge dot offset="{{ [1, 1] }}" class="wrapper">
     <t-button>按钮</t-button>
@@ -13,7 +13,7 @@
 <view class="demo-wrapper">
   <t-badge count="8" content="消息" offset="{{ [-8] }}" class="wrapper" />
   <t-badge count="2" offset="{{ [-2, -2] }}" class="wrapper">
-    <t-icon name="notification" size="24" />
+    <t-icon name="notification" size="24" ariaLabel="通知" />
   </t-badge>
   <t-badge count="8" offset="{{ [2, 2] }}" class="wrapper">
     <t-button>按钮</t-button>
@@ -22,7 +22,7 @@
 
 <view class="demo-desc">自定义徽标</view>
 <view class="demo-wrapper">
-  <t-badge count="NEW" offset="{{ [0, 2] }}">
-    <t-button icon="notification" shape="square" size="large" />
+  <t-badge count="NEW" offset="{{ [0, 2] }}" ariaRole="button">
+    <t-button icon="notification" ariaLabel="通知" shape="square" size="large" />
   </t-badge>
 </view>

src/badge/_example/theme/index.wxml

@@ -1,21 +1,28 @@
+<!--
+  由于 button 被 t-badeg包裹，t-badge 中存在 role="option", 导致button中的 role=button 失去作用。相当于button 被申明了 role=presentation
+  因此提升了 aria-role=button 到 t-badge上
+  可参考： https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/option_role
+  https://www.zhangxinxu.com/wordpress/2017/01/voiceover-aria-web-accessible-iphone/
+-->
+
 <view class="demo-desc">圆形徽标</view>
 <view class="demo-wrapper">
   <t-badge count="2" offset="{{ [-2, -2] }}">
-    <t-icon name="notification" size="24" />
+    <t-icon name="notification" size="24" ariaLabel="通知" />
   </t-badge>
 </view>
 
 <view class="demo-desc">方形徽标</view>
 <view class="demo-wrapper">
   <t-badge count="2" shape="square" offset="{{ [-2, -2] }}">
-    <t-icon name="notification" size="24" />
+    <t-icon name="notification" size="24" ariaLabel="通知" />
   </t-badge>
 </view>
 
 <view class="demo-desc">气泡徽标</view>
 <view class="demo-wrapper">
-  <t-badge count="领积分" shape="bubble">
-    <t-button icon="shop" shape="square" size="large" />
+  <t-badge count="领积分" shape="bubble" ariaRole="button">
+    <t-button icon="shop" ariaLabel="商店" shape="square" size="large" />
   </t-badge>
 </view>