message-verify 1.0.0-beta.15 → 1.0.0-beta.17

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 (8) hide show
  1. package/dist/main.js +1 -1
  2. package/dist/utils/type.d.ts +1 -0
  3. package/dist/verify-modal.js +16 -8
  4. package/eslint.config.js +1 -0
  5. package/package.json +1 -1
  6. package/src/main.tsx +1 -1
  7. package/src/utils/type.ts +1 -0
  8. package/src/verify-modal.tsx +19 -8
package/dist/main.js CHANGED
@@ -7,7 +7,7 @@ const fp = await initFingerprint();
7
7
  console.log(fp);
8
8
  createRoot(document.getElementById('root')).render(_jsx(_Fragment, { children: _jsx("button", { onClick: () => createMessageVerifyModal({
9
9
  data,
10
- config: { headers: {} },
10
+ config: { headers: {}, interceptors: {} },
11
11
  lang: 'en',
12
12
  http: axios,
13
13
  }), children: "Show verify Modal" }) }));
package/dist/utils/type.d.ts CHANGED
@@ -5,6 +5,7 @@ export type ModalConfig = {
5
5
  headers: {
6
6
  [key: string]: string | undefined;
7
7
  };
8
+ interceptors: any;
8
9
  [key: string]: unknown;
9
10
  };
10
11
  lang: 'zh' | 'en' | 'id';
package/dist/verify-modal.js CHANGED
@@ -63,11 +63,10 @@ const CreateMessageVerifyModal = ({ props }) => {
63
63
  return (_jsxs(Modal, { width: 420, visible: visible, onClose: () => {
64
64
  setVisible(false);
65
65
  props.onClose?.();
66
- }, children: [_jsx("div", { style: { fontSize: 14, color: '#666' }, children: t('alreadySend', lang, { phone: mobile }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }, children: [_jsx(Input.OTP, { length: 6, value: otp, onChange: async (val) => {
66
+ }, children: [_jsx("div", { style: { fontSize: 14, color: '#666' }, children: t('alreadySend', lang, { phone: mobile }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }, children: [_jsx(Input.OTP, { length: 6, value: otp, onChange: (val) => {
67
67
  setOtp(val);
68
- console.log('打印Content-Type', config.headers['Content-Type']);
69
68
  if (val.length === 6) {
70
- const res = await http({
69
+ http({
71
70
  ...config,
72
71
  headers: {
73
72
  ...http.defaults.headers.common,
@@ -76,11 +75,20 @@ const CreateMessageVerifyModal = ({ props }) => {
76
75
  'Content-Type': config.headers['Content-Type'],
77
76
  }
78
77
  });
79
- console.log('接口返回值', res);
80
- if (res && typeof res === 'object' && 'data' in res) {
81
- console.log('接口返回的 data 字段', res.data);
82
- }
83
- // setVisible(false);
78
+ http.interceptors.response.use((response) => {
79
+ // 先做健壮性判断
80
+ if (!response || !response.data || !response.data.status) {
81
+ console.log('response结构异常', response);
82
+ return response;
83
+ }
84
+ const { code, detail } = response.data.status;
85
+ const responseType = response.config?.responseType;
86
+ console.log('打印', detail, code, responseType);
87
+ return response;
88
+ }, (error) => {
89
+ console.log('打印', error);
90
+ return Promise.reject(error);
91
+ });
84
92
  }
85
93
  } }), _jsx(Button, { disabled: countdown > 0 || !captchCode, onClick: handleResend, style: { padding: '8px' }, children: countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang) })] }), countdown > 0 ? null :
86
94
  _jsxs("div", { style: { marginTop: 12, display: 'flex', alignItems: 'center' }, children: [_jsx(Input, { placeholder: t('pleaseEnterPicVerifyCode', lang), onChange: (e) => {
package/eslint.config.js CHANGED
@@ -23,6 +23,7 @@ export default tseslint.config(
23
23
  'warn',
24
24
  { allowConstantExport: true },
25
25
  ],
26
+ "@typescript-eslint/no-explicit-any": "off"
26
27
  },
27
28
  },
28
29
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "message-verify",
3
- "version": "1.0.0-beta.15",
3
+ "version": "1.0.0-beta.17",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "dependencies": {
package/src/main.tsx CHANGED
@@ -11,7 +11,7 @@ createRoot(document.getElementById('root')!).render(
11
11
  <>
12
12
  <button onClick={() => createMessageVerifyModal({
13
13
  data,
14
- config: {headers: {}},
14
+ config: {headers: {}, interceptors: {}},
15
15
  lang: 'en',
16
16
  http: axios,
17
17
  })}>
package/src/utils/type.ts CHANGED
@@ -6,6 +6,7 @@ export type ModalConfig = {
6
6
  headers: {
7
7
  [key: string]: string | undefined;
8
8
  };
9
+ interceptors: any
9
10
  [key: string]: unknown;
10
11
  };
11
12
  lang: 'zh' | 'en' | 'id';
package/src/verify-modal.tsx CHANGED
@@ -78,11 +78,10 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
78
78
  <Input.OTP
79
79
  length={6}
80
80
  value={otp}
81
- onChange={async (val) => {
81
+ onChange={(val) => {
82
82
  setOtp(val);
83
- console.log('打印Content-Type', config.headers['Content-Type'])
84
83
  if (val.length === 6) {
85
- const res = await http({
84
+ http({
86
85
  ...config,
87
86
  headers: {
88
87
  ...http.defaults.headers.common,
@@ -91,11 +90,23 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
91
90
  'Content-Type': config.headers['Content-Type'],
92
91
  }
93
92
  });
94
- console.log('接口返回值', res);
95
- if (res && typeof res === 'object' && 'data' in res) {
96
- console.log('接口返回的 data 字段', res.data);
97
- }
98
- // setVisible(false);
93
+ (http as any).interceptors.response.use(
94
+ (response: any) => {
95
+ // 先做健壮性判断
96
+ if (!response || !response.data || !response.data.status) {
97
+ console.log('response结构异常', response);
98
+ return response;
99
+ }
100
+ const { code, detail } = response.data.status;
101
+ const responseType = response.config?.responseType;
102
+ console.log('打印', detail, code, responseType);
103
+ return response;
104
+ },
105
+ (error: unknown) => {
106
+ console.log('打印', error);
107
+ return Promise.reject(error);
108
+ },
109
+ );
99
110
  }
100
111
  }} />
101
112
  <Button