message-verify 1.0.0-beta.3 → 1.0.0-beta.4
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/README.md +26 -1
- package/dist/verify-modal.js +1 -1
- package/package.json +1 -1
- package/src/verify-modal.tsx +1 -1
package/README.md
CHANGED
@@ -9,4 +9,29 @@
|
|
9
9
|
### 1. 引入组件
|
10
10
|
|
11
11
|
```typescript
|
12
|
-
import {createMessageVerifyModal} from 'message-verify';
|
12
|
+
import {createMessageVerifyModal} from 'message-verify';
|
13
|
+
```
|
14
|
+
|
15
|
+
### 2. 参数说明
|
16
|
+
|
17
|
+
```typescript
|
18
|
+
- data :字符串,包含手机号、验证码 key 等信息(JSON 字符串)。
|
19
|
+
- config :对象,必须包含 headers 字段(可为空对象),用于 http 请求配置。
|
20
|
+
- lang :组件使用语言,支持 'zh' (中文)、 'en' (英文)、 'id' (印尼语)。
|
21
|
+
- http :http 客户端实例(如 axios)。
|
22
|
+
- onClose :弹窗关闭回调(可选)。
|
23
|
+
```
|
24
|
+
|
25
|
+
### 3. 示例
|
26
|
+
|
27
|
+
```typescript
|
28
|
+
createMessageVerifyModal({
|
29
|
+
data,
|
30
|
+
config: { headers: {} }, // 必须包含 headers 字段
|
31
|
+
lang: 'zh', // 支持 'zh' | 'en' | 'id'
|
32
|
+
http: axios,
|
33
|
+
onClose: () => {
|
34
|
+
// 可选,弹窗关闭回调
|
35
|
+
}
|
36
|
+
});
|
37
|
+
```
|
package/dist/verify-modal.js
CHANGED
@@ -5,7 +5,7 @@ import Api from './resource.js';
|
|
5
5
|
import t from './utils/i18n.js';
|
6
6
|
const CreateMessageVerifyModal = ({ props }) => {
|
7
7
|
const [visible, setVisible] = useState(true);
|
8
|
-
const [countdown, setCountdown] = useState(
|
8
|
+
const [countdown, setCountdown] = useState(60);
|
9
9
|
const [otp, setOtp] = useState('');
|
10
10
|
const [captchaImage, setCaptchaImage] = useState('');
|
11
11
|
const [captchCode, setCaptchCode] = useState('');
|
package/package.json
CHANGED
package/src/verify-modal.tsx
CHANGED
@@ -6,7 +6,7 @@ import { ModalConfig } from './utils/type.js';
|
|
6
6
|
|
7
7
|
const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
|
8
8
|
const [visible, setVisible] = useState(true);
|
9
|
-
const [countdown, setCountdown] = useState(
|
9
|
+
const [countdown, setCountdown] = useState(60);
|
10
10
|
const [otp, setOtp] = useState('');
|
11
11
|
const [captchaImage, setCaptchaImage] = useState<string>('');
|
12
12
|
const [captchCode, setCaptchCode] = useState<string>('');
|