taro-react-uilib 1.4.21 → 1.4.22-1
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/Checkbox/Group/index.js +1 -1
- package/dist/components/Checkbox/Group/index.js.map +1 -1
- package/dist/components/Icon/index.js +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Notice/index.js +2 -0
- package/dist/components/Notice/index.js.map +1 -0
- package/dist/components/Radio/Group/index.js +1 -1
- package/dist/components/Radio/Group/index.js.map +1 -1
- package/dist/components/src/index.js +1 -1
- package/dist/components/src/utils/index.js +1 -1
- package/dist/components/src/utils/index.js.map +1 -1
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +4 -4
- 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 +5 -1
- package/dist/styles/components/index.scss +2 -0
- package/dist/styles/components/notice.scss +43 -0
- package/dist/styles/components/tabnav.scss +97 -0
- package/package.json +2 -2
- package/types/components/ActionSheet/index.d.ts +43 -44
- package/types/components/ActivityIndicator/index.d.ts +12 -13
- package/types/components/AmountInput/index.d.ts +25 -26
- package/types/components/AmountKeyboard/index.d.ts +35 -36
- package/types/components/Animated/Animated.d.ts +11 -12
- package/types/components/Animated/Fade/index.d.ts +9 -9
- package/types/components/Animated/Scale/index.d.ts +9 -9
- package/types/components/Animated/Slide/index.d.ts +11 -11
- package/types/components/Animated/index.d.ts +3 -3
- package/types/components/Badge/index.d.ts +7 -8
- package/types/components/BankCardNumberInput/index.d.ts +47 -48
- package/types/components/BankIcon/index.d.ts +8 -9
- package/types/components/Button/DotJump.d.ts +7 -7
- package/types/components/Button/index.d.ts +29 -30
- package/types/components/Captcha/index.d.ts +24 -25
- package/types/components/Cell/index.d.ts +29 -30
- package/types/components/Checkbox/Group/index.d.ts +23 -23
- package/types/components/Checkbox/index.d.ts +28 -29
- package/types/components/CheckboxButton/index.d.ts +23 -24
- package/types/components/Collapse/index.d.ts +10 -11
- package/types/components/Countdown/index.d.ts +10 -11
- package/types/components/Dialog/Alert/index.d.ts +26 -26
- package/types/components/Dialog/Confirm/index.d.ts +37 -37
- package/types/components/Dialog/index.d.ts +11 -11
- package/types/components/DialogComponent/index.d.ts +18 -19
- package/types/components/DialogRef/index.d.ts +37 -38
- package/types/components/Echarts/index.d.ts +5 -5
- package/types/components/Echarts/types.d.ts +34 -34
- package/types/components/Echarts/weapp/wx-canvas.d.ts +21 -21
- package/types/components/Echarts/weapp/wx-touch.d.ts +13 -13
- package/types/components/FormInput/index.d.ts +55 -56
- package/types/components/IDNumberInput/index.d.ts +39 -40
- package/types/components/Icon/index.d.ts +13 -14
- package/types/components/Image/index.d.ts +11 -12
- package/types/components/LicensePlateInput/Keyboard.d.ts +26 -27
- package/types/components/LicensePlateInput/index.d.ts +37 -38
- package/types/components/LinkMan/index.d.ts +33 -34
- package/types/components/List/index.d.ts +21 -22
- package/types/components/Loading/index.d.ts +11 -12
- package/types/components/Mask/index.d.ts +9 -10
- package/types/components/NavBar/index.d.ts +11 -12
- package/types/components/Notice/index.d.ts +13 -0
- package/types/components/NumberKeyboard/index.d.ts +24 -25
- package/types/components/Page/index.d.ts +21 -22
- package/types/components/PasswordInput/index.d.ts +10 -11
- package/types/components/Picker/Picker.d.ts +24 -24
- package/types/components/Picker/PickerSlot.d.ts +23 -24
- package/types/components/Picker/index.d.ts +12 -13
- package/types/components/Popup/index.d.ts +10 -11
- package/types/components/Progress/index.d.ts +21 -22
- package/types/components/ProgressCircle/index.d.ts +13 -14
- package/types/components/Radio/Group/index.d.ts +29 -29
- package/types/components/Radio/index.d.ts +29 -30
- package/types/components/Rank/index.d.ts +13 -14
- package/types/components/Result/index.d.ts +23 -24
- package/types/components/ScrollView/index.d.ts +11 -11
- package/types/components/Space/Item.d.ts +11 -11
- package/types/components/Space/config-provider.d.ts +12 -12
- package/types/components/Space/index.d.ts +20 -21
- package/types/components/Step/Steps/index.d.ts +14 -14
- package/types/components/Step/index.d.ts +19 -20
- package/types/components/Switch/index.d.ts +11 -12
- package/types/components/TabNav/TabNavItem/index.d.ts +8 -0
- package/types/components/TabNav/index.d.ts +27 -0
- package/types/components/Tabbar/index.d.ts +8 -9
- package/types/components/Tabbar/tabbar/TabItem.d.ts +8 -8
- package/types/components/Tabbar/tabbar/Tabbar.d.ts +31 -31
- package/types/components/ThemeProvider/index.d.ts +30 -30
- package/types/components/Toast/Toast.d.ts +19 -20
- package/types/components/Toast/index.d.ts +4 -5
- package/types/hooks/index.d.ts +2 -2
- package/types/hooks/useCustomNavbar.d.ts +6 -6
- package/types/hooks/useFirstMountState.d.ts +1 -1
- package/types/hooks/useFlexGapSupport.d.ts +2 -2
- package/types/hooks/useGenerateId.d.ts +1 -1
- package/types/hooks/usePrevious.d.ts +1 -1
- package/types/hooks/useRefs.d.ts +1 -1
- package/types/hooks/useTouch.d.ts +18 -18
- package/types/hooks/useUnMount.d.ts +1 -1
- package/types/hooks/useUpdateEffect.d.ts +1 -1
- package/types/index.d.ts +44 -43
- package/types/types/index.d.ts +5 -5
- package/types/utils/index.d.ts +57 -57
- package/lib/components/ActionSheet/index.js +0 -67
- package/lib/components/ActionSheet/index.js.map +0 -1
- package/lib/components/ActivityIndicator/index.js +0 -30
- package/lib/components/ActivityIndicator/index.js.map +0 -1
- package/lib/components/AmountInput/index.js +0 -53
- package/lib/components/AmountInput/index.js.map +0 -1
- package/lib/components/AmountKeyboard/index.js +0 -134
- package/lib/components/AmountKeyboard/index.js.map +0 -1
- package/lib/components/Animated/Animated.js +0 -20
- package/lib/components/Animated/Animated.js.map +0 -1
- package/lib/components/Animated/Fade/index.js +0 -19
- package/lib/components/Animated/Fade/index.js.map +0 -1
- package/lib/components/Animated/Scale/index.js +0 -19
- package/lib/components/Animated/Scale/index.js.map +0 -1
- package/lib/components/Animated/Slide/index.js +0 -19
- package/lib/components/Animated/Slide/index.js.map +0 -1
- package/lib/components/Animated/index.js +0 -5
- package/lib/components/Animated/index.js.map +0 -1
- package/lib/components/Badge/index.js +0 -11
- package/lib/components/Badge/index.js.map +0 -1
- package/lib/components/BankCardNumberInput/index.js +0 -44
- package/lib/components/BankCardNumberInput/index.js.map +0 -1
- package/lib/components/BankIcon/index.js +0 -12
- package/lib/components/BankIcon/index.js.map +0 -1
- package/lib/components/Button/DotJump.js +0 -13
- package/lib/components/Button/DotJump.js.map +0 -1
- package/lib/components/Button/index.js +0 -62
- package/lib/components/Button/index.js.map +0 -1
- package/lib/components/Captcha/index.js +0 -76
- package/lib/components/Captcha/index.js.map +0 -1
- package/lib/components/Cell/index.js +0 -29
- package/lib/components/Cell/index.js.map +0 -1
- package/lib/components/Checkbox/Group/index.js +0 -49
- package/lib/components/Checkbox/Group/index.js.map +0 -1
- package/lib/components/Checkbox/index.js +0 -55
- package/lib/components/Checkbox/index.js.map +0 -1
- package/lib/components/CheckboxButton/index.js +0 -30
- package/lib/components/CheckboxButton/index.js.map +0 -1
- package/lib/components/Collapse/index.js +0 -47
- package/lib/components/Collapse/index.js.map +0 -1
- package/lib/components/Countdown/index.js +0 -69
- package/lib/components/Countdown/index.js.map +0 -1
- package/lib/components/Dialog/Alert/index.js +0 -35
- package/lib/components/Dialog/Alert/index.js.map +0 -1
- package/lib/components/Dialog/Confirm/index.js +0 -41
- package/lib/components/Dialog/Confirm/index.js.map +0 -1
- package/lib/components/Dialog/index.js +0 -8
- package/lib/components/Dialog/index.js.map +0 -1
- package/lib/components/DialogComponent/index.js +0 -36
- package/lib/components/DialogComponent/index.js.map +0 -1
- package/lib/components/DialogRef/index.js +0 -55
- package/lib/components/DialogRef/index.js.map +0 -1
- package/lib/components/Echarts/index.js +0 -276
- package/lib/components/Echarts/index.js.map +0 -1
- package/lib/components/Echarts/types.js +0 -2
- package/lib/components/Echarts/types.js.map +0 -1
- package/lib/components/Echarts/weapp/wx-canvas.js +0 -125
- package/lib/components/Echarts/weapp/wx-canvas.js.map +0 -1
- package/lib/components/Echarts/weapp/wx-touch.js +0 -75
- package/lib/components/Echarts/weapp/wx-touch.js.map +0 -1
- package/lib/components/FormInput/index.js +0 -75
- package/lib/components/FormInput/index.js.map +0 -1
- package/lib/components/IDNumberInput/index.js +0 -37
- package/lib/components/IDNumberInput/index.js.map +0 -1
- package/lib/components/Icon/index.js +0 -24
- package/lib/components/Icon/index.js.map +0 -1
- package/lib/components/Image/index.js +0 -48
- package/lib/components/Image/index.js.map +0 -1
- package/lib/components/LicensePlateInput/Keyboard.js +0 -168
- package/lib/components/LicensePlateInput/Keyboard.js.map +0 -1
- package/lib/components/LicensePlateInput/index.js +0 -94
- package/lib/components/LicensePlateInput/index.js.map +0 -1
- package/lib/components/LinkMan/index.js +0 -348
- package/lib/components/LinkMan/index.js.map +0 -1
- package/lib/components/List/index.js +0 -26
- package/lib/components/List/index.js.map +0 -1
- package/lib/components/Loading/index.js +0 -18
- package/lib/components/Loading/index.js.map +0 -1
- package/lib/components/Mask/index.js +0 -17
- package/lib/components/Mask/index.js.map +0 -1
- package/lib/components/NavBar/index.js +0 -41
- package/lib/components/NavBar/index.js.map +0 -1
- package/lib/components/NumberKeyboard/index.js +0 -63
- package/lib/components/NumberKeyboard/index.js.map +0 -1
- package/lib/components/Page/index.js +0 -30
- package/lib/components/Page/index.js.map +0 -1
- package/lib/components/PasswordInput/index.js +0 -24
- package/lib/components/PasswordInput/index.js.map +0 -1
- package/lib/components/Picker/Picker.js +0 -205
- package/lib/components/Picker/Picker.js.map +0 -1
- package/lib/components/Picker/PickerSlot.js +0 -226
- package/lib/components/Picker/PickerSlot.js.map +0 -1
- package/lib/components/Picker/index.js +0 -33
- package/lib/components/Picker/index.js.map +0 -1
- package/lib/components/Popup/index.js +0 -60
- package/lib/components/Popup/index.js.map +0 -1
- package/lib/components/Progress/index.js +0 -29
- package/lib/components/Progress/index.js.map +0 -1
- package/lib/components/ProgressCircle/index.js +0 -22
- package/lib/components/ProgressCircle/index.js.map +0 -1
- package/lib/components/Radio/Group/index.js +0 -58
- package/lib/components/Radio/Group/index.js.map +0 -1
- package/lib/components/Radio/index.js +0 -55
- package/lib/components/Radio/index.js.map +0 -1
- package/lib/components/Rank/index.js +0 -22
- package/lib/components/Rank/index.js.map +0 -1
- package/lib/components/Result/index.js +0 -38
- package/lib/components/Result/index.js.map +0 -1
- package/lib/components/ScrollView/index.js +0 -34
- package/lib/components/ScrollView/index.js.map +0 -1
- package/lib/components/Space/Item.js +0 -25
- package/lib/components/Space/Item.js.map +0 -1
- package/lib/components/Space/config-provider.js +0 -8
- package/lib/components/Space/config-provider.js.map +0 -1
- package/lib/components/Space/index.js +0 -77
- package/lib/components/Space/index.js.map +0 -1
- package/lib/components/Step/Steps/index.js +0 -33
- package/lib/components/Step/Steps/index.js.map +0 -1
- package/lib/components/Step/index.js +0 -20
- package/lib/components/Step/index.js.map +0 -1
- package/lib/components/Switch/index.js +0 -26
- package/lib/components/Switch/index.js.map +0 -1
- package/lib/components/Tabbar/index.js +0 -7
- package/lib/components/Tabbar/index.js.map +0 -1
- package/lib/components/Tabbar/tabbar/TabItem.js +0 -9
- package/lib/components/Tabbar/tabbar/TabItem.js.map +0 -1
- package/lib/components/Tabbar/tabbar/Tabbar.js +0 -87
- package/lib/components/Tabbar/tabbar/Tabbar.js.map +0 -1
- package/lib/components/ThemeProvider/index.js +0 -32
- package/lib/components/ThemeProvider/index.js.map +0 -1
- package/lib/components/Toast/Toast.js +0 -38
- package/lib/components/Toast/Toast.js.map +0 -1
- package/lib/components/Toast/index.js +0 -56
- package/lib/components/Toast/index.js.map +0 -1
- package/lib/hooks/index.js +0 -17
- package/lib/hooks/index.js.map +0 -1
- package/lib/hooks/useCustomNavbar.js +0 -24
- package/lib/hooks/useCustomNavbar.js.map +0 -1
- package/lib/hooks/useFirstMountState.js +0 -10
- package/lib/hooks/useFirstMountState.js.map +0 -1
- package/lib/hooks/useFlexGapSupport.js +0 -10
- package/lib/hooks/useFlexGapSupport.js.map +0 -1
- package/lib/hooks/useGenerateId.js +0 -12
- package/lib/hooks/useGenerateId.js.map +0 -1
- package/lib/hooks/usePrevious.js +0 -9
- package/lib/hooks/usePrevious.js.map +0 -1
- package/lib/hooks/useRefs.js +0 -13
- package/lib/hooks/useRefs.js.map +0 -1
- package/lib/hooks/useTouch.js +0 -67
- package/lib/hooks/useTouch.js.map +0 -1
- package/lib/hooks/useUnMount.js +0 -5
- package/lib/hooks/useUnMount.js.map +0 -1
- package/lib/hooks/useUpdateEffect.js +0 -12
- package/lib/hooks/useUpdateEffect.js.map +0 -1
- package/lib/index.js +0 -44
- package/lib/index.js.map +0 -1
- package/lib/types/index.js +0 -2
- package/lib/types/index.js.map +0 -1
- package/lib/utils/index.js +0 -320
- package/lib/utils/index.js.map +0 -1
- package/types/components/BankIcon/bank.d.ts +0 -18
- package/types/components/Dialog/Dialog/index.d.ts +0 -19
- package/types/components/Dialog/DialogComponent/index.d.ts +0 -19
- package/types/components/NumberKeyboard/Key/index.d.ts +0 -8
- package/types/components/PickerSlot/index.d.ts +0 -24
- package/types/components/Tabbar/components/TabItem.d.ts +0 -9
- package/types/components/Tabbar/components/Tabbar.d.ts +0 -30
- package/types/components/Theme/index.d.ts +0 -27
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { CSSTransition } from "react-transition-group";
|
|
4
|
-
import { View } from "@tarojs/components";
|
|
5
|
-
import "./index.scss";
|
|
6
|
-
const NumberKeyboard = props => {
|
|
7
|
-
const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, showClose = true, closeOnClickSpace = true, onClose, onChange, value, title = "安全键盘", closeText = "收起", className, } = props;
|
|
8
|
-
const [input, setInput] = useState(value);
|
|
9
|
-
const keys = getKeys();
|
|
10
|
-
useEffect(() => {
|
|
11
|
-
if (closeOnClickSpace) {
|
|
12
|
-
document.addEventListener("click", handleClose);
|
|
13
|
-
}
|
|
14
|
-
return () => {
|
|
15
|
-
document.removeEventListener("click", handleClose);
|
|
16
|
-
};
|
|
17
|
-
}, []);
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
setInput(value);
|
|
20
|
-
}, [value]);
|
|
21
|
-
function handleClose(e) {
|
|
22
|
-
onClose && onClose(e);
|
|
23
|
-
onBlur && onBlur(e);
|
|
24
|
-
}
|
|
25
|
-
function handleKeyPress(e, { type, value }) {
|
|
26
|
-
if (process.env.TARO_ENV === "h5") {
|
|
27
|
-
e.stopImmediatePropagation();
|
|
28
|
-
}
|
|
29
|
-
if (type === "none")
|
|
30
|
-
return;
|
|
31
|
-
let newInput = input;
|
|
32
|
-
if (type === "delete") {
|
|
33
|
-
newInput = input.slice(0, input.length - 1);
|
|
34
|
-
}
|
|
35
|
-
else if (newInput.length < maxLength) {
|
|
36
|
-
newInput = input + value;
|
|
37
|
-
}
|
|
38
|
-
setInput(newInput);
|
|
39
|
-
onChange && onChange(newInput);
|
|
40
|
-
}
|
|
41
|
-
function getKeys() {
|
|
42
|
-
const keys = [];
|
|
43
|
-
for (let i = 1; i <= 9; i++) {
|
|
44
|
-
keys.push({ text: i, value: i, type: "number" });
|
|
45
|
-
}
|
|
46
|
-
keys.push({ text: "", value: "", type: "none" }, { text: 0, value: 0, type: "number" }, { text: "", value: "", type: "delete" });
|
|
47
|
-
return keys;
|
|
48
|
-
}
|
|
49
|
-
const keyboardcls = classNames("xh-number-keyboard", className);
|
|
50
|
-
return (React.createElement(CSSTransition, { classNames: "slide-up", in: show, unmountOnExit: true, timeout: 200 },
|
|
51
|
-
React.createElement(View, { className: keyboardcls },
|
|
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))),
|
|
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", {
|
|
56
|
-
none: key.type === "none",
|
|
57
|
-
delete: key.type === "delete",
|
|
58
|
-
}), onClick: e => {
|
|
59
|
-
handleKeyPress(e, key);
|
|
60
|
-
} }, key.text)))))));
|
|
61
|
-
};
|
|
62
|
-
export default NumberKeyboard;
|
|
63
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberKeyboard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
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 from "react";
|
|
13
|
-
import { View } from "@tarojs/components";
|
|
14
|
-
import classname from "classnames";
|
|
15
|
-
import "./index.scss";
|
|
16
|
-
import Loading from "../Loading";
|
|
17
|
-
import NavBar from "../NavBar";
|
|
18
|
-
const Page = props => {
|
|
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
|
-
const classObj = classname("xh-page", className, {
|
|
21
|
-
flex: process.env.TARO_ENV !== "h5" && customNavBar,
|
|
22
|
-
});
|
|
23
|
-
return (React.createElement(View, { className: classObj },
|
|
24
|
-
process.env.TARO_ENV !== "h5" && customNavBar && (React.createElement(NavBar, Object.assign({ title: title }, rest))),
|
|
25
|
-
loading && (React.createElement(View, { className: "loading-wrapper" },
|
|
26
|
-
React.createElement(Loading, { mask: mask, tip: tip, color: loadingColor }))),
|
|
27
|
-
customNavBar && process.env.TARO_ENV !== "h5" ? (React.createElement(View, { className: "xh-page-content" }, children)) : (children)));
|
|
28
|
-
};
|
|
29
|
-
export default Page;
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { View } from "@tarojs/components";
|
|
4
|
-
import "./index.scss";
|
|
5
|
-
const PasswordInput = (props) => {
|
|
6
|
-
const { value, length, mask = true, onFocus, className } = props;
|
|
7
|
-
function renderInputs() {
|
|
8
|
-
const Inputs = [];
|
|
9
|
-
for (let i = 0; i < length; i++) {
|
|
10
|
-
const char = value[i];
|
|
11
|
-
Inputs.push(React.createElement(View, { key: i, className: "xh-password-input-item" }, mask ? (React.createElement(View, { className: classNames({ "xh-password-input-mask": char }) })) : (char)));
|
|
12
|
-
}
|
|
13
|
-
return Inputs;
|
|
14
|
-
}
|
|
15
|
-
function handlerClick(e) {
|
|
16
|
-
e.stopPropagation();
|
|
17
|
-
onFocus && onFocus(e);
|
|
18
|
-
}
|
|
19
|
-
const xhpasswordcls = classNames("xh-password-input", className);
|
|
20
|
-
return (React.createElement(View, { className: xhpasswordcls },
|
|
21
|
-
React.createElement(View, { className: "xh-password-input-list", onClick: handlerClick }, renderInputs())));
|
|
22
|
-
};
|
|
23
|
-
export default PasswordInput;
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PasswordInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAe,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,cAAc,CAAC;AAStB,MAAM,aAAa,GAA2B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,SAAS,YAAY;QACnB,MAAM,MAAM,GAAQ,EAAE,CAAC;QAEvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;YAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YAEtB,MAAM,CAAC,IAAI,CACT,oBAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,wBAAwB,IAC7C,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,EAAE,wBAAwB,EAAE,IAAI,EAAE,CAAC,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CACI,CACR,CAAC;SACH;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAS,YAAY,CAAC,CAAc;QAClC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IACD,MAAM,aAAa,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAEjE,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,aAAa;QAC5B,oBAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,YAAY,IAC3D,YAAY,EAAE,CACV,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,205 +0,0 @@
|
|
|
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, { useState, useEffect, useRef, } from "react";
|
|
13
|
-
import classNames from "classnames";
|
|
14
|
-
import Popup from "../Popup";
|
|
15
|
-
import PickerSlot from "./PickerSlot";
|
|
16
|
-
import useRefs from "../../hooks/useRefs";
|
|
17
|
-
const InternalPicker = (props, ref) => {
|
|
18
|
-
const { visible = false, title, data = [], defaultValueData, onConfirm, onClose, onCloseUpdate, onChange, className, style, mode, swipeDuration } = props, rest = __rest(props, ["visible", "title", "data", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "mode", "swipeDuration"]);
|
|
19
|
-
const [chooseValueData, setchooseValueData] = useState([]); // 选择的数据的 value 值, 每一条数据的 value 值
|
|
20
|
-
const [columnIndex, setcolumnIndex] = useState(0); // 选中列
|
|
21
|
-
const pickerRef = useRef(null);
|
|
22
|
-
const [refs, setRefs] = useRefs();
|
|
23
|
-
const [columnsList, setColumnsList] = useState([]); // 格式化后每一列的数据
|
|
24
|
-
const isConfirmEvent = useRef(false);
|
|
25
|
-
// 默认值修改
|
|
26
|
-
useEffect(() => {
|
|
27
|
-
if (defaultValueData &&
|
|
28
|
-
defaultValueData.length !== 0 &&
|
|
29
|
-
defaultValueData.toString() !== chooseValueData.toString()) {
|
|
30
|
-
const data = [...defaultValueData];
|
|
31
|
-
setchooseValueData(data);
|
|
32
|
-
setColumnsList(normalListData());
|
|
33
|
-
}
|
|
34
|
-
}, [defaultValueData]);
|
|
35
|
-
// 选中值进行修改
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
onChange && onChange(columnIndex, chooseValueData, selectedOptions());
|
|
38
|
-
if (isConfirmEvent.current) {
|
|
39
|
-
isConfirmEvent.current = false;
|
|
40
|
-
onConfirm && onConfirm(selectedOptions(), columnIndex);
|
|
41
|
-
}
|
|
42
|
-
}, [chooseValueData]);
|
|
43
|
-
// 列表格式修改
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
init();
|
|
46
|
-
}, [data]);
|
|
47
|
-
const closeActionSheet = e => {
|
|
48
|
-
e.stopPropagation();
|
|
49
|
-
onClose && onClose();
|
|
50
|
-
// onCloseUpdate &&
|
|
51
|
-
// onCloseUpdate(chooseValueData, selectedOptions(), pickerRef);
|
|
52
|
-
};
|
|
53
|
-
// 点击确定
|
|
54
|
-
const confirm = e => {
|
|
55
|
-
e.stopPropagation();
|
|
56
|
-
let movings = false;
|
|
57
|
-
refs.forEach((_ref) => {
|
|
58
|
-
if (_ref.moving)
|
|
59
|
-
movings = true;
|
|
60
|
-
_ref.stopMomentum();
|
|
61
|
-
});
|
|
62
|
-
if (movings) {
|
|
63
|
-
isConfirmEvent.current = true;
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
onConfirm && onConfirm(selectedOptions(), columnIndex);
|
|
67
|
-
}
|
|
68
|
-
onClose && onClose();
|
|
69
|
-
setTimeout(() => {
|
|
70
|
-
isConfirmEvent.current = false;
|
|
71
|
-
}, 0);
|
|
72
|
-
};
|
|
73
|
-
const selectedOptions = () => {
|
|
74
|
-
const optins = [];
|
|
75
|
-
columnsList.forEach((column, index) => {
|
|
76
|
-
let currOptions = [];
|
|
77
|
-
currOptions = column.filter(item => (typeof item === "object" ? item.value : item) ===
|
|
78
|
-
chooseValueData[index]);
|
|
79
|
-
if (currOptions[0]) {
|
|
80
|
-
optins.push(currOptions[0]);
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
column[0] && optins.push(column[0]);
|
|
84
|
-
}
|
|
85
|
-
return column;
|
|
86
|
-
});
|
|
87
|
-
return optins;
|
|
88
|
-
};
|
|
89
|
-
// 选择每一列的数据
|
|
90
|
-
const chooseItem = (option, columnIndex) => {
|
|
91
|
-
if (option && Object.keys(option).length) {
|
|
92
|
-
// 移动后是否与之前有差异
|
|
93
|
-
if (chooseValueData[columnIndex] !==
|
|
94
|
-
(typeof option === "string" ? option : option.value)) {
|
|
95
|
-
if (columnsType() === "cascade") {
|
|
96
|
-
chooseValueData[columnIndex] =
|
|
97
|
-
typeof option === "object" ? option.value : option || "";
|
|
98
|
-
setchooseValueData([...chooseValueData]);
|
|
99
|
-
let index = columnIndex;
|
|
100
|
-
let cursor = option;
|
|
101
|
-
while (typeof cursor === "object" &&
|
|
102
|
-
cursor &&
|
|
103
|
-
cursor.children &&
|
|
104
|
-
cursor.children[0]) {
|
|
105
|
-
chooseValueData[index + 1] = cursor.children[0].value;
|
|
106
|
-
setchooseValueData([...chooseValueData]);
|
|
107
|
-
index++;
|
|
108
|
-
cursor = cursor.children[0];
|
|
109
|
-
}
|
|
110
|
-
// 当前改变列的下一列 children 值为空
|
|
111
|
-
if (typeof cursor === "object" && cursor && cursor.children) {
|
|
112
|
-
chooseValueData[index + 1] = "";
|
|
113
|
-
setchooseValueData([...chooseValueData]);
|
|
114
|
-
}
|
|
115
|
-
setColumnsList(normalListData());
|
|
116
|
-
}
|
|
117
|
-
else {
|
|
118
|
-
setchooseValueData(data => {
|
|
119
|
-
const cdata = [...data];
|
|
120
|
-
cdata[columnIndex] =
|
|
121
|
-
(typeof option === "string" ? option : option.value) || "";
|
|
122
|
-
return cdata;
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
setcolumnIndex(columnIndex);
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
// 传入的数据格式化
|
|
130
|
-
const normalListData = () => {
|
|
131
|
-
const type = columnsType();
|
|
132
|
-
switch (type) {
|
|
133
|
-
case "multiple":
|
|
134
|
-
return data;
|
|
135
|
-
case "cascade":
|
|
136
|
-
// 级联数据处理
|
|
137
|
-
return formatCascade(data, chooseValueData);
|
|
138
|
-
default:
|
|
139
|
-
return [data];
|
|
140
|
-
}
|
|
141
|
-
};
|
|
142
|
-
// 每一列的类型
|
|
143
|
-
const columnsType = () => {
|
|
144
|
-
const firstColumn = data[0];
|
|
145
|
-
if (firstColumn) {
|
|
146
|
-
if (Array.isArray(firstColumn)) {
|
|
147
|
-
return "multiple";
|
|
148
|
-
}
|
|
149
|
-
if (typeof firstColumn === "object" && "children" in firstColumn) {
|
|
150
|
-
return "cascade";
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
return "single";
|
|
154
|
-
};
|
|
155
|
-
// 级联数据格式化
|
|
156
|
-
const formatCascade = (columns, defaultValues) => {
|
|
157
|
-
const formatted = [];
|
|
158
|
-
let cursor = {
|
|
159
|
-
text: "",
|
|
160
|
-
value: "",
|
|
161
|
-
children: columns,
|
|
162
|
-
};
|
|
163
|
-
let columnIndex = 0;
|
|
164
|
-
while (cursor && cursor.children) {
|
|
165
|
-
const options = cursor.children;
|
|
166
|
-
const value = defaultValues[columnIndex];
|
|
167
|
-
let index = options.findIndex(columnItem => columnItem.value === value);
|
|
168
|
-
if (index === -1)
|
|
169
|
-
index = 0;
|
|
170
|
-
cursor = cursor.children[index];
|
|
171
|
-
columnIndex++;
|
|
172
|
-
formatted.push(options);
|
|
173
|
-
}
|
|
174
|
-
return formatted;
|
|
175
|
-
};
|
|
176
|
-
const init = () => {
|
|
177
|
-
const data = [];
|
|
178
|
-
const normalData = normalListData();
|
|
179
|
-
setColumnsList(normalData);
|
|
180
|
-
normalData.length > 0 &&
|
|
181
|
-
normalData.forEach(item => {
|
|
182
|
-
const perItem = item[0];
|
|
183
|
-
perItem &&
|
|
184
|
-
data.push(typeof perItem === "string" ? perItem : perItem.value);
|
|
185
|
-
});
|
|
186
|
-
if (!defaultValueData && chooseValueData.length === 0) {
|
|
187
|
-
setchooseValueData([...data]);
|
|
188
|
-
}
|
|
189
|
-
};
|
|
190
|
-
const renderToolbar = () => {
|
|
191
|
-
return (React.createElement("div", { className: "xh-picker-header" },
|
|
192
|
-
React.createElement("span", { className: "xh-picker-header-button picker-cancel", onClick: closeActionSheet }, "\u53D6\u6D88"),
|
|
193
|
-
React.createElement("div", { className: "xh-picker-header-title" }, title || ""),
|
|
194
|
-
React.createElement("span", { className: "xh-picker-header-button picker-confirm", onClick: confirm }, "\u786E\u5B9A")));
|
|
195
|
-
};
|
|
196
|
-
return (React.createElement(Popup, { visible: visible },
|
|
197
|
-
React.createElement("div", Object.assign({ className: classNames("xh-picker", className), style: style, ref: ref }, rest),
|
|
198
|
-
renderToolbar(),
|
|
199
|
-
React.createElement("div", { className: "xh-picker-panel", ref: pickerRef }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map((item, index) => {
|
|
200
|
-
return (React.createElement(PickerSlot, { ref: setRefs(index), defaultValue: chooseValueData === null || chooseValueData === void 0 ? void 0 : chooseValueData[index], data: item, mode: mode, onConfirm: chooseItem, swipeDuration: swipeDuration, key: index, keyIndex: index }));
|
|
201
|
-
})))));
|
|
202
|
-
};
|
|
203
|
-
const Picker = React.forwardRef(InternalPicker);
|
|
204
|
-
export default Picker;
|
|
205
|
-
//# sourceMappingURL=Picker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,226 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect, useRef, useImperativeHandle, } from "react";
|
|
2
|
-
import { View } from "@tarojs/components";
|
|
3
|
-
import { useTouch } from "../../hooks/useTouch";
|
|
4
|
-
import "./index.scss";
|
|
5
|
-
const InternalPickerSlot = (props, ref) => {
|
|
6
|
-
const { keyIndex = 0, defaultValue, data = [], mode = "normal", swipeDuration = 1000, visible = false, onConfirm, } = props;
|
|
7
|
-
const touch = useTouch();
|
|
8
|
-
const DEFAULT_DURATION = 200;
|
|
9
|
-
// 触发惯性滑动条件:
|
|
10
|
-
// 在手指离开屏幕时,如果和上一次 move 时的间隔小于 `MOMENTUM_TIME` 且 move
|
|
11
|
-
// 距离大于 `MOMENTUM_DISTANCE` 时,执行惯性滑动
|
|
12
|
-
const INERTIA_TIME = 300;
|
|
13
|
-
const INERTIA_DISTANCE = 15;
|
|
14
|
-
const [currIndex, setCurrIndex] = useState(1);
|
|
15
|
-
const lineSpacing = useRef(48);
|
|
16
|
-
const [touchTime, setTouchTime] = useState(0);
|
|
17
|
-
const [touchDeg, setTouchDeg] = useState("0deg");
|
|
18
|
-
const rotation = 22;
|
|
19
|
-
const moving = useRef(false);
|
|
20
|
-
let timer;
|
|
21
|
-
const listbox = useRef(null);
|
|
22
|
-
const rollerRef = useRef(null);
|
|
23
|
-
const pickerSlotRef = useRef(null);
|
|
24
|
-
const [startTime, setStartTime] = useState(0);
|
|
25
|
-
const [startY, setStartY] = useState(0);
|
|
26
|
-
const transformY = useRef(0);
|
|
27
|
-
const [scrollDistance, setScrollDistance] = useState(0);
|
|
28
|
-
const isHidden = (index) => {
|
|
29
|
-
if (index >= currIndex + 8 || index <= currIndex - 8) {
|
|
30
|
-
return true;
|
|
31
|
-
}
|
|
32
|
-
return false;
|
|
33
|
-
};
|
|
34
|
-
const setTransform = (translateY = 0, type, time = DEFAULT_DURATION, deg) => {
|
|
35
|
-
let nTime = time;
|
|
36
|
-
if (type !== "end") {
|
|
37
|
-
nTime = 0;
|
|
38
|
-
}
|
|
39
|
-
setTouchTime(nTime);
|
|
40
|
-
setTouchDeg(deg);
|
|
41
|
-
setScrollDistance(translateY);
|
|
42
|
-
};
|
|
43
|
-
const setMove = (move, type, time) => {
|
|
44
|
-
let updateMove = move + transformY.current;
|
|
45
|
-
if (type === "end") {
|
|
46
|
-
// 限定滚动距离
|
|
47
|
-
if (updateMove > 0) {
|
|
48
|
-
updateMove = 0;
|
|
49
|
-
}
|
|
50
|
-
if (updateMove < -(data.length - 1) * lineSpacing.current) {
|
|
51
|
-
updateMove = -(data.length - 1) * lineSpacing.current;
|
|
52
|
-
}
|
|
53
|
-
// 设置滚动距离为lineSpacing的倍数值
|
|
54
|
-
const endMove = Math.round(updateMove / lineSpacing.current) * lineSpacing.current;
|
|
55
|
-
const deg = `${(Math.abs(Math.round(endMove / lineSpacing.current)) + 1) * rotation}deg`;
|
|
56
|
-
setTransform(endMove, type, time, deg);
|
|
57
|
-
setCurrIndex(Math.abs(Math.round(endMove / lineSpacing.current)) + 1);
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
60
|
-
let deg = 0;
|
|
61
|
-
const currentDeg = (-updateMove / lineSpacing.current + 1) * rotation;
|
|
62
|
-
// picker 滚动的最大角度
|
|
63
|
-
const maxDeg = (data.length + 1) * rotation;
|
|
64
|
-
const minDeg = 0;
|
|
65
|
-
deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
|
|
66
|
-
if (minDeg < deg && deg < maxDeg) {
|
|
67
|
-
setTransform(updateMove, "", undefined, `${deg}deg`);
|
|
68
|
-
setCurrIndex(Math.abs(Math.round(updateMove / lineSpacing.current)) + 1);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
const setChooseValue = (move) => {
|
|
73
|
-
const index = Math.round(-move / lineSpacing.current);
|
|
74
|
-
onConfirm && onConfirm(data[index], keyIndex);
|
|
75
|
-
};
|
|
76
|
-
// 开始滚动
|
|
77
|
-
const touchStart = event => {
|
|
78
|
-
touch.start(event);
|
|
79
|
-
setStartY(touch.deltaY);
|
|
80
|
-
setStartTime(Date.now());
|
|
81
|
-
transformY.current = scrollDistance;
|
|
82
|
-
};
|
|
83
|
-
const touchMove = event => {
|
|
84
|
-
touch.move(event);
|
|
85
|
-
if (touch.isVertical()) {
|
|
86
|
-
moving.current = true;
|
|
87
|
-
preventDefault(event, true);
|
|
88
|
-
}
|
|
89
|
-
const move = touch.deltaY - startY;
|
|
90
|
-
setMove(move);
|
|
91
|
-
};
|
|
92
|
-
const touchEnd = () => {
|
|
93
|
-
if (!moving.current)
|
|
94
|
-
return;
|
|
95
|
-
const move = touch.deltaY - startY;
|
|
96
|
-
const moveTime = Date.now() - startTime;
|
|
97
|
-
// 区分是否为惯性滚动
|
|
98
|
-
if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
|
|
99
|
-
// 惯性滚动
|
|
100
|
-
const distance = momentum(move, moveTime);
|
|
101
|
-
setMove(distance, "end", +swipeDuration);
|
|
102
|
-
}
|
|
103
|
-
else {
|
|
104
|
-
setMove(move, "end");
|
|
105
|
-
}
|
|
106
|
-
setTimeout(() => {
|
|
107
|
-
touch.reset();
|
|
108
|
-
}, 0);
|
|
109
|
-
};
|
|
110
|
-
// 惯性滚动 距离
|
|
111
|
-
const momentum = (distance, duration) => {
|
|
112
|
-
let nDistance = distance;
|
|
113
|
-
// 惯性滚动的速度
|
|
114
|
-
const speed = Math.abs(nDistance / duration);
|
|
115
|
-
// 惯性滚动的距离
|
|
116
|
-
nDistance = (speed / 0.003) * (nDistance < 0 ? -1 : 1);
|
|
117
|
-
return nDistance;
|
|
118
|
-
};
|
|
119
|
-
const modifyStatus = (type, val) => {
|
|
120
|
-
const value = val || defaultValue;
|
|
121
|
-
let index = -1;
|
|
122
|
-
if (value) {
|
|
123
|
-
data.forEach((item, idx) => {
|
|
124
|
-
if (typeof item === "object" ? item.value === value : item === value) {
|
|
125
|
-
index = idx;
|
|
126
|
-
return true;
|
|
127
|
-
}
|
|
128
|
-
return false;
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
data.forEach((item, i) => {
|
|
133
|
-
if (typeof item === "object"
|
|
134
|
-
? item.value === defaultValue
|
|
135
|
-
: item === defaultValue) {
|
|
136
|
-
index = i;
|
|
137
|
-
}
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
setCurrIndex(index === -1 ? 1 : index + 1);
|
|
141
|
-
const move = index === -1 ? 0 : index * lineSpacing.current;
|
|
142
|
-
type && setChooseValue(-move);
|
|
143
|
-
setMove(-move);
|
|
144
|
-
};
|
|
145
|
-
// 惯性滚动结束
|
|
146
|
-
const stopMomentum = () => {
|
|
147
|
-
moving.current = false;
|
|
148
|
-
setTouchTime(0);
|
|
149
|
-
setChooseValue(scrollDistance);
|
|
150
|
-
};
|
|
151
|
-
// 阻止默认事件
|
|
152
|
-
const preventDefault = (event, isStopPropagation) => {
|
|
153
|
-
/* istanbul ignore else */
|
|
154
|
-
if (typeof event.cancelable !== "boolean" || event.cancelable) {
|
|
155
|
-
event.preventDefault();
|
|
156
|
-
}
|
|
157
|
-
if (isStopPropagation) {
|
|
158
|
-
event.stopPropagation();
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
const getReference = async () => {
|
|
162
|
-
// const refe = await getRectByTaro(listbox?.current)
|
|
163
|
-
// lineSpacing.current = refe.height ? refe.height : 36
|
|
164
|
-
// lineSpacing.current = 36
|
|
165
|
-
modifyStatus(true);
|
|
166
|
-
};
|
|
167
|
-
const touchRollerStyle = () => {
|
|
168
|
-
return {
|
|
169
|
-
transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
|
|
170
|
-
transform: `rotate3d(1, 0, 0, ${touchDeg})`,
|
|
171
|
-
};
|
|
172
|
-
};
|
|
173
|
-
const touchTileStyle = () => {
|
|
174
|
-
return {
|
|
175
|
-
transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
|
|
176
|
-
transform: `translate3d(0, ${scrollDistance}px, 0)`,
|
|
177
|
-
};
|
|
178
|
-
};
|
|
179
|
-
useEffect(() => {
|
|
180
|
-
setScrollDistance(0);
|
|
181
|
-
transformY.current = 0;
|
|
182
|
-
modifyStatus(false);
|
|
183
|
-
return () => {
|
|
184
|
-
clearTimeout(timer);
|
|
185
|
-
};
|
|
186
|
-
}, [data]);
|
|
187
|
-
useEffect(() => {
|
|
188
|
-
if (visible) {
|
|
189
|
-
setTimeout(() => {
|
|
190
|
-
getReference();
|
|
191
|
-
}, 200);
|
|
192
|
-
}
|
|
193
|
-
}, [visible]);
|
|
194
|
-
useImperativeHandle(ref, () => ({
|
|
195
|
-
stopMomentum,
|
|
196
|
-
moving: moving.current,
|
|
197
|
-
}));
|
|
198
|
-
return (React.createElement(View, { className: "xh-picker-list", ref: pickerSlotRef, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
|
|
199
|
-
React.createElement(View, { className: "xh-picker-roller", ref: rollerRef, style: mode === "3D" ? touchRollerStyle() : touchTileStyle(), onTransitionEnd: stopMomentum },
|
|
200
|
-
mode === "3D" &&
|
|
201
|
-
data.map((item, index) => {
|
|
202
|
-
return (React.createElement(View, { className: `xh-picker-roller-item ${isHidden(index + 1) && "nut-picker-roller-item-hidden"}`, style: {
|
|
203
|
-
transform: `rotate3d(1, 0, 0, ${-rotation * (index + 1)}deg) translate3d(0px, 0px, 104px)`,
|
|
204
|
-
height: `${lineSpacing.current}px`,
|
|
205
|
-
lineHeight: `${lineSpacing.current}px`,
|
|
206
|
-
}, key: typeof item === "string"
|
|
207
|
-
? index
|
|
208
|
-
: item.value
|
|
209
|
-
? item.value
|
|
210
|
-
: index },
|
|
211
|
-
React.createElement(React.Fragment, null, typeof item === "object" ? item.text : item)));
|
|
212
|
-
}),
|
|
213
|
-
mode === "normal" &&
|
|
214
|
-
data.map((item, index) => {
|
|
215
|
-
return (React.createElement(View, { className: "xh-picker-roller-item-title", key: typeof item === "object" ? item.value : item ? item : index, style: {
|
|
216
|
-
height: `${lineSpacing.current}px`,
|
|
217
|
-
lineHeight: `${lineSpacing.current}px`,
|
|
218
|
-
} },
|
|
219
|
-
React.createElement(React.Fragment, null, typeof item === "object" ? item.text : item)));
|
|
220
|
-
})),
|
|
221
|
-
React.createElement(View, { className: "xh-picker-mask" }),
|
|
222
|
-
React.createElement(View, { className: "xh-picker-indicator", ref: listbox })));
|
|
223
|
-
};
|
|
224
|
-
const PickerSlot = React.forwardRef(InternalPickerSlot);
|
|
225
|
-
export default PickerSlot;
|
|
226
|
-
//# sourceMappingURL=PickerSlot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerSlot.js","sourceRoot":"","sources":["../../../src/components/Picker/PickerSlot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
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, { useState, } from "react";
|
|
13
|
-
import classNames from "classnames";
|
|
14
|
-
import Picker from "./Picker";
|
|
15
|
-
import "./index.scss";
|
|
16
|
-
const PickerField = (props) => {
|
|
17
|
-
const { className, children, onCancel } = props, rest = __rest(props, ["className", "children", "onCancel"]);
|
|
18
|
-
const [visible, setVisible] = useState(false);
|
|
19
|
-
function handleClick() {
|
|
20
|
-
if (rest.data.length <= 0)
|
|
21
|
-
return;
|
|
22
|
-
setVisible(true);
|
|
23
|
-
}
|
|
24
|
-
function handleClose() {
|
|
25
|
-
setVisible(false);
|
|
26
|
-
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
27
|
-
}
|
|
28
|
-
return (React.createElement("div", { className: classNames("xh-picker-field", className), onClick: handleClick },
|
|
29
|
-
children,
|
|
30
|
-
React.createElement(Picker, Object.assign({ visible: visible, onCancel: handleClose, onClose: handleClose }, rest))));
|
|
31
|
-
};
|
|
32
|
-
export default PickerField;
|
|
33
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,GAIT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,cAAc,CAAC;AAYtB,MAAM,WAAW,GAAG,CAClB,KAA0B,EACZ,EAAE;IAChB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlD,qCAA0C,CAAQ,CAAC;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,WAAW;QAClB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QAClC,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,WAAW;QAClB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;IACf,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,WAAW;QAEnB,QAAQ;QACT,oBAAC,MAAM,kBACL,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,WAAW,IAChB,IAAI,EACR,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|