@seakoi/native-ui 1.2.0 → 1.3.0
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/CHANGELOG.md +35 -0
- package/dist/commonjs/components/base/index.js +33 -11
- package/dist/commonjs/components/base/input/base-input.js +4 -2
- package/dist/commonjs/components/base/overflow/all-mode-overflow.js +49 -0
- package/dist/commonjs/components/base/overflow/fixed-count-overflow.js +70 -0
- package/dist/commonjs/components/base/overflow/index.js +16 -0
- package/dist/commonjs/components/base/overflow/overflow.js +72 -0
- package/dist/commonjs/components/base/overflow/responsive-overflow.js +280 -0
- package/dist/commonjs/components/base/overflow/style/index.js +39 -0
- package/dist/commonjs/components/base/overflow/types.js +5 -0
- package/dist/commonjs/components/base/picker/picker-content.js +16 -12
- package/dist/commonjs/components/base/picker/picker-field.js +9 -7
- package/dist/commonjs/components/base/picker/picker.js +6 -1
- package/dist/commonjs/components/base/picker/style/index.js +7 -1
- package/dist/commonjs/components/base/portal/portal-host.js +5 -3
- package/dist/commonjs/components/base/select/hooks/use-select-actions.js +155 -0
- package/dist/commonjs/components/base/select/hooks/use-select-options.js +169 -0
- package/dist/commonjs/components/base/select/hooks/use-selector.js +104 -0
- package/dist/commonjs/components/base/select/index.js +16 -0
- package/dist/commonjs/components/base/select/select-multiple-content.js +182 -0
- package/dist/commonjs/components/base/select/select-popup.js +233 -0
- package/dist/commonjs/components/base/select/select-single-content.js +100 -0
- package/dist/commonjs/components/base/select/select-suffix.js +67 -0
- package/dist/commonjs/components/base/select/select.js +285 -0
- package/dist/commonjs/components/base/select/style/index.js +40 -0
- package/dist/commonjs/components/base/select/style/select-multiple-content-styles.js +46 -0
- package/dist/commonjs/components/base/select/style/select-popup-styles.js +67 -0
- package/dist/commonjs/components/base/select/style/select-single-content-styles.js +28 -0
- package/dist/commonjs/components/base/select/style/select-styles.js +46 -0
- package/dist/commonjs/components/base/select/style/select-suffix-styles.js +21 -0
- package/dist/commonjs/components/base/select/types.js +5 -0
- package/dist/commonjs/components/base/tabs/style/index.js +37 -0
- package/dist/commonjs/components/base/tabs/tabs.js +90 -45
- package/dist/commonjs/native-provider/native-provider.js +5 -5
- package/dist/commonjs/shared/utils/index.js +11 -0
- package/dist/commonjs/shared/utils/object.js +39 -0
- package/dist/module/components/base/index.js +2 -0
- package/dist/module/components/base/input/base-input.js +4 -2
- package/dist/module/components/base/overflow/all-mode-overflow.js +43 -0
- package/dist/module/components/base/overflow/fixed-count-overflow.js +64 -0
- package/dist/module/components/base/overflow/index.js +3 -0
- package/dist/module/components/base/overflow/overflow.js +66 -0
- package/dist/module/components/base/overflow/responsive-overflow.js +274 -0
- package/dist/module/components/base/overflow/style/index.js +36 -0
- package/dist/module/components/base/overflow/types.js +3 -0
- package/dist/module/components/base/picker/picker-content.js +16 -12
- package/dist/module/components/base/picker/picker-field.js +9 -7
- package/dist/module/components/base/picker/picker.js +6 -1
- package/dist/module/components/base/picker/style/index.js +6 -0
- package/dist/module/components/base/portal/portal-host.js +4 -3
- package/dist/module/components/base/select/hooks/use-select-actions.js +151 -0
- package/dist/module/components/base/select/hooks/use-select-options.js +162 -0
- package/dist/module/components/base/select/hooks/use-selector.js +100 -0
- package/dist/module/components/base/select/index.js +3 -0
- package/dist/module/components/base/select/select-multiple-content.js +176 -0
- package/dist/module/components/base/select/select-popup.js +227 -0
- package/dist/module/components/base/select/select-single-content.js +94 -0
- package/dist/module/components/base/select/select-suffix.js +61 -0
- package/dist/module/components/base/select/select.js +279 -0
- package/dist/module/components/base/select/style/index.js +7 -0
- package/dist/module/components/base/select/style/select-multiple-content-styles.js +43 -0
- package/dist/module/components/base/select/style/select-popup-styles.js +64 -0
- package/dist/module/components/base/select/style/select-single-content-styles.js +25 -0
- package/dist/module/components/base/select/style/select-styles.js +43 -0
- package/dist/module/components/base/select/style/select-suffix-styles.js +18 -0
- package/dist/module/components/base/select/types.js +3 -0
- package/dist/module/components/base/tabs/style/index.js +33 -0
- package/dist/module/components/base/tabs/tabs.js +92 -47
- package/dist/module/native-provider/native-provider.js +5 -5
- package/dist/module/shared/utils/index.js +2 -1
- package/dist/module/shared/utils/object.js +35 -0
- package/dist/typescript/components/base/index.d.ts +2 -0
- package/dist/typescript/components/base/index.d.ts.map +1 -1
- package/dist/typescript/components/base/input/base-input.d.ts.map +1 -1
- package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts +11 -0
- package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts +11 -0
- package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/index.d.ts +3 -0
- package/dist/typescript/components/base/overflow/index.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/overflow.d.ts +13 -0
- package/dist/typescript/components/base/overflow/overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/responsive-overflow.d.ts +12 -0
- package/dist/typescript/components/base/overflow/responsive-overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/style/index.d.ts +31 -0
- package/dist/typescript/components/base/overflow/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/types.d.ts +77 -0
- package/dist/typescript/components/base/overflow/types.d.ts.map +1 -0
- package/dist/typescript/components/base/picker/picker-content.d.ts +12 -0
- package/dist/typescript/components/base/picker/picker-content.d.ts.map +1 -1
- package/dist/typescript/components/base/picker/picker-field.d.ts.map +1 -1
- package/dist/typescript/components/base/picker/picker.d.ts +9 -0
- package/dist/typescript/components/base/picker/picker.d.ts.map +1 -1
- package/dist/typescript/components/base/picker/style/index.d.ts +6 -0
- package/dist/typescript/components/base/picker/style/index.d.ts.map +1 -1
- package/dist/typescript/components/base/portal/portal-host.d.ts +1 -0
- package/dist/typescript/components/base/portal/portal-host.d.ts.map +1 -1
- package/dist/typescript/components/base/portal/types.d.ts +2 -0
- package/dist/typescript/components/base/portal/types.d.ts.map +1 -1
- package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts +144 -0
- package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts.map +1 -0
- package/dist/typescript/components/base/select/hooks/use-select-options.d.ts +91 -0
- package/dist/typescript/components/base/select/hooks/use-select-options.d.ts.map +1 -0
- package/dist/typescript/components/base/select/hooks/use-selector.d.ts +90 -0
- package/dist/typescript/components/base/select/hooks/use-selector.d.ts.map +1 -0
- package/dist/typescript/components/base/select/index.d.ts +3 -0
- package/dist/typescript/components/base/select/index.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-multiple-content.d.ts +51 -0
- package/dist/typescript/components/base/select/select-multiple-content.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-popup.d.ts +107 -0
- package/dist/typescript/components/base/select/select-popup.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-single-content.d.ts +48 -0
- package/dist/typescript/components/base/select/select-single-content.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-suffix.d.ts +43 -0
- package/dist/typescript/components/base/select/select-suffix.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select.d.ts +40 -0
- package/dist/typescript/components/base/select/select.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/index.d.ts +6 -0
- package/dist/typescript/components/base/select/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts +40 -0
- package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-popup-styles.d.ts +61 -0
- package/dist/typescript/components/base/select/style/select-popup-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts +22 -0
- package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-styles.d.ts +40 -0
- package/dist/typescript/components/base/select/style/select-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts +15 -0
- package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/types.d.ts +206 -0
- package/dist/typescript/components/base/select/types.d.ts.map +1 -0
- package/dist/typescript/components/base/tabs/style/index.d.ts +29 -0
- package/dist/typescript/components/base/tabs/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/tabs/tabs.d.ts +26 -5
- package/dist/typescript/components/base/tabs/tabs.d.ts.map +1 -1
- package/dist/typescript/native-provider/native-provider.d.ts +2 -0
- package/dist/typescript/native-provider/native-provider.d.ts.map +1 -1
- package/dist/typescript/shared/utils/index.d.ts +1 -0
- package/dist/typescript/shared/utils/index.d.ts.map +1 -1
- package/dist/typescript/shared/utils/object.d.ts +21 -0
- package/dist/typescript/shared/utils/object.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/base/index.ts +2 -0
- package/src/components/base/input/base-input.tsx +4 -2
- package/src/components/base/overflow/all-mode-overflow.tsx +49 -0
- package/src/components/base/overflow/fixed-count-overflow.tsx +71 -0
- package/src/components/base/overflow/index.ts +2 -0
- package/src/components/base/overflow/overflow.tsx +60 -0
- package/src/components/base/overflow/responsive-overflow.tsx +349 -0
- package/src/components/base/overflow/style/index.ts +32 -0
- package/src/components/base/overflow/types.ts +75 -0
- package/src/components/base/picker/picker-content.tsx +24 -9
- package/src/components/base/picker/picker-field.tsx +19 -13
- package/src/components/base/picker/picker.tsx +10 -1
- package/src/components/base/picker/style/index.ts +4 -0
- package/src/components/base/portal/portal-host.tsx +13 -3
- package/src/components/base/portal/types.ts +2 -0
- package/src/components/base/select/hooks/use-select-actions.ts +263 -0
- package/src/components/base/select/hooks/use-select-options.ts +250 -0
- package/src/components/base/select/hooks/use-selector.ts +155 -0
- package/src/components/base/select/index.ts +2 -0
- package/src/components/base/select/select-multiple-content.tsx +292 -0
- package/src/components/base/select/select-popup.tsx +384 -0
- package/src/components/base/select/select-single-content.tsx +127 -0
- package/src/components/base/select/select-suffix.tsx +100 -0
- package/src/components/base/select/select.tsx +302 -0
- package/src/components/base/select/style/index.ts +5 -0
- package/src/components/base/select/style/select-multiple-content-styles.ts +41 -0
- package/src/components/base/select/style/select-popup-styles.ts +62 -0
- package/src/components/base/select/style/select-single-content-styles.ts +23 -0
- package/src/components/base/select/style/select-styles.ts +41 -0
- package/src/components/base/select/style/select-suffix-styles.ts +16 -0
- package/src/components/base/select/types.ts +261 -0
- package/src/components/base/tabs/style/index.ts +32 -0
- package/src/components/base/tabs/tabs.tsx +146 -55
- package/src/native-provider/native-provider.tsx +4 -4
- package/src/shared/utils/index.ts +1 -0
- package/src/shared/utils/object.ts +37 -0
|
@@ -1,15 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { useControllableValue, useMemoizedFn } from 'ahooks';
|
|
3
4
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
5
|
import { Animated, ScrollView, TouchableOpacity, View } from 'react-native';
|
|
5
|
-
import { Text } from "./../index.js";
|
|
6
|
-
import {
|
|
6
|
+
import { Badge, Text } from "./../index.js";
|
|
7
|
+
import { useTheme } from "../../../native-provider/index.js";
|
|
8
|
+
import { useTabsStyles } from "./style/index.js";
|
|
7
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
10
|
export const Tabs = ({
|
|
9
11
|
tabs,
|
|
10
|
-
|
|
12
|
+
equalWidth = false,
|
|
13
|
+
variant = 'underline',
|
|
14
|
+
...restProps
|
|
11
15
|
}) => {
|
|
12
|
-
const
|
|
16
|
+
const [activeValue, setActiveValue] = useControllableValue(restProps, {
|
|
17
|
+
trigger: 'onChange',
|
|
18
|
+
defaultValue: restProps.defaultValue ?? tabs[0]?.value
|
|
19
|
+
});
|
|
20
|
+
const styles = useTabsStyles();
|
|
13
21
|
const theme = useTheme();
|
|
14
22
|
const tabNum = tabs.length;
|
|
15
23
|
const scrollViewWidthRef = useRef(0);
|
|
@@ -37,27 +45,21 @@ export const Tabs = ({
|
|
|
37
45
|
};
|
|
38
46
|
initIndicator();
|
|
39
47
|
};
|
|
40
|
-
const normalizedTabs = tabs.map(tab => {
|
|
41
|
-
if (typeof tab === 'string') {
|
|
42
|
-
return {
|
|
43
|
-
label: tab,
|
|
44
|
-
value: tab
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
48
|
const navigateTo = index => {
|
|
49
49
|
const targetLayout = layouts.current[index];
|
|
50
50
|
const left = targetLayout.tab.x + (targetLayout.tab.width - targetLayout.text.width) / 2;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
51
|
+
if (variant === 'underline') {
|
|
52
|
+
const width = targetLayout.text.width;
|
|
53
|
+
Animated.parallel([Animated.timing(animatedIndicatorLeft.current, {
|
|
54
|
+
toValue: left,
|
|
55
|
+
useNativeDriver: false,
|
|
56
|
+
duration: 300
|
|
57
|
+
}), Animated.timing(animatedIndicatorWidth.current, {
|
|
58
|
+
toValue: width,
|
|
59
|
+
useNativeDriver: false,
|
|
60
|
+
duration: 300
|
|
61
|
+
})]).start();
|
|
62
|
+
}
|
|
61
63
|
const hh = scrollViewWidthRef.current / 2;
|
|
62
64
|
scrollViewRef.current?.scrollTo({
|
|
63
65
|
x: targetLayout.tab.x + targetLayout.tab.width / 2 - hh,
|
|
@@ -65,10 +67,10 @@ export const Tabs = ({
|
|
|
65
67
|
});
|
|
66
68
|
};
|
|
67
69
|
const genOnPress = (v, index) => {
|
|
68
|
-
|
|
70
|
+
setActiveValue?.(v.value);
|
|
69
71
|
navigateTo(index);
|
|
70
72
|
};
|
|
71
|
-
const initIndicator =
|
|
73
|
+
const initIndicator = useMemoizedFn(() => {
|
|
72
74
|
const layoutItems = layouts.current.filter(item => item.tab && item.text);
|
|
73
75
|
if (layoutItems.length === layouts.current.length) {
|
|
74
76
|
setState(s => ({
|
|
@@ -76,7 +78,7 @@ export const Tabs = ({
|
|
|
76
78
|
layoutFinish: true
|
|
77
79
|
}));
|
|
78
80
|
}
|
|
79
|
-
}
|
|
81
|
+
});
|
|
80
82
|
const indicatorJSX = useMemo(() => {
|
|
81
83
|
return /*#__PURE__*/_jsx(Animated.View, {
|
|
82
84
|
style: {
|
|
@@ -89,22 +91,72 @@ export const Tabs = ({
|
|
|
89
91
|
}
|
|
90
92
|
});
|
|
91
93
|
}, [theme]);
|
|
92
|
-
const
|
|
94
|
+
const renderTab = useMemoizedFn((tab, index) => {
|
|
95
|
+
const isActive = activeValue === tab.value;
|
|
96
|
+
const badgeCount = tab.badge !== undefined ? typeof tab.badge === 'number' ? tab.badge : undefined : undefined;
|
|
97
|
+
if (variant === 'label') {
|
|
98
|
+
return /*#__PURE__*/_jsx(View, {
|
|
99
|
+
onLayout: genOnLayoutTab(index),
|
|
100
|
+
style: [{
|
|
101
|
+
paddingVertical: 10,
|
|
102
|
+
zIndex: tabNum - index
|
|
103
|
+
}, equalWidth && {
|
|
104
|
+
flex: 1
|
|
105
|
+
}],
|
|
106
|
+
children: /*#__PURE__*/_jsx(Badge, {
|
|
107
|
+
count: badgeCount,
|
|
108
|
+
visible: tab.badge !== undefined,
|
|
109
|
+
size: "small",
|
|
110
|
+
children: /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
111
|
+
activeOpacity: 0.7,
|
|
112
|
+
onPress: () => genOnPress(tab, index),
|
|
113
|
+
style: [styles.labelTab, isActive && styles.labelTabActive, equalWidth && {
|
|
114
|
+
alignSelf: 'stretch',
|
|
115
|
+
justifyContent: 'center',
|
|
116
|
+
alignItems: 'center'
|
|
117
|
+
}],
|
|
118
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
119
|
+
onLayout: genOnLayoutText(index),
|
|
120
|
+
style: [styles.labelText, isActive && styles.labelTextActive],
|
|
121
|
+
size: 14,
|
|
122
|
+
children: tab.label
|
|
123
|
+
})
|
|
124
|
+
})
|
|
125
|
+
})
|
|
126
|
+
}, tab.value);
|
|
127
|
+
}
|
|
93
128
|
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
94
|
-
style: styles.tabItem,
|
|
95
|
-
|
|
129
|
+
style: [styles.tabItem, {
|
|
130
|
+
zIndex: tabNum - index
|
|
131
|
+
}, equalWidth && {
|
|
132
|
+
flex: 1,
|
|
133
|
+
justifyContent: 'center',
|
|
134
|
+
alignItems: 'center'
|
|
135
|
+
}],
|
|
136
|
+
onPress: () => genOnPress(tab, index),
|
|
96
137
|
onLayout: genOnLayoutTab(index),
|
|
97
|
-
children: /*#__PURE__*/_jsx(
|
|
98
|
-
|
|
99
|
-
|
|
138
|
+
children: /*#__PURE__*/_jsx(Badge, {
|
|
139
|
+
count: badgeCount,
|
|
140
|
+
visible: tab.badge !== undefined,
|
|
141
|
+
size: "small",
|
|
142
|
+
offset: [-4, -4],
|
|
143
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
144
|
+
color: isActive ? theme.palette.fontGray1 : theme.palette.fontGray2,
|
|
145
|
+
font: isActive ? 'semiBold' : 'regular',
|
|
146
|
+
onLayout: genOnLayoutText(index),
|
|
147
|
+
size: 14,
|
|
148
|
+
children: tab?.label
|
|
149
|
+
})
|
|
100
150
|
})
|
|
101
|
-
},
|
|
151
|
+
}, tab?.value);
|
|
102
152
|
});
|
|
103
153
|
useEffect(() => {
|
|
104
154
|
if (state.layoutFinish) {
|
|
105
|
-
|
|
155
|
+
const index = tabs.findIndex(item => item.value === activeValue);
|
|
156
|
+
navigateTo(index === -1 ? 0 : index);
|
|
106
157
|
}
|
|
107
|
-
|
|
158
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
159
|
+
}, [state.layoutFinish, activeValue]);
|
|
108
160
|
return /*#__PURE__*/_jsx(View, {
|
|
109
161
|
style: styles.container,
|
|
110
162
|
children: /*#__PURE__*/_jsxs(ScrollView, {
|
|
@@ -112,21 +164,14 @@ export const Tabs = ({
|
|
|
112
164
|
horizontal: true,
|
|
113
165
|
showsHorizontalScrollIndicator: false,
|
|
114
166
|
onLayout: onLayoutScrollView,
|
|
167
|
+
scrollEnabled: !equalWidth,
|
|
115
168
|
contentContainerStyle: {
|
|
116
169
|
alignContent: 'center',
|
|
117
|
-
columnGap:
|
|
170
|
+
columnGap: 8,
|
|
171
|
+
flexGrow: equalWidth ? 1 : 0,
|
|
172
|
+
paddingHorizontal: 16
|
|
118
173
|
},
|
|
119
|
-
children: [
|
|
174
|
+
children: [tabs.map(renderTab), indicatorJSX]
|
|
120
175
|
})
|
|
121
176
|
});
|
|
122
|
-
};
|
|
123
|
-
const useStyles = createThemedStyles(() => {
|
|
124
|
-
return {
|
|
125
|
-
container: {
|
|
126
|
-
paddingHorizontal: 16
|
|
127
|
-
},
|
|
128
|
-
tabItem: {
|
|
129
|
-
paddingVertical: 16
|
|
130
|
-
}
|
|
131
|
-
};
|
|
132
|
-
});
|
|
177
|
+
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useMemo } from 'react';
|
|
4
|
-
import { Platform } from 'react-native';
|
|
5
4
|
import { Portal } from "../components/base/index.js";
|
|
6
5
|
import { createTheme } from "../shared/theme/index.js";
|
|
7
6
|
import { ConfigContext, RequestContext } from "./contexts/index.js";
|
|
@@ -14,9 +13,9 @@ export const NativeProvider = ({
|
|
|
14
13
|
children,
|
|
15
14
|
navigators,
|
|
16
15
|
errorBoundary,
|
|
17
|
-
request = null
|
|
16
|
+
request = null,
|
|
17
|
+
portalHostProps
|
|
18
18
|
}) => {
|
|
19
|
-
const isNative = Platform.OS !== 'web';
|
|
20
19
|
const themeContextValue = useMemo(() => createTheme(theme), [theme]);
|
|
21
20
|
return /*#__PURE__*/_jsx(SafeAreaCompactProvider, {
|
|
22
21
|
children: /*#__PURE__*/_jsx(ConfigContext, {
|
|
@@ -29,9 +28,10 @@ export const NativeProvider = ({
|
|
|
29
28
|
value: themeContextValue,
|
|
30
29
|
children: /*#__PURE__*/_jsx(ErrorBoundary, {
|
|
31
30
|
...errorBoundary,
|
|
32
|
-
children:
|
|
31
|
+
children: /*#__PURE__*/_jsx(Portal.Host, {
|
|
32
|
+
...portalHostProps,
|
|
33
33
|
children: children
|
|
34
|
-
})
|
|
34
|
+
})
|
|
35
35
|
})
|
|
36
36
|
})
|
|
37
37
|
})
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { isNil } from 'lodash-es';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* 浅比较两个对象是否相等
|
|
7
|
+
*
|
|
8
|
+
* 仅比较对象的第一层属性,使用严格相等(===)进行比较。
|
|
9
|
+
* 不会递归比较嵌套对象或数组的内容。
|
|
10
|
+
*
|
|
11
|
+
* @param a - 第一个对象
|
|
12
|
+
* @param b - 第二个对象
|
|
13
|
+
* @returns 如果两个对象的所有第一层属性都相等则返回 true,否则返回 false。如果 a/b 有一个非对象,则直接比较二者
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* shallowEqual({ a: 1, b: 2 }, { a: 1, b: 2 }); // true
|
|
17
|
+
* shallowEqual({ a: 1 }, { a: 1, b: 2 }); // false
|
|
18
|
+
* shallowEqual({ a: { x: 1 } }, { a: { x: 1 } }); // false
|
|
19
|
+
* shallowEqual(null, null); // true
|
|
20
|
+
* shallowEqual(null, undefined); // false
|
|
21
|
+
* shallowEqual(1, 1); // true
|
|
22
|
+
* shallowEqual(1, '1'); // false
|
|
23
|
+
*/
|
|
24
|
+
export const shallowEqual = (a, b) => {
|
|
25
|
+
if (isNil(a) || isNil(b)) {
|
|
26
|
+
return a === b;
|
|
27
|
+
}
|
|
28
|
+
if (typeof a !== 'object' || typeof b !== 'object') {
|
|
29
|
+
return a === b;
|
|
30
|
+
}
|
|
31
|
+
const aKeys = Object.keys(a);
|
|
32
|
+
const bKeys = Object.keys(b);
|
|
33
|
+
if (aKeys.length !== bKeys.length) return false;
|
|
34
|
+
return aKeys.every(key => a[key] === b[key]);
|
|
35
|
+
};
|
|
@@ -22,12 +22,14 @@ export * from './link';
|
|
|
22
22
|
export * from './loading';
|
|
23
23
|
export * from './modal';
|
|
24
24
|
export * from './nav-bar';
|
|
25
|
+
export * from './overflow';
|
|
25
26
|
export * from './picker';
|
|
26
27
|
export * from './picker-backup';
|
|
27
28
|
export * from './picker-view';
|
|
28
29
|
export * from './portal';
|
|
29
30
|
export * from './radio';
|
|
30
31
|
export * from './result';
|
|
32
|
+
export * from './select';
|
|
31
33
|
export * from './surface';
|
|
32
34
|
export * from './switch';
|
|
33
35
|
export * from './tabs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/input/base-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAA+B,MAAM,OAAO,CAAC;AAC/E,OAAO,EAGL,KAAK,SAAS,EACd,SAAS,IAAI,eAAe,EAC5B,KAAK,cAAc,IAAI,eAAe,EACtC,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,EACpC,aAAa,CAAC,eAAe,CAAC;IAChC,aAAa;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,UAAU,CAAC,EAAE,OAAO,GAAG;QAAE,SAAS,EAAE,KAAK,CAAC,YAAY,CAAA;KAAE,CAAC;IACzD,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,cAAc,GAAG,uBAAuB,CAAC;IAC3D,kBAAkB;IAClB,iBAAiB,CAAC,EAAE,CAClB,sBAAsB,EAAE,MAAM,EAC9B,8BAA8B,EAAE,MAAM,KACnC,IAAI,CAAC;IACV,YAAY;IACZ,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB;IACjB,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACzE,eAAe;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/input/base-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAA+B,MAAM,OAAO,CAAC;AAC/E,OAAO,EAGL,KAAK,SAAS,EACd,SAAS,IAAI,eAAe,EAC5B,KAAK,cAAc,IAAI,eAAe,EACtC,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,EACpC,aAAa,CAAC,eAAe,CAAC;IAChC,aAAa;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,UAAU,CAAC,EAAE,OAAO,GAAG;QAAE,SAAS,EAAE,KAAK,CAAC,YAAY,CAAA;KAAE,CAAC;IACzD,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,cAAc,GAAG,uBAAuB,CAAC;IAC3D,kBAAkB;IAClB,iBAAiB,CAAC,EAAE,CAClB,sBAAsB,EAAE,MAAM,EAC9B,8BAA8B,EAAE,MAAM,KACnC,IAAI,CAAC;IACV,YAAY;IACZ,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB;IACjB,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACzE,eAAe;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyL9C,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type useOverflowStyles } from './style';
|
|
3
|
+
import type { OverflowProps } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* 全部显示模式组件
|
|
6
|
+
*/
|
|
7
|
+
export declare const AllModeOverflow: <ItemType = unknown>({ data, renderItem, prefix, suffix, style, prefixStyle, itemStyle, suffixStyle, onVisibleCountChange, styles, getKey, }: OverflowProps<ItemType> & {
|
|
8
|
+
styles: ReturnType<typeof useOverflowStyles>;
|
|
9
|
+
getKey: (item: ItemType, index: number) => React.Key;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=all-mode-overflow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"all-mode-overflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/overflow/all-mode-overflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,GAAG,OAAO,EAAG,yHAYlD,aAAa,CAAC,QAAQ,CAAC,GAAG;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;IAC7C,MAAM,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC;CACtD,sBAwBA,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type useOverflowStyles } from './style';
|
|
3
|
+
import type { OverflowProps } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* 固定数量模式组件
|
|
6
|
+
*/
|
|
7
|
+
export declare const FixedCountOverflow: <ItemType = unknown>({ data, renderItem, renderRest, maxCount, prefix, suffix, style, prefixStyle, itemStyle, suffixStyle, restStyle, onVisibleCountChange, styles, getKey, }: OverflowProps<ItemType> & {
|
|
8
|
+
styles: ReturnType<typeof useOverflowStyles>;
|
|
9
|
+
getKey: (item: ItemType, index: number) => React.Key;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=fixed-count-overflow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fixed-count-overflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/overflow/fixed-count-overflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,GAAG,OAAO,EAAG,0JAerD,aAAa,CAAC,QAAQ,CAAC,GAAG;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;IAC7C,MAAM,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC;CACtD,sBA2CA,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/overflow/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { OverflowProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Overflow 组件
|
|
5
|
+
*
|
|
6
|
+
* 利用 onLayout 在渲染前触发的特性,实现单次渲染的溢出处理组件
|
|
7
|
+
* 固定数量模式直接渲染,响应式模式通过预先计算确定最终显示状态
|
|
8
|
+
*
|
|
9
|
+
* @param props - 组件属性
|
|
10
|
+
* @returns React 元素
|
|
11
|
+
*/
|
|
12
|
+
export declare const Overflow: <ItemType = unknown>(props: OverflowProps<ItemType>) => React.JSX.Element;
|
|
13
|
+
//# sourceMappingURL=overflow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/overflow/overflow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,QAAQ,GAAG,OAAO,EAAG,OAAO,aAAa,CAAC,QAAQ,CAAC,sBAyC3E,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type useOverflowStyles } from './style';
|
|
3
|
+
import type { OverflowProps } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* 响应式 Overflow 组件
|
|
6
|
+
* 只有在 props 变化时才重新测量,onLayout 不直接触发测量
|
|
7
|
+
*/
|
|
8
|
+
export declare const ResponsiveOverflow: <ItemType = unknown>({ data, renderItem, renderRest, prefix, suffix, style, prefixStyle, itemStyle, suffixStyle, restStyle, onVisibleCountChange, itemsWidthTolerance, styles, getKey, }: OverflowProps<ItemType> & {
|
|
9
|
+
styles: ReturnType<typeof useOverflowStyles>;
|
|
10
|
+
getKey: (item: ItemType, index: number) => React.Key;
|
|
11
|
+
}) => React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=responsive-overflow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive-overflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/overflow/responsive-overflow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAqB7C;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,GAAG,OAAO,EAAG,qKAerD,aAAa,CAAC,QAAQ,CAAC,GAAG;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;IAC7C,MAAM,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC;CACtD,sBA4SA,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 创建样式
|
|
3
|
+
*/
|
|
4
|
+
export declare const useOverflowStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
|
|
5
|
+
container: {
|
|
6
|
+
flexDirection: "row";
|
|
7
|
+
flexWrap: "wrap" | "nowrap";
|
|
8
|
+
overflow: "hidden";
|
|
9
|
+
width: "100%";
|
|
10
|
+
};
|
|
11
|
+
item: {
|
|
12
|
+
flexShrink: number;
|
|
13
|
+
paddingHorizontal: number;
|
|
14
|
+
paddingVertical: number;
|
|
15
|
+
};
|
|
16
|
+
rest: {
|
|
17
|
+
backgroundColor: "rgba(243, 243, 243, 1)";
|
|
18
|
+
borderRadius: 2;
|
|
19
|
+
paddingHorizontal: 6;
|
|
20
|
+
height: "100%";
|
|
21
|
+
display: "flex";
|
|
22
|
+
alignItems: "center";
|
|
23
|
+
color: "rgba(0, 0, 0, 0.4)";
|
|
24
|
+
};
|
|
25
|
+
hidden: {
|
|
26
|
+
opacity: number;
|
|
27
|
+
pointerEvents: "none";
|
|
28
|
+
position: "absolute";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/overflow/style/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B3B,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* Overflow 组件属性
|
|
5
|
+
*/
|
|
6
|
+
export interface OverflowProps<ItemType = unknown> {
|
|
7
|
+
/**
|
|
8
|
+
* 数据源
|
|
9
|
+
*/
|
|
10
|
+
data: ItemType[];
|
|
11
|
+
/**
|
|
12
|
+
* 获取元素唯一标识
|
|
13
|
+
* @default (item, index) => index
|
|
14
|
+
*/
|
|
15
|
+
itemKey?: keyof ItemType | ((item: ItemType, index: number) => React.Key);
|
|
16
|
+
/**
|
|
17
|
+
* 渲染单个元素
|
|
18
|
+
* @param item 数据项
|
|
19
|
+
* @param info 渲染信息(索引)
|
|
20
|
+
*/
|
|
21
|
+
renderItem: (item: ItemType, info: {
|
|
22
|
+
index: number;
|
|
23
|
+
}) => React.ReactNode;
|
|
24
|
+
/**
|
|
25
|
+
* 渲染"更多"节点
|
|
26
|
+
* @param omittedItems 被折叠的元素数组
|
|
27
|
+
* @default (items) => `+${items.length}...`
|
|
28
|
+
*/
|
|
29
|
+
renderRest?: React.ReactNode | ((omittedItems: ItemType[]) => React.ReactNode);
|
|
30
|
+
/**
|
|
31
|
+
* 最大显示数量
|
|
32
|
+
* - 'responsive': 响应式模式,根据容器宽度自动计算
|
|
33
|
+
* - 'all': 显示所有内容,不进行任何截断
|
|
34
|
+
* - number: 固定显示数量
|
|
35
|
+
* @default 'responsive'
|
|
36
|
+
*/
|
|
37
|
+
maxCount?: number | 'responsive' | 'all';
|
|
38
|
+
/**
|
|
39
|
+
* 前缀元素
|
|
40
|
+
*/
|
|
41
|
+
prefix?: React.ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* 后缀元素
|
|
44
|
+
*/
|
|
45
|
+
suffix?: React.ReactNode;
|
|
46
|
+
/**
|
|
47
|
+
* 容器样式
|
|
48
|
+
*/
|
|
49
|
+
style?: StyleProp<ViewStyle>;
|
|
50
|
+
/**
|
|
51
|
+
* 前缀元素样式
|
|
52
|
+
*/
|
|
53
|
+
prefixStyle?: StyleProp<ViewStyle>;
|
|
54
|
+
/**
|
|
55
|
+
* 数据项元素样式
|
|
56
|
+
*/
|
|
57
|
+
itemStyle?: StyleProp<ViewStyle>;
|
|
58
|
+
/**
|
|
59
|
+
* 后缀元素样式
|
|
60
|
+
*/
|
|
61
|
+
suffixStyle?: StyleProp<ViewStyle>;
|
|
62
|
+
/**
|
|
63
|
+
* "更多"节点样式
|
|
64
|
+
*/
|
|
65
|
+
restStyle?: StyleProp<ViewStyle>;
|
|
66
|
+
/**
|
|
67
|
+
* 可见元素数量变化回调
|
|
68
|
+
* @param visibleCount 当前可见的元素数量
|
|
69
|
+
*/
|
|
70
|
+
onVisibleCountChange?: (visibleCount: number) => void;
|
|
71
|
+
/**
|
|
72
|
+
* 在响应式模式下,当元素总宽度超出容器宽度但在容差范围内时,仍然显示全部元素而不截断
|
|
73
|
+
* @default 0
|
|
74
|
+
*/
|
|
75
|
+
itemsWidthTolerance?: number;
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/overflow/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,OAAO;IAC/C;;OAEG;IACH,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1E;;;;OAIG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACzE;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/E;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}
|
|
@@ -2,14 +2,26 @@ import React from 'react';
|
|
|
2
2
|
import type { StyleProp, ViewStyle } from 'react-native';
|
|
3
3
|
import { type ModalProps } from '#components/base';
|
|
4
4
|
import type { Any } from '#shared/utils';
|
|
5
|
+
/**
|
|
6
|
+
* Picker 内容组件的属性接口
|
|
7
|
+
* 继承自 Modal 组件,排除 visible 和 children 属性
|
|
8
|
+
*/
|
|
5
9
|
export interface PickerContentProps extends Omit<ModalProps, 'visible' | 'children'> {
|
|
10
|
+
/** 是否隐藏头部关闭图标 */
|
|
6
11
|
hiddenHeaderCloseIcon?: boolean;
|
|
12
|
+
/** 头部标题内容 */
|
|
7
13
|
headerTitle?: React.ReactNode;
|
|
14
|
+
/** 头部样式 */
|
|
8
15
|
headerStyle?: StyleProp<ViewStyle>;
|
|
16
|
+
/** 子元素,可以是 React 元素或渲染函数 */
|
|
9
17
|
children?: React.ReactElement | ((props: {
|
|
18
|
+
/** 当前选中的值 */
|
|
10
19
|
value: Any;
|
|
20
|
+
/** 值变化回调函数 */
|
|
11
21
|
onChange?: (value: Any) => void;
|
|
12
22
|
}) => React.ReactElement);
|
|
23
|
+
/** 内容区域样式 */
|
|
24
|
+
style?: StyleProp<ViewStyle>;
|
|
13
25
|
}
|
|
14
26
|
export declare const PickerContent: React.FC<PickerContentProps>;
|
|
15
27
|
//# sourceMappingURL=picker-content.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picker-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/picker/picker-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAIL,KAAK,UAAU,EAEhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"picker-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/picker/picker-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAIL,KAAK,UAAU,EAEhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAKzC;;;GAGG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,UAAU,CAAC;IAChD,iBAAiB;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW;IACX,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,4BAA4B;IAC5B,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,KAAK,EAAE;QACP,aAAa;QACb,KAAK,EAAE,GAAG,CAAC;QACX,cAAc;QACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;KACjC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IAC9B,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiDtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picker-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/picker/picker-field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"picker-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/picker/picker-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,KAAK,GAAG,EAAwB,MAAM,eAAe,CAAC;AAK/D,MAAM,WAAW,gBAAgB,CAAC,KAAK,GAAG,GAAG;IAC3C,kBAAkB;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,qBAqChE"}
|
|
@@ -2,11 +2,20 @@ import { type PropsWithChildren } from 'react';
|
|
|
2
2
|
import type { Any } from '#shared/utils';
|
|
3
3
|
import type { PickerContentProps } from './picker-content';
|
|
4
4
|
import type { PickerFieldProps } from './picker-field';
|
|
5
|
+
/**
|
|
6
|
+
* Picker 组件的基础属性接口
|
|
7
|
+
* @template T 选择器值的类型
|
|
8
|
+
*/
|
|
5
9
|
export interface PickerProps<T = Any> {
|
|
10
|
+
/** 受控模式下的当前值 */
|
|
6
11
|
value?: T;
|
|
12
|
+
/** 非受控模式下的默认值 */
|
|
7
13
|
defaultValue?: T;
|
|
14
|
+
/** 触发 onChange 的事件名称,默认为 'onChange' */
|
|
8
15
|
trigger?: string;
|
|
16
|
+
/** 是否禁用选择器 */
|
|
9
17
|
disabled?: boolean;
|
|
18
|
+
/** 值变化时的回调函数 */
|
|
10
19
|
onChange?: (value: T) => void;
|
|
11
20
|
}
|
|
12
21
|
export interface PickerMergeProps<T> extends PickerProps<T>, PickerFieldProps<T>, PickerContentProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/picker/picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAClC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,WAAW,CAAC,CAAC,CAAC,EACpB,gBAAgB,CAAC,CAAC,CAAC,EACnB,kBAAkB;CAAG;AAEzB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA8B3D,CAAC"}
|
|
1
|
+
{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/picker/picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAClC,gBAAgB;IAChB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,iBAAiB;IACjB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,WAAW,CAAC,CAAC,CAAC,EACpB,gBAAgB,CAAC,CAAC,CAAC,EACnB,kBAAkB;CAAG;AAEzB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA8B3D,CAAC"}
|
|
@@ -10,4 +10,10 @@ export declare const usePickerFieldStyles: (options?: import("../../../../shared
|
|
|
10
10
|
backgroundColor: "rgba(238, 238, 240, 1)";
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
+
export declare const usePickerContentStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
|
|
14
|
+
container: {
|
|
15
|
+
flex: number;
|
|
16
|
+
padding: number;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
13
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/picker/style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAW9B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/picker/style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAW9B,CAAC;AAEJ,eAAO,MAAM,sBAAsB;;;;;CAEhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal-host.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/portal/portal-host.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"portal-host.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/portal/portal-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAgBf,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6GhD,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { type PropsWithChildren, type ReactNode } from 'react';
|
|
2
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
2
3
|
import { type PortalMethods } from './portal-context';
|
|
3
4
|
export declare const DEFAULT_PORTAL_HOST = "default";
|
|
4
5
|
export interface PortalHostProps extends PropsWithChildren {
|
|
5
6
|
name?: string;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
6
8
|
}
|
|
7
9
|
export interface PortalProps {
|
|
8
10
|
children?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/portal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/portal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAE7C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IAExD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,GACpD;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC"}
|