@uxda/appkit 4.3.6 → 4.3.8

package/src/user/components/UserResourceEmpty.vue

@@ -1,75 +1,75 @@
-<template>
-  <div class="user-resource-empty" :style="style" v-if="show">
-    <img
-      class="user-resource-empty-img"
-      src="https://cdn.ddjf.com/static/images/nutshell/empty-permission.png"
-    />
-    <div class="user-resource-empty-text">
-      应用已于{{ dayjs(appInfo.endTime).format('YYYY年MM月DD日') }}到期，如需继续使用，
-      请联系大道客户总监进行续费
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue'
-import { useSafeArea } from '../../shared/composables'
-import dayjs from 'dayjs'
-
-const props = withDefaults(
-  defineProps<{
-    appInfo: any
-    withTabbar?: boolean
-    withNavbar?: boolean
-    show?: boolean
-  }>(),
-  {
-    appInfo: {},
-    withTabbar: false,
-    withNavbar: false,
-    show: true,
-  }
-)
-
-const safeArea = useSafeArea()
-
-const style = computed(() => {
-  let str = ''
-  if (props.withTabbar) {
-    str += `bottom: ${safeArea.menuRect.bottom + 5}px;`
-  }
-  if (props.withNavbar) {
-    str += `top: ${safeArea.nav + safeArea.status + 5}px;`
-  }
-  return str
-})
-</script>
-
-<style lang="scss">
-.user-resource-empty {
-  position: fixed;
-  z-index: 4;
-  left: 12px;
-  top: 10px;
-  bottom: 10px;
-  align-items: center;
-  width: calc(100% - 24px);
-  background: #ffffff;
-  border-radius: 5px;
-  display: flex;
-  flex-direction: column;
-  &-img {
-    margin-top: 50%;
-    height: 111px;
-    width: 198px;
-  }
-  &-text {
-    margin-top: 10px;
-    color: #353535;
-    opacity: 0.4;
-    font-size: 12px;
-    padding: 0 30px;
-    text-align: center;
-  }
-}
-</style>
+<template>
+  <div class="user-resource-empty" :style="style" v-if="show">
+    <img
+      class="user-resource-empty-img"
+      src="https://cdn.ddjf.com/static/images/nutshell/empty-permission.png"
+    />
+    <div class="user-resource-empty-text">
+      应用已于{{ dayjs(appInfo.endTime).format('YYYY年MM月DD日') }}到期，如需继续使用，
+      请联系大道客户总监进行续费
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { useSafeArea } from '../../shared/composables'
+import dayjs from 'dayjs'
+
+const props = withDefaults(
+  defineProps<{
+    appInfo: any
+    withTabbar?: boolean
+    withNavbar?: boolean
+    show?: boolean
+  }>(),
+  {
+    appInfo: {},
+    withTabbar: false,
+    withNavbar: false,
+    show: true,
+  }
+)
+
+const safeArea = useSafeArea()
+
+const style = computed(() => {
+  let str = ''
+  if (props.withTabbar) {
+    str += `bottom: ${safeArea.menuRect.bottom + 5}px;`
+  }
+  if (props.withNavbar) {
+    str += `top: ${safeArea.nav + safeArea.status + 5}px;`
+  }
+  return str
+})
+</script>
+
+<style lang="scss">
+.user-resource-empty {
+  position: fixed;
+  z-index: 4;
+  left: 12px;
+  top: 10px;
+  bottom: 10px;
+  align-items: center;
+  width: calc(100% - 24px);
+  background: #ffffff;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  &-img {
+    margin-top: 50%;
+    height: 111px;
+    width: 198px;
+  }
+  &-text {
+    margin-top: 10px;
+    color: #353535;
+    opacity: 0.4;
+    font-size: 12px;
+    padding: 0 30px;
+    text-align: center;
+  }
+}
+</style>

package/src/user/components/index.ts

