@uxda/appkit 4.3.2 → 4.3.3

package/src/shared/composables/useAmount.ts

@@ -1,46 +1,46 @@
-/**
- * 金额通用方法
- */
-
-export function useAmount() {
-  /**
-   * 限制数字小数位
-   */
-  function limitDecimal(value, precision = 1) {
-    if (!value) return value
-
-    value = String(value)
-
-    // 限制最多precision位小数
-    if (value.includes('.')) {
-      value = value.slice(0, value.indexOf('.') + (precision + 1))
-    }
-
-    // 移除非数字字符
-    value = value.replace(/[^0-9.]/g, '')
-
-    // 防止出现多个小数点
-    value = value.replace(/\.{2,}/g, '.')
-
-    return value
-  }
-
-  /**
-   * 格式化金额
-   */
-  function formatAmount(value: string | number, digits = 2) {
-    if (!value) {
-      return '0'
-    }
-
-    return value.toLocaleString('en-US', {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: digits,
-    })
-  }
-
-  return {
-    limitDecimal,
-    formatAmount,
-  }
-}
+/**
+ * 金额通用方法
+ */
+
+export function useAmount() {
+  /**
+   * 限制数字小数位
+   */
+  function limitDecimal(value, precision = 1) {
+    if (!value) return value
+
+    value = String(value)
+
+    // 限制最多precision位小数
+    if (value.includes('.')) {
+      value = value.slice(0, value.indexOf('.') + (precision + 1))
+    }
+
+    // 移除非数字字符
+    value = value.replace(/[^0-9.]/g, '')
+
+    // 防止出现多个小数点
+    value = value.replace(/\.{2,}/g, '.')
+
+    return value
+  }
+
+  /**
+   * 格式化金额
+   */
+  function formatAmount(value: string | number, digits = 2) {
+    if (!value) {
+      return '0'
+    }
+
+    return value.toLocaleString('en-US', {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: digits,
+    })
+  }
+
+  return {
+    limitDecimal,
+    formatAmount,
+  }
+}

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/useCrypto.ts

