@uxda/appkit 4.3.30 → 4.3.33

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 (141) hide show
  1. package/.cursor/skills/appkit-build-update-component-rules/SKILL.md +54 -54
  2. package/.cursor/skills/appkit-sync-component-rules/SKILL.md +60 -60
  3. package/.eslintrc.mjs +7 -7
  4. package/Appkit/347/273/204/344/273/266/344/275/277/347/224/250/350/247/204/345/210/231.md +2002 -2002
  5. package/PROJECT_DOCS.md +142 -142
  6. package/README.md +194 -194
  7. package/babel.config.js +12 -12
  8. package/dist/appkit.css +3 -3
  9. package/dist/assets/asset-3B_CoPto +1 -0
  10. package/dist/assets/asset-DcH8Kg-2 +1 -0
  11. package/dist/index.js +320 -83
  12. package/package.json +82 -82
  13. package/project.config.json +15 -15
  14. package/project.tt.json +13 -13
  15. package/rollup.config.mjs +81 -81
  16. package/src/Appkit.ts +72 -72
  17. package/src/balance/api/endpoints.ts +134 -133
  18. package/src/balance/api/index.ts +118 -118
  19. package/src/balance/components/AccountView.vue +834 -770
  20. package/src/balance/components/BalanceCard.vue +210 -210
  21. package/src/balance/components/BalanceReminder.vue +84 -84
  22. package/src/balance/components/ConsumptionFilter.vue +218 -218
  23. package/src/balance/components/ConsumptionRules.vue +68 -68
  24. package/src/balance/components/DateFilter.vue +259 -259
  25. package/src/balance/components/DateRange.vue +111 -111
  26. package/src/balance/components/ListFilter.vue +62 -62
  27. package/src/balance/components/ListFilterPicker.vue +191 -191
  28. package/src/balance/components/PromoterCard.vue +308 -308
  29. package/src/balance/components/SecondBalance.vue +77 -77
  30. package/src/balance/components/Tip.vue +45 -45
  31. package/src/balance/components/index.ts +8 -8
  32. package/src/balance/types.ts +99 -99
  33. package/src/components/bt-cropper/index.vue +730 -730
  34. package/src/components/bt-cropper/utils/calcCropper.js +42 -42
  35. package/src/components/bt-cropper/utils/calcImagePosition.js +23 -23
  36. package/src/components/bt-cropper/utils/calcImageSize.js +37 -37
  37. package/src/components/bt-cropper/utils/calcPointDistance.js +12 -12
  38. package/src/components/bt-cropper/utils/calcRightAndBottom.js +7 -7
  39. package/src/components/bt-cropper/utils/ratio.js +3 -3
  40. package/src/components/bt-cropper/utils/tools.js +25 -25
  41. package/src/components/dd-area/index.vue +225 -225
  42. package/src/components/dd-icon/doc.md +21 -21
  43. package/src/components/dd-icon/index.vue +23 -23
  44. package/src/components/dd-notice-bar/index.vue +78 -78
  45. package/src/components/dd-search/doc.md +34 -34
  46. package/src/components/dd-search/index.vue +168 -168
  47. package/src/components/dd-selector/index.vue +124 -124
  48. package/src/components/dd-skeleton/doc.md +19 -19
  49. package/src/components/dd-skeleton/index.vue +36 -36
  50. package/src/global.ts +6 -6
  51. package/src/index.ts +101 -101
  52. package/src/main.scss +1 -1
  53. package/src/notice/api/endpoints.ts +54 -54
  54. package/src/notice/api/index.ts +121 -121
  55. package/src/notice/components/NoticeBanner.vue +247 -247
  56. package/src/notice/components/NoticeEntry.vue +99 -99
  57. package/src/notice/components/NoticeList.vue +311 -311
  58. package/src/notice/components/NoticeList2.vue +401 -401
  59. package/src/notice/components/NoticePopup.vue +163 -163
  60. package/src/notice/components/index.ts +6 -6
  61. package/src/notice/components/useCommonList.ts +87 -87
  62. package/src/notice/components/useNotice.ts +35 -35
  63. package/src/notice/index.ts +1 -1
  64. package/src/notice/types.ts +25 -25
  65. package/src/payment/api/config.ts +7 -7
  66. package/src/payment/api/endpoints.ts +112 -112
  67. package/src/payment/api/index.ts +108 -108
  68. package/src/payment/components/AmountPicker.vue +56 -56
  69. package/src/payment/components/RechargeResult.vue +68 -68
  70. package/src/payment/components/RechargeView.vue +389 -389
  71. package/src/payment/components/RightsPicker.vue +105 -105
  72. package/src/payment/components/TradeView.vue +627 -616
  73. package/src/payment/components/UserAgreement.vue +234 -234
  74. package/src/payment/components/index.ts +22 -22
  75. package/src/payment/components/recharge-amount.spec.ts +3 -0
  76. package/src/payment/components/recharge-amount.ts +5 -1
  77. package/src/payment/index.ts +5 -5
  78. package/src/payment/services/index.ts +16 -16
  79. package/src/payment/services/invoke-recharge.ts +25 -25
  80. package/src/payment/services/request-payment.ts +136 -136
  81. package/src/payment/types.ts +34 -34
  82. package/src/register/components/SelfRegistration.vue +233 -233
  83. package/src/register/components/index.ts +2 -2
  84. package/src/scenarios/components/SharePoster.vue +364 -364
  85. package/src/scenarios/components/index.ts +2 -2
  86. package/src/scenarios/components/poster-paste.vue +93 -93
  87. package/src/scenarios/components/share-poster.md +273 -273
  88. package/src/shared/components/AppDrawer.vue +53 -53
  89. package/src/shared/components/AppVerify.vue +137 -137
  90. package/src/shared/components/DeviceVersion.vue +78 -78
  91. package/src/shared/components/EmptyView.vue +33 -33
  92. package/src/shared/components/OcrBank.vue +202 -202
  93. package/src/shared/components/OcrBusinessLicense.vue +120 -120
  94. package/src/shared/components/OcrIcon.vue +267 -267
  95. package/src/shared/components/OcrInvoice.vue +323 -323
  96. package/src/shared/components/OfficeDocx.vue +33 -33
  97. package/src/shared/components/OfficePdf.vue +35 -35
  98. package/src/shared/components/PageHeader.vue +84 -84
  99. package/src/shared/components/index.ts +12 -12
  100. package/src/shared/composables/index.ts +10 -10
  101. package/src/shared/composables/useAmount.ts +46 -46
  102. package/src/shared/composables/useCompress.ts +64 -64
  103. package/src/shared/composables/useCountdown.ts +46 -46
  104. package/src/shared/composables/useCrypto.ts +76 -76
  105. package/src/shared/composables/useDeviceEnv.ts +61 -61
  106. package/src/shared/composables/useDragBox.ts +97 -97
  107. package/src/shared/composables/useEncode.ts +43 -43
  108. package/src/shared/composables/useLogger.ts +149 -149
  109. package/src/shared/composables/useSafeArea.ts +46 -46
  110. package/src/shared/composables/useTabbar.ts +24 -24
  111. package/src/shared/composables/useUpload.ts +106 -106
  112. package/src/shared/composables/useValidator.ts +32 -32
  113. package/src/shared/composables/useWxAuth.ts +49 -49
  114. package/src/shared/http/Http.ts +149 -149
  115. package/src/shared/http/index.ts +1 -1
  116. package/src/shared/http/types.ts +163 -163
  117. package/src/shared/index.ts +9 -9
  118. package/src/shared/tracking/directives/index.ts +40 -40
  119. package/src/shared/tracking/examples/page-tracking-template.vue +27 -27
  120. package/src/shared/weixin/index.ts +9 -9
  121. package/src/shared/weixin/jssdk.ts +104 -104
  122. package/src/shared/weixin/payment.ts +38 -38
  123. package/src/styles/vars.scss +3 -3
  124. package/src/user/api/endpoints.ts +17 -17
  125. package/src/user/api/index.ts +123 -123
  126. package/src/user/components/LoginSetting.vue +114 -114
  127. package/src/user/components/UserAuth.vue +218 -218
  128. package/src/user/components/UserBinding.vue +277 -277
  129. package/src/user/components/UserBindingSuccess.vue +80 -80
  130. package/src/user/components/UserEntry.vue +139 -139
  131. package/src/user/components/UserFeedback.vue +428 -428
  132. package/src/user/components/UserFeedbackEntry.vue +175 -175
  133. package/src/user/components/UserHeadCrop.vue +65 -65
  134. package/src/user/components/UserInfo.vue +711 -711
  135. package/src/user/components/UserResourceEmpty.vue +75 -75
  136. package/src/user/components/index.ts +23 -23
  137. package/src/user/index.ts +1 -1
  138. package/src/utils/utils.ts +33 -33
  139. package/tsconfig.json +30 -30
  140. package/types/global.d.ts +23 -23
  141. package/types/vue.d.ts +10 -10
