@beppla/tapas-ui 1.4.18 → 1.4.20
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/commonjs/Dropdown/CustomDropdown.js +39 -8
- package/commonjs/Dropdown/CustomDropdown.js.map +1 -1
- package/commonjs/Pagination/DROPDOWN_IMPROVEMENTS.md +321 -0
- package/commonjs/Pagination/Pagination.js +20 -4
- package/commonjs/Pagination/Pagination.js.map +1 -1
- package/module/Dropdown/CustomDropdown.js +39 -8
- package/module/Dropdown/CustomDropdown.js.map +1 -1
- package/module/Pagination/DROPDOWN_IMPROVEMENTS.md +321 -0
- package/module/Pagination/Pagination.js +20 -4
- package/module/Pagination/Pagination.js.map +1 -1
- package/package.json +1 -1
- package/typescript/Dropdown/CustomDropdown.d.ts +2 -1
- package/typescript/Dropdown/CustomDropdown.d.ts.map +1 -1
- package/typescript/Pagination/Pagination.d.ts +1 -0
- package/typescript/Pagination/Pagination.d.ts.map +1 -1
|
@@ -66,12 +66,10 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
|
|
|
66
66
|
},
|
|
67
67
|
subContainer: {
|
|
68
68
|
marginTop: 8,
|
|
69
|
-
// 移除 marginTop,避免与 top: 40 冲突
|
|
70
69
|
display: 'flex',
|
|
71
70
|
flexDirection: 'column',
|
|
72
71
|
backgroundColor: theme.colors.white,
|
|
73
72
|
borderRadius: theme.radius.rounded,
|
|
74
|
-
flex: 1,
|
|
75
73
|
elevation: 8,
|
|
76
74
|
shadowColor: 'rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)',
|
|
77
75
|
shadowOffset: {
|
|
@@ -83,8 +81,9 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
|
|
|
83
81
|
overflow: 'hidden',
|
|
84
82
|
position: 'absolute',
|
|
85
83
|
top: 40,
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
zIndex: 9999,
|
|
85
|
+
// 确保不影响主体布局
|
|
86
|
+
pointerEvents: 'auto'
|
|
88
87
|
},
|
|
89
88
|
backdropStyle: {
|
|
90
89
|
backgroundColor: 'rgba(0, 0, 0, 0.6)'
|
|
@@ -120,13 +119,34 @@ const CustomDropdown = ({
|
|
|
120
119
|
subContainerLeft,
|
|
121
120
|
showSearchBar,
|
|
122
121
|
sheetTitlePros,
|
|
122
|
+
dropdownBackgroundColor,
|
|
123
123
|
...props
|
|
124
124
|
}) => {
|
|
125
125
|
const styles = useStyles(props);
|
|
126
|
+
const buttonRef = _react.default.useRef(null);
|
|
127
|
+
const [autoPosition, setAutoPosition] = _react.default.useState('down');
|
|
126
128
|
const handlePress = event => {
|
|
127
129
|
event.stopPropagation();
|
|
128
130
|
onPress && onPress();
|
|
129
131
|
};
|
|
132
|
+
|
|
133
|
+
// 自动检测可用空间,决定向上还是向下显示
|
|
134
|
+
(0, _react.useEffect)(() => {
|
|
135
|
+
if (isVisible && subContainerPosition === 'auto' && buttonRef.current && _reactNative.Platform.OS === 'web') {
|
|
136
|
+
buttonRef.current.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
137
|
+
const windowHeight = window.innerHeight;
|
|
138
|
+
const spaceBelow = windowHeight - pageY - height;
|
|
139
|
+
const spaceAbove = pageY;
|
|
140
|
+
|
|
141
|
+
// 如果下方空间不足,且上方空间更大,则向上显示
|
|
142
|
+
if (spaceBelow < subHeight && spaceAbove > spaceBelow) {
|
|
143
|
+
setAutoPosition('up');
|
|
144
|
+
} else {
|
|
145
|
+
setAutoPosition('down');
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
}
|
|
149
|
+
}, [isVisible, subContainerPosition, subHeight]);
|
|
130
150
|
(0, _react.useEffect)(() => {
|
|
131
151
|
const handleClickOutside = () => {
|
|
132
152
|
if (isVisible) {
|
|
@@ -141,6 +161,11 @@ const CustomDropdown = ({
|
|
|
141
161
|
};
|
|
142
162
|
}, [isVisible]);
|
|
143
163
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
164
|
+
ref: buttonRef,
|
|
165
|
+
style: {
|
|
166
|
+
position: 'relative',
|
|
167
|
+
zIndex: isVisible ? 9999 : 1
|
|
168
|
+
},
|
|
144
169
|
children: [props.customButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
145
170
|
children: props.customButton
|
|
146
171
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.Button
|
|
@@ -194,18 +219,24 @@ const CustomDropdown = ({
|
|
|
194
219
|
}]
|
|
195
220
|
})]
|
|
196
221
|
}), !_common.isMobile && isVisible && (() => {
|
|
197
|
-
//
|
|
222
|
+
// 判断最终位置:auto 模式根据检测结果,否则根据 position 参数
|
|
223
|
+
const isUpPosition = subContainerPosition === 'auto' ? autoPosition === 'up' : subContainerPosition === 'upLeft' || subContainerPosition === 'upRight' || subContainerPosition === 'upCenter';
|
|
224
|
+
|
|
198
225
|
// 计算默认的 top 和 left 值
|
|
199
|
-
const defaultTop =
|
|
200
|
-
const defaultLeft = subContainerPosition === 'center' ? -(subWidth - width) / 2 : subContainerPosition === '
|
|
226
|
+
const defaultTop = isUpPosition ? -(subHeight + (showSearchBar ? 66 : 16)) : undefined;
|
|
227
|
+
const defaultLeft = subContainerPosition === 'center' || subContainerPosition === 'auto' && autoPosition === 'down' ? -(subWidth - width) / 2 : subContainerPosition === 'upCenter' ? -(subWidth - width) / 2 : subContainerPosition === 'right' || subContainerPosition === 'upRight' ? undefined : 0;
|
|
201
228
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
202
229
|
style: [styles.subContainer,
|
|
230
|
+
// 自定义背景色
|
|
231
|
+
dropdownBackgroundColor ? {
|
|
232
|
+
backgroundColor: dropdownBackgroundColor
|
|
233
|
+
} : {},
|
|
203
234
|
// 应用默认的位置样式(如果没有自定义值)
|
|
204
235
|
subContainerTop === undefined && defaultTop !== undefined ? {
|
|
205
236
|
top: defaultTop
|
|
206
237
|
} : {}, subContainerLeft === undefined && defaultLeft !== undefined ? {
|
|
207
238
|
left: defaultLeft
|
|
208
|
-
} : {}, subContainerPosition === 'right' && subContainerLeft === undefined ? {
|
|
239
|
+
} : {}, (subContainerPosition === 'right' || subContainerPosition === 'upRight') && subContainerLeft === undefined ? {
|
|
209
240
|
right: 0
|
|
210
241
|
} : {},
|
|
211
242
|
// 应用自定义的 top 和 left 值(优先级最高)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_Button","_TapasIcon","_interopRequireDefault","_SheetTitle","_common","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SUB_CONTAINER_HEIGHT","SUB_CONTAINER_WIDTH","useStyles","makeStyles","theme","buttonContainer","backgroundColor","color","colors","primary","height","minWidth","maxHeight","paddingLeft","paddingRight","justifyContent","borderWidth","borderColor","grey2","buttonDisabled","grey4","buttonHovered","buttonSelected","title","fontSize","fontWeight","fonts","weightR","iconExpanded","transform","titleExpanded","dropdownIcon","secondary","subContainer","marginTop","display","flexDirection","white","borderRadius","radius","rounded","flex","elevation","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","overflow","position","top","zIndex","backdropStyle","bottomSheetContainer","bottom","left","right","borderTopLeftRadius","borderTopRightRadius","scrollView","CustomDropdown","children","isVisible","icon","value","onPress","onClose","subWidth","subHeight","subContainerPosition","subContainerStyle","subContainerTop","subContainerLeft","showSearchBar","sheetTitlePros","props","styles","handlePress","event","stopPropagation","useEffect","handleClickOutside","Platform","OS","document","addEventListener","removeEventListener","jsxs","View","customButton","jsx","Button","hoverStyle","dropdownButtonStyle","buttonStyle","dropdownButtonSelectedStyle","disabled","titleStyle","textExpandedStyle","type","Text","style","name","iconExpandedStyle","opacity","isMobile","defaultTop","undefined","defaultLeft","BottomSheet","containerStyle","onBackdropPress","ScrollView","scrollViewStyle","onPointerEnter","keyboardShouldPersistTaps","keyboardDismissMode","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["Dropdown/CustomDropdown.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_Button","_TapasIcon","_interopRequireDefault","_SheetTitle","_common","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SUB_CONTAINER_HEIGHT","SUB_CONTAINER_WIDTH","useStyles","makeStyles","theme","buttonContainer","backgroundColor","color","colors","primary","height","minWidth","maxHeight","paddingLeft","paddingRight","justifyContent","borderWidth","borderColor","grey2","buttonDisabled","grey4","buttonHovered","buttonSelected","title","fontSize","fontWeight","fonts","weightR","iconExpanded","transform","titleExpanded","dropdownIcon","secondary","subContainer","marginTop","display","flexDirection","white","borderRadius","radius","rounded","elevation","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","overflow","position","top","zIndex","pointerEvents","backdropStyle","bottomSheetContainer","bottom","left","right","borderTopLeftRadius","borderTopRightRadius","scrollView","CustomDropdown","children","isVisible","icon","value","onPress","onClose","subWidth","subHeight","subContainerPosition","subContainerStyle","subContainerTop","subContainerLeft","showSearchBar","sheetTitlePros","dropdownBackgroundColor","props","styles","buttonRef","React","useRef","autoPosition","setAutoPosition","useState","handlePress","event","stopPropagation","useEffect","current","Platform","OS","measure","_x","_y","_width","_pageX","pageY","windowHeight","window","innerHeight","spaceBelow","spaceAbove","handleClickOutside","document","addEventListener","removeEventListener","jsxs","View","ref","style","customButton","jsx","Button","hoverStyle","dropdownButtonStyle","buttonStyle","dropdownButtonSelectedStyle","disabled","titleStyle","textExpandedStyle","type","Text","name","iconExpandedStyle","opacity","isMobile","isUpPosition","defaultTop","undefined","defaultLeft","BottomSheet","containerStyle","onBackdropPress","ScrollView","scrollViewStyle","onPointerEnter","keyboardShouldPersistTaps","keyboardDismissMode","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["Dropdown/CustomDropdown.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,321 @@
|
|
|
1
|
+
# Pagination 下拉框优化
|
|
2
|
+
|
|
3
|
+
## 版本 1.4.19 更新内容
|
|
4
|
+
|
|
5
|
+
### 主要改进
|
|
6
|
+
|
|
7
|
+
1. **自动位置检测** - 下拉框会自动检测可用空间,智能决定向上或向下显示
|
|
8
|
+
2. **背景色同步** - 下拉框背景色自动继承 Pagination 的背景色
|
|
9
|
+
3. **自适应宽度** - 下拉框宽度根据选项内容自动计算,避免文字换行挤压
|
|
10
|
+
4. **布局优化** - 修复下拉框展开时挤压文字的问题
|
|
11
|
+
|
|
12
|
+
## 向下兼容性 ✅
|
|
13
|
+
|
|
14
|
+
### 完全向下兼容
|
|
15
|
+
|
|
16
|
+
所有修改都是**向下兼容**的,不会破坏现有代码:
|
|
17
|
+
|
|
18
|
+
| 修改项 | 类型 | 影响 | 兼容性 |
|
|
19
|
+
|--------|------|------|--------|
|
|
20
|
+
| `pageSizePosition` 默认值 | 从 `undefined` 改为 `'auto'` | 行为改进 | ✅ 完全兼容 |
|
|
21
|
+
| `dropdownBackgroundColor` | 新增可选参数 | 无影响 | ✅ 完全兼容 |
|
|
22
|
+
| `TDropdownPosition` 新增 `'auto'` | 类型扩展 | 无影响 | ✅ 完全兼容 |
|
|
23
|
+
| z-index 提升 | 从 1000 → 9999 | 更好的层级 | ✅ 完全兼容 |
|
|
24
|
+
|
|
25
|
+
### 迁移说明
|
|
26
|
+
|
|
27
|
+
**不需要任何代码修改**!现有代码可以直接升级。
|
|
28
|
+
|
|
29
|
+
```typescript
|
|
30
|
+
// 现有代码无需修改
|
|
31
|
+
<Pagination
|
|
32
|
+
totalCount="Total: 20"
|
|
33
|
+
pageParams={pageParams}
|
|
34
|
+
onPageChange={handlePageChange}
|
|
35
|
+
/>
|
|
36
|
+
|
|
37
|
+
// 可选:使用新功能
|
|
38
|
+
<Pagination
|
|
39
|
+
totalCount="Total: 20"
|
|
40
|
+
pageParams={pageParams}
|
|
41
|
+
backgroundColor="#F5F5F5" // 下拉框会自动继承
|
|
42
|
+
pageSizePosition="auto" // 自动检测位置(默认值)
|
|
43
|
+
onPageChange={handlePageChange}
|
|
44
|
+
/>
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## 父级样式要求
|
|
48
|
+
|
|
49
|
+
### ⚠️ 重要:容器要求
|
|
50
|
+
|
|
51
|
+
TapasPagination 使用**绝对定位**的下拉框,需要满足以下条件:
|
|
52
|
+
|
|
53
|
+
#### 1. 父容器需要有定位上下文
|
|
54
|
+
|
|
55
|
+
```typescript
|
|
56
|
+
// ✅ 正确:父容器有 position
|
|
57
|
+
<View style={{ position: 'relative' }}>
|
|
58
|
+
<Pagination {...props} />
|
|
59
|
+
</View>
|
|
60
|
+
|
|
61
|
+
// ✅ 正确:使用 flex 容器
|
|
62
|
+
<View style={{ display: 'flex', flexDirection: 'column' }}>
|
|
63
|
+
<Pagination {...props} />
|
|
64
|
+
</View>
|
|
65
|
+
|
|
66
|
+
// ❌ 错误:可能导致下拉框定位异常
|
|
67
|
+
<View>
|
|
68
|
+
<Pagination {...props} />
|
|
69
|
+
</View>
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
#### 2. 父容器需要有足够的 z-index 空间
|
|
73
|
+
|
|
74
|
+
```typescript
|
|
75
|
+
// ✅ 正确:确保父容器 z-index 不会限制下拉框
|
|
76
|
+
<View style={{ position: 'relative', zIndex: 10 }}>
|
|
77
|
+
<Pagination {...props} /> {/* 下拉框 z-index: 9999 */}
|
|
78
|
+
</View>
|
|
79
|
+
|
|
80
|
+
// ❌ 错误:父容器 z-index 过高可能被其他元素遮挡
|
|
81
|
+
<View style={{ position: 'relative', zIndex: 99999 }}>
|
|
82
|
+
<Pagination {...props} />
|
|
83
|
+
</View>
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
#### 3. 避免 overflow: hidden 裁剪
|
|
87
|
+
|
|
88
|
+
```typescript
|
|
89
|
+
// ✅ 正确:允许下拉框溢出
|
|
90
|
+
<View style={{ position: 'relative', overflow: 'visible' }}>
|
|
91
|
+
<Pagination {...props} />
|
|
92
|
+
</View>
|
|
93
|
+
|
|
94
|
+
// ❌ 错误:下拉框会被裁剪
|
|
95
|
+
<View style={{ overflow: 'hidden' }}>
|
|
96
|
+
<Pagination {...props} />
|
|
97
|
+
</View>
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
### 推荐的父容器配置
|
|
101
|
+
|
|
102
|
+
```typescript
|
|
103
|
+
// 完美的父容器配置
|
|
104
|
+
<View style={{
|
|
105
|
+
position: 'relative',
|
|
106
|
+
overflow: 'visible', // 允许下拉框溢出
|
|
107
|
+
zIndex: 1, // 合理的层级
|
|
108
|
+
minHeight: 48, // Pagination 的最小高度
|
|
109
|
+
}}>
|
|
110
|
+
<Pagination
|
|
111
|
+
totalCount="Total: 20"
|
|
112
|
+
pageParams={pageParams}
|
|
113
|
+
backgroundColor="#FFFFFF"
|
|
114
|
+
pageSizePosition="auto" // 自动检测空间
|
|
115
|
+
/>
|
|
116
|
+
</View>
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
## 新功能详解
|
|
120
|
+
|
|
121
|
+
### 1. 自动位置检测 (`auto`)
|
|
122
|
+
|
|
123
|
+
下拉框会智能检测可用空间:
|
|
124
|
+
|
|
125
|
+
```typescript
|
|
126
|
+
<Pagination
|
|
127
|
+
totalCount="Total: 100"
|
|
128
|
+
pageParams={pageParams}
|
|
129
|
+
pageSizePosition="auto" // 默认值,自动检测
|
|
130
|
+
/>
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
**工作原理**:
|
|
134
|
+
- 检测按钮下方可用空间
|
|
135
|
+
- 检测按钮上方可用空间
|
|
136
|
+
- 如果下方空间不足且上方空间更大,向上展开
|
|
137
|
+
- 否则向下展开
|
|
138
|
+
|
|
139
|
+
### 2. 背景色自动继承
|
|
140
|
+
|
|
141
|
+
```typescript
|
|
142
|
+
<Pagination
|
|
143
|
+
totalCount="Total: 100"
|
|
144
|
+
pageParams={pageParams}
|
|
145
|
+
backgroundColor="#E3F2FD" // 下拉框自动使用相同背景色
|
|
146
|
+
/>
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
### 3. 手动控制位置(依然支持)
|
|
150
|
+
|
|
151
|
+
```typescript
|
|
152
|
+
<Pagination
|
|
153
|
+
totalCount="Total: 100"
|
|
154
|
+
pageParams={pageParams}
|
|
155
|
+
pageSizePosition="upCenter" // 强制向上居中
|
|
156
|
+
/>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
支持的位置:
|
|
160
|
+
- `'auto'` - 自动检测(推荐,默认)
|
|
161
|
+
- `'upCenter'` - 向上居中
|
|
162
|
+
- `'upLeft'` - 向上左对齐
|
|
163
|
+
- `'upRight'` - 向上右对齐
|
|
164
|
+
- `'center'` - 向下居中
|
|
165
|
+
- `'left'` - 向下左对齐
|
|
166
|
+
- `'right'` - 向下右对齐
|
|
167
|
+
|
|
168
|
+
## 常见问题
|
|
169
|
+
|
|
170
|
+
### Q: 下拉框被裁剪了怎么办?
|
|
171
|
+
|
|
172
|
+
A: 检查父容器是否有 `overflow: 'hidden'`,改为 `overflow: 'visible'`
|
|
173
|
+
|
|
174
|
+
```typescript
|
|
175
|
+
// 修复前
|
|
176
|
+
<View style={{ overflow: 'hidden' }}>
|
|
177
|
+
<Pagination {...props} />
|
|
178
|
+
</View>
|
|
179
|
+
|
|
180
|
+
// 修复后
|
|
181
|
+
<View style={{ overflow: 'visible' }}>
|
|
182
|
+
<Pagination {...props} />
|
|
183
|
+
</View>
|
|
184
|
+
```
|
|
185
|
+
|
|
186
|
+
### Q: 下拉框定位异常怎么办?
|
|
187
|
+
|
|
188
|
+
A: 确保父容器有 `position: 'relative'`
|
|
189
|
+
|
|
190
|
+
```typescript
|
|
191
|
+
<View style={{ position: 'relative' }}>
|
|
192
|
+
<Pagination {...props} />
|
|
193
|
+
</View>
|
|
194
|
+
```
|
|
195
|
+
|
|
196
|
+
### Q: 下拉框被其他元素遮挡怎么办?
|
|
197
|
+
|
|
198
|
+
A: 检查其他元素的 z-index,确保不超过 9999
|
|
199
|
+
|
|
200
|
+
```typescript
|
|
201
|
+
// 其他浮动元素
|
|
202
|
+
<View style={{ position: 'absolute', zIndex: 999 }}>
|
|
203
|
+
{/* z-index < 9999,不会遮挡下拉框 */}
|
|
204
|
+
</View>
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
### Q: 如何禁用自动检测?
|
|
208
|
+
|
|
209
|
+
A: 手动指定位置
|
|
210
|
+
|
|
211
|
+
```typescript
|
|
212
|
+
<Pagination
|
|
213
|
+
totalCount="Total: 100"
|
|
214
|
+
pageParams={pageParams}
|
|
215
|
+
pageSizePosition="upCenter" // 强制向上
|
|
216
|
+
/>
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
## 性能考虑
|
|
220
|
+
|
|
221
|
+
自动位置检测仅在 Web 平台生效:
|
|
222
|
+
- **Web**: 使用 `measure` API 检测空间
|
|
223
|
+
- **移动端**: 使用 BottomSheet,无需检测
|
|
224
|
+
|
|
225
|
+
## 最佳实践
|
|
226
|
+
|
|
227
|
+
### 1. 表格底部的分页器
|
|
228
|
+
|
|
229
|
+
```typescript
|
|
230
|
+
<View style={{ position: 'relative', overflow: 'visible' }}>
|
|
231
|
+
<DataTable data={data} />
|
|
232
|
+
<Pagination
|
|
233
|
+
totalCount={`Total: ${total}`}
|
|
234
|
+
pageParams={pageParams}
|
|
235
|
+
pageSizePosition="auto" // 自动检测
|
|
236
|
+
/>
|
|
237
|
+
</View>
|
|
238
|
+
```
|
|
239
|
+
|
|
240
|
+
### 2. 固定在页面底部
|
|
241
|
+
|
|
242
|
+
```typescript
|
|
243
|
+
<View style={{
|
|
244
|
+
position: 'fixed',
|
|
245
|
+
bottom: 0,
|
|
246
|
+
left: 0,
|
|
247
|
+
right: 0,
|
|
248
|
+
backgroundColor: '#FFF',
|
|
249
|
+
zIndex: 100,
|
|
250
|
+
}}>
|
|
251
|
+
<Pagination
|
|
252
|
+
totalCount={`Total: ${total}`}
|
|
253
|
+
pageParams={pageParams}
|
|
254
|
+
pageSizePosition="upCenter" // 固定在底部时强制向上
|
|
255
|
+
/>
|
|
256
|
+
</View>
|
|
257
|
+
```
|
|
258
|
+
|
|
259
|
+
### 3. 自定义样式容器
|
|
260
|
+
|
|
261
|
+
```typescript
|
|
262
|
+
<View style={{
|
|
263
|
+
position: 'relative',
|
|
264
|
+
overflow: 'visible',
|
|
265
|
+
padding: 16,
|
|
266
|
+
borderRadius: 8,
|
|
267
|
+
boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
|
|
268
|
+
}}>
|
|
269
|
+
<Pagination
|
|
270
|
+
totalCount={`Total: ${total}`}
|
|
271
|
+
pageParams={pageParams}
|
|
272
|
+
backgroundColor="transparent" // 透明背景
|
|
273
|
+
/>
|
|
274
|
+
</View>
|
|
275
|
+
```
|
|
276
|
+
|
|
277
|
+
## 技术细节
|
|
278
|
+
|
|
279
|
+
### z-index 层级
|
|
280
|
+
|
|
281
|
+
```
|
|
282
|
+
App Container z-index: 0
|
|
283
|
+
└─ Content z-index: 1
|
|
284
|
+
└─ Pagination z-index: 1
|
|
285
|
+
└─ Dropdown (展开) z-index: 9999
|
|
286
|
+
```
|
|
287
|
+
|
|
288
|
+
### 自动检测算法
|
|
289
|
+
|
|
290
|
+
```typescript
|
|
291
|
+
if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
|
|
292
|
+
// 下方空间不足 且 上方空间更大 → 向上
|
|
293
|
+
position = 'up';
|
|
294
|
+
} else {
|
|
295
|
+
// 其他情况 → 向下
|
|
296
|
+
position = 'down';
|
|
297
|
+
}
|
|
298
|
+
```
|
|
299
|
+
|
|
300
|
+
## API 参考
|
|
301
|
+
|
|
302
|
+
### 新增属性
|
|
303
|
+
|
|
304
|
+
```typescript
|
|
305
|
+
interface Props {
|
|
306
|
+
// ... 其他属性
|
|
307
|
+
pageSizePosition?: 'auto' | 'upCenter' | 'upLeft' | 'upRight' | 'center' | 'left' | 'right'; // 默认 'auto'
|
|
308
|
+
backgroundColor?: string; // 自定义背景色,下拉框自动继承
|
|
309
|
+
pageSizeDropdownWidth?: number; // 自定义下拉框宽度(可选,默认自动计算)
|
|
310
|
+
}
|
|
311
|
+
```
|
|
312
|
+
|
|
313
|
+
## 版本历史
|
|
314
|
+
|
|
315
|
+
- **v1.4.19**:
|
|
316
|
+
- ✨ 新增自动位置检测('auto' 模式)
|
|
317
|
+
- 🎨 背景色自动继承
|
|
318
|
+
- 📐 自适应宽度:根据选项内容自动计算下拉框宽度
|
|
319
|
+
- 🐛 修复展开时挤压文字问题
|
|
320
|
+
- ⬆️ 提升 z-index 避免遮挡
|
|
321
|
+
- 📊 新增 pageSizeDropdownWidth 支持手动设置宽度
|
|
@@ -119,8 +119,21 @@ const Pagination = props => {
|
|
|
119
119
|
visibleTotalCount = !_common.isMobile,
|
|
120
120
|
onPageSizeChange,
|
|
121
121
|
onPageChange,
|
|
122
|
-
backgroundColor
|
|
122
|
+
backgroundColor,
|
|
123
|
+
pageSizePosition = 'auto',
|
|
124
|
+
pageSizeDropdownWidth
|
|
123
125
|
} = props;
|
|
126
|
+
|
|
127
|
+
// 自动计算下拉框宽度
|
|
128
|
+
const calculateDropdownWidth = () => {
|
|
129
|
+
if (pageSizeDropdownWidth) return pageSizeDropdownWidth;
|
|
130
|
+
|
|
131
|
+
// 根据最长选项计算宽度
|
|
132
|
+
const maxTextLength = Math.max(...pageSizeOptions.map(opt => opt.name?.length || 0));
|
|
133
|
+
// 每个字符约 8px + 左padding 16px + 右padding(含图标) 32px
|
|
134
|
+
return Math.max(140, Math.min(maxTextLength * 8 + 48, 200));
|
|
135
|
+
};
|
|
136
|
+
const dropdownWidth = calculateDropdownWidth();
|
|
124
137
|
const [isVisible, setIsVisible] = _react.default.useState(false);
|
|
125
138
|
const [pageGroup, setPageGroup] = _react.default.useState({
|
|
126
139
|
totalGroups: 1,
|
|
@@ -243,7 +256,7 @@ const Pagination = props => {
|
|
|
243
256
|
width: 100
|
|
244
257
|
// @ts-ignore
|
|
245
258
|
,
|
|
246
|
-
subWidth:
|
|
259
|
+
subWidth: dropdownWidth,
|
|
247
260
|
dropdownButtonStyle: styles.dropdownButtonStyle,
|
|
248
261
|
dropdownButtonSelectedStyle: styles.dropdownButtonSelectedStyle
|
|
249
262
|
// @ts-ignore
|
|
@@ -251,12 +264,15 @@ const Pagination = props => {
|
|
|
251
264
|
textExpandedStyle: styles.textExpandedStyle
|
|
252
265
|
// @ts-ignore
|
|
253
266
|
,
|
|
254
|
-
iconExpandedStyle: styles.textExpandedStyle
|
|
267
|
+
iconExpandedStyle: styles.textExpandedStyle
|
|
268
|
+
// @ts-ignore
|
|
269
|
+
,
|
|
270
|
+
dropdownBackgroundColor: backgroundColor || undefined,
|
|
255
271
|
onChange: item => {
|
|
256
272
|
selectedItem(item);
|
|
257
273
|
onPageSizeChange && onPageSizeChange(item);
|
|
258
274
|
},
|
|
259
|
-
subContainerPosition:
|
|
275
|
+
subContainerPosition: pageSizePosition,
|
|
260
276
|
isVisible: isVisible,
|
|
261
277
|
onClose: () => {
|
|
262
278
|
setIsVisible(!isVisible);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TapasIcon","_interopRequireDefault","_Dropdown","_themed","_common","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","makeStyles","theme","container","display","flexDirection","justifyContent","alignItems","height","paddingHorizontal","paddingVertical","backgroundColor","colors","background","digitIconDisabled","fontSize","color","colorTextPlaceholder","digitIconActive","colorTextSecondary","digitsContainer","paddingLeft","digitContainer","width","marginHorizontal","digitSelected","borderRadius","radius","full","grey3","digitText","fontFamily","fonts","sizeM","fontWeight","weightR","pageNumberButton","dropdownButtonStyle","borderWidth","dropdownButtonSelectedStyle","textExpandedStyle","colorTextPrimary","gap","greyOutline","generateArrayFromNumber","start","end","Array","from","length","_","DEFAULT_PAGE_SIZE_OPTIONS","name","value","PAGINATION_STEP","DEFAULT_PAGE_PARAMS","page","pageSize","totalItems","totalPage","Pagination","props","styles","totalCount","pageSizeOptions","visiblePageSizeOptions","isMobile","visibleTotalCount","onPageSizeChange","onPageChange","isVisible","setIsVisible","React","useState","pageGroup","setPageGroup","totalGroups","currentGroup","pageParams","setPageParams","selected","selectedItem","find","item","useEffect","totalPages","Math","ceil","floor","handelDigitPress","digit","newPageParams","renderDigits","numbers","map","index","jsx","TouchableOpacity","style","onPress","children","Text","hasNextPage","hasPreviousPage","handleChangeGroup","type","newGroup","jsxs","View","paginationContainerStyle","testID","Fragment","options","subWidth","iconExpandedStyle","onChange","subContainerPosition","pageSizePosition","onClose","_default","exports"],"sourceRoot":"../../../components","sources":["Pagination/Pagination.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TapasIcon","_interopRequireDefault","_Dropdown","_themed","_common","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","makeStyles","theme","container","display","flexDirection","justifyContent","alignItems","height","paddingHorizontal","paddingVertical","backgroundColor","colors","background","digitIconDisabled","fontSize","color","colorTextPlaceholder","digitIconActive","colorTextSecondary","digitsContainer","paddingLeft","digitContainer","width","marginHorizontal","digitSelected","borderRadius","radius","full","grey3","digitText","fontFamily","fonts","sizeM","fontWeight","weightR","pageNumberButton","dropdownButtonStyle","borderWidth","dropdownButtonSelectedStyle","textExpandedStyle","colorTextPrimary","gap","greyOutline","generateArrayFromNumber","start","end","Array","from","length","_","DEFAULT_PAGE_SIZE_OPTIONS","name","value","PAGINATION_STEP","DEFAULT_PAGE_PARAMS","page","pageSize","totalItems","totalPage","Pagination","props","styles","totalCount","pageSizeOptions","visiblePageSizeOptions","isMobile","visibleTotalCount","onPageSizeChange","onPageChange","pageSizePosition","pageSizeDropdownWidth","calculateDropdownWidth","maxTextLength","Math","max","map","opt","min","dropdownWidth","isVisible","setIsVisible","React","useState","pageGroup","setPageGroup","totalGroups","currentGroup","pageParams","setPageParams","selected","selectedItem","find","item","useEffect","totalPages","ceil","floor","handelDigitPress","digit","newPageParams","renderDigits","numbers","index","jsx","TouchableOpacity","style","onPress","children","Text","hasNextPage","hasPreviousPage","handleChangeGroup","type","newGroup","jsxs","View","paginationContainerStyle","testID","Fragment","options","subWidth","iconExpandedStyle","dropdownBackgroundColor","undefined","onChange","subContainerPosition","onClose","_default","exports"],"sourceRoot":"../../../components","sources":["Pagination/Pagination.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -57,12 +57,10 @@ const useStyles = makeStyles(theme => ({
|
|
|
57
57
|
},
|
|
58
58
|
subContainer: {
|
|
59
59
|
marginTop: 8,
|
|
60
|
-
// 移除 marginTop,避免与 top: 40 冲突
|
|
61
60
|
display: 'flex',
|
|
62
61
|
flexDirection: 'column',
|
|
63
62
|
backgroundColor: theme.colors.white,
|
|
64
63
|
borderRadius: theme.radius.rounded,
|
|
65
|
-
flex: 1,
|
|
66
64
|
elevation: 8,
|
|
67
65
|
shadowColor: 'rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)',
|
|
68
66
|
shadowOffset: {
|
|
@@ -74,8 +72,9 @@ const useStyles = makeStyles(theme => ({
|
|
|
74
72
|
overflow: 'hidden',
|
|
75
73
|
position: 'absolute',
|
|
76
74
|
top: 40,
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
zIndex: 9999,
|
|
76
|
+
// 确保不影响主体布局
|
|
77
|
+
pointerEvents: 'auto'
|
|
79
78
|
},
|
|
80
79
|
backdropStyle: {
|
|
81
80
|
backgroundColor: 'rgba(0, 0, 0, 0.6)'
|
|
@@ -111,13 +110,34 @@ const CustomDropdown = ({
|
|
|
111
110
|
subContainerLeft,
|
|
112
111
|
showSearchBar,
|
|
113
112
|
sheetTitlePros,
|
|
113
|
+
dropdownBackgroundColor,
|
|
114
114
|
...props
|
|
115
115
|
}) => {
|
|
116
116
|
const styles = useStyles(props);
|
|
117
|
+
const buttonRef = React.useRef(null);
|
|
118
|
+
const [autoPosition, setAutoPosition] = React.useState('down');
|
|
117
119
|
const handlePress = event => {
|
|
118
120
|
event.stopPropagation();
|
|
119
121
|
onPress && onPress();
|
|
120
122
|
};
|
|
123
|
+
|
|
124
|
+
// 自动检测可用空间,决定向上还是向下显示
|
|
125
|
+
useEffect(() => {
|
|
126
|
+
if (isVisible && subContainerPosition === 'auto' && buttonRef.current && Platform.OS === 'web') {
|
|
127
|
+
buttonRef.current.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
128
|
+
const windowHeight = window.innerHeight;
|
|
129
|
+
const spaceBelow = windowHeight - pageY - height;
|
|
130
|
+
const spaceAbove = pageY;
|
|
131
|
+
|
|
132
|
+
// 如果下方空间不足,且上方空间更大,则向上显示
|
|
133
|
+
if (spaceBelow < subHeight && spaceAbove > spaceBelow) {
|
|
134
|
+
setAutoPosition('up');
|
|
135
|
+
} else {
|
|
136
|
+
setAutoPosition('down');
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
}, [isVisible, subContainerPosition, subHeight]);
|
|
121
141
|
useEffect(() => {
|
|
122
142
|
const handleClickOutside = () => {
|
|
123
143
|
if (isVisible) {
|
|
@@ -132,6 +152,11 @@ const CustomDropdown = ({
|
|
|
132
152
|
};
|
|
133
153
|
}, [isVisible]);
|
|
134
154
|
return /*#__PURE__*/_jsxs(View, {
|
|
155
|
+
ref: buttonRef,
|
|
156
|
+
style: {
|
|
157
|
+
position: 'relative',
|
|
158
|
+
zIndex: isVisible ? 9999 : 1
|
|
159
|
+
},
|
|
135
160
|
children: [props.customButton ? /*#__PURE__*/_jsx(View, {
|
|
136
161
|
children: props.customButton
|
|
137
162
|
}) : /*#__PURE__*/_jsxs(Button
|
|
@@ -185,18 +210,24 @@ const CustomDropdown = ({
|
|
|
185
210
|
}]
|
|
186
211
|
})]
|
|
187
212
|
}), !isMobile && isVisible && (() => {
|
|
188
|
-
//
|
|
213
|
+
// 判断最终位置:auto 模式根据检测结果,否则根据 position 参数
|
|
214
|
+
const isUpPosition = subContainerPosition === 'auto' ? autoPosition === 'up' : subContainerPosition === 'upLeft' || subContainerPosition === 'upRight' || subContainerPosition === 'upCenter';
|
|
215
|
+
|
|
189
216
|
// 计算默认的 top 和 left 值
|
|
190
|
-
const defaultTop =
|
|
191
|
-
const defaultLeft = subContainerPosition === 'center' ? -(subWidth - width) / 2 : subContainerPosition === '
|
|
217
|
+
const defaultTop = isUpPosition ? -(subHeight + (showSearchBar ? 66 : 16)) : undefined;
|
|
218
|
+
const defaultLeft = subContainerPosition === 'center' || subContainerPosition === 'auto' && autoPosition === 'down' ? -(subWidth - width) / 2 : subContainerPosition === 'upCenter' ? -(subWidth - width) / 2 : subContainerPosition === 'right' || subContainerPosition === 'upRight' ? undefined : 0;
|
|
192
219
|
return /*#__PURE__*/_jsx(View, {
|
|
193
220
|
style: [styles.subContainer,
|
|
221
|
+
// 自定义背景色
|
|
222
|
+
dropdownBackgroundColor ? {
|
|
223
|
+
backgroundColor: dropdownBackgroundColor
|
|
224
|
+
} : {},
|
|
194
225
|
// 应用默认的位置样式(如果没有自定义值)
|
|
195
226
|
subContainerTop === undefined && defaultTop !== undefined ? {
|
|
196
227
|
top: defaultTop
|
|
197
228
|
} : {}, subContainerLeft === undefined && defaultLeft !== undefined ? {
|
|
198
229
|
left: defaultLeft
|
|
199
|
-
} : {}, subContainerPosition === 'right' && subContainerLeft === undefined ? {
|
|
230
|
+
} : {}, (subContainerPosition === 'right' || subContainerPosition === 'upRight') && subContainerLeft === undefined ? {
|
|
200
231
|
right: 0
|
|
201
232
|
} : {},
|
|
202
233
|
// 应用自定义的 top 和 left 值(优先级最高)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Platform","ScrollView","View","Text","BottomSheet","makeStyles","withTheme","Button","Icon","SheetTitle","isMobile","jsx","_jsx","jsxs","_jsxs","SUB_CONTAINER_HEIGHT","SUB_CONTAINER_WIDTH","useStyles","theme","buttonContainer","backgroundColor","color","colors","primary","height","minWidth","maxHeight","paddingLeft","paddingRight","justifyContent","borderWidth","borderColor","grey2","buttonDisabled","grey4","buttonHovered","buttonSelected","title","fontSize","fontWeight","fonts","weightR","iconExpanded","transform","titleExpanded","dropdownIcon","secondary","subContainer","marginTop","display","flexDirection","white","borderRadius","radius","rounded","
|
|
1
|
+
{"version":3,"names":["React","useEffect","Platform","ScrollView","View","Text","BottomSheet","makeStyles","withTheme","Button","Icon","SheetTitle","isMobile","jsx","_jsx","jsxs","_jsxs","SUB_CONTAINER_HEIGHT","SUB_CONTAINER_WIDTH","useStyles","theme","buttonContainer","backgroundColor","color","colors","primary","height","minWidth","maxHeight","paddingLeft","paddingRight","justifyContent","borderWidth","borderColor","grey2","buttonDisabled","grey4","buttonHovered","buttonSelected","title","fontSize","fontWeight","fonts","weightR","iconExpanded","transform","titleExpanded","dropdownIcon","secondary","subContainer","marginTop","display","flexDirection","white","borderRadius","radius","rounded","elevation","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","overflow","position","top","zIndex","pointerEvents","backdropStyle","bottomSheetContainer","bottom","left","right","borderTopLeftRadius","borderTopRightRadius","scrollView","CustomDropdown","children","isVisible","icon","value","onPress","onClose","subWidth","subHeight","subContainerPosition","subContainerStyle","subContainerTop","subContainerLeft","showSearchBar","sheetTitlePros","dropdownBackgroundColor","props","styles","buttonRef","useRef","autoPosition","setAutoPosition","useState","handlePress","event","stopPropagation","current","OS","measure","_x","_y","_width","_pageX","pageY","windowHeight","window","innerHeight","spaceBelow","spaceAbove","handleClickOutside","document","addEventListener","removeEventListener","ref","style","customButton","hoverStyle","dropdownButtonStyle","buttonStyle","dropdownButtonSelectedStyle","disabled","titleStyle","textExpandedStyle","type","name","iconExpandedStyle","opacity","isUpPosition","defaultTop","undefined","defaultLeft","containerStyle","onBackdropPress","scrollViewStyle","onPointerEnter","keyboardShouldPersistTaps","keyboardDismissMode"],"sourceRoot":"../../../components","sources":["Dropdown/CustomDropdown.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,321 @@
|
|
|
1
|
+
# Pagination 下拉框优化
|
|
2
|
+
|
|
3
|
+
## 版本 1.4.19 更新内容
|
|
4
|
+
|
|
5
|
+
### 主要改进
|
|
6
|
+
|
|
7
|
+
1. **自动位置检测** - 下拉框会自动检测可用空间,智能决定向上或向下显示
|
|
8
|
+
2. **背景色同步** - 下拉框背景色自动继承 Pagination 的背景色
|
|
9
|
+
3. **自适应宽度** - 下拉框宽度根据选项内容自动计算,避免文字换行挤压
|
|
10
|
+
4. **布局优化** - 修复下拉框展开时挤压文字的问题
|
|
11
|
+
|
|
12
|
+
## 向下兼容性 ✅
|
|
13
|
+
|
|
14
|
+
### 完全向下兼容
|
|
15
|
+
|
|
16
|
+
所有修改都是**向下兼容**的,不会破坏现有代码:
|
|
17
|
+
|
|
18
|
+
| 修改项 | 类型 | 影响 | 兼容性 |
|
|
19
|
+
|--------|------|------|--------|
|
|
20
|
+
| `pageSizePosition` 默认值 | 从 `undefined` 改为 `'auto'` | 行为改进 | ✅ 完全兼容 |
|
|
21
|
+
| `dropdownBackgroundColor` | 新增可选参数 | 无影响 | ✅ 完全兼容 |
|
|
22
|
+
| `TDropdownPosition` 新增 `'auto'` | 类型扩展 | 无影响 | ✅ 完全兼容 |
|
|
23
|
+
| z-index 提升 | 从 1000 → 9999 | 更好的层级 | ✅ 完全兼容 |
|
|
24
|
+
|
|
25
|
+
### 迁移说明
|
|
26
|
+
|
|
27
|
+
**不需要任何代码修改**!现有代码可以直接升级。
|
|
28
|
+
|
|
29
|
+
```typescript
|
|
30
|
+
// 现有代码无需修改
|
|
31
|
+
<Pagination
|
|
32
|
+
totalCount="Total: 20"
|
|
33
|
+
pageParams={pageParams}
|
|
34
|
+
onPageChange={handlePageChange}
|
|
35
|
+
/>
|
|
36
|
+
|
|
37
|
+
// 可选:使用新功能
|
|
38
|
+
<Pagination
|
|
39
|
+
totalCount="Total: 20"
|
|
40
|
+
pageParams={pageParams}
|
|
41
|
+
backgroundColor="#F5F5F5" // 下拉框会自动继承
|
|
42
|
+
pageSizePosition="auto" // 自动检测位置(默认值)
|
|
43
|
+
onPageChange={handlePageChange}
|
|
44
|
+
/>
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## 父级样式要求
|
|
48
|
+
|
|
49
|
+
### ⚠️ 重要:容器要求
|
|
50
|
+
|
|
51
|
+
TapasPagination 使用**绝对定位**的下拉框,需要满足以下条件:
|
|
52
|
+
|
|
53
|
+
#### 1. 父容器需要有定位上下文
|
|
54
|
+
|
|
55
|
+
```typescript
|
|
56
|
+
// ✅ 正确:父容器有 position
|
|
57
|
+
<View style={{ position: 'relative' }}>
|
|
58
|
+
<Pagination {...props} />
|
|
59
|
+
</View>
|
|
60
|
+
|
|
61
|
+
// ✅ 正确:使用 flex 容器
|
|
62
|
+
<View style={{ display: 'flex', flexDirection: 'column' }}>
|
|
63
|
+
<Pagination {...props} />
|
|
64
|
+
</View>
|
|
65
|
+
|
|
66
|
+
// ❌ 错误:可能导致下拉框定位异常
|
|
67
|
+
<View>
|
|
68
|
+
<Pagination {...props} />
|
|
69
|
+
</View>
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
#### 2. 父容器需要有足够的 z-index 空间
|
|
73
|
+
|
|
74
|
+
```typescript
|
|
75
|
+
// ✅ 正确:确保父容器 z-index 不会限制下拉框
|
|
76
|
+
<View style={{ position: 'relative', zIndex: 10 }}>
|
|
77
|
+
<Pagination {...props} /> {/* 下拉框 z-index: 9999 */}
|
|
78
|
+
</View>
|
|
79
|
+
|
|
80
|
+
// ❌ 错误:父容器 z-index 过高可能被其他元素遮挡
|
|
81
|
+
<View style={{ position: 'relative', zIndex: 99999 }}>
|
|
82
|
+
<Pagination {...props} />
|
|
83
|
+
</View>
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
#### 3. 避免 overflow: hidden 裁剪
|
|
87
|
+
|
|
88
|
+
```typescript
|
|
89
|
+
// ✅ 正确:允许下拉框溢出
|
|
90
|
+
<View style={{ position: 'relative', overflow: 'visible' }}>
|
|
91
|
+
<Pagination {...props} />
|
|
92
|
+
</View>
|
|
93
|
+
|
|
94
|
+
// ❌ 错误:下拉框会被裁剪
|
|
95
|
+
<View style={{ overflow: 'hidden' }}>
|
|
96
|
+
<Pagination {...props} />
|
|
97
|
+
</View>
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
### 推荐的父容器配置
|
|
101
|
+
|
|
102
|
+
```typescript
|
|
103
|
+
// 完美的父容器配置
|
|
104
|
+
<View style={{
|
|
105
|
+
position: 'relative',
|
|
106
|
+
overflow: 'visible', // 允许下拉框溢出
|
|
107
|
+
zIndex: 1, // 合理的层级
|
|
108
|
+
minHeight: 48, // Pagination 的最小高度
|
|
109
|
+
}}>
|
|
110
|
+
<Pagination
|
|
111
|
+
totalCount="Total: 20"
|
|
112
|
+
pageParams={pageParams}
|
|
113
|
+
backgroundColor="#FFFFFF"
|
|
114
|
+
pageSizePosition="auto" // 自动检测空间
|
|
115
|
+
/>
|
|
116
|
+
</View>
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
## 新功能详解
|
|
120
|
+
|
|
121
|
+
### 1. 自动位置检测 (`auto`)
|
|
122
|
+
|
|
123
|
+
下拉框会智能检测可用空间:
|
|
124
|
+
|
|
125
|
+
```typescript
|
|
126
|
+
<Pagination
|
|
127
|
+
totalCount="Total: 100"
|
|
128
|
+
pageParams={pageParams}
|
|
129
|
+
pageSizePosition="auto" // 默认值,自动检测
|
|
130
|
+
/>
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
**工作原理**:
|
|
134
|
+
- 检测按钮下方可用空间
|
|
135
|
+
- 检测按钮上方可用空间
|
|
136
|
+
- 如果下方空间不足且上方空间更大,向上展开
|
|
137
|
+
- 否则向下展开
|
|
138
|
+
|
|
139
|
+
### 2. 背景色自动继承
|
|
140
|
+
|
|
141
|
+
```typescript
|
|
142
|
+
<Pagination
|
|
143
|
+
totalCount="Total: 100"
|
|
144
|
+
pageParams={pageParams}
|
|
145
|
+
backgroundColor="#E3F2FD" // 下拉框自动使用相同背景色
|
|
146
|
+
/>
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
### 3. 手动控制位置(依然支持)
|
|
150
|
+
|
|
151
|
+
```typescript
|
|
152
|
+
<Pagination
|
|
153
|
+
totalCount="Total: 100"
|
|
154
|
+
pageParams={pageParams}
|
|
155
|
+
pageSizePosition="upCenter" // 强制向上居中
|
|
156
|
+
/>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
支持的位置:
|
|
160
|
+
- `'auto'` - 自动检测(推荐,默认)
|
|
161
|
+
- `'upCenter'` - 向上居中
|
|
162
|
+
- `'upLeft'` - 向上左对齐
|
|
163
|
+
- `'upRight'` - 向上右对齐
|
|
164
|
+
- `'center'` - 向下居中
|
|
165
|
+
- `'left'` - 向下左对齐
|
|
166
|
+
- `'right'` - 向下右对齐
|
|
167
|
+
|
|
168
|
+
## 常见问题
|
|
169
|
+
|
|
170
|
+
### Q: 下拉框被裁剪了怎么办?
|
|
171
|
+
|
|
172
|
+
A: 检查父容器是否有 `overflow: 'hidden'`,改为 `overflow: 'visible'`
|
|
173
|
+
|
|
174
|
+
```typescript
|
|
175
|
+
// 修复前
|
|
176
|
+
<View style={{ overflow: 'hidden' }}>
|
|
177
|
+
<Pagination {...props} />
|
|
178
|
+
</View>
|
|
179
|
+
|
|
180
|
+
// 修复后
|
|
181
|
+
<View style={{ overflow: 'visible' }}>
|
|
182
|
+
<Pagination {...props} />
|
|
183
|
+
</View>
|
|
184
|
+
```
|
|
185
|
+
|
|
186
|
+
### Q: 下拉框定位异常怎么办?
|
|
187
|
+
|
|
188
|
+
A: 确保父容器有 `position: 'relative'`
|
|
189
|
+
|
|
190
|
+
```typescript
|
|
191
|
+
<View style={{ position: 'relative' }}>
|
|
192
|
+
<Pagination {...props} />
|
|
193
|
+
</View>
|
|
194
|
+
```
|
|
195
|
+
|
|
196
|
+
### Q: 下拉框被其他元素遮挡怎么办?
|
|
197
|
+
|
|
198
|
+
A: 检查其他元素的 z-index,确保不超过 9999
|
|
199
|
+
|
|
200
|
+
```typescript
|
|
201
|
+
// 其他浮动元素
|
|
202
|
+
<View style={{ position: 'absolute', zIndex: 999 }}>
|
|
203
|
+
{/* z-index < 9999,不会遮挡下拉框 */}
|
|
204
|
+
</View>
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
### Q: 如何禁用自动检测?
|
|
208
|
+
|
|
209
|
+
A: 手动指定位置
|
|
210
|
+
|
|
211
|
+
```typescript
|
|
212
|
+
<Pagination
|
|
213
|
+
totalCount="Total: 100"
|
|
214
|
+
pageParams={pageParams}
|
|
215
|
+
pageSizePosition="upCenter" // 强制向上
|
|
216
|
+
/>
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
## 性能考虑
|
|
220
|
+
|
|
221
|
+
自动位置检测仅在 Web 平台生效:
|
|
222
|
+
- **Web**: 使用 `measure` API 检测空间
|
|
223
|
+
- **移动端**: 使用 BottomSheet,无需检测
|
|
224
|
+
|
|
225
|
+
## 最佳实践
|
|
226
|
+
|
|
227
|
+
### 1. 表格底部的分页器
|
|
228
|
+
|
|
229
|
+
```typescript
|
|
230
|
+
<View style={{ position: 'relative', overflow: 'visible' }}>
|
|
231
|
+
<DataTable data={data} />
|
|
232
|
+
<Pagination
|
|
233
|
+
totalCount={`Total: ${total}`}
|
|
234
|
+
pageParams={pageParams}
|
|
235
|
+
pageSizePosition="auto" // 自动检测
|
|
236
|
+
/>
|
|
237
|
+
</View>
|
|
238
|
+
```
|
|
239
|
+
|
|
240
|
+
### 2. 固定在页面底部
|
|
241
|
+
|
|
242
|
+
```typescript
|
|
243
|
+
<View style={{
|
|
244
|
+
position: 'fixed',
|
|
245
|
+
bottom: 0,
|
|
246
|
+
left: 0,
|
|
247
|
+
right: 0,
|
|
248
|
+
backgroundColor: '#FFF',
|
|
249
|
+
zIndex: 100,
|
|
250
|
+
}}>
|
|
251
|
+
<Pagination
|
|
252
|
+
totalCount={`Total: ${total}`}
|
|
253
|
+
pageParams={pageParams}
|
|
254
|
+
pageSizePosition="upCenter" // 固定在底部时强制向上
|
|
255
|
+
/>
|
|
256
|
+
</View>
|
|
257
|
+
```
|
|
258
|
+
|
|
259
|
+
### 3. 自定义样式容器
|
|
260
|
+
|
|
261
|
+
```typescript
|
|
262
|
+
<View style={{
|
|
263
|
+
position: 'relative',
|
|
264
|
+
overflow: 'visible',
|
|
265
|
+
padding: 16,
|
|
266
|
+
borderRadius: 8,
|
|
267
|
+
boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
|
|
268
|
+
}}>
|
|
269
|
+
<Pagination
|
|
270
|
+
totalCount={`Total: ${total}`}
|
|
271
|
+
pageParams={pageParams}
|
|
272
|
+
backgroundColor="transparent" // 透明背景
|
|
273
|
+
/>
|
|
274
|
+
</View>
|
|
275
|
+
```
|
|
276
|
+
|
|
277
|
+
## 技术细节
|
|
278
|
+
|
|
279
|
+
### z-index 层级
|
|
280
|
+
|
|
281
|
+
```
|
|
282
|
+
App Container z-index: 0
|
|
283
|
+
└─ Content z-index: 1
|
|
284
|
+
└─ Pagination z-index: 1
|
|
285
|
+
└─ Dropdown (展开) z-index: 9999
|
|
286
|
+
```
|
|
287
|
+
|
|
288
|
+
### 自动检测算法
|
|
289
|
+
|
|
290
|
+
```typescript
|
|
291
|
+
if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
|
|
292
|
+
// 下方空间不足 且 上方空间更大 → 向上
|
|
293
|
+
position = 'up';
|
|
294
|
+
} else {
|
|
295
|
+
// 其他情况 → 向下
|
|
296
|
+
position = 'down';
|
|
297
|
+
}
|
|
298
|
+
```
|
|
299
|
+
|
|
300
|
+
## API 参考
|
|
301
|
+
|
|
302
|
+
### 新增属性
|
|
303
|
+
|
|
304
|
+
```typescript
|
|
305
|
+
interface Props {
|
|
306
|
+
// ... 其他属性
|
|
307
|
+
pageSizePosition?: 'auto' | 'upCenter' | 'upLeft' | 'upRight' | 'center' | 'left' | 'right'; // 默认 'auto'
|
|
308
|
+
backgroundColor?: string; // 自定义背景色,下拉框自动继承
|
|
309
|
+
pageSizeDropdownWidth?: number; // 自定义下拉框宽度(可选,默认自动计算)
|
|
310
|
+
}
|
|
311
|
+
```
|
|
312
|
+
|
|
313
|
+
## 版本历史
|
|
314
|
+
|
|
315
|
+
- **v1.4.19**:
|
|
316
|
+
- ✨ 新增自动位置检测('auto' 模式)
|
|
317
|
+
- 🎨 背景色自动继承
|
|
318
|
+
- 📐 自适应宽度:根据选项内容自动计算下拉框宽度
|
|
319
|
+
- 🐛 修复展开时挤压文字问题
|
|
320
|
+
- ⬆️ 提升 z-index 避免遮挡
|
|
321
|
+
- 📊 新增 pageSizeDropdownWidth 支持手动设置宽度
|
|
@@ -113,8 +113,21 @@ const Pagination = props => {
|
|
|
113
113
|
visibleTotalCount = !isMobile,
|
|
114
114
|
onPageSizeChange,
|
|
115
115
|
onPageChange,
|
|
116
|
-
backgroundColor
|
|
116
|
+
backgroundColor,
|
|
117
|
+
pageSizePosition = 'auto',
|
|
118
|
+
pageSizeDropdownWidth
|
|
117
119
|
} = props;
|
|
120
|
+
|
|
121
|
+
// 自动计算下拉框宽度
|
|
122
|
+
const calculateDropdownWidth = () => {
|
|
123
|
+
if (pageSizeDropdownWidth) return pageSizeDropdownWidth;
|
|
124
|
+
|
|
125
|
+
// 根据最长选项计算宽度
|
|
126
|
+
const maxTextLength = Math.max(...pageSizeOptions.map(opt => opt.name?.length || 0));
|
|
127
|
+
// 每个字符约 8px + 左padding 16px + 右padding(含图标) 32px
|
|
128
|
+
return Math.max(140, Math.min(maxTextLength * 8 + 48, 200));
|
|
129
|
+
};
|
|
130
|
+
const dropdownWidth = calculateDropdownWidth();
|
|
118
131
|
const [isVisible, setIsVisible] = React.useState(false);
|
|
119
132
|
const [pageGroup, setPageGroup] = React.useState({
|
|
120
133
|
totalGroups: 1,
|
|
@@ -237,7 +250,7 @@ const Pagination = props => {
|
|
|
237
250
|
width: 100
|
|
238
251
|
// @ts-ignore
|
|
239
252
|
,
|
|
240
|
-
subWidth:
|
|
253
|
+
subWidth: dropdownWidth,
|
|
241
254
|
dropdownButtonStyle: styles.dropdownButtonStyle,
|
|
242
255
|
dropdownButtonSelectedStyle: styles.dropdownButtonSelectedStyle
|
|
243
256
|
// @ts-ignore
|
|
@@ -245,12 +258,15 @@ const Pagination = props => {
|
|
|
245
258
|
textExpandedStyle: styles.textExpandedStyle
|
|
246
259
|
// @ts-ignore
|
|
247
260
|
,
|
|
248
|
-
iconExpandedStyle: styles.textExpandedStyle
|
|
261
|
+
iconExpandedStyle: styles.textExpandedStyle
|
|
262
|
+
// @ts-ignore
|
|
263
|
+
,
|
|
264
|
+
dropdownBackgroundColor: backgroundColor || undefined,
|
|
249
265
|
onChange: item => {
|
|
250
266
|
selectedItem(item);
|
|
251
267
|
onPageSizeChange && onPageSizeChange(item);
|
|
252
268
|
},
|
|
253
|
-
subContainerPosition:
|
|
269
|
+
subContainerPosition: pageSizePosition,
|
|
254
270
|
isVisible: isVisible,
|
|
255
271
|
onClose: () => {
|
|
256
272
|
setIsVisible(!isVisible);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","View","Text","TouchableOpacity","Icon","Dropdown","makeStyles","isMobile","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","theme","container","display","flexDirection","justifyContent","alignItems","height","paddingHorizontal","paddingVertical","backgroundColor","colors","background","digitIconDisabled","fontSize","color","colorTextPlaceholder","digitIconActive","colorTextSecondary","digitsContainer","paddingLeft","digitContainer","width","marginHorizontal","digitSelected","borderRadius","radius","full","grey3","digitText","fontFamily","fonts","sizeM","fontWeight","weightR","pageNumberButton","dropdownButtonStyle","borderWidth","dropdownButtonSelectedStyle","textExpandedStyle","colorTextPrimary","gap","greyOutline","generateArrayFromNumber","start","end","Array","from","length","_","i","DEFAULT_PAGE_SIZE_OPTIONS","name","value","PAGINATION_STEP","DEFAULT_PAGE_PARAMS","page","pageSize","totalItems","totalPage","Pagination","props","styles","totalCount","pageSizeOptions","visiblePageSizeOptions","visibleTotalCount","onPageSizeChange","onPageChange","isVisible","setIsVisible","useState","pageGroup","setPageGroup","totalGroups","currentGroup","pageParams","setPageParams","selected","selectedItem","find","item","totalPages","
|
|
1
|
+
{"version":3,"names":["React","useEffect","View","Text","TouchableOpacity","Icon","Dropdown","makeStyles","isMobile","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","theme","container","display","flexDirection","justifyContent","alignItems","height","paddingHorizontal","paddingVertical","backgroundColor","colors","background","digitIconDisabled","fontSize","color","colorTextPlaceholder","digitIconActive","colorTextSecondary","digitsContainer","paddingLeft","digitContainer","width","marginHorizontal","digitSelected","borderRadius","radius","full","grey3","digitText","fontFamily","fonts","sizeM","fontWeight","weightR","pageNumberButton","dropdownButtonStyle","borderWidth","dropdownButtonSelectedStyle","textExpandedStyle","colorTextPrimary","gap","greyOutline","generateArrayFromNumber","start","end","Array","from","length","_","i","DEFAULT_PAGE_SIZE_OPTIONS","name","value","PAGINATION_STEP","DEFAULT_PAGE_PARAMS","page","pageSize","totalItems","totalPage","Pagination","props","styles","totalCount","pageSizeOptions","visiblePageSizeOptions","visibleTotalCount","onPageSizeChange","onPageChange","pageSizePosition","pageSizeDropdownWidth","calculateDropdownWidth","maxTextLength","Math","max","map","opt","min","dropdownWidth","isVisible","setIsVisible","useState","pageGroup","setPageGroup","totalGroups","currentGroup","pageParams","setPageParams","selected","selectedItem","find","item","totalPages","ceil","floor","handelDigitPress","digit","newPageParams","renderDigits","numbers","index","style","onPress","children","hasNextPage","hasPreviousPage","handleChangeGroup","type","newGroup","paginationContainerStyle","testID","options","subWidth","iconExpandedStyle","dropdownBackgroundColor","undefined","onChange","subContainerPosition","onClose"],"sourceRoot":"../../../components","sources":["Pagination/Pagination.tsx"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@ import { StyleProp, ViewStyle } from "react-native";
|
|
|
3
3
|
import { BottomSheetProps } from '@rneui/themed';
|
|
4
4
|
import { Props as ButtonProps } from '../Button/Button';
|
|
5
5
|
import { Props as SheetTileProps } from "../SheetTitle/SheetTitle";
|
|
6
|
-
export type TDropdownPosition = 'left' | 'center' | 'right' | 'upLeft' | 'upRight' | 'upCenter';
|
|
6
|
+
export type TDropdownPosition = 'left' | 'center' | 'right' | 'upLeft' | 'upRight' | 'upCenter' | 'auto';
|
|
7
7
|
export interface Props extends ButtonProps, BottomSheetProps {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
onPress: () => void;
|
|
@@ -29,6 +29,7 @@ export interface Props extends ButtonProps, BottomSheetProps {
|
|
|
29
29
|
subContainerPosition?: TDropdownPosition;
|
|
30
30
|
customButton?: React.ReactNode;
|
|
31
31
|
showSearchBar?: boolean;
|
|
32
|
+
dropdownBackgroundColor?: string;
|
|
32
33
|
}
|
|
33
34
|
declare const _default: React.FunctionComponent<React.PropsWithChildren<Props>> | React.ForwardRefExoticComponent<React.RefAttributes<React.PropsWithChildren<Props>>>;
|
|
34
35
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomDropdown.d.ts","sourceRoot":"","sources":["../../../components/Dropdown/CustomDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAuB,SAAS,EAAQ,SAAS,EAAO,MAAM,cAAc,CAAC;AACpF,OAAO,EAAc,gBAAgB,EAAwB,MAAM,eAAe,CAAC;AACnF,OAAO,EAAS,KAAK,IAAI,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAE7D,OAAmB,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomDropdown.d.ts","sourceRoot":"","sources":["../../../components/Dropdown/CustomDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAuB,SAAS,EAAQ,SAAS,EAAO,MAAM,cAAc,CAAC;AACpF,OAAO,EAAc,gBAAgB,EAAwB,MAAM,eAAe,CAAC;AACnF,OAAO,EAAS,KAAK,IAAI,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAE7D,OAAmB,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,0BAA0B,CAAC;AA4F7E,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACzG,MAAM,WAAW,KAAO,SAAQ,WAAW,EAAE,gBAAgB;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAG,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEvC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,2BAA2B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oBAAoB,CAAC,EAAE,iBAAiB,CAAC;IACzC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CACpC;;AA2JD,wBAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,EAAE,EAAY,MAAK,OAAO,CAAC;AAC1C,OAAO,EAA+B,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAEhF,OAAiB,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAoG/C,QAAA,MAAM,mBAAmB;;;;;CAKxB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,mBAAmB,CAAC;AAErD,MAAM,WAAW,KAAK;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7C,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,EAAE,EAAY,MAAK,OAAO,CAAC;AAC1C,OAAO,EAA+B,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAEhF,OAAiB,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAoG/C,QAAA,MAAM,mBAAmB;;;;;CAKxB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,mBAAmB,CAAC;AAErD,MAAM,WAAW,KAAK;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7C,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAgKzB,CAAC;AACF,eAAe,UAAU,CAAC"}
|