feat(App): showActionSheet

packages/uni-api/src/protocols/ui/showActionSheet.ts

@@ -6,6 +6,7 @@ export const ShowActionSheetProtocol: ApiProtocol<API_TYPE_SHOW_ACTION_SHEET> =
       type: Array,
       required: true,
     },
+    title: String,
     itemColor: String,
     popover: Object,
   }

packages/uni-app-plus/src/service/api/index.ts

@@ -19,3 +19,4 @@ export * from './context/createInnerAudioContext'
 export * from './location/getLocation'
 
 export * from './popup/showModal'
+export * from './popup/showActionSheet'

packages/uni-app-plus/src/service/api/popup/showActionSheet.ts

+import {
+  API_TYPE_SHOW_ACTION_SHEET,
+  API_SHOW_ACTION_SHEET,
+  ShowActionSheetProtocol,
+  ShowActionSheetOptions,
+  defineAsyncApi,
+} from '@dcloudio/uni-api'
+import { extend } from '@vue/shared'
+import { nextTick, reactive } from 'vue'
+import { Props } from '../../../../../uni-h5/src/service/api/ui/popup/actionSheet'
+import { useI18n } from '@dcloudio/uni-core'
+
+let showActionSheetState: Props
+
+export const showActionSheet = defineAsyncApi<API_TYPE_SHOW_ACTION_SHEET>(
+  API_SHOW_ACTION_SHEET,
+  (
+    { itemList = [], itemColor = '#000000', title = '', popover },
+    { resolve, reject }
+  ) => {
+    const { t } = useI18n()
+    if (!showActionSheetState) {
+      showActionSheetState = reactive({
+        itemList,
+        itemColor,
+        title,
+        popover,
+      } as Props)
+      const options = {
+        title,
+        cancel: t('uni.showActionSheet.cancel'),
+        buttons: itemList.map((item) => ({
+          title: item,
+          color: itemColor,
+        })),
+      }
+      if (title) {
+        options.title = title
+      }
+      plus.nativeUI.actionSheet(
+        extend(options, {
+          popover,
+        }),
+        (e) => {
+          if (e.index > 0) {
+            resolve({
+              tapIndex: e.index - 1,
+            })
+          } else {
+            reject('showActionSheet:fail cancel')
+          }
+        }
+      )
+      nextTick(() => (showActionSheetState.visible = true))
+    } else {
+      extend(showActionSheetState, {
+        itemList,
+        itemColor,
+        title,
+        popover,
+      })
+      showActionSheetState.visible = true
+    }
+  },
+  ShowActionSheetProtocol,
+  ShowActionSheetOptions
+)