feat(share-sheet): set default z-index to 100 & add new item prop openType (#3575)

example/pages/share-sheet/index.js

@@ -10,7 +10,7 @@ Page({
       customIcon: false,
     },
     options: [
-      { name: '微信', icon: 'wechat' },
+      { name: '微信', icon: 'wechat', openType: 'share' },
       { name: '微博', icon: 'weibo' },
       { name: '复制链接', icon: 'link' },
       { name: '分享海报', icon: 'poster' },

example/project.config.json

@@ -5,30 +5,31 @@
 	},
 	"setting": {
 		"urlCheck": false,
+		"scopeDataCheck": false,
+		"coverView": true,
 		"es6": true,
-		"enhance": false,
 		"postcss": true,
+		"compileHotReLoad": false,
 		"preloadBackgroundData": false,
 		"minified": true,
-		"newFeature": true,
-		"coverView": true,
-		"nodeModules": true,
 		"autoAudits": false,
-		"showShadowRootInWxmlPanel": true,
-		"scopeDataCheck": false,
+		"newFeature": true,
 		"uglifyFileName": false,
+		"uploadWithSourceMap": true,
+		"useIsolateContext": true,
+		"nodeModules": true,
+		"enhance": false,
+		"useCompilerModule": false,
+		"userConfirmedUseCompilerModuleSwitch": false,
+		"showShadowRootInWxmlPanel": true,
 		"checkInvalidKey": true,
 		"checkSiteMap": true,
-		"uploadWithSourceMap": true,
-		"compileHotReLoad": false,
 		"babelSetting": {
 			"ignore": [],
 			"disablePlugins": [],
 			"outputPath": ""
 		},
-		"useIsolateContext": true,
-		"useCompilerModule": true,
-		"userConfirmedUseCompilerModuleSwitch": false
+		"bundle": false
 	},
 	"compileType": "miniprogram",
 	"cloudfunctionRoot": "functions/",
@@ -385,8 +386,8 @@
 					"scene": null
 				},
 				{
-					"id": -1,
-					"name": "pages/share-sheet/index",
+					"id": 51,
+					"name": "share-sheet",
 					"pathName": "pages/share-sheet/index",
 					"query": "",
 					"scene": null

packages/share-sheet/README.md

@@ -36,7 +36,7 @@ Page({
   data: {
     showShare: false,
     options: [
-      { name: '微信', icon: 'wechat' },
+      { name: '微信', icon: 'wechat', openType: 'share' },
       { name: '微博', icon: 'weibo' },
       { name: '复制链接', icon: 'link' },
       { name: '分享海报', icon: 'poster' },
@@ -177,6 +177,7 @@ Page({
 | name | 分享渠道名称 | _string_ |
 | description | 分享选项描述 | _string_ |
 | icon | 图标，可选值为 `wechat` `weibo` `qq` `link` `qrcode` `poster`，支持传入图片 URL | _string_ |
+| openType | 按钮 `open-type`，可用于实现分享功能，可选值为 `share` | _string_ |
 
 ### Events
 

packages/share-sheet/index.ts

@@ -8,7 +8,10 @@ VantComponent({
     // overlay custom style
     overlayStyle: Object,
     // z-index
-    zIndex: [Number, String],
+    zIndex: {
+      type: Number,
+      value: 100,
+    },
     title: String,
     cancelText: {
       type: String,

packages/share-sheet/options.less

@@ -30,6 +30,18 @@
     }
   }
 
+  &__button {
+    height: auto;
+    padding: 0;
+    line-height: inherit;
+    background-color: transparent;
+    border: 0;
+
+    &::after {
+      border: 0;
+    }
+  }
+
   &__icon {
     width: @share-sheet-icon-size;
     height: @share-sheet-icon-size;

packages/share-sheet/options.wxml

@@ -9,7 +9,9 @@
     data-index="{{ index }}"
     bindtap="onSelect"
   >
-    <image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
+    <button class="van-share-sheet__button" open-type="{{ item.openType }}">
+      <image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
+    </button>
     <view wx:if="{{ item.name }}" class="van-share-sheet__name">{{ item.name }}</view>
     <view wx:if="{{ item.description }}" class="van-share-sheet__option-description">
       {{ item.description }}