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,60 +0,0 @@
|
|
|
1
|
-
import React, { useEffect } from "react";
|
|
2
|
-
import ReactDOM from "react-dom";
|
|
3
|
-
import classNames from "classnames";
|
|
4
|
-
import { View } from "@tarojs/components";
|
|
5
|
-
import { Fade, Slide } from "../Animated";
|
|
6
|
-
import Mask from "../Mask";
|
|
7
|
-
import "./index.scss";
|
|
8
|
-
const positionMap = {
|
|
9
|
-
top: "down",
|
|
10
|
-
bottom: "up",
|
|
11
|
-
left: "right",
|
|
12
|
-
right: "left",
|
|
13
|
-
};
|
|
14
|
-
const Popup = props => {
|
|
15
|
-
const { visible, position = "bottom", children, onClose, className } = props;
|
|
16
|
-
const direction = positionMap[position];
|
|
17
|
-
const cls = classNames("xh-popup-content", {
|
|
18
|
-
"xh-popup-content-left": position === "left",
|
|
19
|
-
"xh-popup-content-right": position === "right",
|
|
20
|
-
"xh-popup-content-top": position === "top",
|
|
21
|
-
"xh-popup-content-bottom": position === "bottom",
|
|
22
|
-
});
|
|
23
|
-
const preventSTH = (e) => {
|
|
24
|
-
e.stopPropagation();
|
|
25
|
-
e.preventDefault();
|
|
26
|
-
};
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
if (visible) {
|
|
29
|
-
document.body.style.touchAction = "none";
|
|
30
|
-
document.body.addEventListener("touchmove", preventSTH);
|
|
31
|
-
document.body.style.overflowY = "hidden";
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
document.body.style.touchAction = "";
|
|
35
|
-
document.body.removeEventListener("touchmove", preventSTH);
|
|
36
|
-
document.body.style.overflowY = "auto";
|
|
37
|
-
}
|
|
38
|
-
return () => {
|
|
39
|
-
document.body.style.touchAction = "";
|
|
40
|
-
document.body.style.overflowY = "auto";
|
|
41
|
-
document.body.removeEventListener("touchmove", preventSTH);
|
|
42
|
-
};
|
|
43
|
-
}, [visible]);
|
|
44
|
-
function handleClickOnMask() {
|
|
45
|
-
onClose && onClose();
|
|
46
|
-
}
|
|
47
|
-
if (process.env.TARO_ENV !== "h5") {
|
|
48
|
-
const minicls = classNames("xh-popup", className, visible ? "visible" : "hidden");
|
|
49
|
-
return (React.createElement(View, { className: minicls },
|
|
50
|
-
React.createElement(Mask, { onClick: handleClickOnMask }),
|
|
51
|
-
React.createElement(View, { className: cls }, children)));
|
|
52
|
-
}
|
|
53
|
-
return ReactDOM.createPortal(React.createElement(Fade, { in: visible },
|
|
54
|
-
React.createElement("div", { className: classNames("xh-popup", className) },
|
|
55
|
-
React.createElement(Mask, { onClick: handleClickOnMask }),
|
|
56
|
-
React.createElement(Slide, { direction: direction, in: visible },
|
|
57
|
-
React.createElement("div", { className: cls }, children)))), document.body);
|
|
58
|
-
};
|
|
59
|
-
export default Popup;
|
|
60
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { View } from "@tarojs/components";
|
|
4
|
-
import { pxTransform } from "@tarojs/taro";
|
|
5
|
-
import "./index.scss";
|
|
6
|
-
const Progress = props => {
|
|
7
|
-
const { percent = 88, className, showPercent = false, doneColor = "", percentColor = "", height = 28, dots = [], solid = false, backgroundColor = "", } = props;
|
|
8
|
-
const progresslcs = classNames("xh-progress", className, {
|
|
9
|
-
dots: dots.length > 0,
|
|
10
|
-
});
|
|
11
|
-
const showPercentcls = classNames("progress-bar", { dots: dots.length > 0 }, { solid }, { h5: process.env.TARO_ENV === "h5" });
|
|
12
|
-
const showbarPercentcls = classNames("progress-bar-percent", { solid });
|
|
13
|
-
return (React.createElement(View, { className: progresslcs, style: {
|
|
14
|
-
height: height && pxTransform(height),
|
|
15
|
-
} },
|
|
16
|
-
React.createElement(View, { className: classNames("progress", { solid }), style: { backgroundColor } }, dots.length > 0 ? (React.createElement(React.Fragment, null,
|
|
17
|
-
dots.map(item => (React.createElement(View, { style: {
|
|
18
|
-
width: `${item}%`,
|
|
19
|
-
}, key: item, "data-progress": item, className: showPercentcls }, process.env.TARO_ENV !== "h5" && (React.createElement(View, { className: "progress-bar-text" },
|
|
20
|
-
item,
|
|
21
|
-
"%"))))),
|
|
22
|
-
React.createElement(View, { className: "progress-cover", style: { width: `${percent}%` } }))) : (React.createElement(View, { style: {
|
|
23
|
-
width: `${percent}%`,
|
|
24
|
-
backgroundColor: doneColor,
|
|
25
|
-
color: percentColor,
|
|
26
|
-
}, className: showPercentcls }, showPercent && (React.createElement(View, { className: showbarPercentcls }, `${percent}%`)))))));
|
|
27
|
-
};
|
|
28
|
-
export default Progress;
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;AAK3C,OAAO,cAAc,CAAC;AAmBtB,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,GAAG,EAAE,EACX,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,KAAK,EACb,eAAe,GAAG,EAAE,GACrB,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,CAC/B,cAAc,EACd,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,EACzB,EAAE,KAAK,EAAE,EACT,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE,CACtC,CAAC;IACF,MAAM,iBAAiB,GAAG,UAAU,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACxE,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE;YACL,MAAM,EAAE,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC;SACtC;QAED,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,EAC5C,KAAK,EAAE,EAAE,eAAe,EAAE,IAEzB,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,IAExB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,CAChC,oBAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB;gBAAE,IAAI;oBAAS,CACnD,CACI,CACR,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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
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, text, } = 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 }, text ? (React.createElement(View, { className: "xh-progress-circle-text" }, text)) : done ? (React.createElement(View, { className: "xh-progress-circle-done" })) : null));
|
|
20
|
-
};
|
|
21
|
-
export default Progress;
|
|
22
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/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,SAAS,CAAC;AAEtC,OAAO,cAAc,CAAC;AAatB,MAAM,QAAQ,GAA4B,KAAK,CAAC,EAAE;IAChD,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,SAAS;IACT,uBAAuB;IACvB,SAAS,GAAG,MAAM,EAClB,eAAe,GAAG,mBAAmB,EACrC,SAAS,GAAG,MAAM,EAClB,IAAI,EACJ,KAAK,EACL,IAAI,GACL,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAEhE,MAAM,SAAS,GAAwB,IAAI;QACzC,CAAC,CAAC;YACE,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;YACxB,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC;SAC1B;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,IAAI,GAAG,OAAO,KAAK,GAAG,CAAC;IAE7B,MAAM,UAAU,iDACX,SAAS,KACZ,WAAW,EAAE,GAAG,OAAO,GAAG,GAAG,MAAM,EACnC,aAAa,EAAE,SAAS,EACxB,mBAAmB,EAAE,eAAe,EACpC,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,SAAS,KACrB,KAAK,CACT,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,IAC5C,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,IAAE,IAAI,CAAQ,CACxD,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,GAAQ,CAClD,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,58 +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, { useMemo, useState } from "react";
|
|
13
|
-
import classNames from "classnames";
|
|
14
|
-
import Radio from "..";
|
|
15
|
-
const RadioGroup = props => {
|
|
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
|
-
let getOpions = useMemo(() => {
|
|
18
|
-
return option === null || option === void 0 ? void 0 : option.map(item => {
|
|
19
|
-
if (typeof item === "string") {
|
|
20
|
-
return {
|
|
21
|
-
label: item,
|
|
22
|
-
value: item,
|
|
23
|
-
checked: defaultChecked === item,
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
if (defaultChecked === item.value) {
|
|
28
|
-
item.checked = true;
|
|
29
|
-
}
|
|
30
|
-
return item;
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
}, [option, defaultChecked]);
|
|
34
|
-
const [innerOptions, setInnerOptions] = useState(getOpions);
|
|
35
|
-
const handleChange = idx => {
|
|
36
|
-
let newoption = [...innerOptions];
|
|
37
|
-
let newValue = "";
|
|
38
|
-
for (let index = 0; index < newoption.length; index++) {
|
|
39
|
-
if (index === idx) {
|
|
40
|
-
newoption[index].checked = true;
|
|
41
|
-
newValue = newoption[index].value;
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
newoption[index].checked = false;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
setInnerOptions(newoption);
|
|
48
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
49
|
-
};
|
|
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)));
|
|
55
|
-
})));
|
|
56
|
-
};
|
|
57
|
-
export default RadioGroup;
|
|
58
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/Group/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { RadioGroup } from "@tarojs/components";
|
|
4
|
-
import useGenerateId from "@/hooks/useGenerateId";
|
|
5
|
-
import { pxTransform } from "@/utils";
|
|
6
|
-
import Group from "./Group";
|
|
7
|
-
import "./index.scss";
|
|
8
|
-
const XHRadio = 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
|
-
const finalId = useGenerateId(id, "xh-radio-id");
|
|
11
|
-
const handleOnchange = e => {
|
|
12
|
-
let finalchecked = checked || false;
|
|
13
|
-
let value = "";
|
|
14
|
-
if (process.env.TARO_ENV === "h5") {
|
|
15
|
-
finalchecked = e.target.checked;
|
|
16
|
-
value = e.target.value;
|
|
17
|
-
}
|
|
18
|
-
else {
|
|
19
|
-
finalchecked = e.detail.value.length > 0;
|
|
20
|
-
value = e.detail.value;
|
|
21
|
-
}
|
|
22
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(finalchecked, value);
|
|
23
|
-
};
|
|
24
|
-
const cls = classNames("xh-radio", className, align, direction, justify);
|
|
25
|
-
if (process.env.TARO_ENV !== "h5") {
|
|
26
|
-
return (React.createElement(RadioGroup, { onChange: handleOnchange },
|
|
27
|
-
React.createElement("label", { htmlFor: finalId, className: cls, style: style },
|
|
28
|
-
React.createElement("input", { type: "radio", id: finalId, name: name, className: classNames("xh-radio-input", {
|
|
29
|
-
tt: process.env.TARO_ENV === "tt",
|
|
30
|
-
}), disabled: disabled, value: value, checked: checked, color: color }),
|
|
31
|
-
React.createElement("span", { style: size > 0
|
|
32
|
-
? {
|
|
33
|
-
width: pxTransform(size),
|
|
34
|
-
height: pxTransform(size),
|
|
35
|
-
}
|
|
36
|
-
: {}, className: classNames("xh-radio-input-fake", circle && "circle", {
|
|
37
|
-
tt: process.env.TARO_ENV === "tt",
|
|
38
|
-
fancy,
|
|
39
|
-
}) }),
|
|
40
|
-
React.createElement("span", { className: "xh-radio-label" }, label))));
|
|
41
|
-
}
|
|
42
|
-
return (React.createElement("label", { htmlFor: finalId, className: cls, style: style },
|
|
43
|
-
React.createElement("input", { type: "radio", id: finalId, name: name, className: "xh-radio-input", onChange: handleOnchange, value: value, disabled: disabled, defaultChecked: checked }),
|
|
44
|
-
React.createElement("span", { style: size > 0
|
|
45
|
-
? {
|
|
46
|
-
width: pxTransform(size),
|
|
47
|
-
height: pxTransform(size),
|
|
48
|
-
}
|
|
49
|
-
: {}, className: classNames("xh-radio-input-fake", { circle, fancy }) }),
|
|
50
|
-
React.createElement("span", { className: "xh-radio-label" }, label)));
|
|
51
|
-
};
|
|
52
|
-
const Radio = XHRadio;
|
|
53
|
-
Radio.Group = Group;
|
|
54
|
-
export default Radio;
|
|
55
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
2
|
-
import { View } from "@tarojs/components";
|
|
3
|
-
import classNames from "classnames";
|
|
4
|
-
import { pxTransform } from "@/utils";
|
|
5
|
-
import "./index.scss";
|
|
6
|
-
const Rank = props => {
|
|
7
|
-
const { defalutScore = -1, onChange, max = 5, size = 0, tip = "轻点星形以评分", style = {}, } = props;
|
|
8
|
-
const [score, setScore] = useState(defalutScore);
|
|
9
|
-
const selectRank = (index) => {
|
|
10
|
-
setScore(index);
|
|
11
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(index + 1);
|
|
12
|
-
};
|
|
13
|
-
return (React.createElement(View, { className: classNames("xh-rank"), style: size ? Object.assign({ fontSize: pxTransform(size) }, style) : Object.assign({}, style) },
|
|
14
|
-
React.createElement(View, { className: "xh-rank-tip" }, tip),
|
|
15
|
-
React.createElement(View, { className: "xh-rank-star" }, Array(max)
|
|
16
|
-
.fill(1)
|
|
17
|
-
.map((_item, index) => (React.createElement(View, { key: index, className: classNames("xh-rank-star-active", {
|
|
18
|
-
active: index <= score,
|
|
19
|
-
}), onClick: () => selectRank(index) }))))));
|
|
20
|
-
};
|
|
21
|
-
export default Rank;
|
|
22
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Rank/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,cAAc,CAAC;AAatB,MAAM,IAAI,GAAwB,KAAK,CAAC,EAAE;IACxC,MAAM,EACJ,YAAY,GAAG,CAAC,CAAC,EACjB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,CAAC,EACR,GAAG,GAAG,SAAS,EACf,KAAK,GAAG,EAAE,GACX,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,GAAG,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,KAAK,EAAE,IAAI,CAAC,CAAC,iBAAG,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,IAAK,KAAK,EAAG,CAAC,mBAAM,KAAK,CAAE;QAEtE,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,IAAE,GAAG,CAAQ;QAC1C,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAC3B,KAAK,CAAC,GAAG,CAAC;aACR,IAAI,CAAC,CAAC,CAAC;aACP,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE;gBAC3C,MAAM,EAAE,KAAK,IAAI,KAAK;aACvB,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAC1B,CACT,CAAC,CACC,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Image, View } from "@tarojs/components";
|
|
3
|
-
import classNames from "classnames";
|
|
4
|
-
import Button from "../Button";
|
|
5
|
-
import "./index.scss";
|
|
6
|
-
const ImageMap = {
|
|
7
|
-
success: "https://s.xh1.cn/resources/images/public/success.png",
|
|
8
|
-
empty: "https://s.xh1.cn/resources/images/public/empty.png",
|
|
9
|
-
fail: "https://s.xh1.cn/resources/images/public/failure.png",
|
|
10
|
-
networkErr: "https://s.xh1.cn/resources/images/public/error.png",
|
|
11
|
-
wait: "https://s.xh1.cn/resources/images/public/ing.png",
|
|
12
|
-
submitted: "https://s.xh1.cn/resources/images/public/success-info.png",
|
|
13
|
-
faceEmpty: "https://s.xh1.cn/resources/images/public/faceEmpty.png",
|
|
14
|
-
};
|
|
15
|
-
const Result = props => {
|
|
16
|
-
const { className, status, title, desc, slot, action, onAction, full = true, } = props;
|
|
17
|
-
const resultCls = classNames("xh-result", className, { full });
|
|
18
|
-
const renderImage = () => {
|
|
19
|
-
if (process.env.TARO_ENV === "h5") {
|
|
20
|
-
return React.createElement("img", { src: ImageMap[status], alt: "", className: "xh-result-status" });
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
return React.createElement(Image, { src: ImageMap[status], className: "xh-result-status" });
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const handleAction = () => {
|
|
27
|
-
onAction === null || onAction === void 0 ? void 0 : onAction();
|
|
28
|
-
};
|
|
29
|
-
return (React.createElement(View, { className: resultCls },
|
|
30
|
-
renderImage(),
|
|
31
|
-
React.createElement(View, { className: "xh-result-title" }, title),
|
|
32
|
-
React.createElement(View, { className: "xh-result-desc" }, desc),
|
|
33
|
-
React.createElement(View, { className: "xh-result-slot" }, slot),
|
|
34
|
-
action && (React.createElement(View, { className: classNames("xh-result-action", { hasSlot: slot }) },
|
|
35
|
-
React.createElement(Button, { onClick: handleAction, hollow: true, size: "full" }, action)))));
|
|
36
|
-
};
|
|
37
|
-
export default Result;
|
|
38
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Result/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,OAAO,cAAc,CAAC;AAEtB,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,sDAAsD;IAC/D,KAAK,EAAE,oDAAoD;IAC3D,IAAI,EAAE,sDAAsD;IAC5D,UAAU,EAAE,oDAAoD;IAChE,IAAI,EAAE,kDAAkD;IACxD,SAAS,EAAE,2DAA2D;IACtE,SAAS,EAAE,wDAAwD;CACpE,CAAC;AAcF,MAAM,MAAM,GAA0B,KAAK,CAAC,EAAE;IAC5C,MAAM,EACJ,SAAS,EACT,MAAM,EACN,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,IAAI,GAAG,IAAI,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,OAAO,6BAAK,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC;SAC3E;aAAM;YACL,OAAO,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAAC;SACtE;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;QACvB,WAAW,EAAE;QACd,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ;QAChD,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAQ;QAC9C,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAQ;QAC7C,MAAM,IAAI,CACT,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YAChE,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAC,IAAI,EAAC,MAAM,IAC9C,MAAM,CACA,CACJ,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
const ScrolllView = props => {
|
|
4
|
-
const { children, direction = "y", onScroll, lowerThreshold = 50, onScrollToLower, className, } = props;
|
|
5
|
-
console.log(direction);
|
|
6
|
-
const handleScroll = evt => {
|
|
7
|
-
console.log(evt);
|
|
8
|
-
console.log("evt");
|
|
9
|
-
onScroll && onScroll(evt);
|
|
10
|
-
const scrollTop = evt.target.scrollTop;
|
|
11
|
-
const scrollHeight = evt.target.scrollHeight;
|
|
12
|
-
const offsetHeight = evt.target.offsetHeight;
|
|
13
|
-
if (scrollHeight - (scrollTop + offsetHeight) <= lowerThreshold) {
|
|
14
|
-
onScrollToLower && onScrollToLower();
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
const debounce = (fn, delay, ...args) => {
|
|
18
|
-
console.log(args);
|
|
19
|
-
let timer = 0;
|
|
20
|
-
return function (evt) {
|
|
21
|
-
if (timer) {
|
|
22
|
-
clearTimeout(timer);
|
|
23
|
-
timer = null;
|
|
24
|
-
}
|
|
25
|
-
timer = window.setTimeout(() => {
|
|
26
|
-
fn.call(window, evt);
|
|
27
|
-
}, delay);
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
const scrollView = classNames("xh-scroll-view", className);
|
|
31
|
-
return (React.createElement("div", { onScroll: debounce(handleScroll, 1000), className: scrollView }, children));
|
|
32
|
-
};
|
|
33
|
-
export default ScrolllView;
|
|
34
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScrollView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,WAAW,GAA+B,KAAK,CAAC,EAAE;IACtD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,QAAQ,EACR,cAAc,GAAG,EAAE,EACnB,eAAe,EACf,SAAS,GACV,GAAG,KAAK,CAAC;IACV,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAEvB,MAAM,YAAY,GAAmC,GAAG,CAAC,EAAE;QACzD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1B,MAAM,SAAS,GAAI,GAAG,CAAC,MAAsB,CAAC,SAAS,CAAC;QACxD,MAAM,YAAY,GAAI,GAAG,CAAC,MAAsB,CAAC,YAAY,CAAC;QAC9D,MAAM,YAAY,GAAI,GAAG,CAAC,MAAsB,CAAC,YAAY,CAAC;QAC9D,IAAI,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,cAAc,EAAE;YAC/D,eAAe,IAAI,eAAe,EAAE,CAAC;SACtC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,EAAY,EAAE,KAAa,EAAE,GAAG,IAAI,EAAE,EAAE;QACxD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAElB,IAAI,KAAK,GAAkB,CAAC,CAAC;QAC7B,OAAO,UAAU,GAAG;YAClB,IAAI,KAAK,EAAE;gBACT,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,KAAK,GAAG,IAAI,CAAC;aACd;YACD,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC7B,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YACvB,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC3D,OAAO,CACL,6BAAK,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,IAC/D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { SpaceContext } from ".";
|
|
3
|
-
export default function Item({ className, direction, index, marginDirection, children, split, wrap, }) {
|
|
4
|
-
const { horizontalSize, verticalSize, latestIndex, supportFlexGap } = React.useContext(SpaceContext);
|
|
5
|
-
let style = {};
|
|
6
|
-
if (!supportFlexGap) {
|
|
7
|
-
if (direction === "vertical") {
|
|
8
|
-
if (index < latestIndex) {
|
|
9
|
-
style = { marginBottom: horizontalSize / (split ? 2 : 1) };
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
else {
|
|
13
|
-
style = Object.assign(Object.assign({}, (index < latestIndex && {
|
|
14
|
-
[marginDirection]: horizontalSize / (split ? 2 : 1),
|
|
15
|
-
})), (wrap && { paddingBottom: verticalSize }));
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
if (children === null || children === undefined) {
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
return (React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement("div", { className: className, style: style }, children),
|
|
23
|
-
index < latestIndex && split && (React.createElement("span", { className: `${className}-split`, style: style }, split))));
|
|
24
|
-
}
|
|
25
|
-
//# sourceMappingURL=Item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Space/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAYjC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,KAAK,EACL,eAAe,EACf,QAAQ,EACR,KAAK,EACL,IAAI,GACM;IACV,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,GACjE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEjC,IAAI,KAAK,GAAwB,EAAE,CAAC;IAEpC,IAAI,CAAC,cAAc,EAAE;QACnB,IAAI,SAAS,KAAK,UAAU,EAAE;YAC5B,IAAI,KAAK,GAAG,WAAW,EAAE;gBACvB,KAAK,GAAG,EAAE,YAAY,EAAE,cAAc,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;aAC5D;SACF;aAAM;YACL,KAAK,mCACA,CAAC,KAAK,GAAG,WAAW,IAAI;gBACzB,CAAC,eAAe,CAAC,EAAE,cAAc,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACpD,CAAC,GACC,CAAC,IAAI,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAC7C,CAAC;SACH;KACF;IAED,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE;QAC/C,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IACpC,QAAQ,CACL;QACL,KAAK,GAAG,WAAW,IAAI,KAAK,IAAI,CAC/B,8BAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,KAAK,EAAE,KAAK,IAChD,KAAK,CACD,CACR,CACc,CAClB,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export const defaultGetPrefixCls = (suffixCls) => {
|
|
3
|
-
return suffixCls ? `xh-${suffixCls}` : "xh";
|
|
4
|
-
};
|
|
5
|
-
export const ConfigContext = React.createContext({
|
|
6
|
-
getPrefixCls: defaultGetPrefixCls,
|
|
7
|
-
});
|
|
8
|
-
//# sourceMappingURL=config-provider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"config-provider.js","sourceRoot":"","sources":["../../../src/components/Space/config-provider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;IACxD,OAAO,SAAS,CAAC,CAAC,CAAC,MAAM,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAsB;IACpE,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC"}
|
|
@@ -1,77 +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 classNames from "classnames";
|
|
15
|
-
import useFlexGapSupport from "@/hooks/useFlexGapSupport";
|
|
16
|
-
import { toArray } from "@/utils";
|
|
17
|
-
import { ConfigContext } from "./config-provider";
|
|
18
|
-
import Item from "./Item";
|
|
19
|
-
import "./index.scss";
|
|
20
|
-
export const SpaceConfigContext = ConfigContext;
|
|
21
|
-
export const SpaceContext = React.createContext({
|
|
22
|
-
latestIndex: 0,
|
|
23
|
-
horizontalSize: 0,
|
|
24
|
-
verticalSize: 0,
|
|
25
|
-
supportFlexGap: false,
|
|
26
|
-
});
|
|
27
|
-
const spaceSize = {
|
|
28
|
-
small: 8,
|
|
29
|
-
normal: 16,
|
|
30
|
-
large: 24,
|
|
31
|
-
};
|
|
32
|
-
function getNumberSize(size) {
|
|
33
|
-
return typeof size === "string" ? spaceSize[size] : size || 0;
|
|
34
|
-
}
|
|
35
|
-
const XHSpace = props => {
|
|
36
|
-
const { getPrefixCls, space, direction: directionConfig, } = React.useContext(ConfigContext);
|
|
37
|
-
const { size = (space === null || space === void 0 ? void 0 : space.size) || "small", align, className, children, direction = "horizontal", split, style, wrap = false } = props, otherProps = __rest(props, ["size", "align", "className", "children", "direction", "split", "style", "wrap"]);
|
|
38
|
-
const supportFlexGap = useFlexGapSupport();
|
|
39
|
-
const [horizontalSize, verticalSize] = React.useMemo(() => (Array.isArray(size) ? size : [size, size]).map(item => getNumberSize(item)), [size]);
|
|
40
|
-
const childNodes = toArray(children, { keepEmpty: true });
|
|
41
|
-
const mergedAlign = align === undefined && direction === "horizontal" ? "center" : align;
|
|
42
|
-
const prefixCls = getPrefixCls("space");
|
|
43
|
-
const cn = classNames(prefixCls, `${prefixCls}-${direction}`, {
|
|
44
|
-
[`${prefixCls}-rtl`]: directionConfig === "rtl",
|
|
45
|
-
[`${prefixCls}-align-${mergedAlign}`]: mergedAlign,
|
|
46
|
-
}, className);
|
|
47
|
-
const itemClassName = `${prefixCls}-item`;
|
|
48
|
-
const marginDirection = directionConfig === "rtl" ? "marginLeft" : "marginRight";
|
|
49
|
-
// Calculate latest one
|
|
50
|
-
let latestIndex = 0;
|
|
51
|
-
const nodes = childNodes.map((child, i) => {
|
|
52
|
-
if (child !== null && child !== undefined) {
|
|
53
|
-
latestIndex = i;
|
|
54
|
-
}
|
|
55
|
-
const key = (child && child.key) || `${itemClassName}-${i}`;
|
|
56
|
-
return (React.createElement(Item, { className: itemClassName, key: key, direction: direction, index: i, marginDirection: marginDirection, split: split, wrap: wrap }, child));
|
|
57
|
-
});
|
|
58
|
-
const spaceContext = React.useMemo(() => ({ horizontalSize, verticalSize, latestIndex, supportFlexGap }), [horizontalSize, verticalSize, latestIndex, supportFlexGap]);
|
|
59
|
-
if (childNodes.length === 0) {
|
|
60
|
-
return null;
|
|
61
|
-
}
|
|
62
|
-
const gapStyle = {};
|
|
63
|
-
if (wrap) {
|
|
64
|
-
gapStyle.flexWrap = "wrap";
|
|
65
|
-
if (!supportFlexGap) {
|
|
66
|
-
gapStyle.marginBottom = `-${verticalSize}px`;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
if (supportFlexGap) {
|
|
70
|
-
gapStyle.columnGap = `${horizontalSize}px`;
|
|
71
|
-
gapStyle.rowGap = `${verticalSize}px`;
|
|
72
|
-
}
|
|
73
|
-
return (React.createElement(View, Object.assign({ className: cn, style: Object.assign(Object.assign({}, gapStyle), style) }, otherProps),
|
|
74
|
-
React.createElement(SpaceContext.Provider, { value: spaceContext }, nodes)));
|
|
75
|
-
};
|
|
76
|
-
export default XHSpace;
|
|
77
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Space/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { View } from "@tarojs/components";
|
|
4
|
-
const classPrefix = `xh-steps`;
|
|
5
|
-
const stepClassPrefix = `xh-step`;
|
|
6
|
-
const defaultIcon = React.createElement("span", { className: `${stepClassPrefix}-icon-dot` });
|
|
7
|
-
const Steps = props => {
|
|
8
|
-
const { direction = "horizontal", current = 0, style, className, dashed = false, } = props;
|
|
9
|
-
const classString = classNames(classPrefix, `${classPrefix}-${direction}`, className);
|
|
10
|
-
return (React.createElement(View, { className: classString, style: style }, React.Children.map(props.children, (child, index) => {
|
|
11
|
-
var _a;
|
|
12
|
-
if (!React.isValidElement(child)) {
|
|
13
|
-
return child;
|
|
14
|
-
}
|
|
15
|
-
const props = child.props;
|
|
16
|
-
let status = props.status || "wait";
|
|
17
|
-
if (index < current) {
|
|
18
|
-
status = props.status || "finish";
|
|
19
|
-
}
|
|
20
|
-
else if (index === current) {
|
|
21
|
-
status = props.status || "process";
|
|
22
|
-
}
|
|
23
|
-
const icon = (_a = props.icon) !== null && _a !== void 0 ? _a : defaultIcon;
|
|
24
|
-
return React.cloneElement(child, {
|
|
25
|
-
status,
|
|
26
|
-
icon,
|
|
27
|
-
direction,
|
|
28
|
-
dashed,
|
|
29
|
-
});
|
|
30
|
-
})));
|
|
31
|
-
};
|
|
32
|
-
export default Steps;
|
|
33
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Step/Steps/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAK1C,MAAM,WAAW,GAAG,UAAU,CAAC;AAC/B,MAAM,eAAe,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,GAAG,8BAAM,SAAS,EAAE,GAAG,eAAe,WAAW,GAAI,CAAC;AAavE,MAAM,KAAK,GAAmB,KAAK,CAAC,EAAE;IACpC,MAAM,EACJ,SAAS,GAAG,YAAY,EACxB,OAAO,GAAG,CAAC,EACX,KAAK,EACL,SAAS,EACT,MAAM,GAAG,KAAK,GACf,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,UAAU,CAC5B,WAAW,EACX,GAAG,WAAW,IAAI,SAAS,EAAE,EAC7B,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IACvC,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,KAAK,CAAC,QAAQ,EACd,CAAC,KAA8B,EAAE,KAAK,EAAE,EAAE;;QACxC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAO,KAAK,CAAC;SACd;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAE1B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC;QACpC,IAAI,KAAK,GAAG,OAAO,EAAE;YACnB,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC;SACnC;aAAM,IAAI,KAAK,KAAK,OAAO,EAAE;YAC5B,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;SACpC;QAED,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,WAAW,CAAC;QAEvC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,MAAM;YACN,IAAI;YACJ,SAAS;YACT,MAAM;SACP,CAAC,CAAC;IACL,CAAC,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { View } from "@tarojs/components";
|
|
4
|
-
import Steps from "./Steps";
|
|
5
|
-
import "./index.scss";
|
|
6
|
-
const classPrefix = "xh-step";
|
|
7
|
-
const Step = props => {
|
|
8
|
-
const { title, description, icon, status = "wait", fancy, style, className, direction, prefix, dashed, } = props;
|
|
9
|
-
return (React.createElement(View, { className: classNames(`${classPrefix}`, `${classPrefix}-status-${status}`, className), style: style },
|
|
10
|
-
direction === "vertical" && prefix && (React.createElement(View, { className: `${classPrefix}-prefix` }, prefix)),
|
|
11
|
-
React.createElement(View, { className: classNames(`${classPrefix}-indicator`, { dashed }) },
|
|
12
|
-
React.createElement(View, { className: classNames(`${classPrefix}-icon-container`, { fancy }) }, icon)),
|
|
13
|
-
React.createElement(View, { className: `${classPrefix}-content` },
|
|
14
|
-
React.createElement(View, { className: `${classPrefix}-title` }, title),
|
|
15
|
-
!!description && (React.createElement(View, { className: `${classPrefix}-description` }, description)))));
|
|
16
|
-
};
|
|
17
|
-
const XHStep = Step;
|
|
18
|
-
XHStep.Steps = Steps;
|
|
19
|
-
export default XHStep;
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Step/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;AActB,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,MAAM,IAAI,GAAwB,KAAK,CAAC,EAAE;IACxC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,GAAG,WAAW,EAAE,EAChB,GAAG,WAAW,WAAW,MAAM,EAAE,EACjC,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEX,SAAS,KAAK,UAAU,IAAI,MAAM,IAAI,CACrC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,SAAS,IAAG,MAAM,CAAQ,CAC1D;QACD,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,GAAG,WAAW,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC;YACjE,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,GAAG,WAAW,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAC,IAEhE,IAAI,CACA,CACF;QACP,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,UAAU;YACvC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,QAAQ,IAAG,KAAK,CAAQ;YACtD,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,cAAc,IAAG,WAAW,CAAQ,CACpE,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,MAAM,GAAG,IAAuB,CAAC;AACvC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { View } from "@tarojs/components";
|
|
2
|
-
import React, { useMemo, useState } from "react";
|
|
3
|
-
import classNames from "classnames";
|
|
4
|
-
import "./index.scss";
|
|
5
|
-
const Switch = props => {
|
|
6
|
-
const { checked = false, checkedText = "", uncheckedText = "", onChange, className, disabled, } = props;
|
|
7
|
-
const [innerChecked, setInnerChecked] = useState(checked);
|
|
8
|
-
const handleCheckedChange = () => {
|
|
9
|
-
if (disabled)
|
|
10
|
-
return;
|
|
11
|
-
setInnerChecked(old => {
|
|
12
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(!old);
|
|
13
|
-
return !old;
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
const checkedInner = useMemo(() => {
|
|
17
|
-
if (innerChecked)
|
|
18
|
-
return checkedText;
|
|
19
|
-
return uncheckedText;
|
|
20
|
-
}, [innerChecked, checkedText, uncheckedText]);
|
|
21
|
-
return (React.createElement(View, { className: classNames("xh-switch", { checked: innerChecked }, { disabled }, className), onClick: handleCheckedChange },
|
|
22
|
-
React.createElement(View, { className: "xh-switch-control" }),
|
|
23
|
-
React.createElement(View, { className: "xh-switch-inner" }, checkedInner)));
|
|
24
|
-
};
|
|
25
|
-
export default Switch;
|
|
26
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,cAAc,CAAC;AAWtB,MAAM,MAAM,GAA0B,KAAK,CAAC,EAAE;IAC5C,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE1D,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,QAAQ;YAAE,OAAO;QACrB,eAAe,CAAC,GAAG,CAAC,EAAE;YACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,YAAY;YAAE,OAAO,WAAW,CAAC;QACrC,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,EAAE,OAAO,EAAE,YAAY,EAAE,EACzB,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,EACD,OAAO,EAAE,mBAAmB;QAE5B,oBAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,GAAQ;QAC3C,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,IAAE,YAAY,CAAQ,CAClD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAA6B,MAAM,iBAAiB,CAAC;AAC5D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,cAAc,CAAC;AAMtB,MAAM,MAAM,GAAG,eAA4C,CAAC;AAE5D,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;AAEzB,eAAe,MAAM,CAAC"}
|