taro-react-uilib 1.4.19-0 → 1.4.19-2
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/LicensePlateInput/index.js +1 -1
- package/dist/components/LicensePlateInput/index.js.map +1 -1
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.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/lib/components/BankCardNumberInput/index.js +4 -5
- package/lib/components/BankCardNumberInput/index.js.map +1 -1
- package/lib/components/LicensePlateInput/index.js +10 -5
- package/lib/components/LicensePlateInput/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/LicensePlateInput/index.d.ts +1 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef, useImperativeHandle } from "react";
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useRef, } from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { View } from "@tarojs/components";
|
|
4
4
|
import XHFormInput from "../FormInput";
|
|
@@ -12,6 +12,7 @@ const BankCardNumberInput = forwardRef((props, fromRef) => {
|
|
|
12
12
|
return false;
|
|
13
13
|
return checkBankCard(newVal);
|
|
14
14
|
};
|
|
15
|
+
const FormInput = useRef(null);
|
|
15
16
|
const handleBlur = value => {
|
|
16
17
|
console.log("blur");
|
|
17
18
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
|
@@ -31,14 +32,12 @@ const BankCardNumberInput = forwardRef((props, fromRef) => {
|
|
|
31
32
|
isValid: validateCardNumber(value),
|
|
32
33
|
focus: () => {
|
|
33
34
|
var _a;
|
|
34
|
-
|
|
35
|
-
(_a = fromRef === null || fromRef === void 0 ? void 0 : fromRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
36
|
-
}
|
|
35
|
+
(_a = FormInput === null || FormInput === void 0 ? void 0 : FormInput.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
37
36
|
},
|
|
38
37
|
};
|
|
39
38
|
}, [value]);
|
|
40
39
|
return (React.createElement(View, { className: classNames("xh-bankcard-number-input", className) },
|
|
41
|
-
React.createElement(XHFormInput, { padding: true, ref:
|
|
40
|
+
React.createElement(XHFormInput, { padding: true, ref: FormInput, RightComponent: showScan && (React.createElement(View, { onClick: handleOnScan, className: "xh-bankcard-number-input-scan" })), direction: direction, label: label, mainExtra: direction !== "row" && (React.createElement(View, { className: "xh-bankcard-number-input-name" }, bankName)), maxlength: maxlength, placeholder: placeholder, readonly: readOnly, type: "tel", border: border, value: creditCard(value), onBlur: handleBlur, onChange: handleChange }),
|
|
42
41
|
slot && React.createElement(View, { className: "xh-bankcard-number-input-slot" }, slot)));
|
|
43
42
|
});
|
|
44
43
|
export default BankCardNumberInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BankCardNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BankCardNumberInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,14 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useRef, useState } from "react";
|
|
12
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
13
13
|
import classNames from "classnames";
|
|
14
14
|
import { View } from "@tarojs/components";
|
|
15
15
|
import Keyboard from "./Keyboard";
|
|
16
16
|
import "./index.scss";
|
|
17
17
|
const LENGTH = 8;
|
|
18
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"]);
|
|
19
|
+
const { value = "", onChange, className, showKeyboard = false, padding = false, border = false, onFinish, autoScroll = true, label } = props, rest = __rest(props, ["value", "onChange", "className", "showKeyboard", "padding", "border", "onFinish", "autoScroll", "label"]);
|
|
20
20
|
const [activeIndex, setActiveIndex] = useState(value.length);
|
|
21
21
|
const [show, setShowKeyboard] = useState(showKeyboard);
|
|
22
22
|
const InputRef = useRef(null);
|
|
@@ -52,12 +52,17 @@ const LicensePlateInput = props => {
|
|
|
52
52
|
const handleClose = () => {
|
|
53
53
|
setShowKeyboard(false);
|
|
54
54
|
};
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
if (show &&
|
|
57
|
+
InputRef.current &&
|
|
58
|
+
autoScroll &&
|
|
59
|
+
process.env.TARO_ENV === "h5") {
|
|
60
|
+
InputRef.current.scrollIntoView({ behavior: "smooth" });
|
|
61
|
+
}
|
|
62
|
+
}, [show, autoScroll]);
|
|
55
63
|
function handlerClick(e) {
|
|
56
64
|
e.stopPropagation();
|
|
57
65
|
setShowKeyboard(true);
|
|
58
|
-
// if (process.env.TARO_ENV === "h5") {
|
|
59
|
-
// InputRef.current?.scrollIntoView(false)
|
|
60
|
-
// }
|
|
61
66
|
}
|
|
62
67
|
const xhLicensePlateCls = classNames("xh-licensePlate", className, { padding }, { border });
|
|
63
68
|
return (React.createElement(View, { className: xhLicensePlateCls },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LicensePlateInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAiB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LicensePlateInput/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -13,6 +13,7 @@ export declare type LicensePlateProps = {
|
|
|
13
13
|
onFinish?: () => void;
|
|
14
14
|
padding?: boolean;
|
|
15
15
|
border?: boolean;
|
|
16
|
+
autoScroll?: boolean;
|
|
16
17
|
} & XHComponentCommonProps;
|
|
17
18
|
declare const LicensePlateInput: FC<LicensePlateProps>;
|
|
18
19
|
export default LicensePlateInput;
|