@@ -1,112 +1,112 @@
1
- import { HttpEndpoints } from '../../shared/http'
2
- import { PaymentParams } from '../types'
3
-
4
- const endpointsList: HttpEndpoints = {
5
- /**
6
- * 获取充值套餐包列表
7
- * (查询某应用某场景可充值的金额列表)
8
- * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/getRechargeListUsingGET
9
- */
10
- 获取充值金额列表: {
11
- path: '/payment/outer/payment/getRechargeList',
12
- translate: (data: any) => ({
13
- appCode: data.app,
14
- // caseCode: 'recharge', // 这个参数可以不要
15
- tenantId: data.tenant,
16
- scene: data.scene,
17
- }),
18
- transform: (data: any) =>
19
- data.amountList.map((d: any) => ({
20
- token: d.desc,
21
- amount: d.amount,
22
- })),
23
- },
24
- /**
25
- * 查询支付参数包
26
- * (获取拉起微信支付用的JSON串)
27
- * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/rechargePayUsingPOST
28
- */
29
- 获取微信支付参数包: {
30
- path: '/payment/outer/payment/rechargePay',
31
- translate: (params: PaymentParams) => ({
32
- amount: params.amount,
33
- appCode: params.app,
34
- tenantId: params.tenant,
35
- certificateNo: params.user,
36
- accountAuthFlag: params.accountAuthFlag || false,
37
- channelCode: params.channelCode || null,
38
- payFinishJumpUrl: params.payFinishJumpUrl || null,
39
- clientInfo: params.clientInfo || null,
40
- }),
41
- transform: (data: any) => {
42
- let json = null
43
- try {
44
- json = JSON.parse(data.prePayStr)
45
- } catch (e) {}
46
- return {
47
- json, // 拉起微信支付用的JSON串
48
- paymentType: data.paymentType,
49
- prePayStr: data.prePayStr,
50
- thirdPayId: data.thirdPayId,
51
- paymentId: data.payId, // 查询用支付ID
52
- }
53
- },
54
- },
55
- 获取权益微信支付: {
56
- path: '/payment/outer/payment/valueExchangePay',
57
- translate: (params: PaymentParams) => ({
58
- caseConfigId: params.caseConfigId,
59
- appCode: params.app,
60
- tenantId: params.tenant,
61
- amount: params.amount,
62
- certificateNo: params.user,
63
- accountAuthFlag: params.accountAuthFlag || false,
64
- channelCode: params.channelCode || null,
65
- payFinishJumpUrl: params.payFinishJumpUrl || null,
66
- useCloudBean: params.useCloudBean || false,
67
- }),
68
- transform: (data: any) => {
69
- console.log(data, 'data-----')
70
- let json = null
71
- try {
72
- json = JSON.parse(data.prePayStr)
73
- } catch (e) {}
74
- return {
75
- json, // 拉起微信支付用的JSON串
76
- paymentType: data.paymentType,
77
- prePayStr: data.prePayStr,
78
- thirdPayId: data.thirdPayId,
79
- paymentId: data.payId, // 查询用支付ID
80
- }
81
- },
82
- },
83
- 获取增值权益类目: {
84
- path: '/payment/paymentCaseConfig/getBalanceAndRiskQueryPriceConfig',
85
- transform: (data: any) => data,
86
- },
87
- 获取支付结果: {
88
- path: '/payment/outer/payment/getPayResult',
89
- translate: (data: any) => ({
90
- thirdPayId: data.thirdPayId,
91
- }),
92
- transform: (data: any) => data,
93
- },
94
- } as const
95
-
96
- const keys = Object.keys(endpointsList as any)
97
-
98
- type Keys = (typeof keys)[number]
99
-
100
- const endpoints: Record<Keys, string> = Object.fromEntries(
101
- Object.entries(endpointsList).map(([name, def]) => [name, def.path])
102
- )
103
-
104
- const translates = Object.fromEntries(
105
- Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
106
- )
107
-
108
- const transforms = Object.fromEntries(
109
- Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
110
- )
111
-
112
- export { endpoints, translates, transforms }
1
+ import { HttpEndpoints } from '../../shared/http'
2
+ import { PaymentParams } from '../types'
3
+
4
+ const endpointsList: HttpEndpoints = {
5
+ /**
6
+ * 获取充值套餐包列表
7
+ * (查询某应用某场景可充值的金额列表)
8
+ * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/getRechargeListUsingGET
9
+ */
10
+ 获取充值金额列表: {
11
+ path: '/payment/outer/payment/getRechargeList',
12
+ translate: (data: any) => ({
13
+ appCode: data.app,
14
+ // caseCode: 'recharge', // 这个参数可以不要
15
+ tenantId: data.tenant,
16
+ scene: data.scene,
17
+ }),
18
+ transform: (data: any) =>
19
+ data.amountList.map((d: any) => ({
20
+ token: d.desc,
21
+ amount: d.amount,
22
+ })),
23
+ },
24
+ /**
25
+ * 查询支付参数包
26
+ * (获取拉起微信支付用的JSON串)
27
+ * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/rechargePayUsingPOST
28
+ */
29
+ 获取微信支付参数包: {
30
+ path: '/payment/outer/payment/rechargePay',
31
+ translate: (params: PaymentParams) => ({
32
+ amount: params.amount,
33
+ appCode: params.app,
34
+ tenantId: params.tenant,
35
+ certificateNo: params.user,
36
+ accountAuthFlag: params.accountAuthFlag || false,
37
+ channelCode: params.channelCode || null,
38
+ payFinishJumpUrl: params.payFinishJumpUrl || null,
39
+ clientInfo: params.clientInfo || null,
40
+ }),
41
+ transform: (data: any) => {
42
+ let json = null
43
+ try {
44
+ json = JSON.parse(data.prePayStr)
45
+ } catch (e) {}
46
+ return {
47
+ json, // 拉起微信支付用的JSON串
48
+ paymentType: data.paymentType,
49
+ prePayStr: data.prePayStr,
50
+ thirdPayId: data.thirdPayId,
51
+ paymentId: data.payId, // 查询用支付ID
52
+ }
53
+ },
54
+ },
55
+ 获取权益微信支付: {
56
+ path: '/payment/outer/payment/valueExchangePay',
57
+ translate: (params: PaymentParams) => ({
58
+ caseConfigId: params.caseConfigId,
59
+ appCode: params.app,
60
+ tenantId: params.tenant,
61
+ amount: params.amount,
62
+ certificateNo: params.user,
63
+ accountAuthFlag: params.accountAuthFlag || false,
64
+ channelCode: params.channelCode || null,
65
+ payFinishJumpUrl: params.payFinishJumpUrl || null,
66
+ useCloudBean: params.useCloudBean || false,
67
+ }),
68
+ transform: (data: any) => {
69
+ console.log(data, 'data-----')
70
+ let json = null
71
+ try {
72
+ json = JSON.parse(data.prePayStr)
73
+ } catch (e) {}
74
+ return {
75
+ json, // 拉起微信支付用的JSON串
76
+ paymentType: data.paymentType,
77
+ prePayStr: data.prePayStr,
78
+ thirdPayId: data.thirdPayId,
79
+ paymentId: data.payId, // 查询用支付ID
80
+ }
81
+ },
82
+ },
83
+ 获取增值权益类目: {
84
+ path: '/payment/paymentCaseConfig/getBalanceAndRiskQueryPriceConfig',
85
+ transform: (data: any) => data,
86
+ },
87
+ 获取支付结果: {
88
+ path: '/payment/outer/payment/getPayResult',
89
+ translate: (data: any) => ({
90
+ thirdPayId: data.thirdPayId,
91
+ }),
92
+ transform: (data: any) => data,
93
+ },
94
+ } as const
95
+
96
+ const keys = Object.keys(endpointsList as any)
97
+
98
+ type Keys = (typeof keys)[number]
99
+
100
+ const endpoints: Record<Keys, string> = Object.fromEntries(
101
+ Object.entries(endpointsList).map(([name, def]) => [name, def.path])
102
+ )
103
+
104
+ const translates = Object.fromEntries(
105
+ Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
106
+ )
107
+
108
+ const transforms = Object.fromEntries(
109
+ Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
110
+ )
111
+
112
+ export { endpoints, translates, transforms }
@@ -1,108 +1,108 @@
1
- import Taro, { request as TaroRequest, showToast } from '@tarojs/taro'
2
- import { HttpRequestConfig, ResponseRaw, createHttp } from '../../shared'
3
- import { translates, transforms } from './endpoints'
4
- import { useAppKitOptions } from '../../Appkit'
5
- import { useLogger, generateUniqueId } from '../../shared/composables/useLogger'
6
-
7
- const logger = useLogger()
8
- /**
9
- * 小程序端 Http
10
- * 使用 Taro.request 实现
11
- */
12
- const vendor = {
13
- async request<T>(config: HttpRequestConfig) {
14
- return new Promise<ResponseRaw<T>>((resolve, reject) => {
15
- const header = {
16
- ...config.headers,
17
- traceId: generateUniqueId('appkit'),
18
- }
19
- const startTime = new Date().getTime()
20
-
21
- logger.info({
22
- send: JSON.stringify({ url: config.url, data: config.data }),
23
- receive: null,
24
- traceId: header.traceId,
25
- duration: 0,
26
- })
27
- TaroRequest({
28
- url: config.url,
29
- method: config.method,
30
- header,
31
- data: config.data,
32
- })
33
- .then(({ data }) => {
34
- // 记录阿里日志
35
- const endTime = new Date().getTime()
36
- logger.info({
37
- send: JSON.stringify({ url: config.url, data: config.data }),
38
- receive: JSON.stringify(data),
39
- traceId: header.traceId,
40
- duration: endTime - startTime,
41
- })
42
-
43
- if (data.success || data.code === '401') {
44
- resolve({
45
- status: +data.code,
46
- message: data.msg,
47
- data: data.result as T,
48
- })
49
- } else if (data.code !== '401') {
50
- showToast({
51
- title: data.msg,
52
- icon: 'none',
53
- })
54
- reject(data.msg)
55
- }
56
- })
57
- .catch((e: any) => {
58
- reject(e)
59
- })
60
- })
61
- },
62
- }
63
-
64
- interface DefaultHeaderType {
65
- Token?: string
66
- Appcode?: string
67
- Tenant?: string
68
- }
69
- function useHttp(defaultHeader?: DefaultHeaderType) {
70
- const appkitOptions = useAppKitOptions()
71
- const headers = {
72
- Token: appkitOptions.tempToken() || appkitOptions.token(),
73
- Appcode: defaultHeader?.Appcode || appkitOptions.app(),
74
- tid: defaultHeader?.Tenant || appkitOptions.tenant(),
75
- gray: appkitOptions.gray ? appkitOptions.gray() : '0',
76
- }
77
-
78
- /**
79
- * 传入配置获取 Http instanse
80
- */
81
- const $http = createHttp({
82
- vendor,
83
- baseUrl: appkitOptions.baseUrl(),
84
- headers,
85
- interceptors: [
86
- (raw) => {
87
- if (raw.status == 401) {
88
- appkitOptions[401]()
89
- return true
90
- }
91
- return false
92
- },
93
- (raw) => {
94
- if (raw.status > 500 && raw.status != 1100028) {
95
- return true
96
- }
97
- return false
98
- },
99
- ],
100
- translates,
101
- transforms,
102
- })
103
- return $http
104
- }
105
-
106
- export { useHttp }
107
-
108
- export * from './endpoints'
1
+ import Taro, { request as TaroRequest, showToast } from '@tarojs/taro'
2
+ import { HttpRequestConfig, ResponseRaw, createHttp } from '../../shared'
3
+ import { translates, transforms } from './endpoints'
4
+ import { useAppKitOptions } from '../../Appkit'
5
+ import { useLogger, generateUniqueId } from '../../shared/composables/useLogger'
6
+
7
+ const logger = useLogger()
8
+ /**
9
+ * 小程序端 Http
10
+ * 使用 Taro.request 实现
11
+ */
12
+ const vendor = {
13
+ async request<T>(config: HttpRequestConfig) {
14
+ return new Promise<ResponseRaw<T>>((resolve, reject) => {
15
+ const header = {
16
+ ...config.headers,
17
+ traceId: generateUniqueId('appkit'),
18
+ }
19
+ const startTime = new Date().getTime()
20
+
21
+ logger.info({
22
+ send: JSON.stringify({ url: config.url, data: config.data }),
23
+ receive: null,
24
+ traceId: header.traceId,
25
+ duration: 0,
26
+ })
27
+ TaroRequest({
28
+ url: config.url,
29
+ method: config.method,
30
+ header,
31
+ data: config.data,
32
+ })
33
+ .then(({ data }) => {
34
+ // 记录阿里日志
35
+ const endTime = new Date().getTime()
36
+ logger.info({
37
+ send: JSON.stringify({ url: config.url, data: config.data }),
38
+ receive: JSON.stringify(data),
39
+ traceId: header.traceId,
40
+ duration: endTime - startTime,
41
+ })
42
+
43
+ if (data.success || data.code === '401') {
44
+ resolve({
45
+ status: +data.code,
46
+ message: data.msg,
47
+ data: data.result as T,
48
+ })
49
+ } else if (data.code !== '401') {
50
+ showToast({
51
+ title: data.msg,
52
+ icon: 'none',
53
+ })
54
+ reject(data.msg)
55
+ }
56
+ })
57
+ .catch((e: any) => {
58
+ reject(e)
59
+ })
60
+ })
61
+ },
62
+ }
63
+
64
+ interface DefaultHeaderType {
65
+ Token?: string
66
+ Appcode?: string
67
+ Tenant?: string
68
+ }
69
+ function useHttp(defaultHeader?: DefaultHeaderType) {
70
+ const appkitOptions = useAppKitOptions()
71
+ const headers = {
72
+ Token: appkitOptions.tempToken() || appkitOptions.token(),
73
+ Appcode: defaultHeader?.Appcode || appkitOptions.app(),
74
+ tid: defaultHeader?.Tenant || appkitOptions.tenant(),
75
+ gray: appkitOptions.gray ? appkitOptions.gray() : '0',
76
+ }
77
+
78
+ /**
79
+ * 传入配置获取 Http instanse
80
+ */
81
+ const $http = createHttp({
82
+ vendor,
83
+ baseUrl: appkitOptions.baseUrl(),
84
+ headers,
85
+ interceptors: [
86
+ (raw) => {
87
+ if (raw.status == 401) {
88
+ appkitOptions[401]()
89
+ return true
90
+ }
91
+ return false
92
+ },
93
+ (raw) => {
94
+ if (raw.status > 500 && raw.status != 1100028) {
95
+ return true
96
+ }
97
+ return false
98
+ },
99
+ ],
100
+ translates,
101
+ transforms,
102
+ })
103
+ return $http
104
+ }
105
+
106
+ export { useHttp }
107
+
108
+ export * from './endpoints'
@@ -1,33 +1,33 @@
1
- <template>
2
- <nut-grid class="amount-picker" :column-num="3" :gutter="10" :border="false">
1
+ <template>
2
+ <nut-grid class="amount-picker" :column-num="3" :gutter="10" :border="false">
3
3
  <nut-grid-item class="tile" v-for="(amount, index) in items" :class="{ selected: props.selected === index, custom: amount.custom }"