@@ -1,23 +1,23 @@
-import UserEntry from './UserEntry.vue'
-import UserInfo from './UserInfo.vue'
-import UserBinding from './UserBinding.vue'
-import UserBindingSuccess from './UserBindingSuccess.vue'
-import UserHeadCrop from './UserHeadCrop.vue'
-import UserFeedback from './UserFeedback.vue'
-import UserFeedbackEntry from './UserFeedbackEntry.vue'
-import LoginSetting from './LoginSetting.vue'
-import UserResourceEmpty from './UserResourceEmpty.vue'
-import UserAuth from './UserAuth.vue'
-
-export {
-  UserEntry,
-  UserInfo,
-  UserBinding,
-  UserBindingSuccess,
-  UserHeadCrop,
-  UserFeedback,
-  UserFeedbackEntry,
-  LoginSetting,
-  UserResourceEmpty,
-  UserAuth,
-}
+import UserEntry from './UserEntry.vue'
+import UserInfo from './UserInfo.vue'
+import UserBinding from './UserBinding.vue'
+import UserBindingSuccess from './UserBindingSuccess.vue'
+import UserHeadCrop from './UserHeadCrop.vue'
+import UserFeedback from './UserFeedback.vue'
+import UserFeedbackEntry from './UserFeedbackEntry.vue'
+import LoginSetting from './LoginSetting.vue'
+import UserResourceEmpty from './UserResourceEmpty.vue'
+import UserAuth from './UserAuth.vue'
+
+export {
+  UserEntry,
+  UserInfo,
+  UserBinding,
+  UserBindingSuccess,
+  UserHeadCrop,
+  UserFeedback,
+  UserFeedbackEntry,
+  LoginSetting,
+  UserResourceEmpty,
+  UserAuth,
+}

package/src/user/index.ts

@@ -1 +1 @@
-export * from './components'
+export * from './components'

package/src/utils/utils.ts

@@ -1,33 +1,33 @@
-import Taro from "@tarojs/taro"
-import dsBridge from 'dsbridge'
-
-// 工具函数：DataURL转Blob
-export function dataURItoBlob(dataURI) {
-  const byteString = atob(dataURI.split(',')[1])
-  const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
-  const ab = new ArrayBuffer(byteString.length)
-  const ia = new Uint8Array(ab)
-  for (let i = 0; i < byteString.length; i++) {
-    ia[i] = byteString.charCodeAt(i)
-  }
-  return new Blob([ab], { type: mimeString })
-}
-
-// 是否H5页面
-export function isWeb() {
-  const env = process.env.TARO_ENV || ''
-  return env === 'h5' || Taro.getEnv() === 'WEB'
-}
-
-
-// 使用时间戳生成唯一标识
-export function generateUniqueId(pre?: string, delimiter = '-') {
-  return `${pre ? pre + delimiter : ''}${Date.now().toString(16)}${delimiter}${Math.random()
-    .toString(36)
-    .substr(2)}`
-}
-
-// 是否是App环境
-export function isApp() {
-  return dsBridge.hasNativeMethod('openWebPage')
-}
+import Taro from "@tarojs/taro"
+import dsBridge from 'dsbridge'
+
+// 工具函数：DataURL转Blob
+export function dataURItoBlob(dataURI) {
+  const byteString = atob(dataURI.split(',')[1])
+  const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
+  const ab = new ArrayBuffer(byteString.length)
+  const ia = new Uint8Array(ab)
+  for (let i = 0; i < byteString.length; i++) {
+    ia[i] = byteString.charCodeAt(i)
+  }
+  return new Blob([ab], { type: mimeString })
+}
+
+// 是否H5页面
+export function isWeb() {
+  const env = process.env.TARO_ENV || ''
+  return env === 'h5' || Taro.getEnv() === 'WEB'
+}
+
+
+// 使用时间戳生成唯一标识
+export function generateUniqueId(pre?: string, delimiter = '-') {
+  return `${pre ? pre + delimiter : ''}${Date.now().toString(16)}${delimiter}${Math.random()
+    .toString(36)
+    .substr(2)}`
+}
+
+// 是否是App环境
+export function isApp() {
+  return dsBridge.hasNativeMethod('openWebPage')
+}

package/tsconfig.json

