message-verify 0.0.42-beta.0 → 0.0.43-beta.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.
- package/dist/index.d.ts +10 -1
- package/dist/main.js +7 -1
- package/dist/verify-modal.d.ts +10 -1
- package/dist/verify-modal.js +1 -1
- package/package.json +1 -1
- package/src/index.tsx +10 -1
- package/src/main.tsx +10 -1
- package/src/verify-modal.tsx +11 -2
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,15 @@ export type ModalConfig = {
|
|
|
2
2
|
data: string;
|
|
3
3
|
onClose?: () => void;
|
|
4
4
|
config: object;
|
|
5
|
-
http:
|
|
5
|
+
http: {
|
|
6
|
+
(params: object): Promise<unknown>;
|
|
7
|
+
defaults: {
|
|
8
|
+
headers: {
|
|
9
|
+
common: {
|
|
10
|
+
[key: string]: unknown;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
6
15
|
};
|
|
7
16
|
export declare const createMessageVerifyModal: (modalProps: ModalConfig) => void;
|
package/dist/main.js
CHANGED
|
@@ -5,5 +5,11 @@ const data = "{\"mobile\":\"188****4035\",\"verifyCodeKey\":\"3f025b33-988e-47c0
|
|
|
5
5
|
createRoot(document.getElementById('root')).render(_jsx("button", { onClick: () => createMessageVerifyModal({
|
|
6
6
|
data,
|
|
7
7
|
config: {},
|
|
8
|
-
http: () => Promise.resolve({}),
|
|
8
|
+
http: Object.assign(() => Promise.resolve({}), {
|
|
9
|
+
defaults: {
|
|
10
|
+
headers: {
|
|
11
|
+
common: {}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}),
|
|
9
15
|
}), children: "Show Modal" }));
|
package/dist/verify-modal.d.ts
CHANGED
|
@@ -2,7 +2,16 @@ type ModalConfig = {
|
|
|
2
2
|
data: string;
|
|
3
3
|
onClose?: () => void;
|
|
4
4
|
config: object;
|
|
5
|
-
http:
|
|
5
|
+
http: {
|
|
6
|
+
(params: object): Promise<unknown>;
|
|
7
|
+
defaults: {
|
|
8
|
+
headers: {
|
|
9
|
+
common: {
|
|
10
|
+
[key: string]: unknown;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
6
15
|
};
|
|
7
16
|
declare const ModalDom: ({ props }: {
|
|
8
17
|
props: ModalConfig;
|
package/dist/verify-modal.js
CHANGED
|
@@ -53,7 +53,7 @@ const ModalDom = ({ props }) => {
|
|
|
53
53
|
setCaptchCode(e);
|
|
54
54
|
} }), captchaImage && _jsx("img", { src: captchaImage, alt: "\u9A8C\u8BC1\u7801", style: { width: 100, height: 30, marginLeft: 8 }, onClick: getKey })] }), (countdown > 0 || captchCode) ? null : _jsx("div", { style: { fontSize: 14, color: 'red' }, children: "\u8BF7\u8F93\u5165\u56FE\u5F62\u9A8C\u8BC1\u7801\u540E\uFF0C\u91CD\u65B0\u53D1\u9001\u9A8C\u8BC1\u7801" }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 8 }, children: [_jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801", onChange: (val) => {
|
|
55
55
|
if (val.length === 6) {
|
|
56
|
-
|
|
56
|
+
http.defaults.headers.common['sms-code'] = val;
|
|
57
57
|
http(config);
|
|
58
58
|
}
|
|
59
59
|
} }), _jsx(Button, { disabled: countdown > 0 || !captchCode, onClick: handleResend, children: countdown > 0 ? `${countdown}秒` : '重新发送' })] })] }));
|
package/package.json
CHANGED
package/src/index.tsx
CHANGED
|
@@ -5,7 +5,16 @@ export type ModalConfig = {
|
|
|
5
5
|
data: string;
|
|
6
6
|
onClose?: () => void
|
|
7
7
|
config: object;
|
|
8
|
-
http:
|
|
8
|
+
http: {
|
|
9
|
+
(params: object): Promise<unknown>;
|
|
10
|
+
defaults: {
|
|
11
|
+
headers: {
|
|
12
|
+
common: {
|
|
13
|
+
[key: string]: unknown;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
};
|
|
9
18
|
}
|
|
10
19
|
|
|
11
20
|
let modalRoot: ReactDOM.Root | null = null
|
package/src/main.tsx
CHANGED
|
@@ -7,7 +7,16 @@ createRoot(document.getElementById('root')!).render(
|
|
|
7
7
|
<button onClick={() => createMessageVerifyModal({
|
|
8
8
|
data,
|
|
9
9
|
config: {},
|
|
10
|
-
http:
|
|
10
|
+
http: Object.assign(
|
|
11
|
+
() => Promise.resolve({}),
|
|
12
|
+
{
|
|
13
|
+
defaults: {
|
|
14
|
+
headers: {
|
|
15
|
+
common: {}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
),
|
|
11
20
|
})}>
|
|
12
21
|
Show Modal
|
|
13
22
|
</button>);
|
package/src/verify-modal.tsx
CHANGED
|
@@ -6,7 +6,16 @@ type ModalConfig = {
|
|
|
6
6
|
data: string;
|
|
7
7
|
onClose?: () => void;
|
|
8
8
|
config: object;
|
|
9
|
-
http:
|
|
9
|
+
http: {
|
|
10
|
+
(params: object): Promise<unknown>;
|
|
11
|
+
defaults: {
|
|
12
|
+
headers: {
|
|
13
|
+
common: {
|
|
14
|
+
[key: string]: unknown;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
10
19
|
}
|
|
11
20
|
const ModalDom = ({ props }: { props: ModalConfig }) => {
|
|
12
21
|
const [visible, setVisible] = useState(true);
|
|
@@ -82,7 +91,7 @@ const ModalDom = ({ props }: { props: ModalConfig }) => {
|
|
|
82
91
|
placeholder="请输入验证码"
|
|
83
92
|
onChange={(val) => {
|
|
84
93
|
if(val.length === 6) {
|
|
85
|
-
|
|
94
|
+
http.defaults.headers.common['sms-code'] = val as string;
|
|
86
95
|
http(config);
|
|
87
96
|
}
|
|
88
97
|
}}
|