@uxda/appkit 4.3.6 → 4.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.mjs +7 -7
- package/COMPONENT_USAGE.md +1523 -1523
- package/PROJECT_DOCS.md +142 -142
- package/README.md +187 -187
- package/babel.config.js +12 -12
- package/dist/appkit.css +15 -63
- package/dist/assets/asset-DcH8Kg-2 +1 -0
- package/dist/index.js +259 -806
- package/package.json +79 -79
- package/project.config.json +15 -15
- package/project.tt.json +13 -13
- package/rollup.config.mjs +78 -78
- package/src/Appkit.ts +72 -72
- package/src/balance/api/endpoints.ts +133 -133
- package/src/balance/api/index.ts +118 -118
- package/src/balance/components/AccountView.vue +770 -770
- package/src/balance/components/BalanceCard.vue +210 -210
- package/src/balance/components/BalanceReminder.vue +84 -84
- package/src/balance/components/ConsumptionFilter.vue +218 -218
- package/src/balance/components/ConsumptionRules.vue +68 -68
- package/src/balance/components/DateFilter.vue +259 -259
- package/src/balance/components/DateRange.vue +111 -111
- package/src/balance/components/ListFilter.vue +62 -62
- package/src/balance/components/ListFilterPicker.vue +191 -191
- package/src/balance/components/PromoterCard.vue +307 -308
- package/src/balance/components/SecondBalance.vue +77 -77
- package/src/balance/components/Tip.vue +45 -45
- package/src/balance/components/index.ts +8 -8
- package/src/balance/types.ts +99 -99
- package/src/components/bt-cropper/index.vue +730 -730
- package/src/components/bt-cropper/utils/calcCropper.js +42 -42
- package/src/components/bt-cropper/utils/calcImagePosition.js +23 -23
- package/src/components/bt-cropper/utils/calcImageSize.js +37 -37
- package/src/components/bt-cropper/utils/calcPointDistance.js +12 -12
- package/src/components/bt-cropper/utils/calcRightAndBottom.js +7 -7
- package/src/components/bt-cropper/utils/ratio.js +3 -3
- package/src/components/bt-cropper/utils/tools.js +25 -25
- package/src/components/dd-area/index.vue +225 -225
- package/src/components/dd-icon/doc.md +21 -21
- package/src/components/dd-icon/index.vue +23 -23
- package/src/components/dd-notice-bar/index.vue +78 -78
- package/src/components/dd-search/doc.md +34 -34
- package/src/components/dd-search/index.vue +168 -168
- package/src/components/dd-selector/index.vue +124 -124
- package/src/components/dd-skeleton/doc.md +19 -19
- package/src/components/dd-skeleton/index.vue +36 -36
- package/src/global.ts +6 -6
- package/src/index.ts +101 -101
- package/src/main.scss +1 -1
- package/src/notice/api/endpoints.ts +54 -54
- package/src/notice/api/index.ts +121 -121
- package/src/notice/components/NoticeBanner.vue +247 -247
- package/src/notice/components/NoticeEntry.vue +99 -99
- package/src/notice/components/NoticeList.vue +311 -311
- package/src/notice/components/NoticeList2.vue +400 -399
- package/src/notice/components/NoticePopup.vue +163 -163
- package/src/notice/components/index.ts +6 -6
- package/src/notice/components/useCommonList.ts +86 -87
- package/src/notice/components/useNotice.ts +35 -35
- package/src/notice/index.ts +1 -1
- package/src/notice/types.ts +25 -25
- package/src/payment/api/config.ts +7 -7
- package/src/payment/api/endpoints.ts +96 -98
- package/src/payment/api/index.ts +107 -108
- package/src/payment/components/AmountPicker.vue +90 -90
- package/src/payment/components/RechargeResult.vue +69 -68
- package/src/payment/components/RechargeView.vue +191 -191
- package/src/payment/components/RightsPicker.vue +105 -105
- package/src/payment/components/TradeView.vue +363 -571
- package/src/payment/components/UserAgreement.vue +234 -234
- package/src/payment/components/index.ts +22 -22
- package/src/payment/index.ts +5 -5
- package/src/payment/services/index.ts +16 -16
- package/src/payment/services/invoke-recharge.ts +25 -25
- package/src/payment/services/request-payment.ts +130 -132
- package/src/payment/types.ts +33 -34
- package/src/register/components/SelfRegistration.vue +233 -233
- package/src/register/components/index.ts +2 -2
- package/src/scenarios/components/SharePoster.vue +364 -364
- package/src/scenarios/components/index.ts +2 -2
- package/src/scenarios/components/poster-paste.vue +93 -93
- package/src/scenarios/components/share-poster.md +273 -273
- package/src/shared/components/AppDrawer.vue +53 -53
- package/src/shared/components/AppVerify.vue +128 -137
- package/src/shared/components/DeviceVersion.vue +78 -78
- package/src/shared/components/EmptyView.vue +33 -33
- package/src/shared/components/OcrBusinessLicense.vue +137 -120
- package/src/shared/components/OcrIcon.vue +229 -267
- package/src/shared/components/PageHeader.vue +84 -84
- package/src/shared/components/index.ts +8 -10
- package/src/shared/composables/index.ts +9 -10
- package/src/shared/composables/useAmount.ts +46 -46
- package/src/shared/composables/useCountdown.ts +46 -46
- package/src/shared/composables/useCrypto.ts +76 -76
- package/src/shared/composables/useDeviceEnv.ts +26 -26
- package/src/shared/composables/useDragBox.ts +97 -97
- package/src/shared/composables/useEncode.ts +43 -43
- package/src/shared/composables/useLogger.ts +144 -144
- package/src/shared/composables/useSafeArea.ts +46 -46
- package/src/shared/composables/useTabbar.ts +24 -24
- package/src/shared/composables/useUpload.ts +61 -106
- package/src/shared/composables/useValidator.ts +32 -32
- package/src/shared/composables/useWxAuth.ts +48 -48
- package/src/shared/http/Http.ts +148 -149
- package/src/shared/http/index.ts +1 -1
- package/src/shared/http/types.ts +163 -163
- package/src/shared/index.ts +9 -9
- package/src/shared/tracking/directives/index.ts +40 -40
- package/src/shared/tracking/examples/page-tracking-template.vue +27 -27
- package/src/shared/tracking/tracking-sdk.ts +1 -0
- package/src/shared/weixin/index.ts +9 -9
- package/src/shared/weixin/jssdk.ts +103 -104
- package/src/shared/weixin/payment.ts +38 -38
- package/src/styles/vars.scss +3 -3
- package/src/user/api/endpoints.ts +17 -17
- package/src/user/api/index.ts +123 -123
- package/src/user/components/LoginSetting.vue +114 -114
- package/src/user/components/UserAuth.vue +218 -218
- package/src/user/components/UserBinding.vue +277 -277
- package/src/user/components/UserBindingSuccess.vue +80 -80
- package/src/user/components/UserEntry.vue +139 -139
- package/src/user/components/UserFeedback.vue +427 -428
- package/src/user/components/UserFeedbackEntry.vue +175 -175
- package/src/user/components/UserHeadCrop.vue +65 -65
- package/src/user/components/UserInfo.vue +709 -711
- package/src/user/components/UserResourceEmpty.vue +75 -75
- package/src/user/components/index.ts +23 -23
- package/src/user/index.ts +1 -1
- package/src/utils/utils.ts +33 -33
- package/tsconfig.json +30 -30
- package/types/global.d.ts +22 -24
- package/types/vue.d.ts +10 -10
- package/src/shared/components/OcrBank.vue +0 -202
- package/src/shared/components/OcrInvoice.vue +0 -218
- package/src/shared/composables/useCompress.ts +0 -64
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="ocr-invoice" :class="[disabled ? 'disabled' : '', className]" v-track-click="'发票识别-点击'" @click="!customClick ? onUpload() : null">
|
|
3
|
-
<slot name="icon">
|
|
4
|
-
<ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png"/>
|
|
5
|
-
</slot>
|
|
6
|
-
</div>
|
|
7
|
-
|
|
8
|
-
<nut-action-sheet v-model:visible="activeSheetVisible" :menu-items="actionSheetMenus" @choose="chooseImages"
|
|
9
|
-
cancel-txt="取消" />
|
|
10
|
-
</template>
|
|
11
|
-
|
|
12
|
-
<script lang="ts" setup>
|
|
13
|
-
import Taro, { showToast, showLoading, hideLoading, chooseMedia, chooseMessageFile, uploadFile } from '@tarojs/taro'
|
|
14
|
-
import { NsIcon, useNutshell } from '@uxda/nutshell/taro'
|
|
15
|
-
import { useAppKitOptions } from '../../Appkit'
|
|
16
|
-
import { ref } from 'vue';
|
|
17
|
-
import { useHttp } from '../../balance/api'
|
|
18
|
-
import { compressImage, getCompressQuality } from '../composables/useUpload'
|
|
19
|
-
|
|
20
|
-
const appKitOptions = useAppKitOptions()
|
|
21
|
-
const $http = useHttp(),
|
|
22
|
-
$n = useNutshell()
|
|
23
|
-
|
|
24
|
-
const emits = defineEmits(['complete'])
|
|
25
|
-
|
|
26
|
-
type OcrProps = {
|
|
27
|
-
disabled?: boolean,
|
|
28
|
-
side?: 'face' | 'back',
|
|
29
|
-
className?: string
|
|
30
|
-
customUpload?: Function
|
|
31
|
-
uploadUrl?: string
|
|
32
|
-
customClick?: boolean
|
|
33
|
-
}
|
|
34
|
-
type FileType = {
|
|
35
|
-
"downloadUrl": string,
|
|
36
|
-
"fileId": string,
|
|
37
|
-
"fileName": string,
|
|
38
|
-
"fileSize": number,
|
|
39
|
-
"fileSuffix": string,
|
|
40
|
-
"fileType": string,
|
|
41
|
-
"originalUrl": string
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
const props = withDefaults(defineProps<OcrProps>(), {
|
|
45
|
-
disabled: false,
|
|
46
|
-
side: 'face',
|
|
47
|
-
className: '',
|
|
48
|
-
uploadUrl: '/hkbase/file/uploadFile',
|
|
49
|
-
customClick: false
|
|
50
|
-
})
|
|
51
|
-
|
|
52
|
-
async function onUploadFile(csRes: any) {
|
|
53
|
-
try {
|
|
54
|
-
let { path, size, tempFilePath } = csRes.tempFiles[0]
|
|
55
|
-
const compressImg: any = (await compressImage(path || tempFilePath, getCompressQuality(size))) || {}
|
|
56
|
-
const filePath = compressImg.tempFilePath || path
|
|
57
|
-
|
|
58
|
-
if (props.customUpload) {
|
|
59
|
-
props.customUpload(filePath)
|
|
60
|
-
return
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
showLoading({ title: '发票识别中..', mask: true })
|
|
64
|
-
|
|
65
|
-
const session = appKitOptions.token()
|
|
66
|
-
const baseUrl = appKitOptions.baseUrl()
|
|
67
|
-
const upRes: any = await uploadFile({
|
|
68
|
-
url: `${baseUrl}${props.uploadUrl}`,
|
|
69
|
-
filePath,
|
|
70
|
-
name: 'file',
|
|
71
|
-
formData: {
|
|
72
|
-
objectNo: `min${Date.now()}`,
|
|
73
|
-
appCode: appKitOptions.app(),
|
|
74
|
-
},
|
|
75
|
-
header: {
|
|
76
|
-
token: session || '',
|
|
77
|
-
},
|
|
78
|
-
})
|
|
79
|
-
|
|
80
|
-
const res = JSON.parse(upRes.data)
|
|
81
|
-
if (res.code === '200') {
|
|
82
|
-
await getOcrInfo(res.result)
|
|
83
|
-
} else {
|
|
84
|
-
hideLoading()
|
|
85
|
-
showToast({
|
|
86
|
-
title: res.msg,
|
|
87
|
-
icon: 'error',
|
|
88
|
-
})
|
|
89
|
-
}
|
|
90
|
-
} catch (err) {
|
|
91
|
-
hideLoading()
|
|
92
|
-
console.log(err)
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
// 根据证件路径获取证件信息
|
|
97
|
-
async function getOcrInfo(file: string | FileType) {
|
|
98
|
-
try {
|
|
99
|
-
const res: any = await $http.get('/hkbase/common/vatInvoice', {
|
|
100
|
-
fileUrl: typeof file === 'string' ? file : file.originalUrl,
|
|
101
|
-
fileType: 'img'
|
|
102
|
-
})
|
|
103
|
-
hideLoading()
|
|
104
|
-
|
|
105
|
-
if (!res?.purchaserRegisterNum) {
|
|
106
|
-
$n.dialog({
|
|
107
|
-
title: '识别失败',
|
|
108
|
-
message: `您上传的图片可能不够清晰或与当前功能不符,请重新上传一张清晰、完整的图片。谢谢!`,
|
|
109
|
-
okText: '我知道了',
|
|
110
|
-
cancelText: '',
|
|
111
|
-
})
|
|
112
|
-
return
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
emits('complete', {
|
|
116
|
-
invoiceDate: res?.invoiceDate,
|
|
117
|
-
invoiceNum: res?.invoiceNum,
|
|
118
|
-
invoiceNumConfirm: res?.invoiceNumConfirm,
|
|
119
|
-
invoiceType: res?.invoiceType,
|
|
120
|
-
noteDrawer: res?.noteDrawer,
|
|
121
|
-
purchaserBank: res?.purchaserBank,
|
|
122
|
-
purchaserName: res?.purchaserName,
|
|
123
|
-
purchaserRegisterNum: res?.purchaserRegisterNum,
|
|
124
|
-
remarks: res?.remarks,
|
|
125
|
-
sellerName: res?.sellerName,
|
|
126
|
-
sellerRegisterNum: res?.sellerRegisterNum,
|
|
127
|
-
serviceType: res?.serviceType,
|
|
128
|
-
totalAmount: res?.totalAmount,
|
|
129
|
-
totalTax: res?.totalTax,
|
|
130
|
-
fileUrl: typeof file === 'string' ? file : file.originalUrl,
|
|
131
|
-
fileKey: typeof file === 'string' ? file : file.fileId,
|
|
132
|
-
})
|
|
133
|
-
} catch (err) {
|
|
134
|
-
hideLoading()
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
// 上传图片操作面板
|
|
139
|
-
const activeSheetVisible = ref(false)
|
|
140
|
-
const actionSheetMenus = [
|
|
141
|
-
{
|
|
142
|
-
name: '拍摄',
|
|
143
|
-
type: 'camera',
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
name: '从相册选择',
|
|
147
|
-
type: 'album',
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
name: '从聊天会话选择',
|
|
151
|
-
type: 'message',
|
|
152
|
-
},
|
|
153
|
-
]
|
|
154
|
-
if (Taro.getEnv() === 'WEB') {
|
|
155
|
-
actionSheetMenus.pop()
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
// 选择图像上传
|
|
159
|
-
async function chooseImages(item: any) {
|
|
160
|
-
if (['camera', 'album'].includes(item.type)) {
|
|
161
|
-
const csRes = await chooseMedia({
|
|
162
|
-
count: 1,
|
|
163
|
-
sourceType: [item.type], // "camera" | "album"
|
|
164
|
-
maxDuration: 60, // 使用duration属性判断是图片还是视频,图片没有该属性
|
|
165
|
-
})
|
|
166
|
-
|
|
167
|
-
onUploadFile(csRes)
|
|
168
|
-
} else {
|
|
169
|
-
const csRes = await chooseMessageFile({
|
|
170
|
-
count: 1,
|
|
171
|
-
type: 'image',
|
|
172
|
-
})
|
|
173
|
-
|
|
174
|
-
onUploadFile(csRes)
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
async function onUpload() {
|
|
179
|
-
if (props.disabled) return
|
|
180
|
-
|
|
181
|
-
if (Taro.getEnv() === 'WEB') {
|
|
182
|
-
const csRes = await chooseMedia({
|
|
183
|
-
count: 1,
|
|
184
|
-
sourceType: ['album'], // "camera" | "album"
|
|
185
|
-
maxDuration: 60, // 使用duration属性判断是图片还是视频,图片没有该属性
|
|
186
|
-
})
|
|
187
|
-
|
|
188
|
-
onUploadFile(csRes)
|
|
189
|
-
return
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
activeSheetVisible.value = true
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
defineExpose({
|
|
196
|
-
onUpload
|
|
197
|
-
})
|
|
198
|
-
</script>
|
|
199
|
-
|
|
200
|
-
<style lang="scss">
|
|
201
|
-
.ocr-invoice {
|
|
202
|
-
width: 24px;
|
|
203
|
-
height: 24px;
|
|
204
|
-
display: inline-flex;
|
|
205
|
-
align-items: center;
|
|
206
|
-
|
|
207
|
-
.ns-icon {
|
|
208
|
-
width: 24px;
|
|
209
|
-
height: 24px;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
&.disabled {
|
|
213
|
-
.ns-icon {
|
|
214
|
-
filter: brightness(1.5) grayscale(1);
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
</style>
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import Taro, { uploadFile } from '@tarojs/taro'
|
|
2
|
-
import { Media } from '@uxda/nutshell/taro'
|
|
3
|
-
import { useAppKitOptions } from '../../Appkit'
|
|
4
|
-
|
|
5
|
-
export type UploadConfig = {
|
|
6
|
-
baseUrl: string
|
|
7
|
-
name?: string
|
|
8
|
-
headers?: Record<string, string>
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const mappings: { [x: string]: keyof Media } = {
|
|
12
|
-
downloadUrl: 'thrumb',
|
|
13
|
-
fileId: 'id',
|
|
14
|
-
fileName: 'name',
|
|
15
|
-
fileSize: 'size',
|
|
16
|
-
fileSuffix: 'ext',
|
|
17
|
-
fileType: 'type',
|
|
18
|
-
originalUrl: 'url',
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
const transformFields = (row: any) => {
|
|
22
|
-
return Object.fromEntries(Object.entries(row).map(([k, v]) => [mappings[k] || k, v]))
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
type UploadFunction = (url: string, file: Media) => Promise<Media>
|
|
26
|
-
|
|
27
|
-
export const useUpload = (config: UploadConfig) => {
|
|
28
|
-
const appkitOptions = useAppKitOptions()
|
|
29
|
-
|
|
30
|
-
// 上传文件
|
|
31
|
-
const upload: UploadFunction = (url: string, file: Media) => {
|
|
32
|
-
return new Promise<Media>((resolve, reject) => {
|
|
33
|
-
uploadFile({
|
|
34
|
-
url: config.baseUrl + url,
|
|
35
|
-
filePath: file.path!,
|
|
36
|
-
name: 'file',
|
|
37
|
-
formData: {
|
|
38
|
-
objectNo: `min${Date.now()}`,
|
|
39
|
-
appCode: config.headers?.appcode || appkitOptions.app(),
|
|
40
|
-
},
|
|
41
|
-
header: {
|
|
42
|
-
...config.headers,
|
|
43
|
-
token: appkitOptions.tempToken() || appkitOptions.token(),
|
|
44
|
-
},
|
|
45
|
-
success: (rsp: any) => {
|
|
46
|
-
const { data } = rsp
|
|
47
|
-
try {
|
|
48
|
-
const response = JSON.parse(data)
|
|
49
|
-
console.log('===response', response)
|
|
50
|
-
resolve(transformFields(response.result))
|
|
51
|
-
} catch (e) {
|
|
52
|
-
reject({
|
|
53
|
-
message: '文件上传异常',
|
|
54
|
-
})
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
})
|
|
58
|
-
})
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
return {
|
|
62
|
-
upload,
|
|
63
|
-
}
|
|
64
|
-
}
|