1.0.2

CHANGELOG.md

@@ -5,6 +5,21 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 1.0.2 `2023-03-07` 
+### 🐞 Bug Fixes
+- `Radio`: 修复使用 options 时可传入的属性不齐的问题 @LeeJim ([#1707](https://github.com/Tencent/tdesign-miniprogram/pull/1707))
+- `Checkbox`: 修复使用 options 时可传入的属性不齐的问题 @LeeJim ([#1707](https://github.com/Tencent/tdesign-miniprogram/pull/1707))
+- `RadioGroup`: 修复 placement 默认值错误的问题 @LeeJim ([#1707](https://github.com/Tencent/tdesign-miniprogram/pull/1707))
+- `RadioGroup`: 修复 icon 消失的问题 @LeeJim ([#1707](https://github.com/Tencent/tdesign-miniprogram/pull/1707))
+- `ActionSheet`: 修复点击报错的问题 @LeeJim ([#1726](https://github.com/Tencent/tdesign-miniprogram/pull/1726))
+- `Swiper`: 修复在真机上圆角无效问题 @anlyyao ([#1733](https://github.com/Tencent/tdesign-miniprogram/pull/1733))
+- `NavBar`: 修复外部样式类不可用的问题 @LeeJim ([#1735](https://github.com/Tencent/tdesign-miniprogram/pull/1735))
+- `Footer`: 补齐 API 文档描述 @anlyyao ([#1737](https://github.com/Tencent/tdesign-miniprogram/pull/1737))
+- `Swiper`: 修复基础调试库低于2.19.2时，图片不显示问题 @anlyyao ([#1736](https://github.com/Tencent/tdesign-miniprogram/pull/1736))
+- `ImageViewer`: 修复图片显示不全的问题 @anlyyao ([#1656](https://github.com/Tencent/tdesign-miniprogram/pull/1656))
+- `Input`: 修复 `maxLength` 无效问题，并将默认值变更为 -1 @anlyyao ([#1732](https://github.com/Tencent/tdesign-miniprogram/pull/1732))
+- `Input`: 修复键盘弹起时，点击 clear 没反应的问题 @anlyyao ([#1732](https://github.com/Tencent/tdesign-miniprogram/pull/1732))
+
 ## 🌈 1.0.1 `2023-03-01` 
 ### 🚀 Features
 - `Cascader`: 新增 close 事件 @LeeJim ([#1685](https://github.com/Tencent/tdesign-miniprogram/pull/1685))
@@ -23,6 +38,7 @@ docClass: timeline
 
 ## 🌈 1.0.0 `2023-02-27` 
 ### ❗ Breaking Changes
+- 主题色 CSS Variables 命名从 `--td-primary-color` 改成 `--td-brand-color` @LeeJim ([#1623](https://github.com/Tencent/tdesign-miniprogram/pull/1623))
 - `Cell`: 调整 hover 状态对应的类名 @anlyyao ([#1635](https://github.com/Tencent/tdesign-miniprogram/pull/1635))
 - `Checkbox`: 属性 align 更名为 placement @anlyyao ([#1629](https://github.com/Tencent/tdesign-miniprogram/pull/1629))
 - `Toast`: 属性 theme 的枚举值 fail 替换成 error @LeeJim ([#1647](https://github.com/Tencent/tdesign-miniprogram/pull/1647))

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tdesign-miniprogram",
   "purename": "tdesign",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "tdesign-miniprogram",
   "title": "tdesign-ßminiprogram",
   "main": "miniprogram_dist/index.js",
@@ -33,6 +33,7 @@
     "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:demo": "node gen-demo-test.js",
     "test:unit": "jest",
     "test:e2e": "jest -c jest.e2e.config.js",

site/pages/used.vue

@@ -0,0 +1,206 @@
+<template>
+  <td-doc-content ref="tdDocContent" platform="mobile" page-status="hidden">
+    <td-doc-header platform="mobile" slot="doc-header" ref="tdDocHeader"></td-doc-header>
+    <div class="content">
+      <h3>上线项目案例</h3>
+      <p>目前已上线 400+ 个小程序，部分小程序二维码如下。如果你也在使用 TDesign 搭建你的小程序，也欢迎添加你的项目: <a
+          href="https://github.com/Tencent/tdesign-miniprogram/discussions/1094" target="_blank">添加项目</a></p>
+
+      <div class="projects">
+        <div v-for="p in projects" :key="p.name" class="card">
+          <div class="card__infos">
+            <div class="card__title">
+              <a v-if="p.url" :href="p.url" class="card__link" target="_blank">{{ p.name }}</a>
+              <template v-else>{{ p.name }}</template>
+            </div>
+            <ul class="card__tags">
+              <li class="card__tag" v-for="t in p.tags">{{ t }}</li>
+            </ul>
+          </div>
+          <div class="card__imgs">
+            <div class="card__preview">
+              <img :src="p.preview[0]" :alt="p.name + '预览图'">
+            </div>
+            <div class="card__qrcode">
+              <img :src="p.qrcode" :alt="p.name + '二维码'">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </td-doc-content>
+</template>
+
+<script lang="ts">
+import { onMounted } from 'vue';
+
+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',
+        },
+      ]
+    }
+  },
+  mounted() {
+    const { tdDocContent, tdDocHeader, tdDocTabs } = this.$refs;
+
+    this.$emit('loaded', () => {
+      tdDocHeader.docInfo = {
+        title: '谁在用', desc: ''
+      }
+      tdDocContent.pageStatus = 'show';
+    });
+  }
+}
+</script>
+
+<style lang="less" scoped>
+h1 {
+  padding: 30px 40px;
+  font-size: 20px;
+  color: #000;
+  border-bottom: 1px solid #dcdcdc;
+}
+
+ul {
+  list-style: none;
+}
+
+.content {
+  padding: 46px 0;
+  color: #181818;
+
+  h3 {
+    font-size: 20px;
+    line-height: 28px;
+  }
+
+  p {
+    font-size: 14px;
+    line-height: 20px;
+    margin-top: 8px;
+    font-weight: 500;
+  }
+}
+
+.projects {
+  width: 864px;
+  margin-top: 40px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+}
+
+.card {
+  position: relative;
+  width: 420px;
+  border-radius: 12px;
+  background: linear-gradient(-1.8deg, #f1f2f5 0%, #f1f2f5 100%);
+  padding: 32px 44px 0;
+  box-sizing: border-box;
+
+  &__link {
+    text-decoration: none;
+
+    &:hover {
+      color: var(--brand-main);
+    }
+  }
+
+  &__infos {
+    display: flex;
+  }
+
+  &__title {
+    font-size: 18px;
+    font-weight: 600;
+  }
+
+  &__tag {
+    padding: 2px 8px;
+    border-radius: 3px;
+    background: #fff;
+    font-size: 12px;
+    cursor: pointer;
+    margin-left: 8px;
+
+    &s {
+      margin-left: auto;
+      display: flex;
+    }
+  }
+
+  &__imgs {
+    margin: 20px 0 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__preview {
+    width: 180px;
+    box-sizing: border-box;
+    height: 260px;
+    border-radius: 12px 12px 0 0;
+    overflow: hidden;
+    border: 8px solid #f7f7f9;
+    border-bottom: 0;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &__qrcode {
+    width: 140px;
+    height: 140px;
+    border-radius: 50%;
+    background: #ffffff;
+    box-shadow: 0 14.74px 22.11px 0 #e3e6eb;
+    padding: 16px;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    img {
+      width: 100%;
+    }
+  }
+}
+</style>

site/site.config.mjs

@@ -23,7 +23,7 @@ export default {
           name: 'used',
           meta: { docType: 'explain' },
           path: '/miniprogram/used',
-          component: () => import('@/../USED.md'),
+          component: () => import('@pages/used.vue'),
         },
         {
           title: '更新日志',

site/vite.config.ts

@@ -23,6 +23,7 @@ export default ({ mode }: any) => {
         '@common': path.resolve(__dirname, '../common'),
         '@components': path.resolve(__dirname, './components'),
         '@docs': path.resolve(__dirname, './docs'),
+        '@pages': path.resolve(__dirname, './pages'),
       },
     },
     server: {

src/action-sheet/action-sheet.ts

@@ -98,7 +98,7 @@ export default class ActionSheet extends SuperComponent {
       const realIndex = isSwiperMode ? index + currentSwiperIndex * count : index;
       if (item) {
         this.triggerEvent('selected', { selected: item, index: realIndex });
-        this.trigger('close', { trigger: 'select' });
+        this.triggerEvent('close', { trigger: 'select' });
         this._trigger('visible-change', { visible: false });
       }
     },

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

@@ -182,9 +182,9 @@ exports[`Button Button icon-btn demo works fine 1`] = `
       加载中
     </t-button>
     <t-button
-      ariaLabel="返回"
+      ariaLabel="搜索"
       class="margin"
-      icon="chevron-left"
+      icon="search"
       shape="square"
       size="large"
       theme="primary"
@@ -205,8 +205,8 @@ exports[`Button Button shape demo works fine 1`] = `
       填充按钮
     </t-button>
     <t-button
-      ariaLabel="返回"
-      icon="chevron-left"
+      ariaLabel="搜索"
+      icon="search"
       shape="square"
       size="large"
       theme="primary"
@@ -219,8 +219,8 @@ exports[`Button Button shape demo works fine 1`] = `
       填充按钮
     </t-button>
     <t-button
-      ariaLabel="返回"
-      icon="chevron-left"
+      ariaLabel="搜索"
+      icon="search"
       shape="circle"
       size="large"
       theme="primary"

src/cell/__test__/__virtualHostSnapshot__/index.test.js.snap

@@ -18,10 +18,10 @@ exports[`cell :base 1`] = `
         class="t-cell__left t-class-left"
       />
       <wx-view
-        class="t-cell__title t-class-title"
+        class="t-cell__title"
       >
         <wx-view
-          class="t-cell__title-text"
+          class="t-cell__title-text  t-class-title"
         />
         <wx-view
           class="t-cell__description t-class-description"