@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.
Files changed (178) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/commonjs/components/base/index.js +33 -11
  3. package/dist/commonjs/components/base/input/base-input.js +4 -2
  4. package/dist/commonjs/components/base/overflow/all-mode-overflow.js +49 -0
  5. package/dist/commonjs/components/base/overflow/fixed-count-overflow.js +70 -0
  6. package/dist/commonjs/components/base/overflow/index.js +16 -0
  7. package/dist/commonjs/components/base/overflow/overflow.js +72 -0
  8. package/dist/commonjs/components/base/overflow/responsive-overflow.js +280 -0
  9. package/dist/commonjs/components/base/overflow/style/index.js +39 -0
  10. package/dist/commonjs/components/base/overflow/types.js +5 -0
  11. package/dist/commonjs/components/base/picker/picker-content.js +16 -12
  12. package/dist/commonjs/components/base/picker/picker-field.js +9 -7
  13. package/dist/commonjs/components/base/picker/picker.js +6 -1
  14. package/dist/commonjs/components/base/picker/style/index.js +7 -1
  15. package/dist/commonjs/components/base/portal/portal-host.js +5 -3
  16. package/dist/commonjs/components/base/select/hooks/use-select-actions.js +155 -0
  17. package/dist/commonjs/components/base/select/hooks/use-select-options.js +169 -0
  18. package/dist/commonjs/components/base/select/hooks/use-selector.js +104 -0
  19. package/dist/commonjs/components/base/select/index.js +16 -0
  20. package/dist/commonjs/components/base/select/select-multiple-content.js +182 -0
  21. package/dist/commonjs/components/base/select/select-popup.js +233 -0
  22. package/dist/commonjs/components/base/select/select-single-content.js +100 -0
  23. package/dist/commonjs/components/base/select/select-suffix.js +67 -0
  24. package/dist/commonjs/components/base/select/select.js +285 -0
  25. package/dist/commonjs/components/base/select/style/index.js +40 -0
  26. package/dist/commonjs/components/base/select/style/select-multiple-content-styles.js +46 -0
  27. package/dist/commonjs/components/base/select/style/select-popup-styles.js +67 -0
  28. package/dist/commonjs/components/base/select/style/select-single-content-styles.js +28 -0
  29. package/dist/commonjs/components/base/select/style/select-styles.js +46 -0
  30. package/dist/commonjs/components/base/select/style/select-suffix-styles.js +21 -0
  31. package/dist/commonjs/components/base/select/types.js +5 -0
  32. package/dist/commonjs/components/base/tabs/style/index.js +37 -0
  33. package/dist/commonjs/components/base/tabs/tabs.js +90 -45
  34. package/dist/commonjs/native-provider/native-provider.js +5 -5
  35. package/dist/commonjs/shared/utils/index.js +11 -0
  36. package/dist/commonjs/shared/utils/object.js +39 -0
  37. package/dist/module/components/base/index.js +2 -0
  38. package/dist/module/components/base/input/base-input.js +4 -2
  39. package/dist/module/components/base/overflow/all-mode-overflow.js +43 -0
  40. package/dist/module/components/base/overflow/fixed-count-overflow.js +64 -0
  41. package/dist/module/components/base/overflow/index.js +3 -0
  42. package/dist/module/components/base/overflow/overflow.js +66 -0
  43. package/dist/module/components/base/overflow/responsive-overflow.js +274 -0
  44. package/dist/module/components/base/overflow/style/index.js +36 -0
  45. package/dist/module/components/base/overflow/types.js +3 -0
  46. package/dist/module/components/base/picker/picker-content.js +16 -12
  47. package/dist/module/components/base/picker/picker-field.js +9 -7
  48. package/dist/module/components/base/picker/picker.js +6 -1
  49. package/dist/module/components/base/picker/style/index.js +6 -0
  50. package/dist/module/components/base/portal/portal-host.js +4 -3
  51. package/dist/module/components/base/select/hooks/use-select-actions.js +151 -0
  52. package/dist/module/components/base/select/hooks/use-select-options.js +162 -0
  53. package/dist/module/components/base/select/hooks/use-selector.js +100 -0
  54. package/dist/module/components/base/select/index.js +3 -0
  55. package/dist/module/components/base/select/select-multiple-content.js +176 -0
  56. package/dist/module/components/base/select/select-popup.js +227 -0
  57. package/dist/module/components/base/select/select-single-content.js +94 -0
  58. package/dist/module/components/base/select/select-suffix.js +61 -0
  59. package/dist/module/components/base/select/select.js +279 -0
  60. package/dist/module/components/base/select/style/index.js +7 -0
  61. package/dist/module/components/base/select/style/select-multiple-content-styles.js +43 -0
  62. package/dist/module/components/base/select/style/select-popup-styles.js +64 -0
  63. package/dist/module/components/base/select/style/select-single-content-styles.js +25 -0
  64. package/dist/module/components/base/select/style/select-styles.js +43 -0
  65. package/dist/module/components/base/select/style/select-suffix-styles.js +18 -0
  66. package/dist/module/components/base/select/types.js +3 -0
  67. package/dist/module/components/base/tabs/style/index.js +33 -0
  68. package/dist/module/components/base/tabs/tabs.js +92 -47
  69. package/dist/module/native-provider/native-provider.js +5 -5
  70. package/dist/module/shared/utils/index.js +2 -1
  71. package/dist/module/shared/utils/object.js +35 -0
  72. package/dist/typescript/components/base/index.d.ts +2 -0
  73. package/dist/typescript/components/base/index.d.ts.map +1 -1
  74. package/dist/typescript/components/base/input/base-input.d.ts.map +1 -1
  75. package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts +11 -0
  76. package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts.map +1 -0
  77. package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts +11 -0
  78. package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts.map +1 -0
  79. package/dist/typescript/components/base/overflow/index.d.ts +3 -0
  80. package/dist/typescript/components/base/overflow/index.d.ts.map +1 -0
  81. package/dist/typescript/components/base/overflow/overflow.d.ts +13 -0
  82. package/dist/typescript/components/base/overflow/overflow.d.ts.map +1 -0
  83. package/dist/typescript/components/base/overflow/responsive-overflow.d.ts +12 -0
  84. package/dist/typescript/components/base/overflow/responsive-overflow.d.ts.map +1 -0
  85. package/dist/typescript/components/base/overflow/style/index.d.ts +31 -0
  86. package/dist/typescript/components/base/overflow/style/index.d.ts.map +1 -0
  87. package/dist/typescript/components/base/overflow/types.d.ts +77 -0
  88. package/dist/typescript/components/base/overflow/types.d.ts.map +1 -0
  89. package/dist/typescript/components/base/picker/picker-content.d.ts +12 -0
  90. package/dist/typescript/components/base/picker/picker-content.d.ts.map +1 -1
  91. package/dist/typescript/components/base/picker/picker-field.d.ts.map +1 -1
  92. package/dist/typescript/components/base/picker/picker.d.ts +9 -0
  93. package/dist/typescript/components/base/picker/picker.d.ts.map +1 -1
  94. package/dist/typescript/components/base/picker/style/index.d.ts +6 -0
  95. package/dist/typescript/components/base/picker/style/index.d.ts.map +1 -1
  96. package/dist/typescript/components/base/portal/portal-host.d.ts +1 -0
  97. package/dist/typescript/components/base/portal/portal-host.d.ts.map +1 -1
  98. package/dist/typescript/components/base/portal/types.d.ts +2 -0
  99. package/dist/typescript/components/base/portal/types.d.ts.map +1 -1
  100. package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts +144 -0
  101. package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts.map +1 -0
  102. package/dist/typescript/components/base/select/hooks/use-select-options.d.ts +91 -0
  103. package/dist/typescript/components/base/select/hooks/use-select-options.d.ts.map +1 -0
  104. package/dist/typescript/components/base/select/hooks/use-selector.d.ts +90 -0
  105. package/dist/typescript/components/base/select/hooks/use-selector.d.ts.map +1 -0
  106. package/dist/typescript/components/base/select/index.d.ts +3 -0
  107. package/dist/typescript/components/base/select/index.d.ts.map +1 -0
  108. package/dist/typescript/components/base/select/select-multiple-content.d.ts +51 -0
  109. package/dist/typescript/components/base/select/select-multiple-content.d.ts.map +1 -0
  110. package/dist/typescript/components/base/select/select-popup.d.ts +107 -0
  111. package/dist/typescript/components/base/select/select-popup.d.ts.map +1 -0
  112. package/dist/typescript/components/base/select/select-single-content.d.ts +48 -0
  113. package/dist/typescript/components/base/select/select-single-content.d.ts.map +1 -0
  114. package/dist/typescript/components/base/select/select-suffix.d.ts +43 -0
  115. package/dist/typescript/components/base/select/select-suffix.d.ts.map +1 -0
  116. package/dist/typescript/components/base/select/select.d.ts +40 -0
  117. package/dist/typescript/components/base/select/select.d.ts.map +1 -0
  118. package/dist/typescript/components/base/select/style/index.d.ts +6 -0
  119. package/dist/typescript/components/base/select/style/index.d.ts.map +1 -0
  120. package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts +40 -0
  121. package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts.map +1 -0
  122. package/dist/typescript/components/base/select/style/select-popup-styles.d.ts +61 -0
  123. package/dist/typescript/components/base/select/style/select-popup-styles.d.ts.map +1 -0
  124. package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts +22 -0
  125. package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts.map +1 -0
  126. package/dist/typescript/components/base/select/style/select-styles.d.ts +40 -0
  127. package/dist/typescript/components/base/select/style/select-styles.d.ts.map +1 -0
  128. package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts +15 -0
  129. package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts.map +1 -0
  130. package/dist/typescript/components/base/select/types.d.ts +206 -0
  131. package/dist/typescript/components/base/select/types.d.ts.map +1 -0
  132. package/dist/typescript/components/base/tabs/style/index.d.ts +29 -0
  133. package/dist/typescript/components/base/tabs/style/index.d.ts.map +1 -0
  134. package/dist/typescript/components/base/tabs/tabs.d.ts +26 -5
  135. package/dist/typescript/components/base/tabs/tabs.d.ts.map +1 -1
  136. package/dist/typescript/native-provider/native-provider.d.ts +2 -0
  137. package/dist/typescript/native-provider/native-provider.d.ts.map +1 -1
  138. package/dist/typescript/shared/utils/index.d.ts +1 -0
  139. package/dist/typescript/shared/utils/index.d.ts.map +1 -1
  140. package/dist/typescript/shared/utils/object.d.ts +21 -0
  141. package/dist/typescript/shared/utils/object.d.ts.map +1 -0
  142. package/package.json +1 -1
  143. package/src/components/base/index.ts +2 -0
  144. package/src/components/base/input/base-input.tsx +4 -2
  145. package/src/components/base/overflow/all-mode-overflow.tsx +49 -0
  146. package/src/components/base/overflow/fixed-count-overflow.tsx +71 -0
  147. package/src/components/base/overflow/index.ts +2 -0
  148. package/src/components/base/overflow/overflow.tsx +60 -0
  149. package/src/components/base/overflow/responsive-overflow.tsx +349 -0
  150. package/src/components/base/overflow/style/index.ts +32 -0
  151. package/src/components/base/overflow/types.ts +75 -0
  152. package/src/components/base/picker/picker-content.tsx +24 -9
  153. package/src/components/base/picker/picker-field.tsx +19 -13
  154. package/src/components/base/picker/picker.tsx +10 -1
  155. package/src/components/base/picker/style/index.ts +4 -0
  156. package/src/components/base/portal/portal-host.tsx +13 -3
  157. package/src/components/base/portal/types.ts +2 -0
  158. package/src/components/base/select/hooks/use-select-actions.ts +263 -0
  159. package/src/components/base/select/hooks/use-select-options.ts +250 -0
  160. package/src/components/base/select/hooks/use-selector.ts +155 -0
  161. package/src/components/base/select/index.ts +2 -0
  162. package/src/components/base/select/select-multiple-content.tsx +292 -0
  163. package/src/components/base/select/select-popup.tsx +384 -0
  164. package/src/components/base/select/select-single-content.tsx +127 -0
  165. package/src/components/base/select/select-suffix.tsx +100 -0
  166. package/src/components/base/select/select.tsx +302 -0
  167. package/src/components/base/select/style/index.ts +5 -0
  168. package/src/components/base/select/style/select-multiple-content-styles.ts +41 -0
  169. package/src/components/base/select/style/select-popup-styles.ts +62 -0
  170. package/src/components/base/select/style/select-single-content-styles.ts +23 -0
  171. package/src/components/base/select/style/select-styles.ts +41 -0
  172. package/src/components/base/select/style/select-suffix-styles.ts +16 -0
  173. package/src/components/base/select/types.ts +261 -0
  174. package/src/components/base/tabs/style/index.ts +32 -0
  175. package/src/components/base/tabs/tabs.tsx +146 -55
  176. package/src/native-provider/native-provider.tsx +4 -4
  177. package/src/shared/utils/index.ts +1 -0
  178. 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 { createThemedStyles, useTheme } from "../../../native-provider/index.js";
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
- onChange
12
+ equalWidth = false,
13
+ variant = 'underline',
14
+ ...restProps
11
15
  }) => {
12
- const styles = useStyles();
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
- const width = targetLayout.text.width;
52
- Animated.parallel([Animated.timing(animatedIndicatorLeft.current, {
53
- toValue: left,
54
- useNativeDriver: false,
55
- duration: 300
56
- }), Animated.timing(animatedIndicatorWidth.current, {
57
- toValue: width,
58
- useNativeDriver: false,
59
- duration: 300
60
- })]).start();
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
- onChange?.(v);
70
+ setActiveValue?.(v.value);
69
71
  navigateTo(index);
70
72
  };
