feat(image-viewer): enable props show-menu-by-longpress

Author: betavs

packages/components/image-viewer/README.en-US.md

@@ -11,10 +11,11 @@ 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<string>` | N
-initial-index | Number | 0 | Typescript：`Number` | N
+images | Array | [] | Typescript: `Array<string>` | N
+initial-index | Number | 0 | Typescript: `Number` | N
 lazy | Boolean | true | `1.9.4` | N
 show-index | Boolean | false | \- | N
+show-menu-by-longpress | Boolean | false | `1.11.3` | N
 using-custom-navbar | Boolean | false | `v1.1.4` | N
 visible | Boolean | false | hide or show image viewer | N
 default-visible | Boolean | undefined | hide or show image viewer。uncontrolled property | N

packages/components/image-viewer/README.md

@@ -61,6 +61,7 @@ images | Array | [] | 图片数组。TS 类型：`Array<string>` | N
 initial-index | Number | 0 | 初始化页码。TS 类型：`Number` | N
 lazy | Boolean | true | `1.9.4`。是否开启图片懒加载。开启后会预加载当前图片、相邻图片 | N
 show-index | Boolean | false | 是否显示页码 | N
+show-menu-by-longpress | Boolean | false | `1.11.3`。长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单 | N
 using-custom-navbar | Boolean | false | `v1.1.4`。是否使用了自定义导航栏 | N
 visible | Boolean | false | 隐藏/显示预览 | N
 default-visible | Boolean | undefined | 隐藏/显示预览。非受控属性 | N

packages/components/image-viewer/image-viewer.wxml

@@ -41,6 +41,7 @@
             data-index="{{index}}"
             class="{{classPrefix}}__image"
             bindload="onImageLoadSuccess"
+            show-menu-by-longpress="{{showMenuByLongpress}}"
           ></t-image>
         </swiper-item>
       </swiper>

packages/components/image-viewer/props.ts

@@ -41,6 +41,11 @@ const props: TdImageViewerProps = {
     type: Boolean,
     value: false,
   },
+  /** 长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单 */
+  showMenuByLongpress: {
+    type: Boolean,
+    value: false,
+  },
   /** 是否使用了自定义导航栏 */
   usingCustomNavbar: {
     type: Boolean,

packages/components/image-viewer/type.ts

@@ -61,6 +61,14 @@ export interface TdImageViewerProps {
     type: BooleanConstructor;
     value?: boolean;
   };
+  /**
+   * 长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单
+   * @default false
+   */
+  showMenuByLongpress?: {
+    type: BooleanConstructor;
+    value?: boolean;
+  };
   /**
    * 是否使用了自定义导航栏
    * @default false