taro-react-uilib 1.4.2 → 1.4.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/dist/components/BankCardNumberInput/index.js +1 -1
- package/dist/components/BankCardNumberInput/index.js.map +1 -1
- package/dist/components/IDNumberInput/index.js +1 -1
- package/dist/components/IDNumberInput/index.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Radio/Group/index.js +1 -1
- package/dist/components/Radio/Group/index.js.map +1 -1
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- 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/icon.scss +8 -0
- package/dist/styles/components/progresscircle.scss +7 -1
- package/dist/styles/components/radio.scss +17 -0
- package/lib/components/BankCardNumberInput/index.js +2 -1
- package/lib/components/BankCardNumberInput/index.js.map +1 -1
- package/lib/components/IDNumberInput/index.js +3 -2
- package/lib/components/IDNumberInput/index.js.map +1 -1
- package/lib/components/Icon/index.js.map +1 -1
- package/lib/components/Radio/Group/index.js +6 -4
- package/lib/components/Radio/Group/index.js.map +1 -1
- package/lib/components/Radio/index.js +3 -2
- package/lib/components/Radio/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/BankCardNumberInput/index.d.ts +2 -0
- package/types/components/IDNumberInput/index.d.ts +2 -0
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/Radio/Group/index.d.ts +4 -1
- package/types/components/Radio/index.d.ts +2 -1
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
url('./font/iconfont.ttf?t=1687140360510') format('truetype');
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
@property --percent-name {
|
|
12
|
+
syntax: "<percentage>";
|
|
13
|
+
initial-value: 0.5turn;
|
|
14
|
+
documentation: "The percentage of the circle to fill.";
|
|
15
|
+
}
|
|
16
|
+
|
|
11
17
|
#{$xh-prefix}-progress-circle {
|
|
12
18
|
width: 62px;
|
|
13
19
|
height: 62px;
|
|
@@ -47,7 +53,7 @@
|
|
|
47
53
|
-webkit-font-smoothing: antialiased;
|
|
48
54
|
-moz-osx-font-smoothing: grayscale;
|
|
49
55
|
vertical-align: middle;
|
|
50
|
-
font-size:
|
|
56
|
+
font-size: 42px;
|
|
51
57
|
color: var(--doneColor);
|
|
52
58
|
background-color: transparent;
|
|
53
59
|
&:before {
|
|
@@ -4,6 +4,9 @@
|
|
|
4
4
|
display: flex;
|
|
5
5
|
font-size: 28px;
|
|
6
6
|
align-items: flex-start;
|
|
7
|
+
&.inline {
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
}
|
|
7
10
|
&.center {
|
|
8
11
|
align-items: center;
|
|
9
12
|
}
|
|
@@ -67,6 +70,15 @@
|
|
|
67
70
|
transition: background-color .2s;
|
|
68
71
|
&.circle {
|
|
69
72
|
border-radius: 50%;
|
|
73
|
+
&.fancy:after{
|
|
74
|
+
content: '';
|
|
75
|
+
width: 48%;
|
|
76
|
+
height: 48%;
|
|
77
|
+
background-color: #FFF;
|
|
78
|
+
border-radius: 50%;
|
|
79
|
+
top: 50%;
|
|
80
|
+
border: 0;
|
|
81
|
+
}
|
|
70
82
|
}
|
|
71
83
|
&:after {
|
|
72
84
|
content: "";
|
|
@@ -99,4 +111,9 @@
|
|
|
99
111
|
border-bottom: 1px solid #EEE;
|
|
100
112
|
}
|
|
101
113
|
}
|
|
114
|
+
&.inline {
|
|
115
|
+
display: inline-flex;
|
|
116
|
+
justify-content: space-between;
|
|
117
|
+
width: 100%;
|
|
118
|
+
}
|
|
102
119
|
}
|
|
@@ -5,9 +5,10 @@ import XHFormInput from "../FormInput";
|
|
|
5
5
|
import { checkBankCard, creditCard } from "../../utils";
|
|
6
6
|
import "./index.scss";
|
|
7
7
|
const BankCardNumberInput = forwardRef((props, fromRef) => {
|
|
8
|
-
const { showScan = false, label, value, bankName, readOnly, direction = "column", onScan, placeholder = "请输入银行卡号", onError, onChange, maxlength = 23, slot, className, border, } = props;
|
|
8
|
+
const { showScan = false, label, value, bankName, readOnly, direction = "column", onScan, placeholder = "请输入银行卡号", onError, onChange, maxlength = 23, slot, className, border, onBlur, } = props;
|
|
9
9
|
const handleBlur = value => {
|
|
10
10
|
console.log("blur");
|
|
11
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
|
11
12
|
if (!checkBankCard(value.replace(/\s/g, "")))
|
|
12
13
|
onError === null || onError === void 0 ? void 0 : onError(value === "" ? "银行卡号不能为空" : "银行卡号格式不正确");
|
|
13
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BankCardNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BankCardNumberInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,9 @@ import XHFormInput from "../FormInput";
|
|
|
5
5
|
import "./index.scss";
|
|
6
6
|
import { verifyIdcard } from "../../utils";
|
|
7
7
|
const BankCardNumberInput = forwardRef((props, fromRef) => {
|
|
8
|
-
const { showScan = false, label, value, readOnly, direction = "column", onScan, placeholder = "请输入身份证", onError, onChange, maxlength = 23, slot, className, border, } = props;
|
|
8
|
+
const { showScan = false, label, value, readOnly, direction = "column", onScan, placeholder = "请输入身份证", onError, onChange, maxlength = 23, slot, className, border, onBlur, } = props;
|
|
9
9
|
const handleBlur = value => {
|
|
10
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
|
10
11
|
if (!verifyIdcard(value))
|
|
11
12
|
onError === null || onError === void 0 ? void 0 : onError(value === "" ? "身份证号不能为空" : "请输入正确的身份证号");
|
|
12
13
|
};
|
|
@@ -29,7 +30,7 @@ const BankCardNumberInput = forwardRef((props, fromRef) => {
|
|
|
29
30
|
};
|
|
30
31
|
});
|
|
31
32
|
return (React.createElement(View, { className: classNames("xh-idnumber-input", className) },
|
|
32
|
-
React.createElement(XHFormInput, { padding: true, ref: fromRef, RightComponent: showScan && (React.createElement(View, { onClick: handleOnScan, className: "xh-idnumber-input-scan" })), border: border, direction: direction, label: label, maxlength: maxlength, placeholder: placeholder, readonly: readOnly, type: process.env.TARO_ENV === "weapp" ? "idcard" : "
|
|
33
|
+
React.createElement(XHFormInput, { padding: true, ref: fromRef, RightComponent: showScan && (React.createElement(View, { onClick: handleOnScan, className: "xh-idnumber-input-scan" })), border: border, direction: direction, label: label, maxlength: maxlength, placeholder: placeholder, readonly: readOnly, type: process.env.TARO_ENV === "weapp" ? "idcard" : "text", value: value.replace(/\s/g, ""), onBlur: handleBlur, onChange: handleChange }),
|
|
33
34
|
slot && React.createElement(View, { className: "xh-idnumber-input-slot" }, slot)));
|
|
34
35
|
});
|
|
35
36
|
export default BankCardNumberInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IDNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IDNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAyB3C,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACjB,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,MAAM,EACN,WAAW,GAAG,QAAQ,EACtB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,SAAS,EACT,MAAM,EACN,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;QACzB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;QACX,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAE1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;IACb,CAAC,CAAC;IAEF,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE;QAChC,OAAO;YACL,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE,GAAG,EAAE;;gBACV,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;oBAC/B,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC;QACzD,oBAAC,WAAW,IACV,OAAO,QACP,GAAG,EAAE,OAAO,EACZ,cAAc,EACZ,QAAQ,IAAI,CACV,oBAAC,IAAI,IACH,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,wBAAwB,GAC5B,CACT,EAEH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC1D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAC/B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,GACtB;QACD,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAQ,CAC1D,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,cAAc,CAAC;AA0DtB,MAAM,IAAI,GAA0B,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjE,+CAAyD,CAAQ,CAAC;IAExE,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,IAAI,EAAE,CAAC;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE1D,MAAM,UAAU,mCACX,KAAK,KACR,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,KAAK,GACN,CAAC;IAEF,OAAO,4CAAM,SAAS,EAAE,OAAO,IAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAM,IAAI,EAAI,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -13,7 +13,7 @@ import React, { useMemo, useState } from "react";
|
|
|
13
13
|
import classNames from "classnames";
|
|
14
14
|
import Radio from "..";
|
|
15
15
|
const RadioGroup = props => {
|
|
16
|
-
const { option, onChange, name, padding, border, radioStyle, defaultChecked } = props, rest = __rest(props, ["option", "onChange", "name", "padding", "border", "radioStyle", "defaultChecked"]);
|
|
16
|
+
const { option, onChange, name, padding, border, radioStyle, defaultChecked, inline, style, checkedClass = "" } = props, rest = __rest(props, ["option", "onChange", "name", "padding", "border", "radioStyle", "defaultChecked", "inline", "style", "checkedClass"]);
|
|
17
17
|
let getOpions = useMemo(() => {
|
|
18
18
|
return option === null || option === void 0 ? void 0 : option.map(item => {
|
|
19
19
|
if (typeof item === "string") {
|
|
@@ -47,9 +47,11 @@ const RadioGroup = props => {
|
|
|
47
47
|
setInnerOptions(newoption);
|
|
48
48
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
49
49
|
};
|
|
50
|
-
const cls = classNames("xh-radio-group", { padding }, { border });
|
|
51
|
-
return (React.createElement("div", { className: cls }, innerOptions.map((item, index) => {
|
|
52
|
-
return (React.createElement(Radio, Object.assign({ label: item.label, value: item.value, disabled: item.disabled, name: name, key: index, className: "xh-radio-group-list",
|
|
50
|
+
const cls = classNames("xh-radio-group", { padding }, { border }, { inline });
|
|
51
|
+
return (React.createElement("div", { className: cls, style: style }, innerOptions.map((item, index) => {
|
|
52
|
+
return (React.createElement(Radio, Object.assign({ label: item.label, value: item.value, disabled: item.disabled, name: name, key: index, className: classNames("xh-radio-group-list", {
|
|
53
|
+
[checkedClass]: item.checked,
|
|
54
|
+
}), circle: true, onChange: () => handleChange(index), checked: item.checked, style: radioStyle }, rest)));
|
|
53
55
|
})));
|
|
54
56
|
};
|
|
55
57
|
export default RadioGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/Group/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/Group/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { pxTransform } from "@/utils";
|
|
|
6
6
|
import Group from "./Group";
|
|
7
7
|
import "./index.scss";
|
|
8
8
|
const XHRadio = props => {
|
|
9
|
-
const { className, name, label, id, circle = true, onChange, align, direction, justify, checked, disabled, value, style, size = 0, color = "#f6ab00", } = props;
|
|
9
|
+
const { className, name, label, id, circle = true, onChange, align, direction, justify, checked, disabled, value, style, size = 0, color = "#f6ab00", fancy = false, } = props;
|
|
10
10
|
const finalId = useGenerateId(id, "xh-radio-id");
|
|
11
11
|
const handleOnchange = e => {
|
|
12
12
|
let finalchecked = checked || false;
|
|
@@ -35,6 +35,7 @@ const XHRadio = props => {
|
|
|
35
35
|
}
|
|
36
36
|
: {}, className: classNames("xh-radio-input-fake", circle && "circle", {
|
|
37
37
|
tt: process.env.TARO_ENV === "tt",
|
|
38
|
+
fancy,
|
|
38
39
|
}) }),
|
|
39
40
|
React.createElement("span", { className: "xh-radio-label" }, label))));
|
|
40
41
|
}
|
|
@@ -45,7 +46,7 @@ const XHRadio = props => {
|
|
|
45
46
|
width: pxTransform(size),
|
|
46
47
|
height: pxTransform(size),
|
|
47
48
|
}
|
|
48
|
-
: {}, className: classNames("xh-radio-input-fake", circle
|
|
49
|
+
: {}, className: classNames("xh-radio-input-fake", { circle, fancy }) }),
|
|
49
50
|
React.createElement("span", { className: "xh-radio-label" }, label)));
|
|
50
51
|
};
|
|
51
52
|
const Radio = XHRadio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -19,6 +19,7 @@ export declare type PhoneNumberInputProps = {
|
|
|
19
19
|
maxlength?: number;
|
|
20
20
|
slot?: ReactNode;
|
|
21
21
|
border?: boolean;
|
|
22
|
+
onBlur?: () => void;
|
|
22
23
|
} & XHComponentCommonProps;
|
|
23
24
|
export declare type BankCardNumberInputRef = {
|
|
24
25
|
isValid: boolean;
|
|
@@ -42,5 +43,6 @@ declare const BankCardNumberInput: React.ForwardRefExoticComponent<{
|
|
|
42
43
|
maxlength?: number | undefined;
|
|
43
44
|
slot?: ReactNode;
|
|
44
45
|
border?: boolean | undefined;
|
|
46
|
+
onBlur?: (() => void) | undefined;
|
|
45
47
|
} & XHComponentCommonProps & React.RefAttributes<BankCardNumberInputRef>>;
|
|
46
48
|
export default BankCardNumberInput;
|
|
@@ -15,6 +15,7 @@ export declare type IDNumberInputProps = {
|
|
|
15
15
|
maxlength?: number;
|
|
16
16
|
slot?: ReactNode;
|
|
17
17
|
border?: boolean;
|
|
18
|
+
onBlur?: () => void;
|
|
18
19
|
} & XHComponentCommonProps;
|
|
19
20
|
export declare type IDNumberInputRef = {
|
|
20
21
|
isValid: boolean;
|
|
@@ -34,5 +35,6 @@ declare const BankCardNumberInput: React.ForwardRefExoticComponent<{
|
|
|
34
35
|
maxlength?: number | undefined;
|
|
35
36
|
slot?: ReactNode;
|
|
36
37
|
border?: boolean | undefined;
|
|
38
|
+
onBlur?: (() => void) | undefined;
|
|
37
39
|
} & XHComponentCommonProps & React.RefAttributes<IDNumberInputRef>>;
|
|
38
40
|
export default BankCardNumberInput;
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import type { StandardLonghandProperties } from "csstype";
|
|
3
3
|
import { XHComponentCommonProps } from "../../types";
|
|
4
4
|
import "./index.scss";
|
|
5
|
-
export declare type XHIcon = "prompt" | "score" | "info" | "failure" | "success" | "loading" | "back" | "notice" | "scan" | "light" | "faceScan" | "delete" | "radioFull" | "checkboxFull" | "checkedSquare" | "checked2" | "arrowTop" | "notice2" | "position" | "contacts" | "billFull" | "bill2" | "bill3" | "bill4" | "edit" | "editFull" | "camera" | "close" | "gift" | "message" | "user" | "wenhao" | "kefu" | "
|
|
5
|
+
export declare type XHIcon = "prompt" | "score" | "info" | "failure" | "success" | "loading" | "back" | "notice" | "scan" | "light" | "faceScan" | "delete" | "radioFull" | "checkboxFull" | "checkedSquare" | "checked2" | "arrowTop" | "notice2" | "position" | "contacts" | "billFull" | "bill2" | "bill3" | "bill4" | "edit" | "editFull" | "camera" | "close" | "gift" | "message" | "user" | "wenhao" | "kefu" | "play" | "arrowLeft" | "arrowRight" | "keyboardClose" | "add" | "tongxunlu" | "zhuyi" | "duigou" | "edit2" | "alipay" | "wechat" | "friendPay" | "pen";
|
|
6
6
|
export declare type XHIconProps = {
|
|
7
7
|
icon: XHIcon;
|
|
8
8
|
size?: number;
|
|
@@ -19,8 +19,11 @@ export declare type RadioGroupProps = {
|
|
|
19
19
|
border?: boolean;
|
|
20
20
|
style?: React.CSSProperties;
|
|
21
21
|
radioStyle?: React.CSSProperties;
|
|
22
|
-
defaultChecked?: string;
|
|
22
|
+
defaultChecked?: string | number;
|
|
23
23
|
color?: string;
|
|
24
|
+
inline?: boolean;
|
|
25
|
+
fancy?: boolean;
|
|
26
|
+
checkedClass?: string;
|
|
24
27
|
};
|
|
25
28
|
declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
26
29
|
export default RadioGroup;
|
|
@@ -6,7 +6,7 @@ declare type CompoundedComponent = React.ForwardRefExoticComponent<XHRadioProps
|
|
|
6
6
|
Group: typeof Group;
|
|
7
7
|
};
|
|
8
8
|
export declare type XHRadioProps = {
|
|
9
|
-
onChange?: (check: boolean, value: string) => void;
|
|
9
|
+
onChange?: (check: boolean, value: string | number) => void;
|
|
10
10
|
checked?: boolean;
|
|
11
11
|
name?: string;
|
|
12
12
|
label: string | ReactNode;
|
|
@@ -19,6 +19,7 @@ export declare type XHRadioProps = {
|
|
|
19
19
|
id?: string;
|
|
20
20
|
disabled?: boolean;
|
|
21
21
|
style?: React.CSSProperties;
|
|
22
|
+
fancy?: boolean;
|
|
22
23
|
/**
|
|
23
24
|
* 抖音不支持属性选择器
|
|
24
25
|
* @description 主要为抖音支持颜色
|