@@ -1,30 +1,30 @@
-{
-  "compilerOptions": {
-    "module": "commonjs",
-    "removeComments": false,
-    "preserveConstEnums": true,
-    "moduleResolution": "node",
-    "experimentalDecorators": true,
-    "noImplicitAny": false,
-    "allowSyntheticDefaultImports": true,
-    "outDir": "dist",
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "strictNullChecks": true,
-    "sourceMap": true,
-    "baseUrl": ".",
-    "rootDir": ".",
-    "jsx": "preserve",
-    "allowJs": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "typeRoots": [
-      "node_modules/@types"
-    ]
-  },
-  "include": [
-    "./src/",
-    "./types",
-  ],
-  "compileOnSave": false
-}
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "removeComments": false,
+    "preserveConstEnums": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "outDir": "dist",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strictNullChecks": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "rootDir": ".",
+    "jsx": "preserve",
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ]
+  },
+  "include": [
+    "./src/",
+    "./types",
+  ],
+  "compileOnSave": false
+}

package/types/global.d.ts

@@ -1,24 +1,22 @@
-/// <reference types="@tarojs/taro" />
-
-declare module '*.png'
-declare module '*.gif'
-declare module '*.jpg'
-declare module '*.jpeg'
-declare module '*.svg'
-declare module '*.css'
-declare module '*.less'
-declare module '*.scss'
-declare module '*.sass'
-declare module '*.styl'
-
-declare namespace NodeJS {
-  interface ProcessEnv {
-    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
-  }
-}
-
-declare module '@tarojs/components' {
-  export * from '@tarojs/components/types/index.vue3'
-}
-
-declare module '@uxda/nutshell/taro'
+/// <reference types="@tarojs/taro" />
+
+declare module '*.png'
+declare module '*.gif'
+declare module '*.jpg'
+declare module '*.jpeg'
+declare module '*.svg'
+declare module '*.css'
+declare module '*.less'
+declare module '*.scss'
+declare module '*.sass'
+declare module '*.styl'
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
+  }
+}
+
+declare module '@tarojs/components' {
+  export * from '@tarojs/components/types/index.vue3'
+}

package/types/vue.d.ts

@@ -1,10 +1,10 @@
-export {}
-
-declare module 'vue' {
-  export interface GlobalComponents extends JSX.IntrinsicElements {
-    /** Note: Vue 在 runtime 中将 JSX.IntrinsicElements 通过 index signature 重复声明标签
-     * 这会导致插件无法正常跳转类型，可以手动覆盖声明标签活得更好的体验，参考如下：
-     * 'scroll-view': JSX.IntrinsicElements['scroll-view']
-     */
-  }
-}
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents extends JSX.IntrinsicElements {
+    /** Note: Vue 在 runtime 中将 JSX.IntrinsicElements 通过 index signature 重复声明标签
+     * 这会导致插件无法正常跳转类型，可以手动覆盖声明标签活得更好的体验，参考如下：
+     * 'scroll-view': JSX.IntrinsicElements['scroll-view']
+     */
+  }
+}

package/src/shared/components/OcrBank.vue

