@uxda/appkit 4.0.3 → 4.0.14

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 (116) hide show
  1. package/.eslintrc.mjs +7 -7
  2. package/README.md +187 -187
  3. package/babel.config.js +12 -12
  4. package/package.json +75 -80
  5. package/project.config.json +15 -15
  6. package/project.tt.json +13 -13
  7. package/rollup.config.mjs +56 -56
  8. package/src/Appkit.ts +65 -65
  9. package/src/balance/api/endpoints.ts +126 -126
  10. package/src/balance/api/index.ts +82 -82
  11. package/src/balance/components/AccountView.vue +748 -748
  12. package/src/balance/components/BalanceCard.vue +205 -209
  13. package/src/balance/components/BalanceReminder.vue +85 -85
  14. package/src/balance/components/ConsumptionFilter.vue +218 -218
  15. package/src/balance/components/ConsumptionRules.vue +68 -68
  16. package/src/balance/components/DateFilter.vue +227 -226
  17. package/src/balance/components/DateRange.vue +78 -0
  18. package/src/balance/components/ListFilter.vue +64 -0
  19. package/src/balance/components/ListFilterPicker.vue +187 -0
  20. package/src/balance/components/SecondBalance.vue +71 -71
  21. package/src/balance/components/Tip.vue +45 -45
  22. package/src/balance/components/index.ts +13 -9
  23. package/src/balance/types.ts +91 -90
  24. package/src/components/bt-cropper/index.vue +774 -774
  25. package/src/components/bt-cropper/utils/calcCropper.js +42 -42
  26. package/src/components/bt-cropper/utils/calcImagePosition.js +23 -23
  27. package/src/components/bt-cropper/utils/calcImageSize.js +37 -37
  28. package/src/components/bt-cropper/utils/calcPointDistance.js +12 -12
  29. package/src/components/bt-cropper/utils/calcRightAndBottom.js +7 -7
  30. package/src/components/bt-cropper/utils/ratio.js +3 -3
  31. package/src/components/bt-cropper/utils/tools.js +25 -25
  32. package/src/components/dd-area/index.vue +225 -225
  33. package/src/components/dd-icon/doc.md +21 -21
  34. package/src/components/dd-icon/index.vue +23 -23
  35. package/src/components/dd-notice-bar/index.vue +78 -78
  36. package/src/components/dd-search/doc.md +34 -34
  37. package/src/components/dd-search/index.vue +168 -168
  38. package/src/components/dd-selector/index.vue +124 -124
  39. package/src/components/dd-skeleton/doc.md +19 -19
  40. package/src/components/dd-skeleton/index.vue +36 -36
  41. package/src/components/ocr-id/index.vue +114 -114
  42. package/src/components/ocr-id/types.d.ts +12 -12
  43. package/src/global.ts +6 -6
  44. package/src/index.ts +89 -89
  45. package/src/main.scss +1 -1
  46. package/src/notice/api/endpoints.ts +17 -17
  47. package/src/notice/api/index.ts +82 -82
  48. package/src/notice/components/NoticeBanner.vue +243 -243
  49. package/src/notice/components/NoticeEntry.vue +99 -99
  50. package/src/notice/components/NoticeList.vue +315 -315
  51. package/src/notice/components/NoticePopup.vue +161 -161
  52. package/src/notice/components/index.ts +5 -5
  53. package/src/notice/components/useCommonList.ts +86 -86
  54. package/src/notice/components/useNotice.ts +35 -35
  55. package/src/notice/index.ts +1 -1
  56. package/src/notice/types.ts +25 -25
  57. package/src/payment/api/config.ts +7 -7
  58. package/src/payment/api/endpoints.ts +103 -103
  59. package/src/payment/api/index.ts +71 -71
  60. package/src/payment/components/AmountPicker.vue +93 -93
  61. package/src/payment/components/RechargeResult.vue +69 -69
  62. package/src/payment/components/RechargeView.vue +154 -154
  63. package/src/payment/components/RightsPicker.vue +105 -105
  64. package/src/payment/components/TradeView.vue +298 -298
  65. package/src/payment/components/UserAgreement.vue +234 -234
  66. package/src/payment/components/index.ts +22 -22
  67. package/src/payment/index.ts +5 -5
  68. package/src/payment/services/index.ts +16 -16
  69. package/src/payment/services/invoke-recharge.ts +25 -25
  70. package/src/payment/services/request-payment.ts +58 -58
  71. package/src/payment/types.ts +28 -28
  72. package/src/register/components/SelfRegistration.vue +254 -254
  73. package/src/register/components/index.ts +2 -2
  74. package/src/shared/components/AppDrawer.vue +58 -58
  75. package/src/shared/components/AppVerify.vue +98 -0
  76. package/src/shared/components/DeviceVersion.vue +68 -68
  77. package/src/shared/components/EmptyView.vue +33 -33
  78. package/src/shared/components/OcrIcon.vue +119 -0
  79. package/src/shared/components/PageHeader.vue +79 -79
  80. package/src/shared/components/index.ts +7 -5
  81. package/src/shared/composables/index.ts +7 -5
  82. package/src/shared/composables/useCountdown.ts +46 -46
  83. package/src/shared/composables/useCrypto.ts +76 -0
  84. package/src/shared/composables/useDragBox.ts +97 -97
  85. package/src/shared/composables/useEncode.ts +43 -43
  86. package/src/shared/composables/useSafeArea.ts +46 -46
  87. package/src/shared/composables/useTabbar.ts +24 -24
  88. package/src/shared/composables/useUpload.ts +55 -0
  89. package/src/shared/composables/useValidator.ts +31 -31
  90. package/src/shared/http/Http.ts +136 -136
  91. package/src/shared/http/index.ts +1 -1
  92. package/src/shared/http/types.ts +157 -157
  93. package/src/shared/index.ts +3 -3
  94. package/src/shared/weixin/payment.ts +38 -38
  95. package/src/styles/fonts.scss +2 -2
  96. package/src/styles/vars.scss +3 -3
  97. package/src/user/api/endpoints.ts +17 -17
  98. package/src/user/api/index.ts +87 -87
  99. package/src/user/components/LoginSetting.vue +114 -114
  100. package/src/user/components/UserBinding.vue +307 -307
  101. package/src/user/components/UserBindingSuccess.vue +80 -80
  102. package/src/user/components/UserEntry.vue +137 -142
  103. package/src/user/components/UserFeedback.vue +440 -440
  104. package/src/user/components/UserFeedbackEntry.vue +192 -192
  105. package/src/user/components/UserHeadCrop.vue +65 -65
  106. package/src/user/components/UserInfo.vue +632 -632
  107. package/src/user/components/UserResourceEmpty.vue +75 -75
  108. package/src/user/components/index.ts +21 -21
  109. package/src/user/index.ts +1 -1
  110. package/tsconfig.json +30 -30
  111. package/types/global.d.ts +21 -21
  112. package/types/vue.d.ts +10 -10
  113. package/dist/appkit.css +0 -2331
  114. package/dist/assets/asset-3B_CoPto +0 -1
  115. package/dist/assets/asset-DcH8Kg-2 +0 -1
  116. package/dist/index.js +0 -7176
