diff --git a/packages/components/image-viewer/README.en-US.md b/packages/components/image-viewer/README.en-US.md index 20425df27..57abc2152 100644 --- a/packages/components/image-viewer/README.en-US.md +++ b/packages/components/image-viewer/README.en-US.md @@ -11,8 +11,9 @@ custom-style | Object | - | CSS(Cascading Style Sheets),used to set style on v background-color | String | - | \- | N close-btn | String / Boolean / Object | false | \- | N delete-btn | String / Boolean / Object | false | \- | N -images | Array | [] | Typescript:`Array` | N -initial-index | Number | 0 | Typescript:`Number` | N +image-props | Object | - | `1.12.0`。Typescript: `ImageProps`,[Image API Documents](./image?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/image-viewer/type.ts) | N +images | Array | [] | Typescript: `Array` | N +initial-index | Number | 0 | Typescript: `Number` | N lazy | Boolean | true | `1.9.4` | N show-index | Boolean | false | \- | N using-custom-navbar | Boolean | false | `v1.1.4` | N diff --git a/packages/components/image-viewer/README.md b/packages/components/image-viewer/README.md index 95e0b6616..65ad2fef4 100644 --- a/packages/components/image-viewer/README.md +++ b/packages/components/image-viewer/README.md @@ -57,6 +57,7 @@ custom-style | Object | - | 样式,一般用于开启虚拟化组件节点场 background-color | String | - | 遮罩的背景颜色 | N close-btn | String / Boolean / Object | false | 是否显示关闭操作,前提需要开启页码。值为字符串表示图标名称,值为 `true` 表示使用默认图标 `close`,值为 `Object` 类型,表示透传至 `icon` ,不传表示不显示图标 | N delete-btn | String / Boolean / Object | false | 是否显示删除操作,前提需要开启页码。值为字符串表示图标名称,值为 `true` 表示使用默认图标 `delete`,值为 `Object` 类型,表示透传至 `icon`,不传表示不显示图标 | N +image-props | Object | - | `1.12.0`。透传至 Image 组件。TS 类型:`ImageProps`,[Image API Documents](./image?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/image-viewer/type.ts) | N images | Array | [] | 图片数组。TS 类型:`Array` | N initial-index | Number | 0 | 初始化页码。TS 类型:`Number` | N lazy | Boolean | true | `1.9.4`。是否开启图片懒加载。开启后会预加载当前图片、相邻图片 | N diff --git a/packages/components/image-viewer/image-viewer.wxml b/packages/components/image-viewer/image-viewer.wxml index 57e7449ac..4ade42bc3 100644 --- a/packages/components/image-viewer/image-viewer.wxml +++ b/packages/components/image-viewer/image-viewer.wxml @@ -34,12 +34,17 @@ diff --git a/packages/components/image-viewer/props.ts b/packages/components/image-viewer/props.ts index e8b5cdfa1..c92da65ff 100644 --- a/packages/components/image-viewer/props.ts +++ b/packages/components/image-viewer/props.ts @@ -21,6 +21,10 @@ const props: TdImageViewerProps = { type: null, value: false, }, + /** 透传至 Image 组件 */ + imageProps: { + type: Object, + }, /** 图片数组 */ images: { type: Array, diff --git a/packages/components/image-viewer/type.ts b/packages/components/image-viewer/type.ts index 710aa3871..cb8f241ca 100644 --- a/packages/components/image-viewer/type.ts +++ b/packages/components/image-viewer/type.ts @@ -4,6 +4,8 @@ * 该文件为脚本自动生成文件,请勿随意修改。如需修改请联系 PMC * */ +import { ImageProps } from '../image/index'; + export interface TdImageViewerProps { /** * 遮罩的背景颜色 @@ -29,6 +31,13 @@ export interface TdImageViewerProps { type: null; value?: string | boolean | object; }; + /** + * 透传至 Image 组件 + */ + imageProps?: { + type: ObjectConstructor; + value?: ImageProps; + }; /** * 图片数组 * @default []