@@ -1,202 +0,0 @@
-<template>
-  <div class="ocr-bank" :class="[disabled ? 'disabled' : '']" v-track-click="'银行卡识别-点击'" @click="!customClick ? onUpload() : null">
-    <slot name="icon">
-      <ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
-    </slot>
-  </div>
-
-  <nut-action-sheet v-model:visible="activeSheetVisible" :menu-items="actionSheetMenus" @choose="chooseImages"
-    cancel-txt="取消" />
-</template>
-
-<script lang="ts" setup>
-import Taro, { showToast, showLoading, hideLoading, chooseMedia, chooseMessageFile, uploadFile } from '@tarojs/taro'
-import { NsIcon, useNutshell } from '@uxda/nutshell/taro'
-import { useAppKitOptions } from '../../Appkit'
-import { ref } from 'vue';
-import { useHttp } from '../../balance/api'
-import { compressImage, getCompressQuality } from '../composables/useUpload'
-
-const appKitOptions = useAppKitOptions()
-const $http = useHttp(),
-$n = useNutshell()
-
-const emits = defineEmits(['complete'])
-
-type OcrProps = {
-  disabled?: boolean,
-  class?: string
-  uploadUrl?: string
-  customClick?: boolean
-}
-type FileType = {
-	"downloadUrl": string,
-	"fileId": string,
-	"fileName": string,
-	"fileSize": number,
-	"fileSuffix": string,
-	"fileType": string,
-	"originalUrl": string
-}
-
-const props = withDefaults(defineProps<OcrProps>(), {
-  disabled: false,
-  class: '',
-  uploadUrl: '/hkbase/file/uploadFile',
-  customClick: false
-})
-
-type BankCardType = {
-  bankCardNumber: string
-  bankCardType: string
-  bankName: string
-}
-
-async function onUploadFile(csRes: any) {
-  try {
-    let { path, size, tempFilePath } = csRes.tempFiles[0]
-    const compressImg: any = (await compressImage(path || tempFilePath, getCompressQuality(size))) || {}
-    const filePath = compressImg.tempFilePath || path
-
-    showLoading({ title: '银行卡识别中..', mask: true })
-
-    const session = appKitOptions.token()
-    const baseUrl = appKitOptions.baseUrl()
-    const upRes: any = await uploadFile({
-      url: baseUrl + props.uploadUrl,
-      filePath,
-      name: 'file',
-      formData: {
-        objectNo: `min${Date.now()}`,
-        appCode: appKitOptions.app(),
-      },
-      header: {
-        token: session || '',
-      },
-    })
-
-    const res = JSON.parse(upRes.data)
-    if (res.code === '200') {
-      await getBankCardInfo(res.result)
-    } else {
-      hideLoading()
-      showToast({
-        title: res.msg,
-        icon: 'error',
-      })
-    }
-  } catch (err) {
-    hideLoading()
-    console.log(err)
-  }
-}
-
-// 根据银行卡路径获取银行卡信息
-async function getBankCardInfo(file: string | FileType) {
-  try {
-    const res: BankCardType = await $http.get('/hkbase/common/bankCard', {
-      fileUrl: typeof file === 'string' ? file : file.originalUrl,
-    })
-    hideLoading()
-
-    if (res && !res.bankCardNumber) {
-      $n.dialog({
-        title: '识别失败',
-        message: `您上传的图片可能不够清晰或与当前功能不符，请重新上传一张清晰、完整的图片。谢谢！`,
-        okText: '我知道了',
-        cancelText: '',
-      })
-      return
-    }
-
-    emits('complete', {
-      ...res,
-      fileUrl: typeof file === 'string' ? file : file.originalUrl,
-      fileKey: typeof file === 'string' ? file : file.fileId,
-    })
-  } catch (err) {
-    hideLoading()
-  }
-}
-
-// 上传图片操作面板
-const activeSheetVisible = ref(false)
-const actionSheetMenus = [
-  {
-    name: '拍摄',
-    type: 'camera',
-  },
-  {
-    name: '从相册选择',
-    type: 'album',
-  },
-  {
-    name: '从聊天会话选择',
-    type: 'message',
-  },
-]
-if (Taro.getEnv() === 'WEB') {
-  actionSheetMenus.pop()
-}
-
-// 选择图像上传
-async function chooseImages(item: any) {
-  if (['camera', 'album'].includes(item.type)) {
-    const csRes = await chooseMedia({
-      count: 1,
-      sourceType: [item.type], // "camera" | "album"
-      maxDuration: 60, // 使用duration属性判断是图片还是视频，图片没有该属性
-    })
-
-    onUploadFile(csRes)
-  } else {
-    const csRes = await chooseMessageFile({
-      count: 1,
-      type: 'image',
-    })
-
-    onUploadFile(csRes)
-  }
-}
-
-async function onUpload() {
-  if (props.disabled) return
-
-  if (Taro.getEnv() === 'WEB') {
-    const csRes = await chooseMedia({
-      count: 1,
-      sourceType: ['album'], // "camera" | "album"
-      maxDuration: 60, // 使用duration属性判断是图片还是视频，图片没有该属性
-    })
-
-    onUploadFile(csRes)
-    return
-  }
-
-  activeSheetVisible.value = true
-}
-
-defineExpose({
-  onUpload
-})
-</script>
-
-<style lang="scss">
-.ocr-bank {
-  width: 24px;
-  height: 24px;
-  display: inline-flex;
-  align-items: center;
-
-  .ns-icon {
-    width: 24px;
-    height: 24px;
-  }
-
-  &.disabled {
-    .ns-icon {
-      filter: brightness(1.5) grayscale(1);
-    }
-  }
-}
-</style>