package/rollup.config.mjs CHANGED
@@ -1,56 +1,56 @@
1
- import vue from 'rollup-plugin-vue'
2
- import css from 'rollup-plugin-css-only'
3
- import esbuild from 'rollup-plugin-esbuild'
4
- import postcss from 'rollup-plugin-postcss'
5
- import atImport from 'postcss-import'
6
- import NutUIResolver from '@nutui/auto-import-resolver'
7
- import Components from 'unplugin-vue-components/rollup'
8
-
9
- export default [
10
- {
11
- input: 'src/index.ts',
12
- output: [
13
- {
14
- format: 'es',
15
- name: 'AppKit',
16
- exports: 'named',
17
- globals: {
18
- vue: 'Vue',
19
- },
20
- dir: 'dist',
21
- },
22
- ],
23
- plugins: [
24
- css(),
25
- vue({
26
- css: false,
27
- defaultLang: {
28
- script: 'ts',
29
- style: 'scss',
30
- },
31
- }),
32
- postcss({
33
- include: /\.scss/,
34
- extract: 'appkit.css',
35
- plugins: [atImport()],
36
- }),
37
- esbuild({}),
38
- Components({
39
- resolvers: [NutUIResolver({ taro: true })],
40
- }),
41
- ],
42
- external: ['vue', '@nutui/nutui-taro'],
43
- },
44
- // {
45
- // input: './src/main.scss',
46
- // output: {
47
- // file: 'dist/main.css',
48
- // },
49
- // plugins: [
50
- // postcss({
51
- // use: ['sass'],
52
- // extract: resolve('./dist/styles.css'),
53
- // })
54
- // ]
55
- // },
56
- ]
1
+ import vue from 'rollup-plugin-vue'
2
+ import css from 'rollup-plugin-css-only'
3
+ import esbuild from 'rollup-plugin-esbuild'
4
+ import postcss from 'rollup-plugin-postcss'
5
+ import atImport from 'postcss-import'
6
+ import NutUIResolver from '@nutui/auto-import-resolver'
7
+ import Components from 'unplugin-vue-components/rollup'
8
+
9
+ export default [
10
+ {
11
+ input: 'src/index.ts',
12
+ output: [
13
+ {
14
+ format: 'es',
15
+ name: 'AppKit',
16
+ exports: 'named',
17
+ globals: {
18
+ vue: 'Vue',
19
+ },
20
+ dir: 'dist',
21
+ },
22
+ ],
23
+ plugins: [
24
+ css(),
25
+ vue({
26
+ css: false,
27
+ defaultLang: {
28
+ script: 'ts',
29
+ style: 'scss',
30
+ },
31
+ }),
32
+ postcss({
33
+ include: /\.scss/,
34
+ extract: 'appkit.css',
35
+ plugins: [atImport()],
36
+ }),
37
+ esbuild({}),
38
+ Components({
39
+ resolvers: [NutUIResolver({ taro: true })],
40
+ }),
41
+ ],
42
+ external: ['vue', '@nutui/nutui-taro'],
43
+ },
44
+ // {
45
+ // input: './src/main.scss',
46
+ // output: {
47
+ // file: 'dist/main.css',
48
+ // },
49
+ // plugins: [
50
+ // postcss({
51
+ // use: ['sass'],
52
+ // extract: resolve('./dist/styles.css'),
53
+ // })
54
+ // ]
55
+ // },
56
+ ]
package/src/Appkit.ts CHANGED
@@ -1,65 +1,65 @@
1
- import { PaymentParams, RechargeParams } from './payment/types'
2
- import { globalData } from './global'
3
-
4
- /**
5
- * options for useAppKit
6
- */
7
- export type AppKitOptions = {
8
- /**
9
- * 应用
10
- */
11
- app(): string
12
- /**
13
- * 租户
14
- */
15
- tenant(): string
16
- /**
17
- * token 获取方法
18
- * 由使用场景提供
19
- */
20
- token(): string
21
- /**
22
- * 临时 token 获取方法
23
- * 由使用场景提供
24
- */
25
- tempToken: () => string
26
- /**
27
- * 调用 API 时使用的 base url
28
- */
29
- baseUrl(): string
30
-
31
- 401(): void
32
- /**
33
- * http灰度标记
34
- */
35
- gray(): string
36
- }
37
-
38
- export type DollarApp = {
39
- setToken: (token: () => string) => void
40
- setTempToken: (token: () => string) => void
41
- requestPayment: (options: PaymentParams) => void
42
- invokeRecharge: (options: RechargeParams) => void
43
- }
44
-
45
- /**
46
- * 用来记忆使用场景传递的 options
47
- */
48
- const appKitOptions: AppKitOptions = {
49
- app: () => '',
50
- tenant: () => '',
51
- token: () => '',
52
- tempToken: () => '',
53
- baseUrl: () => '',
54
- 401() {},
55
- gray: () => '',
56
- }
57
-
58
- const useAppKitOptions = () => {
59
- if (!globalData.$appKitOptions) {
60
- globalData.$appKitOptions = appKitOptions
61
- }
62
- return globalData.$appKitOptions as AppKitOptions
63
- }
64
-
65
- export { useAppKitOptions }
1
+ import { PaymentParams, RechargeParams } from './payment/types'
2
+ import { globalData } from './global'
3
+
4
+ /**
5
+ * options for useAppKit
6
+ */
7
+ export type AppKitOptions = {
8
+ /**
9
+ * 应用
10
+ */
11
+ app(): string
12
+ /**
13
+ * 租户
14
+ */
15
+ tenant(): string
16
+ /**
17
+ * token 获取方法
18
+ * 由使用场景提供
19
+ */
20
+ token(): string
21
+ /**
22
+ * 临时 token 获取方法
23
+ * 由使用场景提供
24
+ */
25
+ tempToken: () => string
26
+ /**
27
+ * 调用 API 时使用的 base url
28
+ */
29
+ baseUrl(): string
30
+
31
+ 401(): void
32
+ /**
33
+ * http灰度标记
34
+ */
35
+ gray(): string
36
+ }
37
+
38
+ export type DollarApp = {
39
+ setToken: (token: () => string) => void
40
+ setTempToken: (token: () => string) => void
41
+ requestPayment: (options: PaymentParams) => void
42
+ invokeRecharge: (options: RechargeParams) => void
43
+ }
44
+
45
+ /**
46
+ * 用来记忆使用场景传递的 options
47
+ */
48
+ const appKitOptions: AppKitOptions = {
49
+ app: () => '',
50
+ tenant: () => '',
51
+ token: () => '',
52
+ tempToken: () => '',
53
+ baseUrl: () => '',
54
+ 401() {},
55
+ gray: () => '',
56
+ }
57
+
58
+ const useAppKitOptions = () => {
59
+ if (!globalData.$appKitOptions) {
60
+ globalData.$appKitOptions = appKitOptions
61
+ }
62
+ return globalData.$appKitOptions as AppKitOptions
63
+ }
64
+
65
+ export { useAppKitOptions }
@@ -1,126 +1,126 @@
1
- import { HttpEndpoints } from '../../shared/http'
2
- import { 账户流水筛选项, ConsumptionType } from '../types'
3
-
4
- type OnlyApp = {
5
- app: string
6
- }
7
-
8
- type AndApp<T> = OnlyApp & T
9
-
10
- /**
11
- * 流水交易类型映射
12
- */
13
- const typeMappings: Record<string, ConsumptionType> = {
14
- CZ: '充值',
15
- JF: '缴费',
16
- FE: '返额',
17
- ZJ: '增加',
18
- KJ: '扣减',
19
- XH: '消耗',
20
- TH: '退回',
21
- ZS: '赠送',
22
- HG: '换购',
23
- }
24
-
25
- /**
26
- * 映射还能反过来
27
- */
28
- const typeMappingsReversed = Object.fromEntries(
29
- Object.entries(typeMappings).map(([x, y]) => [y, x])
30
- )
31
-
32
- const positionMappings = {
33
- common: '云豆',
34
- rights: '小云豆',
35
- gift: '权益',
36
- }
37
-
38
- const positionMappingsReversed = Object.fromEntries(
39
- Object.entries(positionMappings).map(([x, y]) => [y, x])
40
- )
41
-
42
- const directionMappings = {
43
- 0: '收入',
44
- 1: '支出',
45
- }
46
-
47
- const directionMappingsReversed = Object.fromEntries(
48
- Object.entries(directionMappings).map(([x, y]) => [y, x])
49
- )
50
-
51
- const endpointsList: HttpEndpoints = {
52
- 获取余额明细: {
53
- path: '/ac-app/account/info/detail/app', // /app
54
- translate: (data: OnlyApp) => ({
55
- appCode: data.app,
56
- }),
57
- transform(result: any) {
58
- return {
59
- total: result.commonAccount,
60
- privileges: result.rightsAccountBalList.map((r: any) => ({
61
- title: r.rightsName,
62
- count: r.rightsAccount,
63
- unit: r.rightsUnit,
64
- appCode: r.appCode,
65
- id: r.activityId,
66
- })),
67
- }
68
- },
69
- },
70
- 获取账户流水: {
71
- path: '/ac-app/account/record/detail/mobile',
72
- translate: (data: AndApp<账户流水筛选项>) => {
73
- return {
74
- appCode: data.app,
75
- accountType: positionMappingsReversed[data.账户类型] || '',
76
- inOrOut: directionMappingsReversed[data.收入还是支出] || '',
77
- changeType: typeMappingsReversed[data.交易类型] || '',
78
- operateTimeStart: data.dateFrom || '',
79
- operateTimeEnd: data.dateTo || '',
80
- rightsCode: data.权益类目,
81
- pageNum: data.page,
82
- pageSize: 10,
83
- }
84
- },
85
- transform(response: any) {
86
- const data = response.list.map((d: any) => ({
87
- 账户类型: positionMappings[d.accountType],
88
- 交易类型: typeMappings[d.changeType],
89
- 收入还是支出: directionMappings[d.inOrOut],
90
- amount: d.changeValue,
91
- title: d.rightsName,
92
- time: Date.parse(d.operateTime), // 后台返回的是日期字符串,这里格式化成 timestamp
93
- description: d.remark,
94
- }))
95
- return data
96
- },
97
- },
98
- 获取权益类目: {
99
- path: '/ac-app/rights/item/list',
100
- translate: (data: OnlyApp) => ({
101
- appCode: data.app,
102
- }),
103
- // translate (data: ConsumptionFiltering) {
104
- // // return { appCode: data.appCode }
105
- // },
106
- transform: (data: any[]) =>
107
- data.map((d) => ({
108
- name: d.rightsName,
109
- code: d.rightsCode,
110
- })),
111
- },
112
- }
113
-
114
- const endpoints = Object.fromEntries(
115
- Object.entries(endpointsList).map(([name, def]) => [name, def.path])
116
- )
117
-
118
- const translates = Object.fromEntries(
119
- Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
120
- )
121
-
122
- const transforms = Object.fromEntries(
123
- Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
124
- )
125
-
126
- export { endpoints, translates, transforms }
1
+ import { HttpEndpoints } from '../../shared/http'
2
+ import { 账户流水筛选项, ConsumptionType } from '../types'
3
+
4
+ type OnlyApp = {
5
+ app: string
6
+ }
7
+
8
+ type AndApp<T> = OnlyApp & T
9
+
10
+ /**
11
+ * 流水交易类型映射
12
+ */
13
+ const typeMappings: Record<string, ConsumptionType> = {
14
+ CZ: '充值',
15
+ JF: '缴费',
16
+ FE: '返额',
17
+ ZJ: '增加',
18
+ KJ: '扣减',
19
+ XH: '消耗',
20
+ TH: '退回',
21
+ ZS: '赠送',
22
+ HG: '换购',
23
+ }
24
+
25
+ /**
26
+ * 映射还能反过来
27
+ */
28
+ const typeMappingsReversed = Object.fromEntries(
29
+ Object.entries(typeMappings).map(([x, y]) => [y, x])
30
+ )
31
+
32
+ const positionMappings = {
33
+ common: '云豆',
34
+ rights: '小云豆',
35
+ gift: '权益',
36
+ }
37
+
38
+ const positionMappingsReversed = Object.fromEntries(
39
+ Object.entries(positionMappings).map(([x, y]) => [y, x])
40
+ )
41
+
42
+ const directionMappings = {
43
+ 0: '收入',
44
+ 1: '支出',
45
+ }
46
+
47
+ const directionMappingsReversed = Object.fromEntries(
48
+ Object.entries(directionMappings).map(([x, y]) => [y, x])
49
+ )
50
+
51
+ const endpointsList: HttpEndpoints = {
52
+ 获取余额明细: {
53
+ path: '/ac-app/account/info/detail/app', // /app
54
+ translate: (data: OnlyApp) => ({
55
+ appCode: data.app,
56
+ }),
57
+ transform(result: any) {
58
+ return {
59
+ total: result.commonAccount,
60
+ privileges: result.rightsAccountBalList.map((r: any) => ({
61
+ title: r.rightsName,
62
+ count: r.rightsAccount,
63
+ unit: r.rightsUnit,
64
+ appCode: r.appCode,
65
+ id: r.activityId,
66
+ })),
67
+ }
68
+ },
69
+ },
70
+ 获取账户流水: {
71
+ path: '/ac-app/account/record/detail/mobile',
72
+ translate: (data: AndApp<账户流水筛选项>) => {
73
+ return {
74
+ appCode: data.app,
75
+ accountType: positionMappingsReversed[data.账户类型] || '',
76
+ inOrOut: directionMappingsReversed[data.收入还是支出] || '',
77
+ changeType: typeMappingsReversed[data.交易类型] || '',
78
+ operateTimeStart: data.dateFrom || '',
79
+ operateTimeEnd: data.dateTo || '',
80
+ rightsCode: data.权益类目,
81
+ pageNum: data.page,
82
+ pageSize: 10,
83
+ }
84
+ },
85
+ transform(response: any) {
86
+ const data = response.list.map((d: any) => ({
87
+ 账户类型: positionMappings[d.accountType],
88
+ 交易类型: typeMappings[d.changeType],
89
+ 收入还是支出: directionMappings[d.inOrOut],
90
+ amount: d.changeValue,
91
+ title: d.rightsName,
92
+ time: Date.parse(d.operateTime), // 后台返回的是日期字符串,这里格式化成 timestamp
93
+ description: d.remark,
94
+ }))
95
+ return data
96
+ },
97
+ },
98
+ 获取权益类目: {
99
+ path: '/ac-app/rights/item/list',
100
+ translate: (data: OnlyApp) => ({
101
+ appCode: data.app,
102
+ }),
103
+ // translate (data: ConsumptionFiltering) {
104
+ // // return { appCode: data.appCode }
105
+ // },
106
+ transform: (data: any[]) =>
107
+ data.map((d) => ({
108
+ name: d.rightsName,
109
+ code: d.rightsCode,
110
+ })),
111
+ },
112
+ }
113
+
114
+ const endpoints = Object.fromEntries(
115
+ Object.entries(endpointsList).map(([name, def]) => [name, def.path])
116
+ )
117
+
118
+ const translates = Object.fromEntries(
119
+ Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
120
+ )
121
+
122
+ const transforms = Object.fromEntries(
123
+ Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
124
+ )
125
+
126
+ export { endpoints, translates, transforms }
@@ -1,82 +1,82 @@
1
- import Taro from '@tarojs/taro'
2
- import { HttpRequestConfig, PagingData, PagingParams, ResponseRaw, createHttp } from '../../shared'
3
- import { translates, transforms } from './endpoints'
4
- import { useAppKitOptions } from '../../Appkit'
5
-
6
- /**
7
- * 小程序端 Http
8
- * 使用 Taro.request 实现
9
- */
10
- const vendor = {
11
- async request<T>(config: HttpRequestConfig) {
12
- return new Promise<ResponseRaw<T>>((resolve, reject) => {
13
- Taro.request({
14
- url: config.url,
15
- method: config.method,
16
- header: config.headers,
17
- data: config.data,
18
- })
19
- .then(({ data }) => {
20
- resolve({
21
- status: +data.code,
22
- message: data.msg,
23
- data: data.result as T,
24
- })
25
- })
26
- .catch((e: any) => {
27
- reject(e)
28
- })
29
- })
30
- },
31
- }
32
-
33
- function useHttp() {
34
- const appkitOptions = useAppKitOptions()
35
- const headers = {
36
- Token: appkitOptions.tempToken() || appkitOptions.token(),
37
- Appcode: appkitOptions.app(),
38
- cookie: `tid=${appkitOptions.tenant()}`,
39
- gray: appkitOptions.gray ? appkitOptions.gray() : '0',
40
- }
41
- /**
42
- * 传入配置获取 Http instanse
43
- */
44
- const $http = createHttp({
45
- vendor,
46
- baseUrl: appkitOptions.baseUrl(),
47
- headers,
48
- interceptors: [
49
- (raw) => {
50
- if (raw.status == 401) {
51
- appkitOptions[401]()
52
- return true
53
- }
54
- return false
55
- },
56
- (raw) => {
57
- if (raw.status > 500) {
58
- return true
59
- }
60
- return false
61
- },
62
- ],
63
- paging: {
64
- translate: (params: PagingParams) => ({
65
- pageNum: params.page,
66
- pageSize: params.pageSize,
67
- }),
68
- transform(data: any): PagingData {
69
- return {
70
- totalPages: data.pages,
71
- }
72
- },
73
- },
74
- translates,
75
- transforms,
76
- })
77
- return $http
78
- }
79
-
80
- export { useHttp }
81
-
82
- export * from './endpoints'
1
+ import Taro from '@tarojs/taro'
2
+ import { HttpRequestConfig, PagingData, PagingParams, ResponseRaw, createHttp } from '../../shared'
3
+ import { translates, transforms } from './endpoints'
4
+ import { useAppKitOptions } from '../../Appkit'
5
+
6
+ /**
7
+ * 小程序端 Http
8
+ * 使用 Taro.request 实现
9
+ */
10
+ const vendor = {
11
+ async request<T>(config: HttpRequestConfig) {
12
+ return new Promise<ResponseRaw<T>>((resolve, reject) => {
13
+ Taro.request({
14
+ url: config.url,
15
+ method: config.method,
16
+ header: config.headers,
17
+ data: config.data,
18
+ })
19
+ .then(({ data }) => {
20
+ resolve({
21
+ status: +data.code,
22
+ message: data.msg,
23
+ data: data.result as T,
24
+ })
25
+ })
26
+ .catch((e: any) => {
27
+ reject(e)
28
+ })
29
+ })
30
+ },
31
+ }
32
+
33
+ function useHttp() {
34
+ const appkitOptions = useAppKitOptions()
35
+ const headers = {
36
+ Token: appkitOptions.tempToken() || appkitOptions.token(),
37
+ Appcode: appkitOptions.app(),
38
+ cookie: `tid=${appkitOptions.tenant()}`,
39
+ gray: appkitOptions.gray ? appkitOptions.gray() : '0',
40
+ }
41
+ /**
42
+ * 传入配置获取 Http instanse
43
+ */
44
+ const $http = createHttp({
45
+ vendor,
46
+ baseUrl: appkitOptions.baseUrl(),
47
+ headers,
48
+ interceptors: [
49
+ (raw) => {
50
+ if (raw.status == 401) {
51
+ appkitOptions[401]()
52
+ return true
53
+ }
54
+ return false
55
+ },
56
+ (raw) => {
57
+ if (raw.status > 500) {
58
+ return true
59
+ }
60
+ return false
61
+ },
62
+ ],
63
+ paging: {
64
+ translate: (params: PagingParams) => ({
65
+ pageNum: params.page,
66
+ pageSize: params.pageSize,
67
+ }),
68
+ transform(data: any): PagingData {
69
+ return {
70
+ totalPages: data.pages,
71
+ }
72
+ },
73
+ },
74
+ translates,
75
+ transforms,
76
+ })
77
+ return $http
78
+ }
79
+
80
+ export { useHttp }
81
+
82
+ export * from './endpoints'