71
- const initIndicator = useCallback(() => {
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 tabsJSX = normalizedTabs.map((item, index) => {
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
- onPress: () => genOnPress(item, index),
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(Text, {
98
- onLayout: genOnLayoutText(index),
99
- children: item?.label
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
- }, item?.value);
151
+ }, tab?.value);
102
152
  });
103
153
  useEffect(() => {
104
154
  if (state.layoutFinish) {
105
- navigateTo(0);
155
+ const index = tabs.findIndex(item => item.value === activeValue);
156
+ navigateTo(index === -1 ? 0 : index);
106
157
  }
107
- }, [state.layoutFinish]);
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: 16
170
+ columnGap: 8,
171
+ flexGrow: equalWidth ? 1 : 0,
172
+ paddingHorizontal: 16
118
173
  },
119
- children: [tabsJSX, indicatorJSX]
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: isNative ? /*#__PURE__*/_jsx(Portal.Host, {
31
+ children: /*#__PURE__*/_jsx(Portal.Host, {
32
+ ...portalHostProps,
33
33
  children: children
34
- }) : children
34
+ })
35
35
  })
36
36
  })
37
37
  })
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
2
 
3
3
  export * from "./element.js";
4
- export * from "./error.js";
4
+ export * from "./error.js";
5
+ export * from "./object.js";
@@ -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,CAuL9C,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,3 @@
1
+ export * from './overflow';
2
+ export type * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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;AAIzC,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,UAAU,CAAC;IAChD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,KAAK,EAAE;QACP,KAAK,EAAE,GAAG,CAAC;QACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;KACjC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+CtD,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":"AACA,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,qBAgChE"}
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,3 +1,4 @@
1
+ import React from 'react';
1
2
  import { type PortalHostProps } from './types';
2
3
  export declare const PortalHost: React.FC<PortalHostProps>;
3
4
  //# sourceMappingURL=portal-host.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"portal-host.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/portal/portal-host.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyGhD,CAAC"}
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;AAE/D,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;CACf;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"}
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"}