@@ -1,77 +1,77 @@
-// 解析脱敏姓名、手机号码等
-
-export type CryptoConfig = {
-  maskField: string,
-  secretField: string,
-}
-
-export const defaultCryptoConfig: CryptoConfig = {
-  maskField: 'mask',
-  secretField: 'secretKey'
-}
-
-export type DecodeResult<T extends string> = {
-  [key in T | `${T}Secret`]: string
-}
-
-export type DefaultDecodeResult = DecodeResult<'masked'>
-
-export type DecodeFunction = (encoded: string, key: string) => DecodeResult<`${key}`>
-
-/**
- * 解析以及解密脱敏数据
- * @param config 
- * @returns 
- */
-export function useCrypto (config?: CryptoConfig) {
-
-  const conf = config || defaultCryptoConfig
-
-  const parse: DecodeFunction = (data: string, key?: string) => {
-    let k = key || 'masked'
-    let result: Record<string, any> = {}
-    try {
-      result = JSON.parse(data)
-      result = {
-        [k]: result.mask,
-        // 字段后加$表示用于解密的 secret
-        [`${k}$`]: result.secretKey
-      }
-    } catch (e) {}
-    return result
-  }
-
-  /**
-   * 批量解析数组内的数据
-   * @param list 
-   * @param field 
-   * @returns 
-   */
-  const resolve = (list: any[], field?: string | string[]) => {
-    if (list.length === 0) return []
-    const [first] = list,
-      f = field
-        ? Array.isArray(field) ? field : [field]
-        // 自动探测需要解密的字段
-        // '{"secretKey":"","mask":""}' 形式
-        : Object.entries(first)
-            .filter(([_, v]) => /^\{.*\}$/.test(v as string))
-            .map(([k]) => k)
-    return list
-      .map(item => {
-          let result = { ...item }
-          f.forEach(r => {
-            result = {
-              ...result,
-              ...parse(item[r], r)
-            }
-          })
-          return result
-      })
-  }
-
-  return {
-    parse,
-    resolve,
-  }
+// 解析脱敏姓名、手机号码等
+
+export type CryptoConfig = {
+  maskField: string,
+  secretField: string,
+}
+
+export const defaultCryptoConfig: CryptoConfig = {
+  maskField: 'mask',
+  secretField: 'secretKey'
+}
+
+export type DecodeResult<T extends string> = {
+  [key in T | `${T}Secret`]: string
+}
+
+export type DefaultDecodeResult = DecodeResult<'masked'>
+
+export type DecodeFunction = (encoded: string, key: string) => DecodeResult<`${key}`>
+
+/**
+ * 解析以及解密脱敏数据
+ * @param config 
+ * @returns 
+ */
+export function useCrypto (config?: CryptoConfig) {
+
+  const conf = config || defaultCryptoConfig
+
+  const parse: DecodeFunction = (data: string, key?: string) => {
+    let k = key || 'masked'
+    let result: Record<string, any> = {}
+    try {
+      result = JSON.parse(data)
+      result = {
+        [k]: result.mask,
+        // 字段后加$表示用于解密的 secret
+        [`${k}$`]: result.secretKey
+      }
+    } catch (e) {}
+    return result
+  }
+
+  /**
+   * 批量解析数组内的数据
+   * @param list 
+   * @param field 
+   * @returns 
+   */
+  const resolve = (list: any[], field?: string | string[]) => {
+    if (list.length === 0) return []
+    const [first] = list,
+      f = field
+        ? Array.isArray(field) ? field : [field]
+        // 自动探测需要解密的字段
+        // '{"secretKey":"","mask":""}' 形式
+        : Object.entries(first)
+            .filter(([_, v]) => /^\{.*\}$/.test(v as string))
+            .map(([k]) => k)
+    return list
+      .map(item => {
+          let result = { ...item }
+          f.forEach(r => {
+            result = {
+              ...result,
+              ...parse(item[r], r)
+            }
+          })
+          return result
+      })
+  }
+
+  return {
+    parse,
+    resolve,
+  }
 }

package/src/shared/composables/useDeviceEnv.ts

@@ -1,27 +1,27 @@
-// 是否微信环境
-export function isWechat() {
-  let ua = window.navigator.userAgent.toLowerCase()
-  return ua.includes('micromessenger')
-}
-
-// 是否支付宝环境
-export function isAlipay() {
-  let ua = window.navigator.userAgent.toLowerCase()
-  return ua.includes('alipayclient')
-}
-
-// 判断是否为 iOS 设备
-export const isIOS = () => {
-  if (typeof window !== 'undefined') {
-    return /iPhone|iPad|iPod/i.test(window.navigator.userAgent)
-  }
-  return false
-}
-
-// 判断是否为 Android 设备
-export const isAndroid = () => {
-  if (typeof window !== 'undefined') {
-    return /Android/i.test(window.navigator.userAgent)
-  }
-  return false
+// 是否微信环境
+export function isWechat() {
+  let ua = window.navigator.userAgent.toLowerCase()
+  return ua.includes('micromessenger')
+}
+
+// 是否支付宝环境
+export function isAlipay() {
+  let ua = window.navigator.userAgent.toLowerCase()
+  return ua.includes('alipayclient')
+}
+
+// 判断是否为 iOS 设备
+export const isIOS = () => {
+  if (typeof window !== 'undefined') {
+    return /iPhone|iPad|iPod/i.test(window.navigator.userAgent)
+  }
+  return false
+}
+
+// 判断是否为 Android 设备
+export const isAndroid = () => {
+  if (typeof window !== 'undefined') {
+    return /Android/i.test(window.navigator.userAgent)
+  }
+  return false
 }

package/src/shared/composables/useDragBox.ts

@@ -1,97 +1,97 @@
-/**
- * 元素拖拽功能
- */
-import Taro, { getSystemInfoSync } 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 = 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, { getSystemInfoSync } 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 = 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,
+  }
+}