@uxda/appkit 4.0.3 → 4.0.12

package/src/shared/components/PageHeader.vue

@@ -1,80 +1,80 @@
-<template>
-  <div :class="[
-    'page-header',
-    `color-mode-${colorMode}`
-  ]" :style="cssVars">
-    <h1 class="page-title" v-if="title">{{ title }}</h1>
-    <view class="back-button" @click="onBackButtonClick"></view>
-    <slot></slot>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useSafeArea } from '../composables'
-
-
-const safeArea = useSafeArea()
-
-const cssVars = {
-  '--top': `${safeArea.status}px`,
-  '--height': `${safeArea.nav}px`
-}
-
-export type PageHeaderColorMode = 'light' | 'dark'
-
-export interface PageHeaderProps {
-  title?: string,
-  colorMode?: PageHeaderColorMode
-}
-
-const emit = defineEmits<{
-  (event: 'close'): void
-}>()
-
-withDefaults(
-  defineProps<PageHeaderProps>(), {
-    title: '',
-    colorMode: 'light'
-  }
-)
-
-const onBackButtonClick = () => {
-  emit('close')
-}
-</script>
-
-<style lang="scss">
-.page-header {
-  display: flex;
-  position: relative;
-  align-items: center;
-  padding-top: var(--top);
-  min-height: var(--height);
-  .page-title {
-    position: absolute;
-    font-size: 18px;
-    height: var(--height);
-    line-height: var(--height);
-    top: var(--top);
-    width: 100%;
-    text-align: center;
-  }
-  .back-button {
-    position: absolute;
-    top: var(--top);
-    left: 10px;
-    width: var(--height);
-    height: var(--height);
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
-    background-size: 50%;
-    background-repeat: no-repeat;
-    background-position: center center;
-  }
-  &.color-mode-dark {
-    color: var(--text-color-dark-mode, #fff);
-    .back-button {
-      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
-    }
-  }
-}
+<template>
+  <div :class="[
+    'page-header',
+    `color-mode-${colorMode}`
+  ]" :style="cssVars">
+    <h1 class="page-title" v-if="title">{{ title }}</h1>
+    <view class="back-button" @click="onBackButtonClick"></view>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useSafeArea } from '../composables'
+
+
+const safeArea = useSafeArea()
+
+const cssVars = {
+  '--top': `${safeArea.status}px`,
+  '--height': `${safeArea.nav}px`
+}
+
+export type PageHeaderColorMode = 'light' | 'dark'
+
+export interface PageHeaderProps {
+  title?: string,
+  colorMode?: PageHeaderColorMode
+}
+
+const emit = defineEmits<{
+  (event: 'close'): void
+}>()
+
+withDefaults(
+  defineProps<PageHeaderProps>(), {
+    title: '',
+    colorMode: 'light'
+  }
+)
+
+const onBackButtonClick = () => {
+  emit('close')
+}
+</script>
+
+<style lang="scss">
+.page-header {
+  display: flex;
+  position: relative;
+  align-items: center;
+  padding-top: var(--top);
+  min-height: var(--height);
+  .page-title {
+    position: absolute;
+    font-size: 18px;
+    height: var(--height);
+    line-height: var(--height);
+    top: var(--top);
+    width: 100%;
+    text-align: center;
+  }
+  .back-button {
+    position: absolute;
+    top: var(--top);
+    left: 10px;
+    width: var(--height);
+    height: var(--height);
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
+    background-size: 50%;
+    background-repeat: no-repeat;
+    background-position: center center;
+  }
+  &.color-mode-dark {
+    color: var(--text-color-dark-mode, #fff);
+    .back-button {
+      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
+    }
+  }
+}
 </style>

package/src/shared/components/index.ts

@@ -1,5 +1,7 @@
-import AppDrawer from './AppDrawer.vue'
-import PageHeader from './PageHeader.vue'
-import DeviceVersion from './DeviceVersion.vue'
-
-export { AppDrawer, PageHeader, DeviceVersion }
+import AppDrawer from './AppDrawer.vue'
+import PageHeader from './PageHeader.vue'
+import AppVerify from './AppVerify.vue'
+import DeviceVersion from './DeviceVersion.vue'
+import OcrIcon from './OcrIcon.vue'
+
+export { AppDrawer, PageHeader, DeviceVersion, AppVerify, OcrIcon }

package/src/shared/composables/index.ts

@@ -1,5 +1,6 @@
-export * from './useSafeArea'
-export * from './useTabbar'
-export * from './useCountdown'
-export * from './useValidator'
-export * from './useEncode'
+export * from './useSafeArea'
+export * from './useTabbar'
+export * from './useCountdown'
+export * from './useValidator'
+export * from './useEncode'
+export * from './useUpload'

package/src/shared/composables/useCountdown.ts

@@ -1,46 +1,46 @@
-/**
- * @description: 倒计时
- * @param {number} time
- * @return {*}
- */
-import { ref, onUnmounted, computed } from 'vue'
-
-export function useCountdown() {
-  let timer: any = null
-  const countdown = ref(60)
-  const countdownActive = computed(() => countdown.value > 0 && countdown.value < 60)
-
-  const startCountdown = () => {
-    countdown.value = 60
-    timer = setInterval(() => {
-      countdown.value--
-      if (countdown.value <= 0) {
-        stopCountdown()
-      }
-    }, 1000)
-  }
-
-  const stopCountdown = () => {
-    clearInterval(timer)
-    countdown.value = 60 // 重置倒计时
-  }
-
-  onUnmounted(() => {
-    // stopCountdown() // 组件卸载时确保清除定时器
-  })
-
-  const countdownText = computed(() => {
-    if (countdown.value === 60) {
-      return '获取验证码'
-    } else {
-      return `重新发送(${countdown.value}s)`
-    }
-  })
-
-  return {
-    countdownActive,
-    countdownText,
-    startCountdown,
-    stopCountdown,
-  }
-}
+/**
+ * @description: 倒计时
+ * @param {number} time
+ * @return {*}
+ */
+import { ref, onUnmounted, computed } from 'vue'
+
+export function useCountdown() {
+  let timer: any = null
+  const countdown = ref(60)
+  const countdownActive = computed(() => countdown.value > 0 && countdown.value < 60)
+
+  const startCountdown = () => {
+    countdown.value = 60
+    timer = setInterval(() => {
+      countdown.value--
+      if (countdown.value <= 0) {
+        stopCountdown()
+      }
+    }, 1000)
+  }
+
+  const stopCountdown = () => {
+    clearInterval(timer)
+    countdown.value = 60 // 重置倒计时
+  }
+
+  onUnmounted(() => {
+    // stopCountdown() // 组件卸载时确保清除定时器
+  })
+
+  const countdownText = computed(() => {
+    if (countdown.value === 60) {
+      return '获取验证码'
+    } else {
+      return `重新发送(${countdown.value}s)`
+    }
+  })
+
+  return {
+    countdownActive,
+    countdownText,
+    startCountdown,
+    stopCountdown,
+  }
+}

package/src/shared/composables/useDragBox.ts

@@ -1,97 +1,97 @@
-/**
- * 元素拖拽功能
- */
-import Taro from '@tarojs/taro'
-import { reactive } from 'vue'
-
-export function useDragBox() {
-  const dragData = reactive({
-    left: 0, // 浮动按钮的左边距
-    top: 0, // 浮动按钮的上边距
-    width: 0, // 浮动按钮的宽度
-    height: 0, // 浮动按钮的高度
-    startX: 0, // 手指触摸起始点的横坐标
-    startY: 0, // 手指触摸起始点的纵坐标
-    screenWidth: 0, // 屏幕宽度
-    screenHeight: 0, // 屏幕高度
-    isDrag: false, // 是否开始拖拽
-    oldLeft: 0,
-    limitHorizontal: [0, 0], // 横向拖动限制范围
-    limitVertical: [0, 0], // 纵向拖动限制范围
-  })
-
-  // 初始化元素拖拽模型
-  function initDragData(data: any) {
-    // 获取屏幕宽度和高度
-    const res = Taro.getSystemInfoSync()
-    dragData.screenWidth = res.windowWidth
-    dragData.screenHeight = res.windowHeight
-    if (!data) data = {}
-
-    const scale = dragData.screenWidth / 375
-    dragData.width = data.width * scale || 0
-    dragData.height = data.height * scale || 0
-    dragData.left = data.left * scale || 0
-    dragData.top = data.top * scale || 0
-    dragData.oldLeft = data.left * scale || 0
-
-    if (data.limitHorizontal && data.limitHorizontal.length) {
-      dragData.limitHorizontal = data.limitHorizontal
-    }
-    if (data.limitVertical && data.limitVertical.length) {
-      dragData.limitVertical = data.limitVertical
-    }
-  }
-
-  // 触屏开始
-  function onDragStart(event: any) {
-    dragData.startX = event.touches[0].clientX
-    dragData.startY = event.touches[0].clientY
-    dragData.isDrag = true
-  }
-
-  // 触屏移动
-  function onDragMove(event: any) {
-    const moveX = event.touches[0].clientX - dragData.startX
-    const moveY = event.touches[0].clientY - dragData.startY
-
-    let left = dragData.left + moveX
-    let top = dragData.top + moveY
-
-    // 防止浮动按钮移出屏幕
-    if (left < dragData.limitHorizontal[0]) {
-      left = dragData.limitHorizontal[0]
-    } else if (left > dragData.screenWidth - dragData.width - dragData.limitHorizontal[1]) {
-      left = dragData.screenWidth - dragData.width - dragData.limitHorizontal[1]
-    }
-
-    if (top < dragData.limitVertical[0]) {
-      top = dragData.limitVertical[0]
-    } else if (top > dragData.screenHeight - dragData.height - dragData.limitVertical[1]) {
-      top = dragData.screenHeight - dragData.height - dragData.limitVertical[1]
-    }
-
-    dragData.left = left
-    dragData.top = top
-
-    dragData.startX = event.touches[0].clientX
-    dragData.startY = event.touches[0].clientY
-
-    // 阻止页面滚动
-    event.preventDefault()
-  }
-
-  // 触屏结束
-  function onDragEnd() {
-    dragData.isDrag = false
-    dragData.left = dragData.oldLeft
-  }
-
-  return {
-    dragData,
-    initDragData,
-    onDragStart,
-    onDragMove,
-    onDragEnd,
-  }
-}
+/**
+ * 元素拖拽功能
+ */
+import Taro from '@tarojs/taro'
+import { reactive } from 'vue'
+
+export function useDragBox() {
+  const dragData = reactive({
+    left: 0, // 浮动按钮的左边距
+    top: 0, // 浮动按钮的上边距
+    width: 0, // 浮动按钮的宽度
+    height: 0, // 浮动按钮的高度
+    startX: 0, // 手指触摸起始点的横坐标
+    startY: 0, // 手指触摸起始点的纵坐标
+    screenWidth: 0, // 屏幕宽度
+    screenHeight: 0, // 屏幕高度
+    isDrag: false, // 是否开始拖拽
+    oldLeft: 0,
+    limitHorizontal: [0, 0], // 横向拖动限制范围
+    limitVertical: [0, 0], // 纵向拖动限制范围
+  })
+
+  // 初始化元素拖拽模型
+  function initDragData(data: any) {
+    // 获取屏幕宽度和高度
+    const res = Taro.getSystemInfoSync()
+    dragData.screenWidth = res.windowWidth
+    dragData.screenHeight = res.windowHeight
+    if (!data) data = {}
+
+    const scale = dragData.screenWidth / 375
+    dragData.width = data.width * scale || 0
+    dragData.height = data.height * scale || 0
+    dragData.left = data.left * scale || 0
+    dragData.top = data.top * scale || 0
+    dragData.oldLeft = data.left * scale || 0
+
+    if (data.limitHorizontal && data.limitHorizontal.length) {
+      dragData.limitHorizontal = data.limitHorizontal
+    }
+    if (data.limitVertical && data.limitVertical.length) {
+      dragData.limitVertical = data.limitVertical
+    }
+  }
+
+  // 触屏开始
+  function onDragStart(event: any) {
+    dragData.startX = event.touches[0].clientX
+    dragData.startY = event.touches[0].clientY
+    dragData.isDrag = true
+  }
+
+  // 触屏移动
+  function onDragMove(event: any) {
+    const moveX = event.touches[0].clientX - dragData.startX
+    const moveY = event.touches[0].clientY - dragData.startY
+
+    let left = dragData.left + moveX
+    let top = dragData.top + moveY
+
+    // 防止浮动按钮移出屏幕
+    if (left < dragData.limitHorizontal[0]) {
+      left = dragData.limitHorizontal[0]
+    } else if (left > dragData.screenWidth - dragData.width - dragData.limitHorizontal[1]) {
+      left = dragData.screenWidth - dragData.width - dragData.limitHorizontal[1]
+    }
+
+    if (top < dragData.limitVertical[0]) {
+      top = dragData.limitVertical[0]
+    } else if (top > dragData.screenHeight - dragData.height - dragData.limitVertical[1]) {
+      top = dragData.screenHeight - dragData.height - dragData.limitVertical[1]
+    }
+
+    dragData.left = left
+    dragData.top = top
+
+    dragData.startX = event.touches[0].clientX
+    dragData.startY = event.touches[0].clientY
+
+    // 阻止页面滚动
+    event.preventDefault()
+  }
+
+  // 触屏结束
+  function onDragEnd() {
+    dragData.isDrag = false
+    dragData.left = dragData.oldLeft
+  }
+
+  return {
+    dragData,
+    initDragData,
+    onDragStart,
+    onDragMove,
+    onDragEnd,
+  }
+}

package/src/shared/composables/useEncode.ts

@@ -1,43 +1,43 @@
-/**
- * @description: 脱敏相关方法
- */
-
-export function useEncode() {
-  // 姓名脱敏
-  function encodeName(name: string) {
-    name = name.trim()
-    if (name.length > 2) {
-      return name[0].padEnd(name.length - 1, '*') + (name[name.length - 1] || '')
-    }
-    if (name.length == 0) {
-      return ''
-    } else {
-      return name[0].padEnd(name.length, '*')
-    }
-  }
-
-  // 证件脱敏
-  function encodeCard(card: string) {
-    if (card.length === 18) {
-      return card.replace(/(\d{6})\d{8}(\d{3}.)/g, '$1********$2')
-    } else {
-      return card
-    }
-  }
-
-  // 手机脱敏
-  function encodePhone(phone: string) {
-    phone = String(phone)
-    if (phone.length === 11) {
-      return phone.replace(/(1\d{2})\d{4}(\d{4})/g, '$1****$2')
-    } else {
-      return phone
-    }
-  }
-
-  return {
-    encodeName,
-    encodeCard,
-    encodePhone,
-  }
-}
+/**
+ * @description: 脱敏相关方法
+ */
+
+export function useEncode() {
+  // 姓名脱敏
+  function encodeName(name: string) {
+    name = name.trim()
+    if (name.length > 2) {
+      return name[0].padEnd(name.length - 1, '*') + (name[name.length - 1] || '')
+    }
+    if (name.length == 0) {
+      return ''
+    } else {
+      return name[0].padEnd(name.length, '*')
+    }
+  }
+
+  // 证件脱敏
+  function encodeCard(card: string) {
+    if (card.length === 18) {
+      return card.replace(/(\d{6})\d{8}(\d{3}.)/g, '$1********$2')
+    } else {
+      return card
+    }
+  }
+
+  // 手机脱敏
+  function encodePhone(phone: string) {
+    phone = String(phone)
+    if (phone.length === 11) {
+      return phone.replace(/(1\d{2})\d{4}(\d{4})/g, '$1****$2')
+    } else {
+      return phone
+    }
+  }
+
+  return {
+    encodeName,
+    encodeCard,
+    encodePhone,
+  }
+}

package/src/shared/composables/useSafeArea.ts

@@ -1,46 +1,46 @@
-import Taro from '@tarojs/taro'
-/**
- * 屏幕安全区域
- */
-export type SafeArea = {
-  /**
-   * 状态条高度
-   */
-  status: number
-  /**
-   * 导航条区域(胶囊)
-   */
-  nav: number
-  /**
-   * 屏幕底部范围
-   */
-  bottom: number
-  menuRect: any
-}
-
-/**
- * 获取屏幕安全区域
- * 从系统 API 获取
- * @returns
- */
-export function useSafeArea(): SafeArea {
-  const systemInfo = Taro.getSystemInfoSync(),
-    capsule = Taro.getMenuButtonBoundingClientRect()
-  /**
-   * 状态条高度
-   */
-  const status = systemInfo.statusBarHeight || 0,
-    /**
-     * 据说是胶囊上下间距
-     */
-    gap = capsule.top - status,
-    nav = capsule.height + gap * 2,
-    safeAreaBottom = (systemInfo.safeArea || {}).bottom || 0,
-    bottom = systemInfo.screenHeight - safeAreaBottom
-  return {
-    status,
-    nav,
-    bottom,
-    menuRect: capsule,
-  }
-}
+import Taro from '@tarojs/taro'
+/**
+ * 屏幕安全区域
+ */
+export type SafeArea = {
+  /**
+   * 状态条高度
+   */
+  status: number
+  /**
+   * 导航条区域(胶囊)
+   */
+  nav: number
+  /**
+   * 屏幕底部范围
+   */
+  bottom: number
+  menuRect: any
+}
+
+/**
+ * 获取屏幕安全区域
+ * 从系统 API 获取
+ * @returns
+ */
+export function useSafeArea(): SafeArea {
+  const systemInfo = Taro.getSystemInfoSync(),
+    capsule = Taro.getMenuButtonBoundingClientRect()
+  /**
+   * 状态条高度
+   */
+  const status = systemInfo.statusBarHeight || 0,
+    /**
+     * 据说是胶囊上下间距
+     */
+    gap = capsule.top - status,
+    nav = capsule.height + gap * 2,
+    safeAreaBottom = (systemInfo.safeArea || {}).bottom || 0,
+    bottom = systemInfo.screenHeight - safeAreaBottom
+  return {
+    status,
+    nav,
+    bottom,
+    menuRect: capsule,
+  }
+}