4
4
  @click="() => onGridItemClick(index)" :key="index">
5
5
  <h4 class="token-line number">{{ amount.token }}</h4>
6
6
  <h5 v-if="amount.custom"><span class="number">{{ amount.amount }}</span></h5>
7
7
  <h5 v-else>¥<span class="number">{{ amount.amount }}</span></h5>
8
- </nut-grid-item>
9
- </nut-grid>
10
- </template>
11
-
8
+ </nut-grid-item>
9
+ </nut-grid>
10
+ </template>
11
+
12
12
  <script lang="ts" setup>
13
-
14
- // 充值金额选取
15
-
13
+
14
+ // 充值金额选取
15
+
16
16
  export type Amount = {
17
17
  token: number | string,
18
18
  amount: number | string,
19
19
  custom?: boolean
20
20
  }
21
-
22
- interface AmountPickerProps {
23
- items: Amount[],
24
- selected?: number
25
- }
26
-
27
- const emit = defineEmits<{
28
- (event: 'change', selected: number): void
29
- }>()
30
-
21
+
22
+ interface AmountPickerProps {
23
+ items: Amount[],
24
+ selected?: number
25
+ }
26
+
27
+ const emit = defineEmits<{
28
+ (event: 'change', selected: number): void
29
+ }>()
30
+
31
31
  const props = withDefaults(
32
32
  defineProps<AmountPickerProps>(),
33
33
  {
@@ -40,21 +40,21 @@ const onGridItemClick = (index: number) => {
40
40
  emit('change', index)
41
41
  }
42
42
  </script>
43
-
44
- <style lang="scss">
45
- .amount-picker {
46
- padding: 14px 0 14px 14px;
47
-
48
- .nut-grid-item__content {
49
- border: solid 1px transparent;
50
- background: linear-gradient(#f5f5f5, #f5f5f5) padding-box,
51
- linear-gradient(to bottom, #cccccc88, #cccccc88) border-box;
52
- border-radius: 5px;
53
- }
54
-
55
- .tile {
56
- height: 80px;
57
-
43
+
44
+ <style lang="scss">
45
+ .amount-picker {
46
+ padding: 14px 0 14px 14px;
47
+
48
+ .nut-grid-item__content {
49
+ border: solid 1px transparent;
50
+ background: linear-gradient(#f5f5f5, #f5f5f5) padding-box,
51
+ linear-gradient(to bottom, #cccccc88, #cccccc88) border-box;
52
+ border-radius: 5px;
53
+ }
54
+
55
+ .tile {
56
+ height: 80px;
57
+
58
58
  &.selected {
59
59
  .nut-grid-item__content {
60
60
  background: linear-gradient(#FFF7E3, #FEFDE6) padding-box,
@@ -75,26 +75,26 @@ const onGridItemClick = (index: number) => {
75
75
  }
76
76
  }
77
77
  }
78
-
79
- h4.token-line {
80
- background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
81
- background-size: 20px;
82
- background-repeat: no-repeat;
83
- background-position: left center;
84
- padding-left: 24px;
85
- color: #FD6701;
86
- font-weight: 600;
87
- line-height: 25px;
88
- font-size: 18px;
89
- }
90
-
91
- h5 {
92
- line-height: 18px;
93
- color: #353535;
94
- font-weight: 600;
95
- opacity: 0.6;
96
- margin-top: 4px;
97
- font-size: 12px;
98
- }
99
- }
78
+
79
+ h4.token-line {
80
+ background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
81
+ background-size: 20px;
82
+ background-repeat: no-repeat;
83
+ background-position: left center;
84
+ padding-left: 24px;
85
+ color: #FD6701;
86
+ font-weight: 600;
87
+ line-height: 25px;
88
+ font-size: 18px;
89
+ }
90
+
91
+ h5 {
92
+ line-height: 18px;
93
+ color: #353535;
94
+ font-weight: 600;
95
+ opacity: 0.6;
96
+ margin-top: 4px;
97
+ font-size: 12px;
98
+ }
99
+ }
100
100
  </style>