@xhsreds/reds-rn-next 0.1.2 → 0.1.3
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/benchmarks/out.json +900 -820
- package/coverage/.tmp/coverage-0.json +1 -1
- package/coverage/.tmp/coverage-1.json +1 -1
- package/coverage/.tmp/coverage-10.json +1 -1
- package/coverage/.tmp/coverage-11.json +1 -1
- package/coverage/.tmp/coverage-12.json +1 -1
- package/coverage/.tmp/coverage-13.json +1 -1
- package/coverage/.tmp/coverage-14.json +1 -1
- package/coverage/.tmp/coverage-15.json +1 -1
- package/coverage/.tmp/coverage-16.json +1 -1
- package/coverage/.tmp/coverage-17.json +1 -1
- package/coverage/.tmp/coverage-18.json +1 -1
- package/coverage/.tmp/coverage-19.json +1 -1
- package/coverage/.tmp/coverage-2.json +1 -1
- package/coverage/.tmp/coverage-20.json +1 -1
- package/coverage/.tmp/coverage-21.json +1 -1
- package/coverage/.tmp/coverage-22.json +1 -1
- package/coverage/.tmp/coverage-23.json +1 -1
- package/coverage/.tmp/coverage-24.json +1 -1
- package/coverage/.tmp/coverage-25.json +1 -1
- package/coverage/.tmp/coverage-26.json +1 -1
- package/coverage/.tmp/coverage-27.json +1 -1
- package/coverage/.tmp/coverage-28.json +1 -1
- package/coverage/.tmp/coverage-29.json +1 -0
- package/coverage/.tmp/coverage-3.json +1 -1
- package/coverage/.tmp/coverage-30.json +1 -0
- package/coverage/.tmp/coverage-31.json +1 -0
- package/coverage/.tmp/coverage-4.json +1 -1
- package/coverage/.tmp/coverage-5.json +1 -1
- package/coverage/.tmp/coverage-6.json +1 -1
- package/coverage/.tmp/coverage-7.json +1 -1
- package/coverage/.tmp/coverage-8.json +1 -1
- package/coverage/.tmp/coverage-9.json +1 -1
- package/lib/cjs/_chunks/CkkZzOy_.js +23 -0
- package/lib/cjs/_chunks/CkkZzOy_.js.map +1 -0
- package/lib/cjs/_chunks/RPaDcSae.js +20 -0
- package/lib/cjs/_chunks/RPaDcSae.js.map +1 -0
- package/lib/cjs/_chunks/bwo-gq0b.js +66 -0
- package/lib/cjs/_chunks/bwo-gq0b.js.map +1 -0
- package/lib/cjs/components/ActionSheets/ActionSheets.js +99 -0
- package/lib/cjs/components/ActionSheets/ActionSheets.js.map +1 -0
- package/lib/cjs/components/ActionSheets/index.js +37 -0
- package/lib/cjs/components/ActionSheets/index.js.map +1 -0
- package/lib/cjs/components/ActionSheets/interface/index.js +9 -0
- package/lib/cjs/components/ActionSheets/interface/index.js.map +1 -0
- package/lib/cjs/components/ActionSheets/styles.js +59 -0
- package/lib/cjs/components/ActionSheets/styles.js.map +1 -0
- package/lib/cjs/components/AvatarGroup/AvatarGroup.js +10 -4
- package/lib/cjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/cjs/components/AvatarGroup/index.js +17 -11
- package/lib/cjs/components/AvatarGroup/index.js.map +1 -1
- package/lib/cjs/components/ImagePreview/ImagePreview.js +11 -5
- package/lib/cjs/components/ImagePreview/ImagePreview.js.map +1 -1
- package/lib/cjs/components/ImagePreview/index.js +18 -12
- package/lib/cjs/components/ImagePreview/index.js.map +1 -1
- package/lib/cjs/components/List/ListItem/ListItem.js +11 -5
- package/lib/cjs/components/List/ListItem/ListItem.js.map +1 -1
- package/lib/cjs/components/List/index.js +16 -10
- package/lib/cjs/components/List/index.js.map +1 -1
- package/lib/cjs/components/Picker/Picker.js +6 -1
- package/lib/cjs/components/Picker/Picker.js.map +1 -1
- package/lib/cjs/components/Picker/index.js +6 -1
- package/lib/cjs/components/Picker/index.js.map +1 -1
- package/lib/cjs/components/Sheets/Sheets.js +168 -16
- package/lib/cjs/components/Sheets/Sheets.js.map +1 -1
- package/lib/cjs/components/Sheets/index.js +9 -3
- package/lib/cjs/components/Sheets/index.js.map +1 -1
- package/lib/cjs/components/Sheets/interface/index.js +6 -1
- package/lib/cjs/components/Sheets/interface/index.js.map +1 -1
- package/lib/cjs/components/Sheets/styles.js +39 -11
- package/lib/cjs/components/Sheets/styles.js.map +1 -1
- package/lib/cjs/components/Silder/Silder.js +71 -0
- package/lib/cjs/components/Silder/Silder.js.map +1 -0
- package/lib/cjs/components/Silder/index.js +18 -0
- package/lib/cjs/components/Silder/index.js.map +1 -0
- package/lib/cjs/components/Silder/interface/index.js +9 -0
- package/lib/cjs/components/Silder/interface/index.js.map +1 -0
- package/lib/cjs/components/Silder/styles.js +29 -0
- package/lib/cjs/components/Silder/styles.js.map +1 -0
- package/lib/cjs/components/TabBar/TabBar.js +10 -10
- package/lib/cjs/components/TabBar/TabBar.js.map +1 -1
- package/lib/cjs/index.js +12 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/_chunks/BJ2Kj1Vd.js +58 -0
- package/lib/esm/_chunks/BJ2Kj1Vd.js.map +1 -0
- package/lib/esm/_chunks/DHJk9lIr.js +19 -0
- package/lib/esm/_chunks/DHJk9lIr.js.map +1 -0
- package/lib/esm/_chunks/RRfNwNcs.js +17 -0
- package/lib/esm/_chunks/RRfNwNcs.js.map +1 -0
- package/lib/esm/components/ActionSheets/ActionSheets.js +95 -0
- package/lib/esm/components/ActionSheets/ActionSheets.js.map +1 -0
- package/lib/esm/components/ActionSheets/index.js +31 -0
- package/lib/esm/components/ActionSheets/index.js.map +1 -0
- package/lib/esm/components/ActionSheets/interface/index.js +2 -0
- package/lib/esm/components/ActionSheets/interface/index.js.map +1 -0
- package/lib/esm/components/ActionSheets/styles.js +55 -0
- package/lib/esm/components/ActionSheets/styles.js.map +1 -0
- package/lib/esm/components/AvatarGroup/AvatarGroup.js +10 -4
- package/lib/esm/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/esm/components/AvatarGroup/index.js +17 -11
- package/lib/esm/components/AvatarGroup/index.js.map +1 -1
- package/lib/esm/components/ImagePreview/ImagePreview.js +11 -5
- package/lib/esm/components/ImagePreview/ImagePreview.js.map +1 -1
- package/lib/esm/components/ImagePreview/index.js +18 -12
- package/lib/esm/components/ImagePreview/index.js.map +1 -1
- package/lib/esm/components/List/ListItem/ListItem.js +11 -5
- package/lib/esm/components/List/ListItem/ListItem.js.map +1 -1
- package/lib/esm/components/List/index.js +16 -10
- package/lib/esm/components/List/index.js.map +1 -1
- package/lib/esm/components/Picker/Picker.js +6 -1
- package/lib/esm/components/Picker/Picker.js.map +1 -1
- package/lib/esm/components/Picker/index.js +6 -1
- package/lib/esm/components/Picker/index.js.map +1 -1
- package/lib/esm/components/Sheets/Sheets.js +170 -18
- package/lib/esm/components/Sheets/Sheets.js.map +1 -1
- package/lib/esm/components/Sheets/index.js +9 -3
- package/lib/esm/components/Sheets/index.js.map +1 -1
- package/lib/esm/components/Sheets/interface/index.js +1 -1
- package/lib/esm/components/Sheets/styles.js +39 -11
- package/lib/esm/components/Sheets/styles.js.map +1 -1
- package/lib/esm/components/Silder/Silder.js +67 -0
- package/lib/esm/components/Silder/Silder.js.map +1 -0
- package/lib/esm/components/Silder/index.js +12 -0
- package/lib/esm/components/Silder/index.js.map +1 -0
- package/lib/esm/components/Silder/interface/index.js +3 -0
- package/lib/esm/components/Silder/interface/index.js.map +1 -0
- package/lib/esm/components/Silder/styles.js +25 -0
- package/lib/esm/components/Silder/styles.js.map +1 -0
- package/lib/esm/components/TabBar/TabBar.js +10 -10
- package/lib/esm/components/TabBar/TabBar.js.map +1 -1
- package/lib/esm/index.js +8 -2
- package/lib/esm/index.js.map +1 -1
- package/lib/types/components/ActionSheets/ActionSheets.d.ts +10 -0
- package/lib/types/components/ActionSheets/demo/index.d.ts +2 -0
- package/lib/types/components/ActionSheets/index.d.ts +4 -0
- package/lib/types/components/ActionSheets/interface/index.d.ts +23 -0
- package/lib/types/components/ActionSheets/styles.d.ts +51 -0
- package/lib/types/components/ActionSheets/test/index.bench.d.ts +1 -0
- package/lib/types/components/ActionSheets/test/index.test.d.ts +1 -0
- package/lib/types/components/ActionSheets/test/paper.bench.d.ts +1 -0
- package/lib/types/components/FAB/test/paper.bench.d.ts +1 -0
- package/lib/types/components/Sheets/Sheets.d.ts +17 -1
- package/lib/types/components/Sheets/interface/index.d.ts +45 -0
- package/lib/types/components/Sheets/styles.d.ts +38 -9
- package/lib/types/components/Sheets/test/index.test.d.ts +1 -1
- package/lib/types/components/Silder/Silder.d.ts +13 -0
- package/lib/types/components/Silder/demo/index.d.ts +2 -0
- package/lib/types/components/Silder/index.d.ts +4 -0
- package/lib/types/components/Silder/interface/index.d.ts +19 -0
- package/lib/types/components/Silder/styles.d.ts +20 -0
- package/lib/types/components/Silder/test/index.bench.d.ts +1 -0
- package/lib/types/components/Silder/test/index.test.d.ts +1 -0
- package/lib/types/index.d.ts +2 -0
- package/package.json +2 -3
- package/src/components/ActionSheets/ActionSheets.tsx +66 -0
- package/src/components/ActionSheets/demo/index.tsx +65 -0
- package/src/components/ActionSheets/doc/index.mdx +24 -0
- package/src/components/ActionSheets/index.ts +5 -0
- package/src/components/ActionSheets/interface/index.ts +27 -0
- package/src/components/ActionSheets/styles.ts +54 -0
- package/src/components/ActionSheets/test/index.bench.tsx +13 -0
- package/src/components/ActionSheets/test/index.test.tsx +81 -0
- package/src/components/ActionSheets/test/paper.bench.tsx +17 -0
- package/src/components/Avatar/test/__snapshots__/index.test.tsx.snap +32 -0
- package/src/components/Avatar/test/paper.bench.tsx +1 -1
- package/src/components/Button/test/__snapshots__/index.test.tsx.snap +0 -10
- package/src/components/Divider/test/__snapshots__/index.test.tsx.snap +420 -6
- package/src/components/Divider/test/index.test.tsx +43 -35
- package/src/components/FAB/test/__snapshots__/index.test.tsx.snap +0 -2
- package/src/components/FAB/test/paper.bench.tsx +12 -0
- package/src/components/Picker/test/index.test.tsx +17 -25
- package/src/components/Progress/test/__snapshots__/index.test.tsx.snap +332 -3
- package/src/components/Progress/test/index.test.tsx +29 -19
- package/src/components/PullRefresh/test/index.bench.tsx +1 -1
- package/src/components/Sheets/Sheets.tsx +293 -20
- package/src/components/Sheets/demo/index.tsx +191 -14
- package/src/components/Sheets/doc/index.mdx +16 -5
- package/src/components/Sheets/interface/index.ts +50 -0
- package/src/components/Sheets/styles.ts +38 -10
- package/src/components/Sheets/test/index.test.tsx +71 -48
- package/src/components/Sheets/test/paper.bench.tsx +1 -1
- package/src/components/Silder/Silder.tsx +49 -0
- package/src/components/Silder/demo/index.tsx +53 -0
- package/src/components/Silder/doc/index.mdx +26 -0
- package/src/components/Silder/index.ts +5 -0
- package/src/components/Silder/interface/index.ts +20 -0
- package/src/components/Silder/styles.ts +24 -0
- package/src/components/Silder/test/index.bench.tsx +13 -0
- package/src/components/Silder/test/index.test.tsx +18 -0
- package/src/components/TabBar/TabBar.tsx +17 -17
- package/src/components/Toast/test/paper.bench.tsx +9 -5
- package/src/index.ts +2 -0
- package/lib/cjs/_chunks/DIhBCUjt.js +0 -17
- package/lib/cjs/_chunks/DIhBCUjt.js.map +0 -1
- package/lib/esm/_chunks/B3_9dzWY.js +0 -14
- package/lib/esm/_chunks/B3_9dzWY.js.map +0 -1
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_chunks/ShnnCuH9.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var reactNative = require('react-native');
|
|
8
|
+
var components_Silder_interface_index = require('../../_chunks/RPaDcSae.js');
|
|
9
|
+
var components_Silder_styles = require('./styles.js');
|
|
10
|
+
require('@xhsreds/reds-token-next');
|
|
11
|
+
|
|
12
|
+
var Silder = function Silder(_ref) {
|
|
13
|
+
var value = _ref.value,
|
|
14
|
+
defaultValue = _ref.defaultValue,
|
|
15
|
+
onChange = _ref.onChange,
|
|
16
|
+
onClick = _ref.onClick,
|
|
17
|
+
trackOnColor = _ref.trackOnColor,
|
|
18
|
+
trackOffColor = _ref.trackOffColor;
|
|
19
|
+
var isControlled = React.useRef(value !== void 0);
|
|
20
|
+
var _useState = React.useState(defaultValue),
|
|
21
|
+
_useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
|
|
22
|
+
isOn = _useState2[0],
|
|
23
|
+
setIsOn = _useState2[1];
|
|
24
|
+
var animatedValue = React.useRef(new reactNative.Animated.Value(defaultValue ? 18 : 2)).current;
|
|
25
|
+
var thumbTranslateX = animatedValue.interpolate({
|
|
26
|
+
inputRange: [2, 18],
|
|
27
|
+
outputRange: [2, 18]
|
|
28
|
+
});
|
|
29
|
+
React.useEffect(function () {
|
|
30
|
+
onChange === null || onChange === void 0 || onChange(!!isOn);
|
|
31
|
+
}, [isOn]);
|
|
32
|
+
React.useEffect(function () {
|
|
33
|
+
isControlled.current && setIsOn(value);
|
|
34
|
+
}, [value]);
|
|
35
|
+
var toggleSilder = React.useCallback(function (e) {
|
|
36
|
+
onClick === null || onClick === void 0 || onClick(e);
|
|
37
|
+
!isControlled.current && setIsOn(function (v) {
|
|
38
|
+
return !v;
|
|
39
|
+
});
|
|
40
|
+
}, []);
|
|
41
|
+
var dynamicStyles = React.useMemo(function () {
|
|
42
|
+
reactNative.Animated.timing(animatedValue, {
|
|
43
|
+
toValue: isOn ? 18 : 2,
|
|
44
|
+
duration: 200,
|
|
45
|
+
useNativeDriver: true
|
|
46
|
+
}).start();
|
|
47
|
+
return {
|
|
48
|
+
backgroundColor: isOn ? trackOnColor : trackOffColor,
|
|
49
|
+
transform: [{
|
|
50
|
+
translateX: thumbTranslateX
|
|
51
|
+
}]
|
|
52
|
+
};
|
|
53
|
+
}, [isOn]);
|
|
54
|
+
return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
|
|
55
|
+
onPress: function onPress(e) {
|
|
56
|
+
return toggleSilder(e);
|
|
57
|
+
}
|
|
58
|
+
}, /* @__PURE__ */React.createElement(reactNative.View, {
|
|
59
|
+
style: [components_Silder_styles.default.SilderContainer, {
|
|
60
|
+
backgroundColor: dynamicStyles.backgroundColor
|
|
61
|
+
}]
|
|
62
|
+
}, /* @__PURE__ */React.createElement(reactNative.Animated.View, {
|
|
63
|
+
style: [components_Silder_styles.default.thumb, {
|
|
64
|
+
transform: dynamicStyles.transform
|
|
65
|
+
}]
|
|
66
|
+
})));
|
|
67
|
+
};
|
|
68
|
+
Silder.defaultProps = components_Silder_interface_index.SilderDefaultProps;
|
|
69
|
+
|
|
70
|
+
exports.default = Silder;
|
|
71
|
+
//# sourceMappingURL=Silder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Silder.js","sources":["../../../../src/components/Silder/Silder.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSilder, SilderDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst Silder = ({ value, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSilder) => {\n const isControlled = useRef(value !== undefined);\n const [isOn, setIsOn] = useState(defaultValue);\n\n const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n const thumbTranslateX = animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] });\n\n useEffect(() => {\n onChange?.(!!isOn);\n }, [isOn]);\n\n useEffect(() => {\n isControlled.current && setIsOn(value);\n }, [value]);\n\n const toggleSilder = useCallback((e: GestureResponderEvent) => {\n onClick?.(e);\n !isControlled.current && setIsOn((v) => !v);\n }, []);\n\n const dynamicStyles = useMemo(() => {\n Animated.timing(animatedValue, {\n toValue: isOn ? 18 : 2,\n duration: 200,\n useNativeDriver: true,\n }).start();\n return {\n backgroundColor: isOn ? trackOnColor : trackOffColor,\n transform: [{ translateX: thumbTranslateX }],\n };\n }, [isOn]);\n\n return (\n <TouchableWithoutFeedback onPress={(e) => toggleSilder(e)}>\n <View style={[styles.SilderContainer, { backgroundColor: dynamicStyles.backgroundColor }]}>\n <Animated.View style={[styles.thumb, { transform: dynamicStyles.transform }]}></Animated.View>\n </View>\n </TouchableWithoutFeedback>\n );\n};\n\nSilder.defaultProps = SilderDefaultProps;\n\nexport default Silder;\n"],"names":["Silder","_ref","value","defaultValue","onChange","onClick","trackOnColor","trackOffColor","isControlled","useRef","_useState","useState","_useState2","_slicedToArray","isOn","setIsOn","animatedValue","Animated","Value","current","thumbTranslateX","interpolate","inputRange","outputRange","useEffect","toggleSilder","useCallback","e","v","dynamicStyles","useMemo","timing","toValue","duration","useNativeDriver","start","backgroundColor","transform","translateX","React","createElement","TouchableWithoutFeedback","onPress","View","style","styles","SilderContainer","thumb","defaultProps","SilderDefaultProps"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var components_Silder_Silder = require('./Silder.js');
|
|
6
|
+
var components_Silder_interface_index = require('../../_chunks/RPaDcSae.js');
|
|
7
|
+
require('../../_chunks/ShnnCuH9.js');
|
|
8
|
+
require('react');
|
|
9
|
+
require('react-native');
|
|
10
|
+
require('./styles.js');
|
|
11
|
+
require('@xhsreds/reds-token-next');
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
exports.Silder = components_Silder_Silder.default;
|
|
16
|
+
exports.default = components_Silder_Silder.default;
|
|
17
|
+
exports.SilderType = components_Silder_interface_index.index;
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('@xhsreds/reds-token-next');
|
|
4
|
+
var components_Silder_interface_index = require('../../../_chunks/RPaDcSae.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
exports.SilderDefaultProps = components_Silder_interface_index.SilderDefaultProps;
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var redsTokenNext = require('@xhsreds/reds-token-next');
|
|
6
|
+
var reactNative = require('react-native');
|
|
7
|
+
|
|
8
|
+
var styles = reactNative.StyleSheet.create({
|
|
9
|
+
SilderContainer: {
|
|
10
|
+
width: 40,
|
|
11
|
+
height: 24,
|
|
12
|
+
borderRadius: 15,
|
|
13
|
+
justifyContent: "center",
|
|
14
|
+
alignItems: "center"
|
|
15
|
+
},
|
|
16
|
+
thumb: {
|
|
17
|
+
width: 20,
|
|
18
|
+
height: 20,
|
|
19
|
+
borderRadius: 10,
|
|
20
|
+
backgroundColor: redsTokenNext.alwaysColor.White,
|
|
21
|
+
justifyContent: "center",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
position: "absolute",
|
|
24
|
+
left: 0
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
exports.default = styles;
|
|
29
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../src/components/Silder/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n SilderContainer: {\n width: 40,\n height: 24,\n borderRadius: 15,\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n thumb: {\n width: 20,\n height: 20,\n borderRadius: 10,\n backgroundColor: alwaysColor.White,\n justifyContent: \"center\",\n alignItems: \"center\",\n position: \"absolute\",\n left: 0,\n },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","SilderContainer","width","height","borderRadius","justifyContent","alignItems","thumb","backgroundColor","alwaysColor","White","position","left"],"mappings":";;;;;;;AAGA,IAAMA,MAAA,GAASC,uBAAWC,MAAO,CAAA;AAC/BC,EAAAA,eAAiB,EAAA;AACfC,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;AACdC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAC,EAAAA,KAAO,EAAA;AACLL,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;IACdI,iBAAiBC,yBAAY,CAAAC,KAAA;AAC7BL,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZK,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,IAAM,EAAA,CAAA;AACR,GAAA;AACF,CAAC;;;;"}
|
|
@@ -16,6 +16,16 @@ require('@xhsreds/reds-token-next');
|
|
|
16
16
|
|
|
17
17
|
var defaultIconSize = 20;
|
|
18
18
|
var TabBar = function TabBar(props) {
|
|
19
|
+
var renderTabs = React.useMemo(function () {
|
|
20
|
+
if (props.customTabBar) {
|
|
21
|
+
var customIdx = Math.floor(props.list.length / 2);
|
|
22
|
+
return props.list.reduce(function (prev, cur, index) {
|
|
23
|
+
return index === customIdx ? [].concat(_rollupPluginBabelHelpers._toConsumableArray(prev), [props.customTabBar, cur]) : [].concat(_rollupPluginBabelHelpers._toConsumableArray(prev), [cur]);
|
|
24
|
+
}, []);
|
|
25
|
+
} else {
|
|
26
|
+
return props.list;
|
|
27
|
+
}
|
|
28
|
+
}, [props.list, props.customTabBar]);
|
|
19
29
|
var getTextClass = function getTextClass(item) {
|
|
20
30
|
var _item$iconProps;
|
|
21
31
|
return item !== null && item !== void 0 && (_item$iconProps = item.iconProps) !== null && _item$iconProps !== void 0 && _item$iconProps.icon ? props.activeTab === item.key ? components_TabBar_styles.default.activeIconText : components_TabBar_styles.default.iconText : props.activeTab === item.key ? components_TabBar_styles.default.activeText : components_TabBar_styles.default.text;
|
|
@@ -33,16 +43,6 @@ var TabBar = function TabBar(props) {
|
|
|
33
43
|
var _props$onChange;
|
|
34
44
|
props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, item.key);
|
|
35
45
|
};
|
|
36
|
-
var renderTabs = React.useMemo(function () {
|
|
37
|
-
if (props.customTabBar) {
|
|
38
|
-
var customIdx = Math.floor(props.list.length / 2);
|
|
39
|
-
return props.list.reduce(function (prev, cur, index) {
|
|
40
|
-
return index === customIdx ? [].concat(_rollupPluginBabelHelpers._toConsumableArray(prev), [props.customTabBar, cur]) : [].concat(_rollupPluginBabelHelpers._toConsumableArray(prev), [cur]);
|
|
41
|
-
}, []);
|
|
42
|
-
} else {
|
|
43
|
-
return props.list;
|
|
44
|
-
}
|
|
45
|
-
}, [props.list, props.customTabBar]);
|
|
46
46
|
var Wrapper = function Wrapper(wrapperProps) {
|
|
47
47
|
return props !== null && props !== void 0 && props.badge ? /* @__PURE__ */React.createElement(reactNative.View, {
|
|
48
48
|
style: components_TabBar_styles.default.badgeWrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport Icon from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 20;\n\nconst TabBar = (props: RedsTabBar) => {\n /**\n * 计算文字class\n * @param item\n */\n const getTextClass = (item: DataType) => {\n return item?.iconProps?.icon\n ? props.activeTab === item.key\n ? styles.activeIconText\n : styles.iconText\n : props.activeTab === item.key\n ? styles.activeText\n : styles.text;\n };\n\n /**\n * 计算文字颜色\n * @param item\n */\n const getTextColor = (item: DataType) => {\n return {\n color: props.activeTab === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n };\n };\n\n /**\n * 计算Icon颜色\n */\n const getIconColor = (item: DataType) => {\n return (props.activeTab === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n };\n\n /**\n * 触发点击事件\n */\n const handleTabChange = (item: DataType) => {\n props?.onChange?.(item.key);\n };\n\n /**\n *
|
|
1
|
+
{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport Icon from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 20;\n\nconst TabBar = (props: RedsTabBar) => {\n /**\n * 渲染的tab数据\n */\n\n const renderTabs = useMemo(() => {\n if (props.customTabBar) {\n /** 记录插入位置 */\n const customIdx = Math.floor(props.list.length / 2);\n /** 插入数据 */\n return props.list.reduce((prev: DataType[], cur: DataType, index: number) => {\n return (index === customIdx ? [...prev, props.customTabBar, cur] : [...prev, cur]) as DataType[];\n }, [] as DataType[]);\n } else {\n return props.list;\n }\n }, [props.list, props.customTabBar]);\n\n /**\n * 计算文字class\n * @param item\n */\n const getTextClass = (item: DataType) => {\n return item?.iconProps?.icon\n ? props.activeTab === item.key\n ? styles.activeIconText\n : styles.iconText\n : props.activeTab === item.key\n ? styles.activeText\n : styles.text;\n };\n\n /**\n * 计算文字颜色\n * @param item\n */\n const getTextColor = (item: DataType) => {\n return {\n color: props.activeTab === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n };\n };\n\n /**\n * 计算Icon颜色\n */\n const getIconColor = (item: DataType) => {\n return (props.activeTab === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n };\n\n /**\n * 触发点击事件\n */\n const handleTabChange = (item: DataType) => {\n props?.onChange?.(item.key);\n };\n\n /**\n * 容器\n */\n const Wrapper = (wrapperProps: { badgeProps: RedsBadge; children: React.ReactNode }) => {\n return props?.badge ? (\n <View style={styles.badgeWrapper}>\n <Badge {...wrapperProps.badgeProps}>{wrapperProps.children}</Badge>\n </View>\n ) : (\n wrapperProps.children\n );\n };\n\n return (\n <View style={[styles.TabBarContainer, props.containerStyles]}>\n {renderTabs.map((item) => {\n return (\n <TouchableWithoutFeedback onPress={() => handleTabChange(item)} key={item.key}>\n <View style={styles.TabItemContainer}>\n <Wrapper badgeProps={item.badgeProps || {}} key={item.key}>\n <View style={styles.flexCenter}>\n {item.iconProps?.icon ? (\n <Icon\n icon={item.iconProps?.icon}\n fill={getIconColor(item) || \"pink\"}\n size={item?.iconProps?.size || defaultIconSize}\n onClick={() => handleTabChange(item)}\n />\n ) : (\n <></>\n )}\n {item.text ? <Text style={[getTextClass(item), getTextColor(item)]}>{item.text}</Text> : <></>}\n </View>\n </Wrapper>\n </View>\n </TouchableWithoutFeedback>\n );\n })}\n </View>\n );\n};\n\nTabBar.defaultProps = TabBarDefaultProps;\n\nexport default TabBar;\n"],"names":["defaultIconSize","TabBar","props","renderTabs","useMemo","customTabBar","customIdx","Math","floor","list","length","reduce","prev","cur","index","concat","_toConsumableArray","getTextClass","item","_item$iconProps","iconProps","icon","activeTab","key","styles","activeIconText","iconText","activeText","text","getTextColor","color","activeColor","normalColor","getIconColor","_item$iconProps2","fill","handleTabChange","_props$onChange","onChange","call","Wrapper","wrapperProps","badge","React","createElement","View","style","badgeWrapper","Badge","_objectSpread","badgeProps","children","TabBarContainer","containerStyles","map","_item$iconProps3","_item$iconProps4","_item$iconProps5","TouchableWithoutFeedback","onPress","TabItemContainer","flexCenter","Icon","size","onClick","Text","Fragment","defaultProps","TabBarDefaultProps"],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var components_ActionSheets_ActionSheets = require('./components/ActionSheets/ActionSheets.js');
|
|
4
|
+
var components_ActionSheets_interface_index = require('./_chunks/CkkZzOy_.js');
|
|
5
|
+
var components_Silder_Silder = require('./components/Silder/Silder.js');
|
|
6
|
+
var components_Silder_interface_index = require('./_chunks/RPaDcSae.js');
|
|
3
7
|
var components_Sheets_Sheets = require('./components/Sheets/Sheets.js');
|
|
4
|
-
var components_Sheets_interface_index = require('./_chunks/
|
|
8
|
+
var components_Sheets_interface_index = require('./_chunks/bwo-gq0b.js');
|
|
5
9
|
var components_PickerView_PickerView = require('./components/PickerView/PickerView.js');
|
|
6
10
|
var components_PickerView_interface_index = require('./_chunks/eSCREUjn.js');
|
|
7
11
|
var components_Picker_Picker = require('./components/Picker/Picker.js');
|
|
@@ -75,15 +79,17 @@ var components_Tab_Tab = require('./components/Tab/Tab.js');
|
|
|
75
79
|
var components_Tab_interface_index = require('./_chunks/pBR5EzSI.js');
|
|
76
80
|
require('react');
|
|
77
81
|
require('react-native');
|
|
82
|
+
require('./components/ActionSheets/styles.js');
|
|
78
83
|
require('./components/ConfigProvider/hooks/ConfigCache/ConfigCache.js');
|
|
79
84
|
require('./_chunks/ShnnCuH9.js');
|
|
80
85
|
require('@xhsreds/reds-token-next');
|
|
86
|
+
require('./components/Silder/styles.js');
|
|
81
87
|
require('./components/Sheets/styles.js');
|
|
88
|
+
require('@xhs/reder-icon-svg');
|
|
82
89
|
require('./components/PickerView/styles.js');
|
|
83
90
|
require('./components/PickerView/Wheel.js');
|
|
84
91
|
require('./components/FAB/styles.js');
|
|
85
92
|
require('./components/Toast/Toast.js');
|
|
86
|
-
require('@xhs/reder-icon-svg');
|
|
87
93
|
require('./components/Toast/styles.js');
|
|
88
94
|
require('./components/DropDown/styles.js');
|
|
89
95
|
require('./components/Progress/styles.js');
|
|
@@ -131,6 +137,10 @@ require('./components/Tab/styles.js');
|
|
|
131
137
|
|
|
132
138
|
|
|
133
139
|
|
|
140
|
+
exports.ActionSheets = components_ActionSheets_ActionSheets.default;
|
|
141
|
+
exports.ActionSheetsType = components_ActionSheets_interface_index.index;
|
|
142
|
+
exports.Silder = components_Silder_Silder.default;
|
|
143
|
+
exports.SilderType = components_Silder_interface_index.index;
|
|
134
144
|
exports.Sheets = components_Sheets_Sheets.default;
|
|
135
145
|
exports.SheetsType = components_Sheets_interface_index.index;
|
|
136
146
|
exports.PickerView = components_PickerView_PickerView.default;
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
var SheetsMaskMode = /* @__PURE__ */function (SheetsMaskMode2) {
|
|
2
|
+
SheetsMaskMode2["light"] = "light";
|
|
3
|
+
SheetsMaskMode2["dark"] = "dark";
|
|
4
|
+
return SheetsMaskMode2;
|
|
5
|
+
}(SheetsMaskMode || {});
|
|
6
|
+
var SheetsType = /* @__PURE__ */function (SheetsType2) {
|
|
7
|
+
SheetsType2["normal"] = "narmal";
|
|
8
|
+
SheetsType2["dragable"] = "dragable";
|
|
9
|
+
SheetsType2["action"] = "action";
|
|
10
|
+
return SheetsType2;
|
|
11
|
+
}(SheetsType || {});
|
|
12
|
+
var SheetsActionType = /* @__PURE__ */function (SheetsActionType2) {
|
|
13
|
+
SheetsActionType2["text"] = "text";
|
|
14
|
+
SheetsActionType2["icon"] = "icon";
|
|
15
|
+
return SheetsActionType2;
|
|
16
|
+
}(SheetsActionType || {});
|
|
17
|
+
var SheetsIconType = /* @__PURE__ */function (SheetsIconType2) {
|
|
18
|
+
SheetsIconType2["bg"] = "bg";
|
|
19
|
+
SheetsIconType2["normal"] = "normal";
|
|
20
|
+
return SheetsIconType2;
|
|
21
|
+
}(SheetsIconType || {});
|
|
22
|
+
var SheetsSize = /* @__PURE__ */function (SheetsSize2) {
|
|
23
|
+
SheetsSize2["auto"] = "auto";
|
|
24
|
+
SheetsSize2["half"] = "half";
|
|
25
|
+
SheetsSize2["full"] = "full";
|
|
26
|
+
SheetsSize2["threeQuater"] = "threeQuater";
|
|
27
|
+
return SheetsSize2;
|
|
28
|
+
}(SheetsSize || {});
|
|
29
|
+
var SheetsDefaultProps = {
|
|
30
|
+
label: "",
|
|
31
|
+
mask: true,
|
|
32
|
+
maskMode: "light" /* light */,
|
|
33
|
+
sheetsType: "narmal" /* normal */,
|
|
34
|
+
cancel: true,
|
|
35
|
+
close: true,
|
|
36
|
+
cancelType: "icon" /* icon */,
|
|
37
|
+
closeType: "icon" /* icon */,
|
|
38
|
+
cancelText: "\u53D6\u6D88",
|
|
39
|
+
closeText: "\u786E\u5B9A",
|
|
40
|
+
iconType: "normal" /* normal */,
|
|
41
|
+
size: "auto" /* auto */,
|
|
42
|
+
onCancel: function onCancel() {},
|
|
43
|
+
onConfirm: function onConfirm() {},
|
|
44
|
+
visible: false
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
var index = /*#__PURE__*/Object.freeze({
|
|
48
|
+
__proto__: null,
|
|
49
|
+
SheetsActionType: SheetsActionType,
|
|
50
|
+
SheetsDefaultProps: SheetsDefaultProps,
|
|
51
|
+
SheetsIconType: SheetsIconType,
|
|
52
|
+
SheetsMaskMode: SheetsMaskMode,
|
|
53
|
+
SheetsSize: SheetsSize,
|
|
54
|
+
SheetsType: SheetsType
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
export { SheetsType as S, SheetsSize as a, SheetsMaskMode as b, SheetsActionType as c, SheetsDefaultProps as d, SheetsIconType as e, index as i };
|
|
58
|
+
//# sourceMappingURL=BJ2Kj1Vd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BJ2Kj1Vd.js","sources":["../../../src/components/Sheets/interface/index.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport const enum SheetsMaskMode {\n light = \"light\",\n dark = \"dark\",\n}\n\nexport const enum SheetsType {\n normal = \"narmal\",\n dragable = \"dragable\",\n action = \"action\",\n}\n\nexport const enum SheetsActionType {\n text = \"text\",\n icon = \"icon\",\n}\n\nexport const enum SheetsIconType {\n bg = \"bg\",\n normal = \"normal\",\n}\n\nexport const enum SheetsSize {\n auto = \"auto\",\n half = \"half\",\n full = \"full\",\n threeQuater = \"threeQuater\",\n}\nexport interface RedsSheets {\n label?: string;\n mask?: boolean;\n maskMode?: SheetsMaskMode;\n sheetsType?: SheetsType;\n cancel?: boolean;\n close?: boolean;\n cancelType?: SheetsActionType;\n closeType?: SheetsActionType;\n cancelText?: string;\n closeText?: string;\n iconType?: SheetsIconType;\n size?: SheetsSize;\n onCancel: () => any;\n onConfirm: () => any;\n visible: boolean;\n children: ReactNode;\n}\n\nexport interface RedsSheetsEvent {}\nexport const SheetsDefaultProps = {\n label: \"\",\n mask: true,\n maskMode: SheetsMaskMode.light,\n sheetsType: SheetsType.normal,\n cancel: true,\n close: true,\n cancelType: SheetsActionType.icon,\n closeType: SheetsActionType.icon,\n cancelText: \"取消\",\n closeText: \"确定\",\n iconType: SheetsIconType.normal,\n size: SheetsSize.auto,\n onCancel: () => {},\n onConfirm: () => {},\n visible: false,\n};\n"],"names":["SheetsMaskMode","SheetsType","SheetsActionType","SheetsIconType","SheetsSize","SheetsDefaultProps","label","mask","maskMode","sheetsType","cancel","close","cancelType","closeType","cancelText","closeText","iconType","size","onCancel","onConfirm","visible"],"mappings":"IAEkBA,cAAA,4BAAAA,eAAX,EAAA;AACLA,EAAAA,gBAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACRA,EAAAA,gBAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AAFSA,EAAAA,OAAAA,eAAAA,CAAAA;AAAA,CAAA,CAAAA,cAAA,IAAA,EAAA,EAAA;IAKAC,UAAA,4BAAAA,WAAX,EAAA;AACLA,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACTA,EAAAA,YAAA,UAAW,CAAA,GAAA,UAAA,CAAA;AACXA,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AAHOA,EAAAA,OAAAA,WAAAA,CAAAA;AAAA,CAAA,CAAAA,UAAA,IAAA,EAAA,EAAA;IAMAC,gBAAA,4BAAAA,iBAAX,EAAA;AACLA,EAAAA,kBAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AACPA,EAAAA,kBAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AAFSA,EAAAA,OAAAA,iBAAAA,CAAAA;AAAA,CAAA,CAAAA,gBAAA,IAAA,EAAA,EAAA;IAKAC,cAAA,4BAAAA,eAAX,EAAA;AACLA,EAAAA,gBAAA,IAAK,CAAA,GAAA,IAAA,CAAA;AACLA,EAAAA,gBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AAFOA,EAAAA,OAAAA,eAAAA,CAAAA;AAAA,CAAA,CAAAA,cAAA,IAAA,EAAA,EAAA;IAKAC,UAAA,4BAAAA,WAAX,EAAA;AACLA,EAAAA,YAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AACPA,EAAAA,YAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AACPA,EAAAA,YAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AACPA,EAAAA,YAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AAJEA,EAAAA,OAAAA,WAAAA,CAAAA;AAAA,CAAA,CAAAA,UAAA,IAAA,EAAA,EAAA;AA0BX,IAAMC,kBAAqB,GAAA;AAChCC,EAAAA,KAAO,EAAA,EAAA;AACPC,EAAAA,IAAM,EAAA,IAAA;EACNC,QAAU,EAAA,OAAA;EACVC,UAAY,EAAA,QAAA;AACZC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,KAAO,EAAA,IAAA;EACPC,UAAY,EAAA,MAAA;EACZC,SAAW,EAAA,MAAA;AACXC,EAAAA,UAAY,EAAA,cAAA;AACZC,EAAAA,SAAW,EAAA,cAAA;EACXC,QAAU,EAAA,QAAA;EACVC,IAAM,EAAA,MAAA;AACNC,EAAAA,UAAU,SAAVA,WAAgB,EAAC;AACjBC,EAAAA,WAAW,SAAXA,YAAiB,EAAC;AAClBC,EAAAA,OAAS,EAAA,KAAA;AACX;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
var ActionType = /* @__PURE__ */function (ActionType2) {
|
|
2
|
+
ActionType2["normal"] = "normal";
|
|
3
|
+
ActionType2["invalid"] = "invalid";
|
|
4
|
+
ActionType2["primary"] = "primary";
|
|
5
|
+
return ActionType2;
|
|
6
|
+
}(ActionType || {});
|
|
7
|
+
var ActionSheetsDefaultProps = {
|
|
8
|
+
data: [],
|
|
9
|
+
visible: false
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
var index = /*#__PURE__*/Object.freeze({
|
|
13
|
+
__proto__: null,
|
|
14
|
+
ActionSheetsDefaultProps: ActionSheetsDefaultProps,
|
|
15
|
+
ActionType: ActionType
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export { ActionSheetsDefaultProps as A, ActionType as a, index as i };
|
|
19
|
+
//# sourceMappingURL=DHJk9lIr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DHJk9lIr.js","sources":["../../../src/components/ActionSheets/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\n\nexport interface ActionItem {\n label: string;\n value: string;\n type?: ActionType;\n}\n\nexport const enum ActionType {\n normal = \"normal\",\n invalid = \"invalid\",\n primary = \"primary\",\n}\nexport interface RedsActionSheets {\n data: ActionItem[];\n description?: string;\n visible: boolean;\n onClose: () => any;\n onChange: (value: string) => any;\n}\n\nexport interface RedsActionSheetsEvent {}\nexport const ActionSheetsDefaultProps = {\n data: [],\n visible: false,\n};\n"],"names":["ActionType","ActionSheetsDefaultProps","data","visible"],"mappings":"IASkBA,UAAA,4BAAAA,WAAX,EAAA;AACLA,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACTA,EAAAA,YAAA,SAAU,CAAA,GAAA,SAAA,CAAA;AACVA,EAAAA,YAAA,SAAU,CAAA,GAAA,SAAA,CAAA;AAHMA,EAAAA,OAAAA,WAAAA,CAAAA;AAAA,CAAA,CAAAA,UAAA,IAAA,EAAA,EAAA;AAcX,IAAMC,wBAA2B,GAAA;AACtCC,EAAAA,MAAM,EAAC;AACPC,EAAAA,OAAS,EAAA,KAAA;AACX;;;;;;;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { lightColor } from '@xhsreds/reds-token-next';
|
|
2
|
+
|
|
3
|
+
var SilderDefaultProps = {
|
|
4
|
+
value: void 0,
|
|
5
|
+
defaultValue: false,
|
|
6
|
+
disabled: false,
|
|
7
|
+
trackOnColor: lightColor.Primary,
|
|
8
|
+
trackOffColor: lightColor.Fill2
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
var index = /*#__PURE__*/Object.freeze({
|
|
12
|
+
__proto__: null,
|
|
13
|
+
SilderDefaultProps: SilderDefaultProps
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
export { SilderDefaultProps as S, index as i };
|
|
17
|
+
//# sourceMappingURL=RRfNwNcs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RRfNwNcs.js","sources":["../../../src/components/Silder/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nexport interface RedsSilder {\n value?: boolean;\n defaultValue?: boolean;\n disabled?: boolean;\n trackOnColor?: string;\n trackOffColor?: string;\n onChange?: (value: boolean) => any;\n onClick?: (value: GestureResponderEvent) => any;\n}\n\nexport interface RedsSilderEvent {}\nexport const SilderDefaultProps = {\n value: undefined,\n defaultValue: false,\n disabled: false,\n trackOnColor: lightColor.Primary,\n trackOffColor: lightColor.Fill2,\n};\n"],"names":["SilderDefaultProps","value","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAaO,IAAMA,kBAAqB,GAAA;EAChCC,KAAO,EAAA,KAAA,CAAA;AACPC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;;;;;;"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { View, Text, TouchableWithoutFeedback } from 'react-native';
|
|
3
|
+
import { A as ActionSheetsDefaultProps, a as ActionType } from '../../_chunks/DHJk9lIr.js';
|
|
4
|
+
import styles from './styles.js';
|
|
5
|
+
import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
6
|
+
import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
|
|
7
|
+
import Sheets from '../Sheets/Sheets.js';
|
|
8
|
+
import { S as SheetsType } from '../../_chunks/BJ2Kj1Vd.js';
|
|
9
|
+
import '../../_chunks/D-HreRcG.js';
|
|
10
|
+
import '@xhsreds/reds-token-next';
|
|
11
|
+
import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
12
|
+
import '../Portal/core/Portal.js';
|
|
13
|
+
import '../Portal/core/hooks/usePortal.js';
|
|
14
|
+
import '../../_chunks/B-g-eq94.js';
|
|
15
|
+
import '../Portal/core/PortalContext.js';
|
|
16
|
+
import '../Portal/core/PortalHost.js';
|
|
17
|
+
import '../Portal/core/hooks/usePortalState.js';
|
|
18
|
+
import '../Portal/core/PortalProvider.js';
|
|
19
|
+
import '../Sheets/styles.js';
|
|
20
|
+
import '../Button/Button.js';
|
|
21
|
+
import '../../_chunks/BbMynYIz.js';
|
|
22
|
+
import '../Button/styleMap.js';
|
|
23
|
+
import '../Icon/Icon.js';
|
|
24
|
+
import 'react-native-svg';
|
|
25
|
+
import '@xhs/reder-icon-svg';
|
|
26
|
+
|
|
27
|
+
var ActionSheets = function ActionSheets(props) {
|
|
28
|
+
var _props$data;
|
|
29
|
+
var themeColor = useThemeColor();
|
|
30
|
+
var getActionStyles = function getActionStyles(type) {
|
|
31
|
+
if (type === ActionType.invalid) {
|
|
32
|
+
return [styles.actionText, {
|
|
33
|
+
color: themeColor.Disabled
|
|
34
|
+
}];
|
|
35
|
+
} else if (type === ActionType.primary) {
|
|
36
|
+
return [styles.actionText, {
|
|
37
|
+
color: themeColor.Primary
|
|
38
|
+
}];
|
|
39
|
+
} else {
|
|
40
|
+
return styles.actionText;
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
var handleClick = function handleClick(value) {
|
|
44
|
+
var _props$onChange, _props$onClose;
|
|
45
|
+
props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, value);
|
|
46
|
+
props === null || props === void 0 || (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
|
|
47
|
+
};
|
|
48
|
+
var handleClose = function handleClose() {
|
|
49
|
+
var _props$onClose2;
|
|
50
|
+
props === null || props === void 0 || (_props$onClose2 = props.onClose) === null || _props$onClose2 === void 0 || _props$onClose2.call(props);
|
|
51
|
+
};
|
|
52
|
+
return /* @__PURE__ */React__default.createElement(Sheets, {
|
|
53
|
+
visible: props.visible,
|
|
54
|
+
cancel: false,
|
|
55
|
+
close: false,
|
|
56
|
+
sheetsType: SheetsType.normal,
|
|
57
|
+
onCancel: handleClose
|
|
58
|
+
}, /* @__PURE__ */React__default.createElement(View, {
|
|
59
|
+
style: [styles.ActionSheetsContainer, {
|
|
60
|
+
backgroundColor: themeColor.Bg1
|
|
61
|
+
}]
|
|
62
|
+
}, props.description ? /* @__PURE__ */React__default.createElement(View, {
|
|
63
|
+
style: [styles.description, {
|
|
64
|
+
backgroundColor: themeColor.Bg2
|
|
65
|
+
}]
|
|
66
|
+
}, /* @__PURE__ */React__default.createElement(Text, {
|
|
67
|
+
style: styles.descriptionText
|
|
68
|
+
}, props.description)) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null), props === null || props === void 0 || (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.map(function (item) {
|
|
69
|
+
return /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
|
|
70
|
+
onPress: function onPress() {
|
|
71
|
+
return handleClick(item.value);
|
|
72
|
+
}
|
|
73
|
+
}, /* @__PURE__ */React__default.createElement(View, {
|
|
74
|
+
style: [styles.action, {
|
|
75
|
+
backgroundColor: themeColor.Bg2
|
|
76
|
+
}]
|
|
77
|
+
}, /* @__PURE__ */React__default.createElement(Text, {
|
|
78
|
+
style: getActionStyles(item.type)
|
|
79
|
+
}, item.label)));
|
|
80
|
+
}), /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
|
|
81
|
+
onPress: handleClose
|
|
82
|
+
}, /* @__PURE__ */React__default.createElement(View, {
|
|
83
|
+
style: [styles.cancel, {
|
|
84
|
+
backgroundColor: themeColor.Bg2
|
|
85
|
+
}]
|
|
86
|
+
}, /* @__PURE__ */React__default.createElement(Text, {
|
|
87
|
+
style: {
|
|
88
|
+
color: themeColor.Title
|
|
89
|
+
}
|
|
90
|
+
}, "\u53D6\u6D88")))));
|
|
91
|
+
};
|
|
92
|
+
ActionSheets.defaultProps = ActionSheetsDefaultProps;
|
|
93
|
+
|
|
94
|
+
export { ActionSheets as default };
|
|
95
|
+
//# sourceMappingURL=ActionSheets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionSheets.js","sources":["../../../../src/components/ActionSheets/ActionSheets.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, TouchableWithoutFeedback, Text } from \"react-native\";\nimport { RedsActionSheets, ActionSheetsDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport Sheets, { SheetsType } from \"../Sheets\";\nimport { ActionType } from \"./interface\";\n\nconst ActionSheets = (props: RedsActionSheets) => {\n const themeColor = useThemeColor();\n\n const getActionStyles = (type: ActionType) => {\n if (type === ActionType.invalid) {\n return [styles.actionText, { color: themeColor.Disabled }];\n } else if (type === ActionType.primary) {\n return [styles.actionText, { color: themeColor.Primary }];\n } else {\n return styles.actionText;\n }\n };\n\n const handleClick = (value: string) => {\n props?.onChange?.(value);\n props?.onClose?.();\n };\n\n const handleClose = () => {\n props?.onClose?.();\n };\n\n return (\n <Sheets\n visible={props.visible}\n cancel={false}\n close={false}\n sheetsType={SheetsType.SheetsType.normal}\n onCancel={handleClose}\n >\n <View style={[styles.ActionSheetsContainer, { backgroundColor: themeColor.Bg1 }]}>\n {props.description ? (\n <View style={[styles.description, { backgroundColor: themeColor.Bg2 }]}>\n <Text style={styles.descriptionText}>{props.description}</Text>\n </View>\n ) : (\n <></>\n )}\n {props?.data?.map((item) => (\n <TouchableWithoutFeedback onPress={() => handleClick(item.value)}>\n <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>\n <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>\n </View>\n </TouchableWithoutFeedback>\n ))}\n <TouchableWithoutFeedback onPress={handleClose}>\n <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>\n <Text style={{ color: themeColor.Title }}>取消</Text>\n </View>\n </TouchableWithoutFeedback>\n </View>\n </Sheets>\n );\n};\n\nActionSheets.defaultProps = ActionSheetsDefaultProps;\n\nexport default ActionSheets;\n"],"names":["ActionSheets","props","_props$data","themeColor","useThemeColor","getActionStyles","type","ActionType","invalid","styles","actionText","color","Disabled","primary","Primary","handleClick","value","_props$onChange","_props$onClose","onChange","call","onClose","handleClose","_props$onClose2","React","createElement","Sheets","visible","cancel","close","sheetsType","SheetsType","normal","onCancel","View","style","ActionSheetsContainer","backgroundColor","Bg1","description","Bg2","Text","descriptionText","Fragment","data","map","item","TouchableWithoutFeedback","onPress","action","label","Title","defaultProps","ActionSheetsDefaultProps"],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import ActionSheets from './ActionSheets.js';
|
|
2
|
+
export { i as ActionSheetsType } from '../../_chunks/DHJk9lIr.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react-native';
|
|
5
|
+
import './styles.js';
|
|
6
|
+
import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
7
|
+
import '../../_chunks/D-HreRcG.js';
|
|
8
|
+
import '@xhsreds/reds-token-next';
|
|
9
|
+
import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
|
|
10
|
+
import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
11
|
+
import '../Sheets/Sheets.js';
|
|
12
|
+
import '../../_chunks/BJ2Kj1Vd.js';
|
|
13
|
+
import '../Portal/core/Portal.js';
|
|
14
|
+
import '../Portal/core/hooks/usePortal.js';
|
|
15
|
+
import '../../_chunks/B-g-eq94.js';
|
|
16
|
+
import '../Portal/core/PortalContext.js';
|
|
17
|
+
import '../Portal/core/PortalHost.js';
|
|
18
|
+
import '../Portal/core/hooks/usePortalState.js';
|
|
19
|
+
import '../Portal/core/PortalProvider.js';
|
|
20
|
+
import '../Sheets/styles.js';
|
|
21
|
+
import '../Button/Button.js';
|
|
22
|
+
import '../../_chunks/BbMynYIz.js';
|
|
23
|
+
import '../Button/styleMap.js';
|
|
24
|
+
import '../Icon/Icon.js';
|
|
25
|
+
import 'react-native-svg';
|
|
26
|
+
import '@xhs/reder-icon-svg';
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
export { ActionSheets, ActionSheets as default };
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
|
|
3
|
+
var styles = StyleSheet.create({
|
|
4
|
+
ActionSheetsContainer: {
|
|
5
|
+
width: "100%",
|
|
6
|
+
overflowY: "scroll",
|
|
7
|
+
borderTopLeftRadius: 12,
|
|
8
|
+
borderTopRightRadius: 12
|
|
9
|
+
},
|
|
10
|
+
description: {
|
|
11
|
+
height: 42,
|
|
12
|
+
boxSizing: "border-box",
|
|
13
|
+
paddingLeft: 24,
|
|
14
|
+
paddingRight: 24,
|
|
15
|
+
width: "100%",
|
|
16
|
+
display: "flex",
|
|
17
|
+
alignItems: "center",
|
|
18
|
+
justifyContent: "center",
|
|
19
|
+
borderTopLeftRadius: 12,
|
|
20
|
+
borderTopRightRadius: 12
|
|
21
|
+
},
|
|
22
|
+
descriptionText: {
|
|
23
|
+
fontSize: 12,
|
|
24
|
+
fontWeight: "400"
|
|
25
|
+
},
|
|
26
|
+
action: {
|
|
27
|
+
height: 56,
|
|
28
|
+
width: "100%",
|
|
29
|
+
paddingLeft: 24,
|
|
30
|
+
paddingRight: 24,
|
|
31
|
+
display: "flex",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
justifyContent: "center"
|
|
34
|
+
},
|
|
35
|
+
actionText: {
|
|
36
|
+
fontSize: 16,
|
|
37
|
+
fontWeight: "400"
|
|
38
|
+
},
|
|
39
|
+
cancel: {
|
|
40
|
+
height: 56,
|
|
41
|
+
width: "100%",
|
|
42
|
+
paddingLeft: 24,
|
|
43
|
+
paddingRight: 24,
|
|
44
|
+
boxSizing: "border-box",
|
|
45
|
+
fontSize: 16,
|
|
46
|
+
fontWeight: 400,
|
|
47
|
+
display: "flex",
|
|
48
|
+
alignItems: "center",
|
|
49
|
+
justifyContent: "center",
|
|
50
|
+
marginTop: 12
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
export { styles as default };
|
|
55
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../src/components/ActionSheets/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n ActionSheetsContainer: {\n width: \"100%\",\n overflowY: \"scroll\",\n borderTopLeftRadius: 12,\n borderTopRightRadius: 12,\n },\n description: {\n height: 42,\n boxSizing: \"border-box\",\n paddingLeft: 24,\n paddingRight: 24,\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderTopLeftRadius: 12,\n borderTopRightRadius: 12,\n },\n descriptionText: {\n fontSize: 12,\n fontWeight: \"400\",\n },\n action: {\n height: 56,\n width: \"100%\",\n paddingLeft: 24,\n paddingRight: 24,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n actionText: {\n fontSize: 16,\n fontWeight: \"400\",\n },\n cancel: {\n height: 56,\n width: \"100%\",\n paddingLeft: 24,\n paddingRight: 24,\n boxSizing: \"border-box\",\n fontSize: 16,\n fontWeight: 400,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n marginTop: 12,\n },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","ActionSheetsContainer","width","overflowY","borderTopLeftRadius","borderTopRightRadius","description","height","boxSizing","paddingLeft","paddingRight","display","alignItems","justifyContent","descriptionText","fontSize","fontWeight","action","actionText","cancel","marginTop"],"mappings":";;AAEA,IAAMA,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,EAAAA,qBAAuB,EAAA;AACrBC,IAAAA,KAAO,EAAA,MAAA;AACPC,IAAAA,SAAW,EAAA,QAAA;AACXC,IAAAA,mBAAqB,EAAA,EAAA;AACrBC,IAAAA,oBAAsB,EAAA,EAAA;GACxB;AACAC,EAAAA,WAAa,EAAA;AACXC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,SAAW,EAAA,YAAA;AACXC,IAAAA,WAAa,EAAA,EAAA;AACbC,IAAAA,YAAc,EAAA,EAAA;AACdR,IAAAA,KAAO,EAAA,MAAA;AACPS,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,UAAY,EAAA,QAAA;AACZC,IAAAA,cAAgB,EAAA,QAAA;AAChBT,IAAAA,mBAAqB,EAAA,EAAA;AACrBC,IAAAA,oBAAsB,EAAA,EAAA;GACxB;AACAS,EAAAA,eAAiB,EAAA;AACfC,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;GACd;AACAC,EAAAA,MAAQ,EAAA;AACNV,IAAAA,MAAQ,EAAA,EAAA;AACRL,IAAAA,KAAO,EAAA,MAAA;AACPO,IAAAA,WAAa,EAAA,EAAA;AACbC,IAAAA,YAAc,EAAA,EAAA;AACdC,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,UAAY,EAAA,QAAA;AACZC,IAAAA,cAAgB,EAAA,QAAA;GAClB;AACAK,EAAAA,UAAY,EAAA;AACVH,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,KAAA;GACd;AACAG,EAAAA,MAAQ,EAAA;AACNZ,IAAAA,MAAQ,EAAA,EAAA;AACRL,IAAAA,KAAO,EAAA,MAAA;AACPO,IAAAA,WAAa,EAAA,EAAA;AACbC,IAAAA,YAAc,EAAA,EAAA;AACdF,IAAAA,SAAW,EAAA,YAAA;AACXO,IAAAA,QAAU,EAAA,EAAA;AACVC,IAAAA,UAAY,EAAA,GAAA;AACZL,IAAAA,OAAS,EAAA,MAAA;AACTC,IAAAA,UAAY,EAAA,QAAA;AACZC,IAAAA,cAAgB,EAAA,QAAA;AAChBO,IAAAA,SAAW,EAAA,EAAA;AACb,GAAA;AACF,CAAC;;;;"}
|