taro-react-uilib 1.4.17 → 1.4.19-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/components/Button/index.js.map +1 -1
- package/dist/components/Captcha/index.js.map +1 -1
- package/dist/components/LicensePlateInput/Keyboard.js +2 -0
- package/dist/components/LicensePlateInput/Keyboard.js.map +1 -0
- package/dist/components/LicensePlateInput/index.js +2 -0
- package/dist/components/LicensePlateInput/index.js.map +1 -0
- package/dist/components/Loading/index.js +1 -1
- package/dist/components/Loading/index.js.map +1 -1
- package/dist/components/src/index.js +1 -1
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +5 -5
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/index.scss +1 -0
- package/dist/styles/components/licenseplateinput.scss +218 -0
- package/dist/styles/components/loading.scss +5 -0
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Captcha/index.js.map +1 -1
- package/lib/components/LicensePlateInput/Keyboard.js +161 -0
- package/lib/components/LicensePlateInput/Keyboard.js.map +1 -0
- package/lib/components/LicensePlateInput/index.js +69 -0
- package/lib/components/LicensePlateInput/index.js.map +1 -0
- package/lib/components/Loading/index.js +5 -6
- package/lib/components/Loading/index.js.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/Button/index.d.ts +0 -21
- package/types/components/Captcha/index.d.ts +4 -1
- package/types/components/LicensePlateInput/Keyboard.d.ts +27 -0
- package/types/components/LicensePlateInput/index.d.ts +18 -0
- package/types/index.d.ts +1 -0
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
@import "../../styles/themes/variable.scss";
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: "xh-iconfont"; /* Project id 4043926 */
|
|
5
|
+
src:
|
|
6
|
+
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
|
|
7
|
+
url('./font/iconfont.woff?t=1686214093886') format('woff'),
|
|
8
|
+
url('./font/iconfont.ttf?t=1686214093886') format('truetype');
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
#{$xh-prefix}-licensePlate {
|
|
12
|
+
&.padding {
|
|
13
|
+
padding: 28px;
|
|
14
|
+
}
|
|
15
|
+
&.border {
|
|
16
|
+
border-bottom: 2px solid #EEE;
|
|
17
|
+
}
|
|
18
|
+
&-label {
|
|
19
|
+
font-weight: 500;
|
|
20
|
+
font-size: 30px;
|
|
21
|
+
color: #333333;
|
|
22
|
+
font-family: PingFang SC;
|
|
23
|
+
}
|
|
24
|
+
&-input {
|
|
25
|
+
display: flex;
|
|
26
|
+
padding: 28px 0;
|
|
27
|
+
background-color: #FFF;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: space-between;
|
|
30
|
+
&-item {
|
|
31
|
+
display: inline-block;
|
|
32
|
+
width: 68px;
|
|
33
|
+
height: 68px;
|
|
34
|
+
line-height: 68px;
|
|
35
|
+
text-align: center;
|
|
36
|
+
background: #F7F7F7;
|
|
37
|
+
font-family: PingFang SC, PingFang SC;
|
|
38
|
+
font-weight: 400;
|
|
39
|
+
font-size: 32px;
|
|
40
|
+
color: var(--color-primary);
|
|
41
|
+
position: relative;
|
|
42
|
+
border-radius: 8px;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
|
|
45
|
+
&:not(:first-child) {
|
|
46
|
+
border-left-width: 0;
|
|
47
|
+
}
|
|
48
|
+
&.active::after {
|
|
49
|
+
content: "";
|
|
50
|
+
background-color: var(--color-primary);
|
|
51
|
+
width: 12px;
|
|
52
|
+
height: 12px;
|
|
53
|
+
position: absolute;
|
|
54
|
+
bottom: 0;
|
|
55
|
+
right: 0;
|
|
56
|
+
}
|
|
57
|
+
&.showNew::before {
|
|
58
|
+
content: "新能源";
|
|
59
|
+
font-size: 14px;
|
|
60
|
+
white-space: wrap;
|
|
61
|
+
position: absolute;
|
|
62
|
+
top: 0;
|
|
63
|
+
left: 0;
|
|
64
|
+
width: 100%;
|
|
65
|
+
height: 100%;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&-mask {
|
|
71
|
+
display: inline-block;
|
|
72
|
+
width: 24px;
|
|
73
|
+
height: 24px;
|
|
74
|
+
background-color: #333;
|
|
75
|
+
border-radius: 50%;
|
|
76
|
+
animation: scale 0.3s ease;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
#{$xh-prefix}-license-keyboard {
|
|
81
|
+
position: fixed;
|
|
82
|
+
bottom: 0;
|
|
83
|
+
left: 0;
|
|
84
|
+
right: 0;
|
|
85
|
+
z-index: 10;
|
|
86
|
+
padding-bottom: constant(safe-area-inset-bottom);
|
|
87
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
88
|
+
|
|
89
|
+
&-header {
|
|
90
|
+
border-top: 1px solid $border-color;
|
|
91
|
+
display: flex;
|
|
92
|
+
justify-content: center;
|
|
93
|
+
padding: 16px 0;
|
|
94
|
+
background-color: #F9F9F9;
|
|
95
|
+
font-size: 28px;
|
|
96
|
+
position: relative;
|
|
97
|
+
&-title {
|
|
98
|
+
text-align: center;
|
|
99
|
+
flex-grow: 1;
|
|
100
|
+
}
|
|
101
|
+
&-close {
|
|
102
|
+
border: 0;
|
|
103
|
+
text-align: center;
|
|
104
|
+
font-family: PingFang SC-Regular, PingFang SC;
|
|
105
|
+
font-weight: 400;
|
|
106
|
+
color: var(--color-primary);
|
|
107
|
+
position: absolute;
|
|
108
|
+
right: 28px;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
&-body {
|
|
113
|
+
width: 100%;
|
|
114
|
+
display: flex;
|
|
115
|
+
flex-wrap: wrap;
|
|
116
|
+
box-sizing: border-box;
|
|
117
|
+
border-bottom: 1PX solid #dedede;
|
|
118
|
+
align-items: flex-start;
|
|
119
|
+
justify-content: flex-start;
|
|
120
|
+
background-color: #dedede;
|
|
121
|
+
&-key {
|
|
122
|
+
width: 10%;
|
|
123
|
+
height: 85px;
|
|
124
|
+
box-sizing: border-box;
|
|
125
|
+
padding: 8px;
|
|
126
|
+
display: flex;
|
|
127
|
+
align-items: center;
|
|
128
|
+
justify-content: center;
|
|
129
|
+
background: #dedede;
|
|
130
|
+
// border-right: 1PX solid #dedede;
|
|
131
|
+
// border-top: 1PX solid #dedede;
|
|
132
|
+
font-family: DINAlternate-Bold, DINAlternate;
|
|
133
|
+
&-item {
|
|
134
|
+
width: 100%;
|
|
135
|
+
height: 100%;
|
|
136
|
+
font-size: 36px;
|
|
137
|
+
border-radius: 8px;
|
|
138
|
+
border: 0;
|
|
139
|
+
padding: 4px;
|
|
140
|
+
background: #FFF;
|
|
141
|
+
display: flex;
|
|
142
|
+
align-items: center;
|
|
143
|
+
justify-content: center;
|
|
144
|
+
color: #000;
|
|
145
|
+
&:active {
|
|
146
|
+
background-color: #eee;
|
|
147
|
+
}
|
|
148
|
+
&.weapp[disabled] {
|
|
149
|
+
color: #dedede;
|
|
150
|
+
}
|
|
151
|
+
&:disabled {
|
|
152
|
+
color: #dedede;
|
|
153
|
+
}
|
|
154
|
+
&.delete {
|
|
155
|
+
font-family: 'xh-iconfont';
|
|
156
|
+
font-style: normal;
|
|
157
|
+
font-weight: 400;
|
|
158
|
+
font-variant: normal;
|
|
159
|
+
text-transform: none;
|
|
160
|
+
text-rendering: auto;
|
|
161
|
+
line-height: 1;
|
|
162
|
+
-webkit-font-smoothing: antialiased;
|
|
163
|
+
-moz-osx-font-smoothing: grayscale;
|
|
164
|
+
vertical-align: middle;
|
|
165
|
+
margin-left: auto;
|
|
166
|
+
font-size: 32px;
|
|
167
|
+
border-radius: 12px;
|
|
168
|
+
&:before {
|
|
169
|
+
content: "\e61b";
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
&.delete {
|
|
174
|
+
margin-left: auto;
|
|
175
|
+
width: 150px;
|
|
176
|
+
border-radius: 4px;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
.xh-button-webutton {
|
|
180
|
+
background-color: #fff;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
.slide-up {
|
|
185
|
+
&-enter,
|
|
186
|
+
&-appear {
|
|
187
|
+
opacity: 0;
|
|
188
|
+
transform: translateY(100%);
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
&-enter-active,
|
|
192
|
+
&-appear-active {
|
|
193
|
+
opacity: 1;
|
|
194
|
+
transform: translateY(0);
|
|
195
|
+
transition: transform 0.3s, opacity 0.3s;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
&-exit {
|
|
199
|
+
opacity: 1;
|
|
200
|
+
transform: translateY(0);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
&-exit-active {
|
|
204
|
+
opacity: 0;
|
|
205
|
+
transform: translateY(100%);
|
|
206
|
+
transition: transform 0.3s, opacity 0.3s;
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
@keyframes scale {
|
|
211
|
+
0% {
|
|
212
|
+
transform: scale(0.6);
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
100% {
|
|
216
|
+
transform: scale(1);
|
|
217
|
+
}
|
|
218
|
+
}
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
}
|
|
20
20
|
padding: 60px;
|
|
21
21
|
background: rgba(0,0,0,0.75);
|
|
22
|
+
&-gif {
|
|
23
|
+
width: 60px;
|
|
24
|
+
height: 60px;
|
|
25
|
+
background: url('https://s.xh1.cn/resources/images/app-alert/loading.gif') no-repeat center/cover;
|
|
26
|
+
}
|
|
22
27
|
// &-spinner {
|
|
23
28
|
// width: 100px;
|
|
24
29
|
// height: 100px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAO,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Captcha/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,UAAU,EAEV,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAyB,MAAM,WAAW,CAAC;AAElD,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Captcha/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import React, { useState, useEffect, useMemo } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { CSSTransition } from "react-transition-group";
|
|
4
|
+
import { Button, View } from "@tarojs/components";
|
|
5
|
+
import "./index.scss";
|
|
6
|
+
const LICENSEPLATE_PROVINCES = [
|
|
7
|
+
"京",
|
|
8
|
+
"津",
|
|
9
|
+
"冀",
|
|
10
|
+
"晋",
|
|
11
|
+
"蒙",
|
|
12
|
+
"辽",
|
|
13
|
+
"吉",
|
|
14
|
+
"黑",
|
|
15
|
+
"沪",
|
|
16
|
+
"苏",
|
|
17
|
+
"浙",
|
|
18
|
+
"皖",
|
|
19
|
+
"闽",
|
|
20
|
+
"赣",
|
|
21
|
+
"鲁",
|
|
22
|
+
"豫",
|
|
23
|
+
"鄂",
|
|
24
|
+
"湘",
|
|
25
|
+
"粤",
|
|
26
|
+
"桂",
|
|
27
|
+
"琼",
|
|
28
|
+
"渝",
|
|
29
|
+
"川",
|
|
30
|
+
"贵",
|
|
31
|
+
"云",
|
|
32
|
+
"藏",
|
|
33
|
+
"陕",
|
|
34
|
+
"甘",
|
|
35
|
+
"青",
|
|
36
|
+
"宁",
|
|
37
|
+
"新",
|
|
38
|
+
"港",
|
|
39
|
+
"澳",
|
|
40
|
+
"台",
|
|
41
|
+
"使",
|
|
42
|
+
];
|
|
43
|
+
const LICENSEPLATE_NUMBERS = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
|
|
44
|
+
const LICENSEPLATE_LETTERS = [
|
|
45
|
+
"A",
|
|
46
|
+
"B",
|
|
47
|
+
"C",
|
|
48
|
+
"D",
|
|
49
|
+
"E",
|
|
50
|
+
"F",
|
|
51
|
+
"G",
|
|
52
|
+
"H",
|
|
53
|
+
"J",
|
|
54
|
+
"K",
|
|
55
|
+
"L",
|
|
56
|
+
"M",
|
|
57
|
+
"N",
|
|
58
|
+
"P",
|
|
59
|
+
"Q",
|
|
60
|
+
"R",
|
|
61
|
+
"S",
|
|
62
|
+
"T",
|
|
63
|
+
"U",
|
|
64
|
+
"V",
|
|
65
|
+
"W",
|
|
66
|
+
"X",
|
|
67
|
+
"Y",
|
|
68
|
+
"Z",
|
|
69
|
+
];
|
|
70
|
+
const specialArea = ["港", "澳", "学", "领"];
|
|
71
|
+
const finalArea = ["临", "澳", "学", "领"];
|
|
72
|
+
const LicensePlateKeyboard = props => {
|
|
73
|
+
const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, showClose = true, closeOnClickSpace = true, onClose, onChange, value, closeText = "完成", onDelete, className, activeIndex, } = props;
|
|
74
|
+
const [input, setInput] = useState(value);
|
|
75
|
+
const keys = getKeys();
|
|
76
|
+
const title = useMemo(() => {
|
|
77
|
+
if (activeIndex === 0)
|
|
78
|
+
return "选择省份";
|
|
79
|
+
if (activeIndex === 1)
|
|
80
|
+
return "选择字母";
|
|
81
|
+
return "选择数字或字母";
|
|
82
|
+
}, [activeIndex]);
|
|
83
|
+
const mode = useMemo(() => {
|
|
84
|
+
if (activeIndex === 0)
|
|
85
|
+
return "province";
|
|
86
|
+
if (activeIndex === 1)
|
|
87
|
+
return "letter";
|
|
88
|
+
return "mixed";
|
|
89
|
+
}, [activeIndex]);
|
|
90
|
+
useEffect(() => {
|
|
91
|
+
if (closeOnClickSpace) {
|
|
92
|
+
document.addEventListener("click", handleClose);
|
|
93
|
+
}
|
|
94
|
+
return () => {
|
|
95
|
+
document.removeEventListener("click", handleClose);
|
|
96
|
+
};
|
|
97
|
+
}, []);
|
|
98
|
+
useEffect(() => {
|
|
99
|
+
setInput(value);
|
|
100
|
+
}, [value]);
|
|
101
|
+
function handleClose(e) {
|
|
102
|
+
e.stopPropagation();
|
|
103
|
+
onClose && onClose(e);
|
|
104
|
+
onBlur && onBlur(e);
|
|
105
|
+
}
|
|
106
|
+
function handleKeyPress(key) {
|
|
107
|
+
if (process.env.TARO_ENV === "h5") {
|
|
108
|
+
// e.stopImmediatePropagation();
|
|
109
|
+
}
|
|
110
|
+
let newInput = input;
|
|
111
|
+
if (newInput.length < maxLength) {
|
|
112
|
+
newInput = input + key;
|
|
113
|
+
}
|
|
114
|
+
setInput(newInput);
|
|
115
|
+
onChange && onChange(newInput);
|
|
116
|
+
}
|
|
117
|
+
function getKeys() {
|
|
118
|
+
if (activeIndex === 0)
|
|
119
|
+
return LICENSEPLATE_PROVINCES;
|
|
120
|
+
if (activeIndex === 6)
|
|
121
|
+
return [...LICENSEPLATE_NUMBERS, ...LICENSEPLATE_LETTERS, ...specialArea];
|
|
122
|
+
if (activeIndex === 7)
|
|
123
|
+
return [...LICENSEPLATE_NUMBERS, ...LICENSEPLATE_LETTERS, ...finalArea];
|
|
124
|
+
return [...LICENSEPLATE_NUMBERS, ...LICENSEPLATE_LETTERS];
|
|
125
|
+
}
|
|
126
|
+
const handleDelete = () => {
|
|
127
|
+
onDelete();
|
|
128
|
+
};
|
|
129
|
+
const keyDisabled = useMemo(() => {
|
|
130
|
+
return value.length >= 8;
|
|
131
|
+
}, [value]);
|
|
132
|
+
const keyboardcls = classNames("xh-license-keyboard", className);
|
|
133
|
+
return (React.createElement(CSSTransition, { classNames: "slide-up", in: show, unmountOnExit: true, timeout: 200 },
|
|
134
|
+
React.createElement(View, { className: keyboardcls },
|
|
135
|
+
React.createElement(View, { className: "xh-license-keyboard-header" },
|
|
136
|
+
React.createElement(View, { className: "xh-license-keyboard-header-title" }, title),
|
|
137
|
+
React.createElement(View, { className: "xh-license-keyboard-header-delete" }),
|
|
138
|
+
showClose && (React.createElement(View, { className: "xh-license-keyboard-header-close", onClick: handleClose }, closeText))),
|
|
139
|
+
React.createElement(View, { className: "xh-license-keyboard-body" },
|
|
140
|
+
keys.map((key, index) => (React.createElement(View, { key: index, className: classNames("xh-license-keyboard-body-key") }, process.env.TARO_ENV === "h5" ? (React.createElement("button", { className: classNames("xh-license-keyboard-body-key-item", process.env.TARO_ENV), disabled: (mode === "letter" && index < 10) || keyDisabled, onClick: e => {
|
|
141
|
+
e.stopPropagation();
|
|
142
|
+
handleKeyPress(key);
|
|
143
|
+
} }, key)) : (React.createElement(Button, { className: classNames("xh-license-keyboard-body-key-item", process.env.TARO_ENV), disabled: (mode === "letter" && index < 10) || keyDisabled, onClick: e => {
|
|
144
|
+
e.stopPropagation();
|
|
145
|
+
if ((mode === "letter" && index < 10) || keyDisabled)
|
|
146
|
+
return;
|
|
147
|
+
handleKeyPress(key);
|
|
148
|
+
} }, key))))),
|
|
149
|
+
React.createElement(View, { className: classNames("xh-license-keyboard-body-key", "delete") }, process.env.TARO_ENV === "h5" ? (React.createElement("button", { className: classNames("xh-license-keyboard-body-key-item", process.env.TARO_ENV, "delete"), disabled: value.length === 0, onClick: e => {
|
|
150
|
+
e.stopPropagation();
|
|
151
|
+
handleDelete();
|
|
152
|
+
} })) : (React.createElement(Button, { className: classNames("xh-license-keyboard-body-key-item", process.env.TARO_ENV, "delete"), disabled: value.length === 0, onClick: e => {
|
|
153
|
+
e.stopPropagation();
|
|
154
|
+
if (value.length === 0)
|
|
155
|
+
return;
|
|
156
|
+
console.log("delete");
|
|
157
|
+
handleDelete();
|
|
158
|
+
} })))))));
|
|
159
|
+
};
|
|
160
|
+
export default LicensePlateKeyboard;
|
|
161
|
+
//# sourceMappingURL=Keyboard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Keyboard.js","sourceRoot":"","sources":["../../../src/components/LicensePlateInput/Keyboard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { useRef, useState } from "react";
|
|
13
|
+
import classNames from "classnames";
|
|
14
|
+
import { View } from "@tarojs/components";
|
|
15
|
+
import Keyboard from "./Keyboard";
|
|
16
|
+
import "./index.scss";
|
|
17
|
+
const LENGTH = 8;
|
|
18
|
+
const LicensePlateInput = props => {
|
|
19
|
+
const { value = "", onChange, className, showKeyboard = false, padding = false, border = false, onFinish, label } = props, rest = __rest(props, ["value", "onChange", "className", "showKeyboard", "padding", "border", "onFinish", "label"]);
|
|
20
|
+
const [activeIndex, setActiveIndex] = useState(value.length);
|
|
21
|
+
const [show, setShowKeyboard] = useState(showKeyboard);
|
|
22
|
+
const InputRef = useRef(null);
|
|
23
|
+
const handleOnChage = neVal => {
|
|
24
|
+
setActiveIndex(old => {
|
|
25
|
+
return old + 1;
|
|
26
|
+
});
|
|
27
|
+
// if (neVal.length === LENGTH) {
|
|
28
|
+
// onFinish?.();
|
|
29
|
+
// setShowKeyboard(false);
|
|
30
|
+
// }
|
|
31
|
+
onChange(neVal);
|
|
32
|
+
};
|
|
33
|
+
function renderInputs() {
|
|
34
|
+
const Inputs = [];
|
|
35
|
+
for (let i = 0; i < LENGTH; i++) {
|
|
36
|
+
const char = value[i];
|
|
37
|
+
Inputs.push(React.createElement(View, { key: i, className: classNames("xh-licensePlate-input-item", {
|
|
38
|
+
active: activeIndex - 1 === i,
|
|
39
|
+
showNew: i === LENGTH - 1 && value.length !== LENGTH,
|
|
40
|
+
}) }, char));
|
|
41
|
+
}
|
|
42
|
+
return Inputs;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* 删除最后一位
|
|
46
|
+
*/
|
|
47
|
+
const handleDelete = () => {
|
|
48
|
+
const newValue = value.slice(0, -1);
|
|
49
|
+
setActiveIndex(old => old - 1);
|
|
50
|
+
onChange(newValue);
|
|
51
|
+
};
|
|
52
|
+
const handleClose = () => {
|
|
53
|
+
setShowKeyboard(false);
|
|
54
|
+
};
|
|
55
|
+
function handlerClick(e) {
|
|
56
|
+
e.stopPropagation();
|
|
57
|
+
setShowKeyboard(true);
|
|
58
|
+
// if (process.env.TARO_ENV === "h5") {
|
|
59
|
+
// InputRef.current?.scrollIntoView(false)
|
|
60
|
+
// }
|
|
61
|
+
}
|
|
62
|
+
const xhLicensePlateCls = classNames("xh-licensePlate", className, { padding }, { border });
|
|
63
|
+
return (React.createElement(View, { className: xhLicensePlateCls },
|
|
64
|
+
label && React.createElement("label", { className: "xh-licensePlate-label" }, label),
|
|
65
|
+
React.createElement(View, { className: "xh-licensePlate-input", onClick: handlerClick, ref: InputRef }, renderInputs()),
|
|
66
|
+
React.createElement(Keyboard, Object.assign({ activeIndex: activeIndex, show: show, value: value, onChange: handleOnChage, onDelete: handleDelete, onClose: handleClose }, rest))));
|
|
67
|
+
};
|
|
68
|
+
export default LicensePlateInput;
|
|
69
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LicensePlateInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,17 +2,16 @@ import React from "react";
|
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { View } from "@tarojs/components";
|
|
4
4
|
import Mask from "../Mask";
|
|
5
|
-
import Activityindicator from "../ActivityIndicator";
|
|
6
5
|
import "./index.scss";
|
|
7
|
-
const Loading = ({ mask, className, tip = "加载中",
|
|
6
|
+
const Loading = ({ mask, className, tip = "加载中",
|
|
7
|
+
// color = "#FFF",
|
|
8
|
+
// size = 60,
|
|
9
|
+
}) => {
|
|
8
10
|
const cls = classNames("xh-loading", className);
|
|
9
11
|
return (React.createElement(View, { className: cls },
|
|
10
12
|
React.createElement(Mask, { mask: mask }),
|
|
11
13
|
React.createElement(View, { className: classNames("xh-loading-main", { hasTip: tip }) },
|
|
12
|
-
React.createElement(
|
|
13
|
-
"--loading-border-color": color,
|
|
14
|
-
"--loading-border-width": "3px",
|
|
15
|
-
} }),
|
|
14
|
+
React.createElement(View, { className: "xh-loading-main-gif" }),
|
|
16
15
|
tip && React.createElement(View, { className: "xh-loading-main-tip" }, tip))));
|
|
17
16
|
};
|
|
18
17
|
export default Loading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,IAAmB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,IAAmB,MAAM,SAAS,CAAC;AAG1C,OAAO,cAAc,CAAC;AAStB,MAAM,OAAO,GAAqB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,GAAG,GAAG,KAAK;AACX,kBAAkB;AAClB,aAAa;EACd,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG;QAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI;QACpB,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;YAQ7D,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,GAAQ;YAmB5C,GAAG,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAQ,CACrD,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -35,6 +35,7 @@ export { default as XHSwitch } from "./components/Switch";
|
|
|
35
35
|
export { default as XHLinkMan } from "./components/LinkMan";
|
|
36
36
|
export { default as XHResult } from "./components/Result";
|
|
37
37
|
export { default as XHProgressCircle } from "./components/ProgressCircle";
|
|
38
|
+
export { default as XHLicensePlateInput } from "./components/LicensePlateInput";
|
|
38
39
|
export { default as XHBankCardNumberInput, } from "./components/BankCardNumberInput";
|
|
39
40
|
export { default as XHIDNumberInput, } from "./components/IDNumberInput";
|
|
40
41
|
export { default as XHEcharts, } from "./components/Echarts";
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -5,27 +5,6 @@ import "./index.scss";
|
|
|
5
5
|
export declare type ButtonType = "default" | "secondary" | "primary" | "warn";
|
|
6
6
|
export declare type ButtonShape = "square" | "round" | "rectangle";
|
|
7
7
|
export declare type ButtonSize = "default" | "mini" | "full";
|
|
8
|
-
export declare type WechatOpenType = "contact"
|
|
9
|
-
/** 触发用户转发,使用前建议先阅读使用指引
|
|
10
|
-
* @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95
|
|
11
|
-
*/
|
|
12
|
-
| "share"
|
|
13
|
-
/** 获取用户手机号,可以从 bindgetphonenumber 回调中获取到用户信息
|
|
14
|
-
* @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html
|
|
15
|
-
*/
|
|
16
|
-
| "getPhoneNumber"
|
|
17
|
-
/** 获取用户信息,可以从 bindgetuserinfo 回调中获取到用户信息 */
|
|
18
|
-
| "getUserInfo"
|
|
19
|
-
/** 用户实名信息授权,已经弃用 */
|
|
20
|
-
| "getRealnameAuthInfo"
|
|
21
|
-
/** 打开APP,可以通过app-parameter属性设定向APP传的参数
|
|
22
|
-
* @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html
|
|
23
|
-
*/
|
|
24
|
-
| "launchApp"
|
|
25
|
-
/** 打开授权设置页 */
|
|
26
|
-
| "openSetting"
|
|
27
|
-
/** 打开“意见反馈”页面,用户可提交反馈内容并上传日志,开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容 */
|
|
28
|
-
| "feedback";
|
|
29
8
|
export declare type XhButtonProps = {
|
|
30
9
|
htmlType?: "button" | "submit" | "reset";
|
|
31
10
|
type?: ButtonType;
|
|
@@ -6,6 +6,9 @@ export declare type refMe = {
|
|
|
6
6
|
begin: () => void;
|
|
7
7
|
beginning: boolean;
|
|
8
8
|
};
|
|
9
|
+
export declare type ButtonType = "default" | "secondary" | "primary" | "warn";
|
|
10
|
+
export declare type ButtonShape = "square" | "round" | "rectangle";
|
|
11
|
+
export declare type ButtonSize = "default" | "mini" | "full";
|
|
9
12
|
export interface CaptchaProps extends XhButtonProps {
|
|
10
13
|
timeout?: number;
|
|
11
14
|
className?: string;
|
|
@@ -18,5 +21,5 @@ export interface CaptchaProps extends XhButtonProps {
|
|
|
18
21
|
onEnd?: () => void;
|
|
19
22
|
}
|
|
20
23
|
export declare type CaptchaRef = refMe;
|
|
21
|
-
declare const CountdownButton: React.ForwardRefExoticComponent<Pick<CaptchaProps, "style" | "text" | "className" | "type" | "size" | "plain" | "disabled" | "loading" | "formType" | "openType" | "hoverClass" | "hoverStyle" | "hoverStopPropagation" | "hoverStartTime" | "hoverStayTime" | "lang" | "sessionFrom" | "sendMessageTitle" | "sendMessagePath" | "sendMessageImg" | "appParameter" | "
|
|
24
|
+
declare const CountdownButton: React.ForwardRefExoticComponent<Pick<Omit<CaptchaProps, "businessId" | "onGetRealnameAuthInfo" | "onLaunchapp">, "style" | "text" | "className" | "type" | "size" | "plain" | "disabled" | "loading" | "formType" | "openType" | "hoverClass" | "hoverStyle" | "hoverStopPropagation" | "hoverStartTime" | "hoverStayTime" | "lang" | "sessionFrom" | "sendMessageTitle" | "sendMessagePath" | "sendMessageImg" | "appParameter" | "scope" | "showMessageCard" | "onGetUserInfo" | "onGetAuthorize" | "onContact" | "onGetPhoneNumber" | "onError" | "onOpenSetting" | "id" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "shape" | "htmlType" | "preventTime" | "loadingStyle" | "loadingSpace" | "ghost" | "hollow" | "timeout" | "styleName" | "timeingTemp" | "ingText" | "onEnd"> & React.RefAttributes<refMe>>;
|
|
22
25
|
export default CountdownButton;
|