1.1.4 (#1951)

* fix(loading): resolve style error (#1873)

* fix(loading): resolve style error

* test: update unit test

* feat: empty的文案添加换行 (#1870)

* fix(button): 修复[button] type="submit"时，disabled未生效 (#1878)

* fix(button): 修复[button] type="submit"时，disabled未生效

修复[button] type="submit"时，disabled未生效

* fix(button): 修复[button] type="submit"时，disabled未生效

修复[button] type="submit"时，disabled未生效

* test: update snap

---------

Co-authored-by: zjianzzhang <zjianzzhang@tencent.com>

* style(row): row垂直居中样式 (#1866)

添加row的flex布局，垂直居中

* fix(progress): 安卓机朗读异常 & 动态朗读 (#1354)

* fix: 安卓机朗读异常

* fix: fix code

* fix: 安卓不发音

* fix: fix code

* fix: wip 优化中

* fix: 优化

* chore: update snap

* fix: fix code

* fix: fix code

* fix: 错误使用iOS变量

* fix(补充注释): 补充注释

* fix: 优化

* test: update snap

* fix: 补充注释

* fix: 优化部分注释, remove code

* fix: 优化注释

---------

Co-authored-by: leejimqiu <leejimqiu@gmail.com>

* feature/swiper aria v2 (#1598)

* feat(swiper): support aria

* feat(swiper): support custom ariaLabel

* feat(swiper): image name

* chore(swiper): update snap

---------

Co-authored-by: leejimqiu <leejimqiu@gmail.com>

* docs: update custom theme

* fix(radio): resolve style (#1889)

* feat: 支持分割线组件的线条使用变量控制属性 (#1890)

* fix(action-sheet): resolve ts error of show method (#1907)

* fix(grid): 修复column>=4个时，--td-grid-item-image-width和--td-grid-item-text-font-size是无效的 (#1903)

* chore: update _common (#1902)

* feat: 支持radio的内容字体大小使用变量。 (#1895)

* feat: 支持radio的内容字体大小使用变量。

* style: 修改css变量名称

* Bitjian fix/radio icon size (#1909)

* fix: 修复--td-radio-icon-size对未选中的图标未生效

* fix: fix radio 未选择的图标未生效

* fix(radio): support css variables to change circle icon size

---------

Co-authored-by: bitjian <1183048003@qq.com>

* chore: publish v1.1.2 (#1910)

* chore: publish v1.1.2

* chore: changelog's changes

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* fix(rate): 评分组件支持无障碍滑动 (#1574)

* fix(rate): 评分组件支持滑动无障碍操作(#1050)

* fix(rate): 评分组件样式问题修复.(#1050)

* fix(rate): 评分组件单测问题.(#1050)

* fix(rate): 抽象样式, 冗余代码.(#1050)

* fix(rate): 删除冗余节点.(#1050)

* fix(rate): 优化读取.(#1050)

* fix(rate): 新增额外的读取.(#1050)

* fix(rate): 修复警告旁白导致的滑动卡顿.(#1050)

* fix(rate): sr-only注释(#1050)

* fix(rate): update test snapshots. (#1050)

* build: remove preview workflow tentatively

* fix(upload): resolve max (#1914)

* fix(navbar): resolve capsule zindex (#1920)

* chore: update site

* fix(button): 修复variant=outline等状态下loading不展示 (#1922)

* fix(button): 修复variant=outline等状态下loading不展示

* fix(button): loading inheritColor 字段错误

* fix(navbar): resolve vertical align (#1926)

* fix(navbar): resolve vertical align

* test(navbar): update snapshot

* fix(dropdown-menu): support multiple column radio (#1927)

* fix(Link): resolve disabled problem (#1928)

* fix(calendar): resolve error (#1930)

* fix(calendar): resolve error

* fix(calendar): make observer robust

* fix(tabs): resolve content overflow (#1931)

* fix(tabs): resolve content overflow

* test(tabs): update snapshot

* chore: update issue template

* fix(Input): resolve vertical layout style error (#1934)

* feat(collapse): add header-left-icon property (#1933)

* feat(tabs): add middle slot (#1936)

* chore: publish v1.1.3 (#1937)

* chore: publish v1.1.3

* chore: changelog's changes

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* fix(slider): enable dragstart and dragend event (#1940)

* fix(image-viewer): add using-custom-navation property (#1944)

* feat(Swiper): update api docs (#1945)

* feat(Swiper): update api docs

* Update CHANGELOG.md

* fix(picker): enable to using falsy value (#1948)

* fix(toast): auto hide when page is hide (#1947)

* feat(swiper): add image-load event (#1949)

* feat(swiper): add image-load event

* fix: resolve fallback value

* test: update snapshot

* chore: publish v1.1.4 (#1950)

* chore: publish v1.1.4

* chore: changelog's changes

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Cyrus <liuxingran97@qq.com>
Co-authored-by: favouredddd <40692560+favouredddd@users.noreply.github.com>
Co-authored-by: 孜孜 <1183048003@qq.com>
Co-authored-by: zjianzzhang <zjianzzhang@tencent.com>
Co-authored-by: tomcat-hz <59186135+tomcat-hz@users.noreply.github.com>
Co-authored-by: 龙风 <455947455@qq.com>
Co-authored-by: zhangpaopao <zhangpaopao0609@gmail.com>
Co-authored-by: Guan9 <mllz79@163.com>
Co-authored-by: Y <anly_yaw@163.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: byqbai <byq1213@qq.com>

Author: 12 people

CHANGELOG.md

@@ -5,6 +5,19 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 1.1.4 `2023-05-01` 
+### 🚀 Features
+- `ImageViewer`: 新增 usingCustomNavigation 属性，处理使用自定义导航栏时被遮挡的问题 @LeeJim ([#1944](https://github.com/Tencent/tdesign-miniprogram/pull/1944))
+- `Swiper`: 新增 image-load 事件 @LeeJim ([#1949](https://github.com/Tencent/tdesign-miniprogram/pull/1949))
+
+### 🐞 Bug Fixes
+- `Slider`: 修复 dragstart、dragend 事件没反应的问题 @LeeJim ([#1940](https://github.com/Tencent/tdesign-miniprogram/pull/1940))
+- `Picker`: 解决使用 falsy 值导致无法正确选择的问题 @LeeJim ([#1948](https://github.com/Tencent/tdesign-miniprogram/pull/1948))
+- `Toast`: 页面隐藏的时候自动关闭 @LeeJim ([#1947](https://github.com/Tencent/tdesign-miniprogram/pull/1947))
+
+### 🚧 Others
+- `Swiper`: 更新 swiper 组件 API 文档 @anlyyao ([#1945](https://github.com/Tencent/tdesign-miniprogram/pull/1945))
+
 ## 🌈 1.1.3 `2023-04-26` 
 ### 🚀 Features
 - `Rate`: 支持无障碍访问 @byq1213 ([#1574](https://github.com/Tencent/tdesign-miniprogram/pull/1574))
@@ -24,6 +37,7 @@ docClass: timeline
 ## 🌈 1.1.2 `2023-04-17` 
 ### 🚀 Features
 - `Swiper`: 支持无障碍访问 @zhangpaopao0609 ([#1598](https://github.com/Tencent/tdesign-miniprogram/pull/1598))
+- `Swiper`: list 属性支持 SwiperList[] 类型 @zhangpaopao0609 ([#1598](https://github.com/Tencent/tdesign-miniprogram/pull/1598))
 - `Divider`: 新增 CSS Variables 用于控制分割线样式 @favouredddd ([#1890](https://github.com/Tencent/tdesign-miniprogram/pull/1890))
 - `Grid`: 补充 CSS Variables 以修改不同列数下的图片尺寸和文字大小 @lolhezihehe ([#1903](https://github.com/Tencent/tdesign-miniprogram/pull/1903))
 - `Radio`: 新增 CSS Variables 用于控制内容字体大小 @favouredddd ([#1895](https://github.com/Tencent/tdesign-miniprogram/pull/1895))

package.json

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

src/common/style/_variables.less

@@ -183,3 +183,6 @@
 @text-color-anti: var(--td-text-color-anti, @font-white-1);
 @text-color-brand: var(--td-text-color-brand, @brand-color);
 @text-color-link: var(--td-text-color-link, @brand-color);
+
+// 定位
+@position-fixed-top: var(--td-position-fixed-top, 0);

src/common/template/image.wxml

@@ -15,6 +15,7 @@
     mode="{{mode || 'scaleToFill'}}"
     webp="{{webp || false}}"
     showMenuByLongpress="{{showMenuByLongpress || false}}"
+    data-custom="{{dataset || null}}"
     bind:error="{{binderror}}"
     bind:load="{{bindload}}"
   />

src/image-viewer/README.en-US.md

@@ -0,0 +1,24 @@
+:: BASE_DOC ::
+
+## API
+### ImageViewer Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+background-color | String | 'rgba(0, 0, 0, 1)' | \- | N
+close-btn | String / Boolean / Object / Slot | false | \- | N
+delete-btn | String / Boolean / Object / Slot | false | \- | N
+images | Array | [] | Typescript：`Array<string>` | N
+initial-index | Number | 0 | Typescript：`Number` | N
+show-index | Boolean | false | \- | N
+using-custom-navbar | Boolean | false | \- | N
+visible | Boolean | false | \- | N
+default-visible | Boolean | undefined | uncontrolled property | N
+
+### ImageViewer Events
+
+name | params | description
+-- | -- | --
+change | `(index: Number)` | \-
+close | `(trigger: 'overlay' \| 'button', visible: Boolean, index: Number)` | \-
+delete | `(index: Number)` | \-

src/image-viewer/README.md

@@ -28,36 +28,37 @@ isComponent: true
 
 ### 类型
 
-基础图片预览
+#### 基础图片预览
 
 {{ base }}
 
-带操作图片预览
+#### 带操作图片预览
+
+顶部区域可以配置关闭按钮、页码信息、删除按钮。
 
 {{ delete }}
 
+> 当使用自定义导航栏的时候，顶部的操作按钮会被遮挡，此时需要开启 `using-custom-navbar` 来解决
 
 ## API
-
 ### ImageViewer Props
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-background-color | String / Number | rgba(0, 0, 0, 1) | 遮罩的背景颜色 | N
+background-color | String | 'rgba(0, 0, 0, 1)' | 遮罩的背景颜色 | N
+close-btn | String / Boolean / Object / Slot | false | 是否显示关闭操作，前提需要开启页码。值为字符串表示图标名称，值为 `true` 表示使用默认图标 `close`，值为 `Object` 类型，表示透传至 `icon` ，不传表示不显示图标 | N
+delete-btn | String / Boolean / Object / Slot | false | 是否显示删除操作，前提需要开启页码。值为字符串表示图标名称，值为 `true` 表示使用默认图标 `delete`，值为 `Object` 类型，表示透传至 `icon`，不传表示不显示图标 | N
 images | Array | [] | 图片数组。TS 类型：`Array<string>` | N
-initial-index | Number | 0 | 默认展示第几项 | N
+initial-index | Number | 0 | 初始化页码。TS 类型：`Number` | N
 show-index | Boolean | false | 是否显示页码 | N
-delete-btn | Boolean / String / Object / Slot | false | 是否显示删除操作，前提需要开启页码。值为字符串表示图标名称，值为 `true` 表示使用默认图标 `delete`，值为 `Object` 类型，表示透传至 `icon`，不传表示不显示图标。 | N
-close-btn | Boolean / String / Object / Slot | false | 是否显示关闭操作，前提需要开启页码。值为字符串表示图标名称，值为 `true` 表示使用默认图标 `close`，值为 `Object` 类型，表示透传至 `icon` ，不传表示不显示图标。 | N
+using-custom-navbar | Boolean | false | `v1.1.4` 是否使用了自定义导航栏 | N
 visible | Boolean | false | 隐藏/显示预览 | N
 default-visible | Boolean | undefined | 隐藏/显示预览。非受控属性 | N
 
-
 ### ImageViewer Events
 
 名称 | 参数 | 描述
 -- | -- | --
 change | `(index: Number)` | 翻页时回调
-close | `(trigger: 'overlay' \| 'button' , visible: Boolean, index: Number)` | 点击操作按钮button或者overlay时触发
+close | `(trigger: 'overlay' \| 'button', visible: Boolean, index: Number)` | 点击操作按钮button或者overlay时触发
 delete | `(index: Number)` | 点击删除操作按钮时触发
-

src/image-viewer/image-viewer.less

@@ -10,10 +10,11 @@
 @image-viewer-nav-index-font-size: var(--td-image-viewer-nav-index-font-size, @font-size-base);
 @image-viewer-close-margin-left: var(--td-image-viewer-close-margin-left, @spacer-1);
 @image-viewer-delete-margin-right: var(--td-image-viewer-delete-margin-right, @spacer-1);
+@image-viewer-top: var(--td-image-viewer-top, @position-fixed-top);
 
 .@{image-viewer} {
   position: fixed;
-  top: 0;
+  top: @image-viewer-top;
   left: 0;
   bottom: 0;
   right: 0;
@@ -23,7 +24,7 @@
   overflow: hidden;
 
   &__mask {
-    position: fixed;
+    position: absolute;
     z-index: 1000;
     left: 0;
     top: 0;
@@ -56,7 +57,7 @@
 
   &__nav {
     width: 100%;
-    position: fixed;
+    position: absolute;
     display: flex;
     align-items: center;
     justify-content: space-between;

src/image-viewer/image-viewer.ts

@@ -22,6 +22,7 @@ export default class ImageViewer extends SuperComponent {
     windowWidth: 0,
     swiperStyle: {},
     imagesStyle: {},
+    maskTop: 0,
   };
 
   options = {
@@ -37,6 +38,7 @@ export default class ImageViewer extends SuperComponent {
 
   ready() {
     this.saveScreenSize();
+    this.calcMaskTop();
   }
 
   observers = {
@@ -60,6 +62,18 @@ export default class ImageViewer extends SuperComponent {
   };
 
   methods = {
+    calcMaskTop() {
+      if (this.data.usingCustomNavbar) {
+        const rect = wx?.getMenuButtonBoundingClientRect() || null;
+        const { statusBarHeight } = wx.getSystemInfoSync();
+
+        if (rect && statusBarHeight) {
+          this.setData({
+            maskTop: rect.top - statusBarHeight + rect.bottom,
+          });
+        }
+      }
+    },
     saveScreenSize() {
       const { windowHeight, windowWidth } = wx.getSystemInfoSync();
       this.setData({

src/image-viewer/image-viewer.wxml

@@ -5,7 +5,7 @@
   wx:if="{{visible}}"
   id="{{classPrefix}}"
   class="{{classPrefix}} class {{prefix}}-class"
-  style="{{_._style([style, customStyle])}}"
+  style="{{_._style([style, customStyle, '--td-image-viewer-top: ' + maskTop + 'px'])}}"
 >
   <view
     class="{{classPrefix}}__mask"

src/image-viewer/props.ts

@@ -9,15 +9,24 @@ const props: TdImageViewerProps = {
   /** 遮罩的背景颜色 */
   backgroundColor: {
     type: String,
-    optionalTypes: [Number],
     value: 'rgba(0, 0, 0, 1)',
   },
+  /** 是否显示关闭操作，前提需要开启页码。值为字符串表示图标名称，值为 `true` 表示使用默认图标 `close`，值为 `Object` 类型，表示透传至 `icon` ，不传表示不显示图标 */
+  closeBtn: {
+    type: null,
+    value: false,
+  },
+  /** 是否显示删除操作，前提需要开启页码。值为字符串表示图标名称，值为 `true` 表示使用默认图标 `delete`，值为 `Object` 类型，表示透传至 `icon`，不传表示不显示图标 */
+  deleteBtn: {
+    type: null,
+    value: false,
+  },
   /** 图片数组 */
   images: {
     type: Array,
     value: [],
   },
-  /** 默认展示第几项 */
+  /** 初始化页码 */
   initialIndex: {
     type: Number,
     value: 0,
@@ -27,14 +36,9 @@ const props: TdImageViewerProps = {
     type: Boolean,
     value: false,
   },
-  /** 是否显示删除操作 */
-  deleteBtn: {
-    type: null,
-    value: false,
-  },
-  /** 是否显示关闭操作 */
-  closeBtn: {
-    type: null,
+  /** 是否使用了自定义导航栏 */
+  usingCustomNavbar: {
+    type: Boolean,
     value: false,
   },
   /** 隐藏/显示预览 */