taro-react-uilib 1.3.4-1 → 1.3.4-10
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/CHANGELOG.md +282 -4
- package/dist/components/ActionSheet/index.js +2 -0
- package/dist/components/ActionSheet/index.js.map +1 -0
- package/dist/components/ActivityIndicator/index.js +2 -0
- package/dist/components/ActivityIndicator/index.js.map +1 -0
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Captcha/index.js +1 -1
- package/dist/components/Captcha/index.js.map +1 -1
- package/dist/components/Cell/index.js +2 -0
- package/dist/components/Cell/index.js.map +1 -0
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Dialog/Alert/index.js +1 -1
- package/dist/components/Dialog/Alert/index.js.map +1 -1
- package/dist/components/Dialog/Confirm/index.js +1 -1
- package/dist/components/Dialog/Confirm/index.js.map +1 -1
- package/dist/components/DialogComponent/index.js.map +1 -1
- package/dist/components/DialogRef/index.js +1 -1
- package/dist/components/DialogRef/index.js.map +1 -1
- package/dist/components/FormInput/index.js +1 -1
- package/dist/components/FormInput/index.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/LinkMan/index.js +2 -0
- package/dist/components/LinkMan/index.js.map +1 -0
- package/dist/components/List/index.js +1 -1
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/Loading/index.js +1 -1
- package/dist/components/Loading/index.js.map +1 -1
- package/dist/components/NavBar/index.js +1 -1
- package/dist/components/NavBar/index.js.map +1 -1
- package/dist/components/NumberKeyboard/index.js +1 -1
- package/dist/components/NumberKeyboard/index.js.map +1 -1
- package/dist/components/Page/index.js +1 -1
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/Popup/index.js +1 -1
- package/dist/components/Popup/index.js.map +1 -1
- package/dist/components/Progress/index.js +1 -1
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/ProgressCircle/index.js +2 -0
- package/dist/components/ProgressCircle/index.js.map +1 -0
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Rank/index.js +2 -0
- package/dist/components/Rank/index.js.map +1 -0
- package/dist/components/Result/images/result-empty.png.js +2 -0
- package/dist/components/Result/images/result-empty.png.js.map +1 -0
- package/dist/components/Result/images/result-fail.png.js +2 -0
- package/dist/components/Result/images/result-fail.png.js.map +1 -0
- package/dist/components/Result/images/result-networkErr.png.js +2 -0
- package/dist/components/Result/images/result-networkErr.png.js.map +1 -0
- package/dist/components/Result/images/result-submitted.png.js +2 -0
- package/dist/components/Result/images/result-submitted.png.js.map +1 -0
- package/dist/components/Result/images/result-success.png.js +2 -0
- package/dist/components/Result/images/result-success.png.js.map +1 -0
- package/dist/components/Result/images/result-wait.png.js +2 -0
- package/dist/components/Result/images/result-wait.png.js.map +1 -0
- package/dist/components/Result/index.js +2 -0
- package/dist/components/Result/index.js.map +1 -0
- package/dist/components/Result/statusMap.js +2 -0
- package/dist/components/Result/statusMap.js.map +1 -0
- package/dist/components/Step/Steps/index.js +1 -1
- package/dist/components/Step/Steps/index.js.map +1 -1
- package/dist/components/Step/index.js +1 -1
- package/dist/components/Step/index.js.map +1 -1
- package/dist/components/Switch/index.js +2 -0
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Tabbar/index.js.map +1 -1
- package/dist/components/Tabbar/tabbar/TabItem.js.map +1 -1
- package/dist/components/Tabbar/tabbar/Tabbar.js +1 -1
- package/dist/components/Tabbar/tabbar/Tabbar.js.map +1 -1
- package/dist/components/src/index.js +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +6 -6
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/actionsheet.scss +122 -0
- package/dist/styles/components/activityindicator.scss +46 -0
- package/dist/styles/components/amountinput.scss +5 -6
- package/dist/styles/components/amountkeyboard.scss +30 -12
- package/dist/styles/components/badge.scss +0 -1
- package/dist/styles/components/bankicon.scss +1 -1
- package/dist/styles/components/button.scss +35 -22
- package/dist/styles/components/captcha.scss +10 -5
- package/dist/styles/components/cell.scss +131 -0
- package/dist/styles/components/checkbox.scss +5 -6
- package/dist/styles/components/dialog.scss +16 -16
- package/dist/styles/components/dialogref.scss +14 -30
- package/dist/styles/components/font/iconfont.ttf +0 -0
- package/dist/styles/components/font/iconfont.woff +0 -0
- package/dist/styles/components/font/iconfont.woff2 +0 -0
- package/dist/styles/components/forminput.scss +40 -28
- package/dist/styles/components/icon.scss +6 -2
- package/dist/styles/components/index.scss +8 -0
- package/dist/styles/components/linkman.scss +81 -0
- package/dist/styles/components/list.scss +18 -6
- package/dist/styles/components/loading.scss +39 -40
- package/dist/styles/components/mask.scss +1 -1
- package/dist/styles/components/navbar.scss +10 -1
- package/dist/styles/components/numberkeyboard.scss +48 -36
- package/dist/styles/components/page.scss +2 -2
- package/dist/styles/components/passwordinput.scss +1 -1
- package/dist/styles/components/picker.scss +0 -1
- package/dist/styles/components/popup.scss +4 -5
- package/dist/styles/components/progress.scss +45 -3
- package/dist/styles/components/progresscircle.scss +71 -0
- package/dist/styles/components/radio.scss +5 -6
- package/dist/styles/components/rank.scss +50 -0
- package/dist/styles/components/result.scss +39 -0
- package/dist/styles/components/step.scss +10 -2
- package/dist/styles/components/switch.scss +40 -0
- package/dist/styles/components/tabbar.scss +9 -2
- package/dist/styles/components/toast.scss +0 -1
- package/dist/styles/themes/default.scss +21 -8
- package/dist/styles/themes/variable.scss +16 -0
- package/lib/components/ActionSheet/index.js +57 -0
- package/lib/components/ActionSheet/index.js.map +1 -0
- package/lib/components/ActivityIndicator/index.js +30 -0
- package/lib/components/ActivityIndicator/index.js.map +1 -0
- package/lib/components/Button/index.js +15 -14
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Captcha/index.js +2 -2
- package/lib/components/Captcha/index.js.map +1 -1
- package/lib/components/Cell/index.js +29 -0
- package/lib/components/Cell/index.js.map +1 -0
- package/lib/components/Checkbox/index.js +14 -3
- package/lib/components/Checkbox/index.js.map +1 -1
- package/lib/components/Dialog/Alert/index.js +3 -3
- package/lib/components/Dialog/Alert/index.js.map +1 -1
- package/lib/components/Dialog/Confirm/index.js +3 -3
- package/lib/components/Dialog/Confirm/index.js.map +1 -1
- package/lib/components/DialogComponent/index.js +0 -2
- package/lib/components/DialogComponent/index.js.map +1 -1
- package/lib/components/DialogRef/index.js +6 -14
- package/lib/components/DialogRef/index.js.map +1 -1
- package/lib/components/FormInput/index.js +3 -2
- package/lib/components/FormInput/index.js.map +1 -1
- package/lib/components/Icon/index.js.map +1 -1
- package/lib/components/LinkMan/index.js +341 -0
- package/lib/components/LinkMan/index.js.map +1 -0
- package/lib/components/List/index.js +3 -1
- package/lib/components/List/index.js.map +1 -1
- package/lib/components/Loading/index.js +7 -4
- package/lib/components/Loading/index.js.map +1 -1
- package/lib/components/NavBar/index.js +10 -3
- package/lib/components/NavBar/index.js.map +1 -1
- package/lib/components/NumberKeyboard/index.js +4 -2
- package/lib/components/NumberKeyboard/index.js.map +1 -1
- package/lib/components/Page/index.js +1 -1
- package/lib/components/Page/index.js.map +1 -1
- package/lib/components/Popup/index.js +3 -3
- package/lib/components/Popup/index.js.map +1 -1
- package/lib/components/Progress/index.js +15 -10
- package/lib/components/Progress/index.js.map +1 -1
- package/lib/components/ProgressCircle/index.js +22 -0
- package/lib/components/ProgressCircle/index.js.map +1 -0
- package/lib/components/Radio/index.js +14 -3
- package/lib/components/Radio/index.js.map +1 -1
- package/lib/components/Rank/index.js +22 -0
- package/lib/components/Rank/index.js.map +1 -0
- package/lib/components/Result/index.js +30 -0
- package/lib/components/Result/index.js.map +1 -0
- package/lib/components/Result/statusMap.js +15 -0
- package/lib/components/Result/statusMap.js.map +1 -0
- package/lib/components/Step/Steps/index.js +1 -0
- package/lib/components/Step/Steps/index.js.map +1 -1
- package/lib/components/Step/index.js +2 -1
- package/lib/components/Step/index.js.map +1 -1
- package/lib/components/Switch/index.js +26 -0
- package/lib/components/Switch/index.js.map +1 -0
- package/lib/components/Tabbar/index.js +1 -0
- package/lib/components/Tabbar/index.js.map +1 -1
- package/lib/components/Tabbar/tabbar/TabItem.js +0 -1
- package/lib/components/Tabbar/tabbar/TabItem.js.map +1 -1
- package/lib/components/Tabbar/tabbar/Tabbar.js +26 -13
- package/lib/components/Tabbar/tabbar/Tabbar.js.map +1 -1
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/ActivityIndicator/index.d.ts +7 -5
- package/types/components/Button/index.d.ts +6 -1
- package/types/components/Captcha/index.d.ts +1 -1
- package/types/components/Cell/index.d.ts +1 -0
- package/types/components/DialogRef/index.d.ts +2 -0
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/LinkMan/index.d.ts +33 -0
- package/types/components/Loading/index.d.ts +1 -0
- package/types/components/NavBar/index.d.ts +1 -0
- package/types/components/NumberKeyboard/index.d.ts +2 -0
- package/types/components/Page/index.d.ts +1 -0
- package/types/components/Popup/index.d.ts +1 -0
- package/types/components/Progress/index.d.ts +4 -0
- package/types/components/ProgressCircle/index.d.ts +13 -0
- package/types/components/Result/index.d.ts +16 -0
- package/types/components/Result/statusMap.d.ts +9 -0
- package/types/components/Step/index.d.ts +1 -0
- package/types/components/Tabbar/index.d.ts +1 -0
- package/types/components/Tabbar/tabbar/TabItem.d.ts +0 -1
- package/types/components/Tabbar/tabbar/Tabbar.d.ts +4 -3
- package/types/index.d.ts +8 -0
- package/dist/styles/components/images/backspace.png +0 -0
- package/dist/styles/components/images/closeKeyboard.png +0 -0
- package/dist/styles/components/images/icon-arrow-right.png +0 -0
- package/dist/styles/components/images/loading.png +0 -0
- /package/{README.md → readme.md} +0 -0
|
@@ -0,0 +1,341 @@
|
|
|
1
|
+
import { View, Input } from "@tarojs/components";
|
|
2
|
+
import React, { useCallback, useEffect, useState, forwardRef, useImperativeHandle, useMemo, } from "react";
|
|
3
|
+
import { inputRange } from "@/utils";
|
|
4
|
+
import ActionSheet from "../ActionSheet";
|
|
5
|
+
import "./index.scss";
|
|
6
|
+
const LinkManTitleMap = [
|
|
7
|
+
"一",
|
|
8
|
+
"二",
|
|
9
|
+
"三",
|
|
10
|
+
"四",
|
|
11
|
+
"五",
|
|
12
|
+
"六",
|
|
13
|
+
"七",
|
|
14
|
+
"八",
|
|
15
|
+
"九",
|
|
16
|
+
"十",
|
|
17
|
+
];
|
|
18
|
+
/**
|
|
19
|
+
* 错误信息提示
|
|
20
|
+
*/
|
|
21
|
+
const errorMessageMap = {
|
|
22
|
+
linkmanName: "请输入联系人姓名",
|
|
23
|
+
linkmanPhone: "请输入正确的手机号",
|
|
24
|
+
relationType: "请选择与联系人关系",
|
|
25
|
+
};
|
|
26
|
+
const defaultActionSheet = [
|
|
27
|
+
{
|
|
28
|
+
value: "FATHER",
|
|
29
|
+
text: "父亲",
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
value: "MOTHER",
|
|
33
|
+
text: "母亲",
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
value: "MATE",
|
|
37
|
+
text: "配偶",
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
value: "CHILDREN",
|
|
41
|
+
text: "子女",
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
value: "SIBLING",
|
|
45
|
+
text: "兄弟姐妹",
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
value: "FRIENDS",
|
|
49
|
+
text: "朋友",
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
value: "COLLEAGUE",
|
|
53
|
+
text: "同事",
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
value: "RELATIVES",
|
|
57
|
+
text: "亲戚",
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
value: "OTHER",
|
|
61
|
+
text: "其他",
|
|
62
|
+
},
|
|
63
|
+
];
|
|
64
|
+
const defaultShowImportIcon = process.env.TARO_ENV === "h5"
|
|
65
|
+
? window.navigator.userAgent.includes("xhqb")
|
|
66
|
+
: true;
|
|
67
|
+
const XHAddLinMan = forwardRef((props, fromRef) => {
|
|
68
|
+
const { linkManNum, relations = defaultActionSheet, onChange, onGetContacts, showImportIcon = defaultShowImportIcon, onBlur, onCheckRelation, onInputChange, } = props;
|
|
69
|
+
// form信息
|
|
70
|
+
const [formData, setFormData] = useState([]);
|
|
71
|
+
// 错误提示语信息
|
|
72
|
+
const [errMessage, setErrMessage] = useState([]);
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
setFormData(Array(linkManNum)
|
|
75
|
+
.fill(1)
|
|
76
|
+
.map(() => {
|
|
77
|
+
return {
|
|
78
|
+
linkmanName: "",
|
|
79
|
+
linkmanPhone: "",
|
|
80
|
+
relationType: "",
|
|
81
|
+
relationValue: "",
|
|
82
|
+
};
|
|
83
|
+
}));
|
|
84
|
+
setErrMessage(Array(linkManNum)
|
|
85
|
+
.fill(1)
|
|
86
|
+
.map(() => {
|
|
87
|
+
return {
|
|
88
|
+
linkmanName: "",
|
|
89
|
+
linkmanPhone: "",
|
|
90
|
+
relationType: "",
|
|
91
|
+
};
|
|
92
|
+
}));
|
|
93
|
+
}, [linkManNum]);
|
|
94
|
+
/**
|
|
95
|
+
* 校验手机号
|
|
96
|
+
*/
|
|
97
|
+
const validatePhone = useCallback((phone) => {
|
|
98
|
+
if (/1\d{10}/.test(phone)) {
|
|
99
|
+
return true;
|
|
100
|
+
}
|
|
101
|
+
return false;
|
|
102
|
+
}, []);
|
|
103
|
+
/**
|
|
104
|
+
* 非空校验
|
|
105
|
+
*/
|
|
106
|
+
const validateForm = useCallback((type, name) => {
|
|
107
|
+
if (type === "linkmanName") {
|
|
108
|
+
if (!name || !name.replace(/^\s+|\s+$/gm, ""))
|
|
109
|
+
return false;
|
|
110
|
+
if (name.length > 20)
|
|
111
|
+
return false;
|
|
112
|
+
return true;
|
|
113
|
+
}
|
|
114
|
+
else if (type === "linkmanPhone") {
|
|
115
|
+
if (!name || !validatePhone(name))
|
|
116
|
+
return false;
|
|
117
|
+
return true;
|
|
118
|
+
}
|
|
119
|
+
else if (type === "relationType") {
|
|
120
|
+
if (!name)
|
|
121
|
+
return false;
|
|
122
|
+
return true;
|
|
123
|
+
}
|
|
124
|
+
return false;
|
|
125
|
+
}, []);
|
|
126
|
+
/**
|
|
127
|
+
* 校验联系人是否合法,默认找到不合法的就退出循环
|
|
128
|
+
*/
|
|
129
|
+
const validateCanSubmit = useMemo(() => {
|
|
130
|
+
const finalData = formData;
|
|
131
|
+
const length = finalData.length;
|
|
132
|
+
const map = {
|
|
133
|
+
linkmanName: [],
|
|
134
|
+
linkmanPhone: [],
|
|
135
|
+
relationValue: [],
|
|
136
|
+
};
|
|
137
|
+
let flag = true;
|
|
138
|
+
/**
|
|
139
|
+
* 每次循环formData,不符合直接break,退出循环
|
|
140
|
+
*/
|
|
141
|
+
for (let index = 0; index < length; index++) {
|
|
142
|
+
const isNameValid = validateForm("linkmanName", finalData[index].linkmanName);
|
|
143
|
+
if (!isNameValid) {
|
|
144
|
+
flag = false;
|
|
145
|
+
break;
|
|
146
|
+
}
|
|
147
|
+
const isPhoneValid = validateForm("linkmanPhone", finalData[index].linkmanPhone);
|
|
148
|
+
if (!isPhoneValid) {
|
|
149
|
+
flag = false;
|
|
150
|
+
break;
|
|
151
|
+
}
|
|
152
|
+
if (index !== 0 &&
|
|
153
|
+
map.linkmanPhone.includes(finalData[index].linkmanPhone)) {
|
|
154
|
+
flag = false;
|
|
155
|
+
break;
|
|
156
|
+
}
|
|
157
|
+
map.linkmanPhone.push(finalData[index].linkmanPhone);
|
|
158
|
+
const isRelationValid = validateForm("relationType", finalData[index].relationValue);
|
|
159
|
+
if (!isRelationValid) {
|
|
160
|
+
flag = false;
|
|
161
|
+
break;
|
|
162
|
+
}
|
|
163
|
+
map.relationValue.push(finalData[index].relationValue);
|
|
164
|
+
}
|
|
165
|
+
if (map.relationValue.filter(item => item === "MATE").length >= 2) {
|
|
166
|
+
flag = false;
|
|
167
|
+
}
|
|
168
|
+
return flag;
|
|
169
|
+
}, [formData]);
|
|
170
|
+
useEffect(() => {
|
|
171
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(formData, validateCanSubmit);
|
|
172
|
+
}, [formData, validateCanSubmit]);
|
|
173
|
+
useImperativeHandle(fromRef, () => ({
|
|
174
|
+
canSubmit: validateCanSubmit,
|
|
175
|
+
setContacts(item, index) {
|
|
176
|
+
setFormData(old => {
|
|
177
|
+
old[index].linkmanName = item.linkmanName;
|
|
178
|
+
old[index].linkmanPhone = item.linkmanPhone;
|
|
179
|
+
return [...old];
|
|
180
|
+
});
|
|
181
|
+
onFormBlur("linkmanName", index);
|
|
182
|
+
onFormBlur("linkmanPhone", index);
|
|
183
|
+
},
|
|
184
|
+
}), [validateCanSubmit]);
|
|
185
|
+
/**
|
|
186
|
+
* 重复校验
|
|
187
|
+
*/
|
|
188
|
+
const validateDuplicate = (type, currentIndex) => {
|
|
189
|
+
const currentItem = formData[currentIndex];
|
|
190
|
+
// const validStub: Record<
|
|
191
|
+
// Exclude<keyof LinkManItem, "relationType">,
|
|
192
|
+
// string[]
|
|
193
|
+
// > = {
|
|
194
|
+
// linkmanName: [],
|
|
195
|
+
// linkmanPhone: [],
|
|
196
|
+
// relationValue: [],
|
|
197
|
+
// };
|
|
198
|
+
for (let index = 0, length = formData.length; index < length; index++) {
|
|
199
|
+
if (index === currentIndex)
|
|
200
|
+
continue; // 不能跟自己比较
|
|
201
|
+
const current = formData[index];
|
|
202
|
+
if (type === "linkmanPhone") {
|
|
203
|
+
if (currentItem.linkmanPhone !== "" &&
|
|
204
|
+
current.linkmanPhone !== "" &&
|
|
205
|
+
current.linkmanPhone === currentItem.linkmanPhone) {
|
|
206
|
+
// 如果没有重复需要清空错误信息
|
|
207
|
+
return {
|
|
208
|
+
pass: false,
|
|
209
|
+
message: `手机号与第${index + 1}联系人号码重复,请修改`,
|
|
210
|
+
};
|
|
211
|
+
}
|
|
212
|
+
else {
|
|
213
|
+
// setErrMessage(old => {
|
|
214
|
+
// old[index].linkmanPhone = "";
|
|
215
|
+
// old[currentIndex].linkmanPhone = "";
|
|
216
|
+
// return [...old];
|
|
217
|
+
// });
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
else if (type === "relationValue") {
|
|
221
|
+
if (currentItem.relationValue !== "" &&
|
|
222
|
+
current.relationValue === "MATE" &&
|
|
223
|
+
currentItem.relationValue === "MATE") {
|
|
224
|
+
return {
|
|
225
|
+
pass: false,
|
|
226
|
+
message: `关系与第${index + 1}联系人关系重复,请修改`,
|
|
227
|
+
};
|
|
228
|
+
}
|
|
229
|
+
else {
|
|
230
|
+
// setErrMessage(old => {
|
|
231
|
+
// old[index].relationType = "";
|
|
232
|
+
// old[currentIndex].relationType = "";
|
|
233
|
+
// return [...old];
|
|
234
|
+
// });
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
return { pass: true, message: "" };
|
|
239
|
+
};
|
|
240
|
+
/**
|
|
241
|
+
* 联系人姓名改变
|
|
242
|
+
*/
|
|
243
|
+
const onNameChange = useCallback((evt, index) => {
|
|
244
|
+
const value = process.env.TARO_ENV === "h5" ? evt.target.value : evt.detail.value;
|
|
245
|
+
const name = inputRange(value);
|
|
246
|
+
setFormData(old => {
|
|
247
|
+
old[index].linkmanName = name;
|
|
248
|
+
return [...old];
|
|
249
|
+
});
|
|
250
|
+
onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange("linkmanName", index);
|
|
251
|
+
}, []);
|
|
252
|
+
/**
|
|
253
|
+
* 联系人手机号改变
|
|
254
|
+
*/
|
|
255
|
+
const onPhoneChange = useCallback((evt, index) => {
|
|
256
|
+
const value = process.env.TARO_ENV === "h5" ? evt.target.value : evt.detail.value;
|
|
257
|
+
const phone = inputRange(value);
|
|
258
|
+
setFormData(old => {
|
|
259
|
+
old[index].linkmanPhone = phone;
|
|
260
|
+
return [...old];
|
|
261
|
+
});
|
|
262
|
+
onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange("linkmanPhone", index);
|
|
263
|
+
}, []);
|
|
264
|
+
/**
|
|
265
|
+
* 输入框失去焦点做校验
|
|
266
|
+
*/
|
|
267
|
+
const onFormBlur = useCallback((type, index) => {
|
|
268
|
+
const flag = validateForm(type, formData[index][type]); // 先做值的校验,再做重复校验
|
|
269
|
+
if (!flag) {
|
|
270
|
+
setErrMessage(old => {
|
|
271
|
+
old[index][type] = errorMessageMap[type];
|
|
272
|
+
return [...old];
|
|
273
|
+
});
|
|
274
|
+
return;
|
|
275
|
+
}
|
|
276
|
+
const { pass, message } = validateDuplicate(type, index);
|
|
277
|
+
if (!pass) {
|
|
278
|
+
setErrMessage(old => {
|
|
279
|
+
old[index][type] = message;
|
|
280
|
+
return [...old];
|
|
281
|
+
});
|
|
282
|
+
}
|
|
283
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(type, index);
|
|
284
|
+
}, [formData]);
|
|
285
|
+
/**
|
|
286
|
+
* 聚焦的时候设置错误信息为空
|
|
287
|
+
*/
|
|
288
|
+
const onFormFocus = useCallback((type, index) => {
|
|
289
|
+
setErrMessage(old => {
|
|
290
|
+
old[index][type] = "";
|
|
291
|
+
return [...old];
|
|
292
|
+
});
|
|
293
|
+
}, []);
|
|
294
|
+
return (React.createElement(View, { className: "xh-linkman" }, formData.map((item, num) => (React.createElement(View, { key: num, className: "xh-linkman-item" },
|
|
295
|
+
React.createElement(View, { className: "xh-linkman-title" },
|
|
296
|
+
"\u7B2C",
|
|
297
|
+
LinkManTitleMap[num],
|
|
298
|
+
"\u8054\u7CFB\u4EBA"),
|
|
299
|
+
React.createElement(View, { className: "xh-linkman-main" },
|
|
300
|
+
React.createElement(View, { className: "xh-linkman-main-input" },
|
|
301
|
+
React.createElement(View, { className: "xh-linkman-main-input-label" }, "\u59D3\u540D"),
|
|
302
|
+
React.createElement(View, { className: "xh-linkman-main-input-main" },
|
|
303
|
+
process.env.TARO_ENV === "h5" ? (React.createElement("input", { className: "xh-linkman-main-input-main-input", type: "text", placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u59D3\u540D", onChange: e => onNameChange(e, num), value: item.linkmanName, onBlur: () => onFormBlur("linkmanName", num), onFocus: () => onFormFocus("linkmanName", num) })) : (React.createElement(Input, { placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u59D3\u540D", className: "xh-linkman-main-input-main-input", onBlur: () => onFormBlur("linkmanName", num), value: item.linkmanName, type: "text", onInput: e => onNameChange(e, num), onFocus: () => onFormFocus("linkmanName", num) })),
|
|
304
|
+
errMessage[num].linkmanName && (React.createElement(View, { className: "xh-linkman-main-input-main-err" }, errMessage[num].linkmanName))),
|
|
305
|
+
showImportIcon && (React.createElement(View, { className: "xh-linkman-main-input-contacts", onClick: () => onGetContacts === null || onGetContacts === void 0 ? void 0 : onGetContacts(num) })))),
|
|
306
|
+
React.createElement(View, { className: "xh-linkman-main" },
|
|
307
|
+
React.createElement(View, { className: "xh-linkman-main-input" },
|
|
308
|
+
React.createElement(View, { className: "xh-linkman-main-input-label" }, "\u7535\u8BDD"),
|
|
309
|
+
React.createElement(View, { className: "xh-linkman-main-input-main" },
|
|
310
|
+
process.env.TARO_ENV === "h5" ? (React.createElement("input", { className: "xh-linkman-main-input-main-input", type: "tel", placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u624B\u673A\u53F7", onBlur: () => onFormBlur("linkmanPhone", num), maxLength: 11, onChange: e => onPhoneChange(e, num), value: item.linkmanPhone, onFocus: () => onFormFocus("linkmanPhone", num) })) : (React.createElement(Input, { placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u624B\u673A\u53F7", className: "xh-linkman-main-input-main-input", type: "number", maxlength: 11, onBlur: () => onFormBlur("linkmanPhone", num), value: item.linkmanPhone, onInput: e => onPhoneChange(e, num), onFocus: () => onFormFocus("linkmanPhone", num) })),
|
|
311
|
+
errMessage[num].linkmanPhone && (React.createElement(View, { className: "xh-linkman-main-input-main-err" }, errMessage[num].linkmanPhone))))),
|
|
312
|
+
React.createElement(ActionSheet, { data: relations, title: "\u9009\u62E9\u4E0E\u8054\u7CFB\u4EBA\u7684\u5173\u7CFB", onConfirm: value => {
|
|
313
|
+
setErrMessage(old => {
|
|
314
|
+
old[num].relationType = "";
|
|
315
|
+
return [...old];
|
|
316
|
+
});
|
|
317
|
+
setFormData(old => {
|
|
318
|
+
old[num].relationType = value.text;
|
|
319
|
+
old[num].relationValue = value.value;
|
|
320
|
+
return [...old];
|
|
321
|
+
});
|
|
322
|
+
Promise.resolve().then(() => {
|
|
323
|
+
const { pass, message } = validateDuplicate("relationValue", num);
|
|
324
|
+
if (!pass)
|
|
325
|
+
setErrMessage(old => {
|
|
326
|
+
old[num].relationType = message;
|
|
327
|
+
return [...old];
|
|
328
|
+
});
|
|
329
|
+
onCheckRelation === null || onCheckRelation === void 0 ? void 0 : onCheckRelation(value, num);
|
|
330
|
+
});
|
|
331
|
+
}, onCancel: () => onFormBlur("relationType", num) },
|
|
332
|
+
React.createElement(View, { className: "xh-linkman-main" },
|
|
333
|
+
React.createElement(View, { className: "xh-linkman-main-input" },
|
|
334
|
+
React.createElement(View, { className: "xh-linkman-main-input-label" }, "\u5173\u7CFB"),
|
|
335
|
+
React.createElement(View, { className: "xh-linkman-main-input-main" },
|
|
336
|
+
process.env.TARO_ENV === "h5" ? (React.createElement("input", { type: "text", maxLength: 11, className: "xh-linkman-main-input-main-input", readOnly: true, placeholder: "\u9009\u62E9\u4E0E\u8054\u7CFB\u4EBA\u5173\u7CFB", value: item.relationType })) : (React.createElement(Input, { placeholder: "\u9009\u62E9\u4E0E\u8054\u7CFB\u4EBA\u5173\u7CFB", className: "xh-linkman-main-input-main-input", type: "digit", maxlength: 11, value: item.relationType, disabled: true })),
|
|
337
|
+
errMessage[num].relationType && (React.createElement(View, { className: "xh-linkman-main-input-main-err" }, errMessage[num].relationType))),
|
|
338
|
+
React.createElement(View, { className: "xh-linkman-main-input-arrow" })))))))));
|
|
339
|
+
});
|
|
340
|
+
export default XHAddLinMan;
|
|
341
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LinkMan/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,9 @@ const XHList = props => {
|
|
|
18
18
|
React.createElement(Text, { className: "xh-list-main-description", style: { color: descriptionColor } }, description)),
|
|
19
19
|
React.createElement(View, { className: "xh-list-extra" },
|
|
20
20
|
React.createElement(View, { className: "xh-list-extra-info", style: { color: extraColor } }, extra),
|
|
21
|
-
React.createElement(View, { className: "xh-list-extra-icon" }, extraIcon
|
|
21
|
+
React.createElement(View, { className: "xh-list-extra-icon" }, extraIcon
|
|
22
|
+
? extraIcon
|
|
23
|
+
: arrow && React.createElement(View, { className: "xh-list-extra-icon-arrow" })))));
|
|
22
24
|
};
|
|
23
25
|
export default XHList;
|
|
24
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,oBAAoB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,cAAc,CAAC;AAmBtB,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,EACP,SAAS,EACT,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,KAAK,EACjB,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,MAAM,EAAE,EACV,EAAE,OAAO,EAAE,EACX,EAAE,SAAS,EAAE,EACb,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE;QACzC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAc,EAAE,EAAE;QACrC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC3C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAQ;QACrD,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO;YACrB,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YAC7D,oBAAC,IAAI,IACH,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAEjC,WAAW,CACP,CACF;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,KAAK,CACD;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IACjC,SAAS,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,oBAAoB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,cAAc,CAAC;AAmBtB,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,EACP,SAAS,EACT,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,KAAK,EACjB,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,MAAM,EAAE,EACV,EAAE,OAAO,EAAE,EACX,EAAE,SAAS,EAAE,EACb,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE;QACzC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAc,EAAE,EAAE;QACrC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC3C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAQ;QACrD,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO;YACrB,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YAC7D,oBAAC,IAAI,IACH,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAEjC,WAAW,CACP,CACF;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,KAAK,CACD;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IACjC,SAAS;gBACR,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACrD,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -2,14 +2,17 @@ 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";
|
|
5
6
|
import "./index.scss";
|
|
6
|
-
const Loading = ({ mask, className, tip = "", color = "", }) => {
|
|
7
|
+
const Loading = ({ mask, className, tip = "加载中", color = "#FFF", size = 60, }) => {
|
|
7
8
|
const cls = classNames("xh-loading", className);
|
|
8
9
|
return (React.createElement(View, { className: cls },
|
|
9
10
|
React.createElement(Mask, { mask: mask }),
|
|
10
|
-
React.createElement(View, { className: "xh-loading-main" },
|
|
11
|
-
React.createElement(
|
|
12
|
-
|
|
11
|
+
React.createElement(View, { className: classNames("xh-loading-main", { hasTip: tip }) },
|
|
12
|
+
React.createElement(Activityindicator, { size: size, style: {
|
|
13
|
+
"--loading-border-color": color,
|
|
14
|
+
"--loading-border-width": "3px",
|
|
15
|
+
} }),
|
|
13
16
|
tip && React.createElement(View, { className: "xh-loading-main-tip" }, tip))));
|
|
14
17
|
};
|
|
15
18
|
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;AAC1C,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,OAAO,cAAc,CAAC;AAStB,MAAM,OAAO,GAAqB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,GAAG,GAAG,KAAK,EACX,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,EAAE,GACV,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;YAC7D,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;oBACL,wBAAwB,EAAE,KAAK;oBAC/B,wBAAwB,EAAE,KAAK;iBAChC,GACD;YAkBD,GAAG,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAQ,CACrD,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View, Text } from "@tarojs/components";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
import { navigateBack } from "@tarojs/taro";
|
|
4
|
+
import { navigateBack, getSystemInfoSync } from "@tarojs/taro";
|
|
5
5
|
import useCustomNavBar from "@/hooks/useCustomNavbar";
|
|
6
6
|
import "./index.scss";
|
|
7
|
+
// 小程序中判断设备系统
|
|
8
|
+
const isMiniProgramIos = process.env.TARO_ENV !== "h5"
|
|
9
|
+
? getSystemInfoSync().platform === "ios"
|
|
10
|
+
: false;
|
|
7
11
|
const NavBar = props => {
|
|
8
|
-
const { leftIcon = true, rightIcon = false, title, onBack, className, } = props;
|
|
12
|
+
const { leftIcon = true, rightIcon = false, title, onBack, navBarBorder = false, className, } = props;
|
|
9
13
|
const { navBarHeight, statusBar, buttonRight } = useCustomNavBar();
|
|
10
14
|
function goBackPage() {
|
|
11
15
|
onBack ? onBack() : navigateBack();
|
|
@@ -23,10 +27,13 @@ const NavBar = props => {
|
|
|
23
27
|
};
|
|
24
28
|
const NavBarCls = classNames("xh-nav-bar", className, {
|
|
25
29
|
h5: process.env.TARO_ENV === "h5",
|
|
30
|
+
border: navBarBorder,
|
|
26
31
|
});
|
|
27
32
|
return (React.createElement(View, { className: NavBarCls, style: wrapStyle },
|
|
28
33
|
React.createElement(View, { className: classNames("xh-nav-bar-back", { hidden: !leftIcon }), style: backStyle, onClick: goBackPage }),
|
|
29
|
-
React.createElement(Text, { className: "xh-nav-bar-title"
|
|
34
|
+
React.createElement(Text, { className: classNames("xh-nav-bar-title", {
|
|
35
|
+
isAndroid: !isMiniProgramIos,
|
|
36
|
+
}) }, title),
|
|
30
37
|
process.env.TARO_ENV === "h5" && rightIcon && (React.createElement(View, { className: "xh-nav-bar-right" }, rightIcon)),
|
|
31
38
|
React.createElement(View, null)));
|
|
32
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NavBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NavBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAGtD,OAAO,cAAc,CAAC;AAUtB,aAAa;AACb,MAAM,gBAAgB,GACpB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;IAC3B,CAAC,CAAC,iBAAiB,EAAE,CAAC,QAAQ,KAAK,KAAK;IACxC,CAAC,CAAC,KAAK,CAAC;AACZ,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAC;IAEnE,SAAS,UAAU;QACjB,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,MAAM,SAAS,GACb,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;QAC3B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,MAAM,EAAE,GAAG,YAAY,IAAI;YAC3B,UAAU,EAAE,GAAG,SAAS,IAAI;SAC7B,CAAC;IAER,MAAM,SAAS,GACb,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;QAC3B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,IAAI,EAAE,GAAG,WAAW,IAAI;SACzB,CAAC;IAER,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QACpD,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;QACjC,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;QAC1C,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,EAC/D,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,UAAU,GACb;QACR,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;gBACxC,SAAS,EAAE,CAAC,gBAAgB;aAC7B,CAAC,IAED,KAAK,CACD;QACN,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,SAAS,IAAI,CAC7C,oBAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,IAAE,SAAS,CAAQ,CACtD;QACD,oBAAC,IAAI,OAAG,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { CSSTransition } from "react-transition-group";
|
|
|
4
4
|
import { View } from "@tarojs/components";
|
|
5
5
|
import "./index.scss";
|
|
6
6
|
const NumberKeyboard = props => {
|
|
7
|
-
const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, showClose = true, closeOnClickSpace = true, onClose, onChange, value, className, } = props;
|
|
7
|
+
const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, showClose = true, closeOnClickSpace = true, onClose, onChange, value, title = "安全键盘", closeText = "收起", className, } = props;
|
|
8
8
|
const [input, setInput] = useState(value);
|
|
9
9
|
const keys = getKeys();
|
|
10
10
|
useEffect(() => {
|
|
@@ -49,7 +49,9 @@ const NumberKeyboard = props => {
|
|
|
49
49
|
const keyboardcls = classNames("xh-number-keyboard", className);
|
|
50
50
|
return (React.createElement(CSSTransition, { classNames: "slide-up", in: show, unmountOnExit: true, timeout: 200 },
|
|
51
51
|
React.createElement(View, { className: keyboardcls },
|
|
52
|
-
React.createElement(View, { className: "xh-number-keyboard-header" },
|
|
52
|
+
React.createElement(View, { className: "xh-number-keyboard-header" },
|
|
53
|
+
React.createElement(View, { className: "xh-number-keyboard-header-title" }, title),
|
|
54
|
+
showClose && (React.createElement(View, { className: "xh-number-keyboard-header-close", onClick: handleClose }, closeText))),
|
|
53
55
|
React.createElement(View, { className: "xh-number-keyboard-body" }, keys.map((key, index) => (React.createElement(View, { key: index, className: classNames("xh-number-keyboard-body-key", {
|
|
54
56
|
none: key.type === "none",
|
|
55
57
|
delete: key.type === "delete",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberKeyboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACnE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberKeyboard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ import "./index.scss";
|
|
|
16
16
|
import Loading from "../Loading";
|
|
17
17
|
import NavBar from "../NavBar";
|
|
18
18
|
const Page = props => {
|
|
19
|
-
const { children, loading = false, className = "", mask = "normal", tip, loadingColor, customNavBar = false, title = "" } = props, rest = __rest(props, ["children", "loading", "className", "mask", "tip", "loadingColor", "customNavBar", "title"]);
|
|
19
|
+
const { children, loading = false, className = "", mask = "normal", tip = "加载中", loadingColor = "#FFF", customNavBar = false, title = "" } = props, rest = __rest(props, ["children", "loading", "className", "mask", "tip", "loadingColor", "customNavBar", "title"]);
|
|
20
20
|
const classObj = classname("xh-page", className, {
|
|
21
21
|
flex: process.env.TARO_ENV !== "h5" && customNavBar,
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAyB,MAAM,YAAY,CAAC;AACnD,OAAO,MAAM,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAyB,MAAM,YAAY,CAAC;AACnD,OAAO,MAAM,MAAM,WAAW,CAAC;AAmB/B,MAAM,IAAI,GAAkB,KAAK,CAAC,EAAE;IAClC,MAAM,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,EACf,GAAG,GAAG,KAAK,EACX,YAAY,GAAG,MAAM,EACrB,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,EAAE,KAER,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,4FAUL,CAAQ,CAAC;IAEV,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,YAAY;KACpD,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ;QACtB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,YAAY,IAAI,CAChD,oBAAC,MAAM,kBAAC,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,CACnC;QACA,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,GAAI,CACjD,CACR;QACA,YAAY,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC/C,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,IAAE,QAAQ,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -12,7 +12,7 @@ const positionMap = {
|
|
|
12
12
|
right: "left",
|
|
13
13
|
};
|
|
14
14
|
const Popup = props => {
|
|
15
|
-
const { visible, position = "bottom", children, onClose } = props;
|
|
15
|
+
const { visible, position = "bottom", children, onClose, className } = props;
|
|
16
16
|
const direction = positionMap[position];
|
|
17
17
|
const cls = classNames("xh-popup-content", {
|
|
18
18
|
"xh-popup-content-left": position === "left",
|
|
@@ -45,13 +45,13 @@ const Popup = props => {
|
|
|
45
45
|
onClose && onClose();
|
|
46
46
|
}
|
|
47
47
|
if (process.env.TARO_ENV !== "h5") {
|
|
48
|
-
const minicls = classNames("xh-popup", visible ? "visible" : "hidden");
|
|
48
|
+
const minicls = classNames("xh-popup", className, visible ? "visible" : "hidden");
|
|
49
49
|
return (React.createElement(View, { className: minicls },
|
|
50
50
|
React.createElement(Mask, { onClick: handleClickOnMask }),
|
|
51
51
|
React.createElement(View, { className: cls }, children)));
|
|
52
52
|
}
|
|
53
53
|
return ReactDOM.createPortal(React.createElement(Fade, { in: visible },
|
|
54
|
-
React.createElement("div", { className: "xh-popup" },
|
|
54
|
+
React.createElement("div", { className: classNames("xh-popup", className) },
|
|
55
55
|
React.createElement(Mask, { onClick: handleClickOnMask }),
|
|
56
56
|
React.createElement(Slide, { direction: direction, in: visible },
|
|
57
57
|
React.createElement("div", { className: cls }, children)))), document.body);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,18 +3,23 @@ import classNames from "classnames";
|
|
|
3
3
|
import { View } from "@tarojs/components";
|
|
4
4
|
import { pxTransform } from "@tarojs/taro";
|
|
5
5
|
import "./index.scss";
|
|
6
|
-
const Progress =
|
|
7
|
-
const { percent = 88, className, showPercent = false, doneColor = "", percentColor = "", height, } = props;
|
|
8
|
-
const progresslcs = classNames("xh-progress", className
|
|
9
|
-
|
|
6
|
+
const Progress = props => {
|
|
7
|
+
const { percent = 88, className, showPercent = false, doneColor = "", percentColor = "", height, dots = [], } = props;
|
|
8
|
+
const progresslcs = classNames("xh-progress", className, {
|
|
9
|
+
dots: dots.length > 0,
|
|
10
|
+
});
|
|
11
|
+
const showPercentcls = classNames("progress-bar", { dots: dots.length > 0 });
|
|
10
12
|
const showbarPercentcls = classNames("progress-bar-percent");
|
|
11
13
|
return (React.createElement(View, { className: progresslcs },
|
|
12
|
-
React.createElement(View, { className: "progress", style: { height: height && `${pxTransform(height)}` } },
|
|
13
|
-
React.createElement(View, { style: {
|
|
14
|
-
width: `${
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
React.createElement(View, { className: "progress", style: { height: height && `${pxTransform(height)}` } }, dots.length > 0 ? (React.createElement(React.Fragment, null,
|
|
15
|
+
dots.map(item => (React.createElement(View, { style: {
|
|
16
|
+
width: `${item}%`,
|
|
17
|
+
}, key: item, "data-progress": item, className: showPercentcls }))),
|
|
18
|
+
React.createElement(View, { className: "progress-cover", style: { width: `${percent}%` } }))) : (React.createElement(View, { style: {
|
|
19
|
+
width: `${percent}%`,
|
|
20
|
+
backgroundColor: doneColor,
|
|
21
|
+
color: percentColor,
|
|
22
|
+
}, className: showPercentcls }, showPercent && (React.createElement(View, { className: showbarPercentcls }, `${percent}%`)))))));
|
|
18
23
|
};
|
|
19
24
|
export default Progress;
|
|
20
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,cAAc,CAAC;AActB,MAAM,QAAQ,GAA4B,KAAK,CAAC,EAAE;IAChD,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,EAAE,EACjB,MAAM,EACN,IAAI,GAAG,EAAE,GACV,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QACvD,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC;KACtB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;IAC7E,MAAM,iBAAiB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC7D,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW;QAC1B,oBAAC,IAAI,IACH,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,EAAE,IAEpD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAChB,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,IAAI,GAAG;iBAClB,EACD,GAAG,EAAE,IAAI,mBACM,IAAI,EACnB,SAAS,EAAE,cAAc,GACzB,CACH,CAAC;YACF,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,GAAI,CACrD,CAClB,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG,OAAO,GAAG;gBACpB,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,YAAY;aACpB,EACD,SAAS,EAAE,cAAc,IAExB,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,IAAG,GAAG,OAAO,GAAG,CAAQ,CAC3D,CACI,CACR,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
import { pxTransform } from "@/utils";
|
|
5
|
+
import "./index.scss";
|
|
6
|
+
const Progress = props => {
|
|
7
|
+
const { percent = 88, className,
|
|
8
|
+
// showPercent = false,
|
|
9
|
+
doneColor = "#DDD", backgroundColor = "rgba(0,0,0, 0.25)", maskColor = "#FFF", size, style, } = props;
|
|
10
|
+
const progresslcs = classNames("xh-progress-circle", className);
|
|
11
|
+
const finalSize = size
|
|
12
|
+
? {
|
|
13
|
+
width: pxTransform(size),
|
|
14
|
+
height: pxTransform(size),
|
|
15
|
+
}
|
|
16
|
+
: {};
|
|
17
|
+
const done = percent === 100;
|
|
18
|
+
const finalStyle = Object.assign(Object.assign(Object.assign({}, finalSize), { "--percent": `${percent / 100}turn`, "--doneColor": doneColor, "--backgroundColor": backgroundColor, "--maskContent": "percent", "--maskColor": maskColor }), style);
|
|
19
|
+
return (React.createElement(View, { className: progresslcs, style: finalStyle }, done && React.createElement(View, { className: "xh-progress-circle-done" })));
|
|
20
|
+
};
|
|
21
|
+
export default Progress;
|
|
22
|
+
//# sourceMappingURL=index.js.map
|