@uxda/appkit 1.2.72 → 4.0.0

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 (83) hide show
  1. package/.eslintrc.mjs +7 -7
  2. package/README.md +187 -187
  3. package/babel.config.js +12 -12
  4. package/dist/appkit.css +7 -501
  5. package/dist/index.js +58 -85
  6. package/package.json +78 -78
  7. package/project.config.json +15 -15
  8. package/project.tt.json +13 -13
  9. package/rollup.config.mjs +54 -54
  10. package/src/Appkit.ts +65 -65
  11. package/src/balance/api/endpoints.ts +126 -126
  12. package/src/balance/api/index.ts +82 -82
  13. package/src/balance/components/AccountView.vue +748 -748
  14. package/src/balance/components/BalanceCard.vue +209 -209
  15. package/src/balance/components/BalanceReminder.vue +85 -85
  16. package/src/balance/components/ConsumptionFilter.vue +218 -218
  17. package/src/balance/components/ConsumptionRules.vue +68 -68
  18. package/src/balance/components/DateFilter.vue +235 -235
  19. package/src/balance/components/SecondBalance.vue +71 -71
  20. package/src/balance/components/Tip.vue +45 -45
  21. package/src/balance/components/index.ts +9 -9
  22. package/src/balance/types.ts +90 -90
  23. package/src/components/dd-area/index.vue +225 -225
  24. package/src/components/dd-icon/doc.md +21 -21
  25. package/src/components/dd-icon/index.vue +23 -23
  26. package/src/components/dd-notice-bar/index.vue +78 -78
  27. package/src/components/dd-search/doc.md +34 -34
  28. package/src/components/dd-search/index.vue +168 -168
  29. package/src/components/dd-selector/index.vue +124 -124
  30. package/src/components/ocr-id/index.vue +114 -114
  31. package/src/components/ocr-id/types.d.ts +12 -12
  32. package/src/global.ts +6 -6
  33. package/src/index.ts +88 -88
  34. package/src/main.scss +1 -1
  35. package/src/notice/api/endpoints.ts +17 -17
  36. package/src/notice/api/index.ts +82 -82
  37. package/src/notice/components/LoginSetting.vue +112 -112
  38. package/src/notice/components/NoticeBanner.vue +243 -243
  39. package/src/notice/components/NoticeEntry.vue +99 -99
  40. package/src/notice/components/NoticeList.vue +278 -315
  41. package/src/notice/components/NoticePopup.vue +163 -161
  42. package/src/notice/components/index.ts +6 -6
  43. package/src/notice/components/useCommonList.ts +86 -86
  44. package/src/notice/components/useNotice.ts +35 -35
  45. package/src/notice/index.ts +1 -1
  46. package/src/notice/types.ts +25 -25
  47. package/src/payment/api/config.ts +7 -7
  48. package/src/payment/api/endpoints.ts +103 -103
  49. package/src/payment/api/index.ts +71 -71
  50. package/src/payment/components/AmountPicker.vue +93 -93
  51. package/src/payment/components/RechargeResult.vue +69 -69
  52. package/src/payment/components/RechargeView.vue +154 -154
  53. package/src/payment/components/RightsPicker.vue +105 -105
  54. package/src/payment/components/TradeView.vue +298 -298
  55. package/src/payment/components/UserAgreement.vue +141 -141
  56. package/src/payment/components/index.ts +22 -22
  57. package/src/payment/index.ts +5 -5
  58. package/src/payment/services/index.ts +16 -16
  59. package/src/payment/services/invoke-recharge.ts +25 -25
  60. package/src/payment/services/request-payment.ts +58 -58
  61. package/src/payment/types.ts +28 -28
  62. package/src/register/components/SelfRegistration.vue +227 -227
  63. package/src/register/components/index.ts +2 -2
  64. package/src/shared/components/AppDrawer.vue +58 -58
  65. package/src/shared/components/DeviceVersion.vue +67 -67
  66. package/src/shared/components/EmptyView.vue +33 -33
  67. package/src/shared/components/PageHeader.vue +79 -79
  68. package/src/shared/components/index.ts +5 -5
  69. package/src/shared/composables/index.ts +2 -2
  70. package/src/shared/composables/useSafeArea.ts +46 -46
  71. package/src/shared/composables/useTabbar.ts +24 -24
  72. package/src/shared/http/Http.ts +135 -135
  73. package/src/shared/http/index.ts +1 -1
  74. package/src/shared/http/types.ts +157 -157
  75. package/src/shared/index.ts +3 -3
  76. package/src/shared/weixin/payment.ts +38 -38
  77. package/src/styles/fonts.scss +2 -2
  78. package/src/styles/vars.scss +3 -3
  79. package/tsconfig.json +30 -30
  80. package/types/global.d.ts +21 -21
  81. package/types/vue.d.ts +10 -10
  82. package/dist/main.css +0 -3
  83. package/dist/styles.css +0 -1
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'