@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.
Files changed (135) hide show
  1. package/.eslintrc.mjs +7 -7
  2. package/COMPONENT_USAGE.md +1523 -1523
  3. package/PROJECT_DOCS.md +142 -142
  4. package/README.md +187 -187
  5. package/babel.config.js +12 -12
  6. package/dist/appkit.css +15 -63
  7. package/dist/assets/asset-DcH8Kg-2 +1 -0
  8. package/dist/index.js +259 -806
  9. package/package.json +79 -79
  10. package/project.config.json +15 -15
  11. package/project.tt.json +13 -13
  12. package/rollup.config.mjs +78 -78
  13. package/src/Appkit.ts +72 -72
  14. package/src/balance/api/endpoints.ts +133 -133
  15. package/src/balance/api/index.ts +118 -118
  16. package/src/balance/components/AccountView.vue +770 -770
  17. package/src/balance/components/BalanceCard.vue +210 -210
  18. package/src/balance/components/BalanceReminder.vue +84 -84
  19. package/src/balance/components/ConsumptionFilter.vue +218 -218
  20. package/src/balance/components/ConsumptionRules.vue +68 -68
  21. package/src/balance/components/DateFilter.vue +259 -259
  22. package/src/balance/components/DateRange.vue +111 -111
  23. package/src/balance/components/ListFilter.vue +62 -62
  24. package/src/balance/components/ListFilterPicker.vue +191 -191
  25. package/src/balance/components/PromoterCard.vue +307 -308
  26. package/src/balance/components/SecondBalance.vue +77 -77
  27. package/src/balance/components/Tip.vue +45 -45
  28. package/src/balance/components/index.ts +8 -8
  29. package/src/balance/types.ts +99 -99
  30. package/src/components/bt-cropper/index.vue +730 -730
  31. package/src/components/bt-cropper/utils/calcCropper.js +42 -42
  32. package/src/components/bt-cropper/utils/calcImagePosition.js +23 -23
  33. package/src/components/bt-cropper/utils/calcImageSize.js +37 -37
  34. package/src/components/bt-cropper/utils/calcPointDistance.js +12 -12
  35. package/src/components/bt-cropper/utils/calcRightAndBottom.js +7 -7
  36. package/src/components/bt-cropper/utils/ratio.js +3 -3
  37. package/src/components/bt-cropper/utils/tools.js +25 -25
  38. package/src/components/dd-area/index.vue +225 -225
  39. package/src/components/dd-icon/doc.md +21 -21
  40. package/src/components/dd-icon/index.vue +23 -23
  41. package/src/components/dd-notice-bar/index.vue +78 -78
  42. package/src/components/dd-search/doc.md +34 -34
  43. package/src/components/dd-search/index.vue +168 -168
  44. package/src/components/dd-selector/index.vue +124 -124
  45. package/src/components/dd-skeleton/doc.md +19 -19
  46. package/src/components/dd-skeleton/index.vue +36 -36
  47. package/src/global.ts +6 -6
  48. package/src/index.ts +101 -101
  49. package/src/main.scss +1 -1
  50. package/src/notice/api/endpoints.ts +54 -54
  51. package/src/notice/api/index.ts +121 -121
  52. package/src/notice/components/NoticeBanner.vue +247 -247
  53. package/src/notice/components/NoticeEntry.vue +99 -99
  54. package/src/notice/components/NoticeList.vue +311 -311
  55. package/src/notice/components/NoticeList2.vue +400 -399
  56. package/src/notice/components/NoticePopup.vue +163 -163
  57. package/src/notice/components/index.ts +6 -6
  58. package/src/notice/components/useCommonList.ts +86 -87
  59. package/src/notice/components/useNotice.ts +35 -35
  60. package/src/notice/index.ts +1 -1
  61. package/src/notice/types.ts +25 -25
  62. package/src/payment/api/config.ts +7 -7
  63. package/src/payment/api/endpoints.ts +96 -98
  64. package/src/payment/api/index.ts +107 -108
  65. package/src/payment/components/AmountPicker.vue +90 -90
  66. package/src/payment/components/RechargeResult.vue +69 -68
  67. package/src/payment/components/RechargeView.vue +191 -191
  68. package/src/payment/components/RightsPicker.vue +105 -105
  69. package/src/payment/components/TradeView.vue +363 -571
  70. package/src/payment/components/UserAgreement.vue +234 -234
  71. package/src/payment/components/index.ts +22 -22
  72. package/src/payment/index.ts +5 -5
  73. package/src/payment/services/index.ts +16 -16
  74. package/src/payment/services/invoke-recharge.ts +25 -25
  75. package/src/payment/services/request-payment.ts +130 -132
  76. package/src/payment/types.ts +33 -34
  77. package/src/register/components/SelfRegistration.vue +233 -233
  78. package/src/register/components/index.ts +2 -2
  79. package/src/scenarios/components/SharePoster.vue +364 -364
  80. package/src/scenarios/components/index.ts +2 -2
  81. package/src/scenarios/components/poster-paste.vue +93 -93
  82. package/src/scenarios/components/share-poster.md +273 -273
  83. package/src/shared/components/AppDrawer.vue +53 -53
  84. package/src/shared/components/AppVerify.vue +128 -137
  85. package/src/shared/components/DeviceVersion.vue +78 -78
  86. package/src/shared/components/EmptyView.vue +33 -33
  87. package/src/shared/components/OcrBusinessLicense.vue +137 -120
  88. package/src/shared/components/OcrIcon.vue +229 -267
  89. package/src/shared/components/PageHeader.vue +84 -84
  90. package/src/shared/components/index.ts +8 -10
  91. package/src/shared/composables/index.ts +9 -10
  92. package/src/shared/composables/useAmount.ts +46 -46
  93. package/src/shared/composables/useCountdown.ts +46 -46
  94. package/src/shared/composables/useCrypto.ts +76 -76
  95. package/src/shared/composables/useDeviceEnv.ts +26 -26
  96. package/src/shared/composables/useDragBox.ts +97 -97
  97. package/src/shared/composables/useEncode.ts +43 -43
  98. package/src/shared/composables/useLogger.ts +144 -144
  99. package/src/shared/composables/useSafeArea.ts +46 -46
  100. package/src/shared/composables/useTabbar.ts +24 -24
  101. package/src/shared/composables/useUpload.ts +61 -106
  102. package/src/shared/composables/useValidator.ts +32 -32
  103. package/src/shared/composables/useWxAuth.ts +48 -48
  104. package/src/shared/http/Http.ts +148 -149
  105. package/src/shared/http/index.ts +1 -1
  106. package/src/shared/http/types.ts +163 -163
  107. package/src/shared/index.ts +9 -9
  108. package/src/shared/tracking/directives/index.ts +40 -40
  109. package/src/shared/tracking/examples/page-tracking-template.vue +27 -27
  110. package/src/shared/tracking/tracking-sdk.ts +1 -0
  111. package/src/shared/weixin/index.ts +9 -9
  112. package/src/shared/weixin/jssdk.ts +103 -104
  113. package/src/shared/weixin/payment.ts +38 -38
  114. package/src/styles/vars.scss +3 -3
  115. package/src/user/api/endpoints.ts +17 -17
  116. package/src/user/api/index.ts +123 -123
  117. package/src/user/components/LoginSetting.vue +114 -114
  118. package/src/user/components/UserAuth.vue +218 -218
  119. package/src/user/components/UserBinding.vue +277 -277
  120. package/src/user/components/UserBindingSuccess.vue +80 -80
  121. package/src/user/components/UserEntry.vue +139 -139
  122. package/src/user/components/UserFeedback.vue +427 -428
  123. package/src/user/components/UserFeedbackEntry.vue +175 -175
  124. package/src/user/components/UserHeadCrop.vue +65 -65
  125. package/src/user/components/UserInfo.vue +709 -711
  126. package/src/user/components/UserResourceEmpty.vue +75 -75
  127. package/src/user/components/index.ts +23 -23
  128. package/src/user/index.ts +1 -1
  129. package/src/utils/utils.ts +33 -33
  130. package/tsconfig.json +30 -30
  131. package/types/global.d.ts +22 -24
  132. package/types/vue.d.ts +10 -10
  133. package/src/shared/components/OcrBank.vue +0 -202
  134. package/src/shared/components/OcrInvoice.vue +0 -218
  135. 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
- }