uni-auth 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uni-auth",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "src/index.js",
   "type": "module",
   "scripts": {

package/src/common/index.js

@@ -0,0 +1,34 @@
+const appName = uni.getSystemInfoSync().appName // 获取应用名称
+export const contentEnum = {
+  ios: {
+    相册: `允许${appName}访问您的相册/相机权限来获取您的照片用于上传您的图片和相册等信息`,
+    相机: `允许${appName}访问您的相册/相机权限及摄像头来方便用户拍摄上传图片等信息`,
+    麦克风: `允许${appName}访问您的麦克风来获取您的声音用于录音等信息`,
+  },
+  android: {
+    相册: `允许${appName}访问您的相册/相机，您可以上传/拍摄照片及视频；`,
+    相机: `允许${appName}访问您的相册/相机，您可以上传/拍摄照片及视频`,
+    麦克风: `允许${appName}访问您的麦克风来获取您的声音用于录音等信息`,
+    设备信息: `允许${appName}访问您设备的唯一标识，用于数据统计和分析`,
+    电话: `允许${appName}访问您设备的电话，用于联系客服`,
+    位置: `允许${appName}访问您的位置，用于为你提供下单配送服务`,
+  },
+}
+
+export function hintOpenAuth(params = {}) {
+  const { code, platform = 'android', content = '', isOpenAuth = false } = params || {}
+  return new Promise((resolve, reject) => {
+    uni.showModal({
+      content: content,
+      showCancel: platform !== 'ios',
+      cancelText: '拒绝',
+      confirmText: platform === 'ios' ? '下一步' : '同意',
+      success: (res) => {
+        if (!res.confirm) return resolve(false)
+        uni.setStorageSync('authCode', code)
+        resolve(true)
+        isOpenAuth && uni.openAppAuthorizeSetting()
+      },
+    })
+  })
+}

package/src/components/AuthPop.vue

@@ -0,0 +1,63 @@
+<template>
+  <view class="auth-pop" v-if="isPermissionAlertShow">
+    <view class="title">{{ type }}权限使用说明</view>
+    <view class="msg">{{ contentEnum['android'][type] }}</view>
+  </view>
+</template>
+
+<script setup>
+import { onMounted, onUnmounted, ref } from 'vue'
+import { contentEnum } from '../common/index.js'
+const type = ref('')
+const permissionListener = ref(null)
+const isPermissionAlertShow = ref(false)
+onMounted(() => {
+  type.value = uni.getStorageSync('authCode') || ''
+  uni.removeStorageSync('authCode')
+  if (!type.value) return
+  permissionListener.value = uni.createRequestPermissionListener()
+  permissionListener.value.onConfirm((e) => {
+    isPermissionAlertShow.value = true
+  })
+  permissionListener.value.onComplete((e) => {
+    isPermissionAlertShow.value = false
+  })
+})
+onUnmounted(() => {
+  permissionListener.value.stop()
+})
+</script>
+
+<style scoped>
+.auth-pop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 90%;
+  min-height: 120rpx;
+  background: #f2f2f2;
+  box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
+  z-index: 999;
+  border-radius: 14rpx;
+  margin: 100rpx 5% 0;
+  animation: identifier 1s ease-in-out;
+  padding: 20rpx 30rpx;
+  box-sizing: border-box;
+}
+@keyframes identifier {
+  0% {
+    transform: translateY(-300rpx);
+  }
+  100% {
+    transform: translateY(0);
+  }
+}
+.title {
+  font-weight: 600;
+  font-size: 26rpx;
+}
+.msg {
+  font-size: 24rpx;
+  letter-spacing: 2rpx;
+}
+</style>

package/src/index.js

@@ -1,5 +1,6 @@
 export { appAuth } from './util/app.js'
 export { wxAuth } from './util/wx.js'
+export { default as AuthPop } from './components/AuthPop.vue'
 
 export async function ifUserAuth(code) {
   // #ifdef APP-PLUS

package/src/util/app.js

@@ -1,21 +1,4 @@
-import { hintOpenAuth } from './common.js'
-
-const appName = uni.getSystemInfoSync().appName // 获取应用名称
-const MESSAGE = {
-  ios: {
-    相册: `允许${appName}访问您的相册/相机权限来获取您的照片用于上传您的图片和相册等信息`,
-    相机: `允许${appName}访问您的相册/相机权限及摄像头来方便用户拍摄上传图片等信息`,
-    麦克风: `允许${appName}访问您的麦克风来获取您的声音用于录音等信息`,
-  },
-  android: {
-    相册: `允许${appName}访问您的相册/相机，您可以上传/拍摄照片及视频；`,
-    相机: `允许${appName}访问您的相册/相机，您可以上传/拍摄照片及视频`,
-    麦克风: `允许${appName}访问您的麦克风来获取您的声音用于录音等信息`,
-    设备信息: `允许${appName}访问您设备的唯一标识，用于数据统计和分析`,
-    电话: `允许${appName}访问您设备的电话，用于联系客服`,
-    位置: `允许${appName}访问您的位置，用于为你提供下单配送服务`,
-  },
-}
+import { hintOpenAuth, contentEnum } from '../common/index.js'
 
 export function appAuth(code = '相册') {
   return new Promise((resolve, reject) => {
@@ -28,10 +11,10 @@ export function appAuth(code = '相册') {
           resolve(true)
           break
         case 'not determined':
-          hintOpenAuth({ code, platform, content: MESSAGE[platform][code] }).then((res) => resolve(res))
+          hintOpenAuth({ code, platform, content: contentEnum[platform][code] }).then((res) => resolve(res))
           break
         case 'denied':
-          hintOpenAuth({ code, platform, content: MESSAGE[platform][code] }).then((res) => resolve(res))
+          hintOpenAuth({ code, platform, content: contentEnum[platform][code] }).then((res) => resolve(res))
           break
         default:
           break
@@ -48,7 +31,7 @@ export function appAuth(code = '相册') {
         // case 'undetermined': //未请求授权
         // case 'unknown': //无法查询权限
         default:
-          hintOpenAuth({ code, platform, content: MESSAGE[platform][code] }).then((res) => {
+          hintOpenAuth({ code, platform, content: contentEnum[platform][code] }).then((res) => {
             if (!res) return resolve(res)
             else {
               //granted通过/deniedPresent临时拒绝/deniedAlways永久拒绝

package/src/util/wx.js

@@ -1,4 +1,4 @@
-import { hintOpenAuth } from './common.js'
+import { hintOpenAuth } from '../common/index.js'
 
 const weixin = {
   相册: 'scope.writePhotosAlbum',

package/src/util/common.js

@@ -1,16 +0,0 @@
-export function hintOpenAuth(params = {}) {
-  const { code, platform = 'android', content = '', isOpenAuth = false } = params || {}
-  return new Promise((resolve, reject) => {
-    uni.showModal({
-      content: content,
-      showCancel: platform !== 'ios',
-      cancelText: '拒绝',
-      confirmText: platform === 'ios' ? '下一步' : '同意',
-      success: (res) => {
-        if (!res.confirm) return resolve(false)
-        resolve(true)
-        isOpenAuth && uni.openAppAuthorizeSetting()
-      },
-    })
-  })
-}