@beppla/tapas-ui 1.5.2 → 1.5.7

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 (173) hide show
  1. package/commonjs/Alert/README.md +75 -0
  2. package/commonjs/BarChart/README.md +172 -0
  3. package/commonjs/Button/README.md +108 -0
  4. package/commonjs/Calendar/Calendar.base.js +1 -1
  5. package/commonjs/Calendar/Calendar.base.js.map +1 -1
  6. package/commonjs/Calendar/README.md +410 -0
  7. package/commonjs/Card/README.md +126 -0
  8. package/commonjs/CheckBox/README.md +147 -0
  9. package/commonjs/CircularProgress/README.md +70 -0
  10. package/commonjs/Collapsible/README.md +140 -0
  11. package/commonjs/ComboChart/README.md +124 -0
  12. package/commonjs/DashboardCard/README.md +120 -0
  13. package/commonjs/DataTable/README.md +159 -0
  14. package/commonjs/DeviceSelectionModal/README.md +124 -0
  15. package/commonjs/DraggableFlatList/README.md +35 -0
  16. package/commonjs/Drawer/README.md +175 -0
  17. package/commonjs/Dropdown/Dropdown.js +60 -30
  18. package/commonjs/Dropdown/Dropdown.js.map +1 -1
  19. package/commonjs/Dropdown/README.md +230 -0
  20. package/commonjs/ExternalLink/README.md +81 -0
  21. package/commonjs/Gantt/README.md +155 -0
  22. package/commonjs/Grid/README.md +197 -0
  23. package/commonjs/Header/README.md +109 -0
  24. package/commonjs/HelloWave/README.md +28 -0
  25. package/commonjs/Hoverable/Hoverable.js.map +1 -1
  26. package/commonjs/IconText/README.md +99 -0
  27. package/commonjs/Image/PreviewImg/README.md +100 -0
  28. package/commonjs/Image/README.md +88 -0
  29. package/commonjs/Input/Input.js +60 -4
  30. package/commonjs/Input/Input.js.map +1 -1
  31. package/commonjs/Layout/README.md +174 -0
  32. package/commonjs/LineChart/README.md +181 -0
  33. package/commonjs/ListItem/README.md +122 -0
  34. package/commonjs/MessageBox/MessageBox.js +7 -1
  35. package/commonjs/MessageBox/MessageBox.js.map +1 -1
  36. package/commonjs/MessageBox/README.md +120 -0
  37. package/commonjs/Navigation/README.md +197 -0
  38. package/commonjs/NumericInput/README.md +95 -0
  39. package/commonjs/Overlay/README.md +84 -0
  40. package/commonjs/Pagination/README.md +106 -0
  41. package/commonjs/PieChart/README.md +212 -0
  42. package/commonjs/Popover/README.md +82 -0
  43. package/commonjs/Progress/README.md +106 -0
  44. package/commonjs/RadioButton/README.md +85 -0
  45. package/commonjs/ScanButton/README.md +72 -0
  46. package/commonjs/SearchInput/SearchInput.js.map +1 -1
  47. package/commonjs/SheetTitle/README.md +89 -0
  48. package/commonjs/Shell/README.md +152 -0
  49. package/commonjs/Shell/Shell.js.map +1 -1
  50. package/commonjs/StatisticCard/README.md +129 -0
  51. package/commonjs/Status/README.md +75 -0
  52. package/commonjs/Steps/README.md +76 -0
  53. package/commonjs/Switch/Switch.js +101 -0
  54. package/commonjs/Switch/Switch.js.map +1 -0
  55. package/commonjs/Tab/README.md +161 -0
  56. package/commonjs/Tag/README.md +93 -0
  57. package/commonjs/Task/README.md +110 -0
  58. package/commonjs/Text/README.md +97 -0
  59. package/commonjs/TextArea/README.md +127 -0
  60. package/commonjs/TextArea/TextArea.js +4 -2
  61. package/commonjs/TextArea/TextArea.js.map +1 -1
  62. package/commonjs/Theme/README.md +161 -0
  63. package/commonjs/Theme/makeStyles.js +30 -0
  64. package/commonjs/Theme/makeStyles.js.map +1 -0
  65. package/commonjs/Theme/withTheme.js +91 -0
  66. package/commonjs/Theme/withTheme.js.map +1 -0
  67. package/commonjs/Timeline/README.md +111 -0
  68. package/commonjs/Toast/README.md +96 -0
  69. package/commonjs/Upload/Upload.js +126 -0
  70. package/commonjs/Upload/Upload.js.map +1 -0
  71. package/commonjs/index.js +24 -4
  72. package/commonjs/index.js.map +1 -1
  73. package/module/Alert/README.md +75 -0
  74. package/module/BarChart/README.md +172 -0
  75. package/module/Button/README.md +108 -0
  76. package/module/Calendar/Calendar.base.js +1 -1
  77. package/module/Calendar/Calendar.base.js.map +1 -1
  78. package/module/Calendar/README.md +410 -0
  79. package/module/Card/README.md +126 -0
  80. package/module/CheckBox/README.md +147 -0
  81. package/module/CircularProgress/README.md +70 -0
  82. package/module/Collapsible/README.md +140 -0
  83. package/module/ComboChart/README.md +124 -0
  84. package/module/DashboardCard/README.md +120 -0
  85. package/module/DataTable/README.md +159 -0
  86. package/module/DeviceSelectionModal/README.md +124 -0
  87. package/module/DraggableFlatList/README.md +35 -0
  88. package/module/Drawer/README.md +175 -0
  89. package/module/Dropdown/Dropdown.js +60 -30
  90. package/module/Dropdown/Dropdown.js.map +1 -1
  91. package/module/Dropdown/README.md +230 -0
  92. package/module/ExternalLink/README.md +81 -0
  93. package/module/Gantt/README.md +155 -0
  94. package/module/Grid/README.md +197 -0
  95. package/module/Header/README.md +109 -0
  96. package/module/HelloWave/README.md +28 -0
  97. package/module/Hoverable/Hoverable.js.map +1 -1
  98. package/module/IconText/README.md +99 -0
  99. package/module/Image/PreviewImg/README.md +100 -0
  100. package/module/Image/README.md +88 -0
  101. package/module/Input/Input.js +60 -4
  102. package/module/Input/Input.js.map +1 -1
  103. package/module/Layout/README.md +174 -0
  104. package/module/LineChart/README.md +181 -0
  105. package/module/ListItem/README.md +122 -0
  106. package/module/MessageBox/MessageBox.js +8 -2
  107. package/module/MessageBox/MessageBox.js.map +1 -1
  108. package/module/MessageBox/README.md +120 -0
  109. package/module/Navigation/README.md +197 -0
  110. package/module/NumericInput/README.md +95 -0
  111. package/module/Overlay/README.md +84 -0
  112. package/module/Pagination/README.md +106 -0
  113. package/module/PieChart/README.md +212 -0
  114. package/module/Popover/README.md +82 -0
  115. package/module/Progress/README.md +106 -0
  116. package/module/RadioButton/README.md +85 -0
  117. package/module/ScanButton/README.md +72 -0
  118. package/module/SearchInput/SearchInput.js.map +1 -1
  119. package/module/SheetTitle/README.md +89 -0
  120. package/module/Shell/README.md +152 -0
  121. package/module/Shell/Shell.js.map +1 -1
  122. package/module/StatisticCard/README.md +129 -0
  123. package/module/Status/README.md +75 -0
  124. package/module/Steps/README.md +76 -0
  125. package/module/Switch/Switch.js +96 -0
  126. package/module/Switch/Switch.js.map +1 -0
  127. package/module/Tab/README.md +161 -0
  128. package/module/Tag/README.md +93 -0
  129. package/module/Task/README.md +110 -0
  130. package/module/Text/README.md +97 -0
  131. package/module/TextArea/README.md +127 -0
  132. package/module/TextArea/TextArea.js +4 -2
  133. package/module/TextArea/TextArea.js.map +1 -1
  134. package/module/Theme/README.md +161 -0
  135. package/module/Theme/makeStyles.js +24 -0
  136. package/module/Theme/makeStyles.js.map +1 -0
  137. package/module/Theme/withTheme.js +82 -0
  138. package/module/Theme/withTheme.js.map +1 -0
  139. package/module/Timeline/README.md +111 -0
  140. package/module/Toast/README.md +96 -0
  141. package/module/Upload/Upload.js +121 -0
  142. package/module/Upload/Upload.js.map +1 -0
  143. package/module/index.js +11 -3
  144. package/module/index.js.map +1 -1
  145. package/package.json +1 -1
  146. package/typescript/Dropdown/Dropdown.d.ts +20 -0
  147. package/typescript/Dropdown/Dropdown.d.ts.map +1 -1
  148. package/typescript/Grid/FixedSizeGrid.d.ts +1 -3
  149. package/typescript/Grid/FixedSizeGrid.d.ts.map +1 -1
  150. package/typescript/Grid/Grid.base.d.ts +1 -3
  151. package/typescript/Grid/Grid.base.d.ts.map +1 -1
  152. package/typescript/Grid/VariableSizeGrid.d.ts +1 -3
  153. package/typescript/Grid/VariableSizeGrid.d.ts.map +1 -1
  154. package/typescript/Input/Input.d.ts +5 -0
  155. package/typescript/Input/Input.d.ts.map +1 -1
  156. package/typescript/MessageBox/MessageBox.d.ts.map +1 -1
  157. package/typescript/SearchInput/SearchInput.d.ts +4 -0
  158. package/typescript/SearchInput/SearchInput.d.ts.map +1 -1
  159. package/typescript/Switch/Switch.d.ts +15 -0
  160. package/typescript/Switch/Switch.d.ts.map +1 -0
  161. package/typescript/TextArea/TextArea.d.ts +2 -0
  162. package/typescript/TextArea/TextArea.d.ts.map +1 -1
  163. package/typescript/Theme/makeStyles.d.ts +11 -0
  164. package/typescript/Theme/makeStyles.d.ts.map +1 -0
  165. package/typescript/Theme/withTheme.d.ts +12 -0
  166. package/typescript/Theme/withTheme.d.ts.map +1 -0
  167. package/typescript/Upload/Upload.d.ts +25 -0
  168. package/typescript/Upload/Upload.d.ts.map +1 -0
  169. package/typescript/WebViewBridge/useWebViewBridge.d.ts +1 -1
  170. package/typescript/WebViewBridge/useWebViewBridge.d.ts.map +1 -1
  171. package/typescript/common/hooks/useBridgelessFix.d.ts +1 -1
  172. package/typescript/index.d.ts +8 -2
  173. package/typescript/index.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageBox","state","title","text","icon","visible","confirmBtnText","closeBtnText","hideFooter","hideCloseBtn","hideConfirmBtn","descNumberOfLines","onVisibilityChange","onClose","onConfirm","theme","useTheme","styles","useStyles","modalVisible","setModalVisible","useState","useEffect","Boolean","stateIcon","useMemo","handleClose","useCallback","handleConfirm","handleRequestClose","jsx","Modal","animationType","transparent","onRequestClose","children","View","style","modalContainer","jsxs","modalContent","messagebox_header","messagebox_header_icon","name","size","color","colors","primary","messagebox_header_txt_con","Text","messagebox_header_txt","numberOfLines","ellipsizeMode","messagebox_main","messagebox_main_txt","messagebox_footer","Pressable","messagebox_btn","onPress","messagebox_btn_txt","backgroundColor","white","makeStyles","flex","justifyContent","alignItems","zIndex","width","borderRadius","display","flexDirection","padding","gap","height","alignContent","overflow","fontSize","fontWeight","secondary","paddingLeft","paddingRight","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["MessageBox/MessageBox.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageBox","state","title","text","icon","visible","confirmBtnText","closeBtnText","hideFooter","hideCloseBtn","hideConfirmBtn","descNumberOfLines","onVisibilityChange","onClose","onConfirm","theme","useTheme","width","windowWidth","useWindowDimensions","isPhone","styles","useStyles","modalVisible","setModalVisible","useState","useEffect","Boolean","stateIcon","useMemo","handleClose","useCallback","handleConfirm","handleRequestClose","jsx","Modal","animationType","transparent","onRequestClose","children","View","style","modalContainer","jsxs","modalContent","messagebox_header","messagebox_header_icon","name","size","color","colors","primary","messagebox_header_txt_con","Text","messagebox_header_txt","numberOfLines","ellipsizeMode","messagebox_main","messagebox_main_txt","messagebox_footer","Pressable","messagebox_btn","onPress","messagebox_btn_txt","backgroundColor","white","makeStyles","flex","justifyContent","alignItems","zIndex","borderRadius","display","flexDirection","padding","gap","height","alignContent","overflow","fontSize","fontWeight","secondary","paddingLeft","paddingRight","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["MessageBox/MessageBox.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,120 @@
1
+ # MessageBox
2
+
3
+ 模态对话框组件,用于显示重要信息和获取用户确认。支持 success、warning、error 三种状态,提供灵活的按钮配置(隐藏确认/取消按钮、隐藏整个底部栏),适合操作确认、错误提示、成功反馈等场景。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 支持 success、warning、error 三种状态
8
+ - ✅ 状态自动匹配图标(check_circle / warning / error)
9
+ - ✅ 可自定义图标名称覆盖默认状态图标
10
+ - ✅ 灵活的按钮配置:隐藏确认按钮、隐藏取消按钮、隐藏整个底部栏
11
+ - ✅ 自定义确认和取消按钮文本
12
+ - ✅ 描述文本行数限制(descNumberOfLines)
13
+ - ✅ 淡入淡出动画(animationType="fade")
14
+ - ✅ 透明遮罩背景
15
+ - ✅ 支持 onVisibilityChange 双向绑定控制
16
+
17
+ ## 安装使用
18
+
19
+ ```tsx
20
+ import { MessageBox } from '@beppla/tapas-ui';
21
+ ```
22
+
23
+ ## Props
24
+
25
+ | 属性 | 类型 | 默认值 | 说明 |
26
+ |------|------|--------|------|
27
+ | visible | `boolean` | - | 是否显示对话框 |
28
+ | state | `'success' \| 'warning' \| 'error'` | - | 状态类型 |
29
+ | icon | `string` | 根据 state 自动选择 | 自定义图标名称 |
30
+ | title | `string` | - | 标题文本 |
31
+ | text | `string` | - | 描述内容 |
32
+ | hideFooter | `boolean` | `false` | 是否隐藏整个底部按钮栏 |
33
+ | hideCloseBtn | `boolean` | `false` | 是否隐藏取消按钮 |
34
+ | hideConfirmBtn | `boolean` | `false` | 是否隐藏确认按钮 |
35
+ | confirmBtnText | `string` | `'Confirm'` | 确认按钮文本 |
36
+ | closeBtnText | `string` | `'Close'` | 取消按钮文本 |
37
+ | descNumberOfLines | `number` | `3` | 描述文本最大行数 |
38
+ | onVisibilityChange | `(val: boolean) => void` | - | 可见状态变化回调 |
39
+ | onConfirm | `() => void` | - | 确认按钮点击回调 |
40
+ | onClose | `() => void` | - | 取消按钮点击回调 |
41
+
42
+ ## 使用示例
43
+
44
+ ### 基础用法
45
+
46
+ ```tsx
47
+ const [visible, setVisible] = useState(false);
48
+
49
+ <MessageBox
50
+ visible={visible}
51
+ title="Confirm"
52
+ text="Are you sure you want to proceed?"
53
+ confirmBtnText="OK"
54
+ closeBtnText="Cancel"
55
+ onVisibilityChange={setVisible}
56
+ onConfirm={() => {
57
+ handleConfirm();
58
+ setVisible(false);
59
+ }}
60
+ onClose={() => setVisible(false)}
61
+ />
62
+ ```
63
+
64
+ ### 不同状态
65
+
66
+ ```tsx
67
+ <MessageBox
68
+ visible={visible}
69
+ state="success"
70
+ title="Success"
71
+ text="Operation completed!"
72
+ hideCloseBtn
73
+ confirmBtnText="OK"
74
+ onConfirm={() => setVisible(false)}
75
+ />
76
+
77
+ <MessageBox
78
+ visible={visible}
79
+ state="error"
80
+ title="Error"
81
+ text="Operation failed, please retry."
82
+ confirmBtnText="Retry"
83
+ closeBtnText="Close"
84
+ onConfirm={() => handleRetry()}
85
+ onClose={() => setVisible(false)}
86
+ />
87
+ ```
88
+
89
+ ### 仅确认按钮
90
+
91
+ ```tsx
92
+ <MessageBox
93
+ visible={visible}
94
+ title="Notice"
95
+ text="This is a notification."
96
+ hideCloseBtn={true}
97
+ confirmBtnText="Got it"
98
+ onConfirm={() => setVisible(false)}
99
+ />
100
+ ```
101
+
102
+ ### 无按钮(点击遮罩关闭)
103
+
104
+ ```tsx
105
+ <MessageBox
106
+ visible={visible}
107
+ title="Info"
108
+ text="Click backdrop to close."
109
+ hideFooter={true}
110
+ onVisibilityChange={setVisible}
111
+ />
112
+ ```
113
+
114
+ ## 注意事项
115
+
116
+ - 组件内部维护 `modalVisible` 状态,与外部 `visible` 同步
117
+ - 关闭优先级:`onClose` > `onVisibilityChange` > 内部 `setModalVisible(false)`
118
+ - 对话框固定宽度 392px,居中显示
119
+ - 需在 `ThemeProvider` 内使用
120
+ - 确认按钮使用主题 `primary` 色,取消按钮无背景色
@@ -0,0 +1,197 @@
1
+ # Navigation
2
+
3
+ 侧边导航栏组件,提供可展开/折叠的垂直导航菜单。支持导航项(navItems)和系统项(systemItems)两层分组,收起时仅显示图标,展开时显示图标和文本。
4
+
5
+ ## 功能特性
6
+
7
+ - 可展开/折叠的侧边导航(收起 56px,展开 336px)
8
+ - 导航项和系统项两层分组(系统项固定在底部)
9
+ - 点击 Logo 切换展开/折叠状态
10
+ - 选中项高亮显示(展开时背景高亮,收起时图标高亮)
11
+ - 移动端支持背景遮罩层(点击遮罩关闭导航)
12
+ - 可配置权限信息(`permissions` 字段)
13
+ - 支持 `selectedIndex` 受控选中
14
+ - 可选集成 React Navigation 自动路由导航
15
+ - 自定义 Logo 图片
16
+
17
+ ## 安装使用
18
+
19
+ ```tsx
20
+ import { Navigation, NavItem, NavItemType, SelectedItem } from '@beppla/tapas-ui';
21
+ ```
22
+
23
+ ## Props
24
+
25
+ | 属性 | 类型 | 默认值 | 说明 |
26
+ |------|------|--------|------|
27
+ | navItems | `NavItem[]` | - | 导航项数组 |
28
+ | systemItems | `NavItem[]` | - | 系统项数组(显示在底部) |
29
+ | logoImg | `ImageSourcePropType` | - | Logo 图片资源 |
30
+ | expanded | `boolean` | `false` | 是否展开导航菜单 |
31
+ | onItemPress | `(item: NavItem) => void` | - | 导航项点击回调 |
32
+ | onLogoPress | `() => void` | - | Logo 点击回调 |
33
+ | defaultSelectedItem | `SelectedItem` | - | 默认选中项 |
34
+ | selectedIndex | `number` | - | 选中项索引(受控模式,仅匹配 navItems) |
35
+ | visible | `boolean` | `true` | 导航栏是否可见 |
36
+ | onMaskPress | `() => void` | - | 背景遮罩点击回调(移动端) |
37
+ | navigation | `{ navigate: (routeName: string, params?: any) => void }` | - | React Navigation 对象(可选) |
38
+
39
+ ## 类型定义
40
+
41
+ ### NavItem
42
+
43
+ ```tsx
44
+ interface NavItem {
45
+ name: string; // 项目名称(展开时显示)
46
+ iconName: string; // TapasIcon 图标名称
47
+ url?: string; // 链接 URL(可选)
48
+ permissions?: Permissions[]; // 权限要求(可选)
49
+ }
50
+ ```
51
+
52
+ ### Permissions
53
+
54
+ ```tsx
55
+ interface Permissions {
56
+ resource: string; // 资源名
57
+ action: string; // 操作名
58
+ }
59
+ ```
60
+
61
+ ### NavItemType / SelectedItem
62
+
63
+ ```tsx
64
+ enum NavItemType {
65
+ Nav = 'nav', // 导航项
66
+ System = 'system', // 系统项
67
+ }
68
+
69
+ interface SelectedItem {
70
+ type: NavItemType; // 项目类型
71
+ selectedItemIndex: number; // 项目索引
72
+ }
73
+ ```
74
+
75
+ ## 使用示例
76
+
77
+ ### 基础导航
78
+
79
+ ```tsx
80
+ import { Navigation, NavItem, NavItemType } from '@beppla/tapas-ui';
81
+
82
+ const navItems: NavItem[] = [
83
+ { name: 'Dashboard', iconName: 'home' },
84
+ { name: 'Analytics', iconName: 'vector' },
85
+ { name: 'Products', iconName: 'product_items' },
86
+ { name: 'Messages', iconName: 'chat' },
87
+ ];
88
+
89
+ const systemItems: NavItem[] = [
90
+ { name: 'Settings', iconName: 'settings' },
91
+ { name: 'Refresh', iconName: 'refresh' },
92
+ ];
93
+
94
+ export default function App() {
95
+ return (
96
+ <Navigation
97
+ navItems={navItems}
98
+ systemItems={systemItems}
99
+ logoImg={require('./logo.png')}
100
+ defaultSelectedItem={{
101
+ type: NavItemType.Nav,
102
+ selectedItemIndex: 0,
103
+ }}
104
+ />
105
+ );
106
+ }
107
+ ```
108
+
109
+ ### 带点击回调
110
+
111
+ ```tsx
112
+ <Navigation
113
+ navItems={navItems}
114
+ systemItems={systemItems}
115
+ logoImg={require('./logo.png')}
116
+ onItemPress={(item) => {
117
+ console.log('Selected:', item.name);
118
+ setCurrentPage(item.name);
119
+ }}
120
+ />
121
+ ```
122
+
123
+ ### 受控选中索引
124
+
125
+ ```tsx
126
+ const [selectedIdx, setSelectedIdx] = useState(0);
127
+
128
+ <Navigation
129
+ navItems={navItems}
130
+ systemItems={systemItems}
131
+ logoImg={require('./logo.png')}
132
+ selectedIndex={selectedIdx}
133
+ onItemPress={(item) => {
134
+ const idx = navItems.findIndex(n => n.name === item.name);
135
+ if (idx >= 0) setSelectedIdx(idx);
136
+ }}
137
+ />
138
+ ```
139
+
140
+ ### 与 React Navigation 集成
141
+
142
+ ```tsx
143
+ import { useNavigation } from '@react-navigation/native';
144
+
145
+ const navigation = useNavigation();
146
+
147
+ <Navigation
148
+ navItems={[
149
+ { name: 'Home', iconName: 'home' },
150
+ { name: 'Details', iconName: 'info' },
151
+ ]}
152
+ logoImg={require('./logo.png')}
153
+ navigation={navigation}
154
+ />
155
+ ```
156
+
157
+ ### 完整布局示例
158
+
159
+ ```tsx
160
+ import { View, Text } from 'react-native';
161
+ import { Navigation, NavItem } from '@beppla/tapas-ui';
162
+ import { useState } from 'react';
163
+
164
+ const navItems: NavItem[] = [
165
+ { name: 'Dashboard', iconName: 'home' },
166
+ { name: 'Products', iconName: 'product_items' },
167
+ { name: 'Orders', iconName: 'manufacturing' },
168
+ ];
169
+
170
+ export default function App() {
171
+ const [page, setPage] = useState('Dashboard');
172
+
173
+ return (
174
+ <View style={{ flexDirection: 'row', height: '100%' }}>
175
+ <Navigation
176
+ navItems={navItems}
177
+ logoImg={require('./logo.png')}
178
+ onItemPress={(item) => setPage(item.name)}
179
+ />
180
+ <View style={{ flex: 1, padding: 16 }}>
181
+ <Text>{page} Content</Text>
182
+ </View>
183
+ </View>
184
+ );
185
+ }
186
+ ```
187
+
188
+ ## 注意事项
189
+
190
+ - 导航栏默认收起状态(宽度 56px),点击 Logo 切换展开(336px)/折叠
191
+ - 桌面端点击 Logo 触发 `onLogoPress` 并切换展开状态;移动端点击 Logo 触发 `onMaskPress`
192
+ - 展开时会在导航栏外显示半透明遮罩层(`rgba(0,0,0,0.5)`),点击遮罩可关闭
193
+ - `selectedIndex` 仅匹配 `navItems` 数组,不支持直接选中 `systemItems`
194
+ - 设置 `navigation` 属性后,点击导航项会自动调用 `navigation.navigate(item.name)`
195
+ - 导航项图标大小固定 20px,颜色为主题 `white`
196
+ - 选中状态:展开时背景高亮(`secondary` 色),收起时图标容器高亮
197
+ - `visible=false` 时整个导航栏不渲染
@@ -0,0 +1,95 @@
1
+ # NumericInput
2
+
3
+ 数字输入组件,包含加减按钮和文本输入框,适用于数量选择场景。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 加减按钮控制数值增减
8
+ - ✅ 支持手动键盘输入数字
9
+ - ✅ 可设置最大值和最小值限制
10
+ - ✅ 到达边界时自动禁用对应按钮
11
+ - ✅ 支持整体禁用状态
12
+ - ✅ 加号按钮使用主题色填充背景
13
+ - ✅ 支持 onReduce 和 onAdd 额外回调
14
+ - ✅ 兼容 RN 0.77 Bridgeless 模式(Android 焦点管理修复)
15
+ - ✅ 支持自定义输入框样式
16
+ - ✅ 支持 testID 属性用于测试
17
+
18
+ ## 安装使用
19
+
20
+ ```tsx
21
+ import NumericInput from '@beppla/tapas-ui/components/NumericInput/NumericInput';
22
+ ```
23
+
24
+ ## Props
25
+
26
+ | 属性 | 类型 | 默认值 | 说明 |
27
+ |------|------|--------|------|
28
+ | value | `number` | - | 当前数值 |
29
+ | max | `number` | - | 最大值 |
30
+ | min | `number` | - | 最小值 |
31
+ | onChange | `(value: number) => void` | - | 数值变化回调 |
32
+ | onReduce | `() => void` | - | 减少按钮点击回调(在数值变化前触发) |
33
+ | onAdd | `() => void` | - | 增加按钮点击回调(在数值变化前触发) |
34
+ | disabled | `boolean` | - | 是否禁用整个组件 |
35
+ | inputStyle | `StyleProp<ViewStyle>` | - | 输入框自定义样式 |
36
+ | testID | `string` | - | 测试标识 |
37
+ | enableBridgelessFix | `boolean` | `true` | 是否启用 RN 0.77 Bridgeless 模式兼容修复 |
38
+
39
+ ## 使用示例
40
+
41
+ ### 基础用法
42
+
43
+ ```tsx
44
+ <NumericInput
45
+ value={0}
46
+ min={0}
47
+ max={99}
48
+ onChange={(value) => console.log('数量:', value)}
49
+ />
50
+ ```
51
+
52
+ ### 设置范围
53
+
54
+ ```tsx
55
+ <NumericInput
56
+ value={5}
57
+ min={1}
58
+ max={10}
59
+ onChange={(value) => setQuantity(value)}
60
+ />
61
+ ```
62
+
63
+ ### 禁用状态
64
+
65
+ ```tsx
66
+ <NumericInput
67
+ value={3}
68
+ min={0}
69
+ max={99}
70
+ disabled
71
+ onChange={() => {}}
72
+ />
73
+ ```
74
+
75
+ ### 带额外回调
76
+
77
+ ```tsx
78
+ <NumericInput
79
+ value={count}
80
+ min={0}
81
+ max={99}
82
+ onChange={(value) => setCount(value)}
83
+ onAdd={() => console.log('点击了增加')}
84
+ onReduce={() => console.log('点击了减少')}
85
+ />
86
+ ```
87
+
88
+ ## 注意事项
89
+
90
+ - `onReduce` 和 `onAdd` 在按钮点击时立即触发,即使数值已到边界也会触发
91
+ - `onChange` 只在数值实际变化时触发(边界处不触发)
92
+ - 手动输入时,超过 `max` 的值会被忽略
93
+ - 失焦时会触发 `onChange` 回调,Android 上有延迟处理以兼容 Bridgeless 模式
94
+ - 组件最小宽度 136px,高度 40px
95
+ - 如果 Android 上遇到焦点问题,可设置 `enableBridgelessFix={false}` 尝试
@@ -0,0 +1,84 @@
1
+ # Overlay
2
+
3
+ 覆盖层组件,基于 `@rneui/themed` 的 Overlay 封装,用于显示底部弹出的模态内容面板。预设从底部弹出、占屏幕 80% 高度的样式,适合底部 Sheet 和弹出菜单场景。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 继承 @rneui/themed OverlayProps 的全部能力
8
+ - ✅ 预设底部弹出样式(absolute + bottom: 0)
9
+ - ✅ 半透明遮罩背景(backdropStyle)
10
+ - ✅ 支持点击遮罩关闭(onBackdropPress)
11
+ - ✅ 自定义 overlayStyle 和 backdropStyle 覆盖默认样式
12
+ - ✅ 主题色适配
13
+
14
+ ## 安装使用
15
+
16
+ ```tsx
17
+ import { Overlay } from '@beppla/tapas-ui';
18
+ ```
19
+
20
+ ## Props
21
+
22
+ | 属性 | 类型 | 默认值 | 说明 |
23
+ |------|------|--------|------|
24
+ | isVisible | `boolean` | - | 是否显示覆盖层(必填) |
25
+ | onBackdropPress | `() => void` | - | 点击遮罩回调 |
26
+ | overlayStyle | `StyleProp<ViewStyle>` | 底部弹出,宽100%,高80% | 覆盖层样式 |
27
+ | backdropStyle | `StyleProp<ViewStyle>` | 半透明灰色 | 遮罩样式 |
28
+ | children | `React.ReactNode` | - | 覆盖层内容 |
29
+
30
+ > 继承 `@rneui/themed` OverlayProps 的所有属性
31
+
32
+ ## 使用示例
33
+
34
+ ### 基础用法
35
+
36
+ ```tsx
37
+ const [isVisible, setIsVisible] = useState(false);
38
+
39
+ <Button onPress={() => setIsVisible(true)}>Open Overlay</Button>
40
+ <Overlay
41
+ isVisible={isVisible}
42
+ onBackdropPress={() => setIsVisible(false)}
43
+ >
44
+ <View>
45
+ <Text>Overlay Content</Text>
46
+ </View>
47
+ </Overlay>
48
+ ```
49
+
50
+ ### 自定义高度
51
+
52
+ ```tsx
53
+ <Overlay
54
+ isVisible={isVisible}
55
+ onBackdropPress={() => setIsVisible(false)}
56
+ overlayStyle={{ height: '50%' }}
57
+ >
58
+ <Text>Half screen overlay</Text>
59
+ </Overlay>
60
+ ```
61
+
62
+ ### 居中弹出
63
+
64
+ ```tsx
65
+ <Overlay
66
+ isVisible={isVisible}
67
+ onBackdropPress={() => setIsVisible(false)}
68
+ overlayStyle={{
69
+ width: '80%',
70
+ height: 'auto',
71
+ position: 'relative',
72
+ borderRadius: 12,
73
+ }}
74
+ >
75
+ <Text>Centered modal content</Text>
76
+ </Overlay>
77
+ ```
78
+
79
+ ## 注意事项
80
+
81
+ - 默认样式为底部弹出面板(`position: absolute, bottom: 0, width: 100%, height: 80%`)
82
+ - 传入 `overlayStyle` 会与默认样式合并(数组形式),后者优先级更高
83
+ - 组件需在 `ThemeProvider` 内使用
84
+ - 遮罩背景色使用主题的 `grey4` 颜色
@@ -0,0 +1,106 @@
1
+ # Pagination
2
+
3
+ 分页组件,用于大数据列表的分页导航。支持页码选择、每页条数切换、分组翻页和总数展示,适配桌面和移动端。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 页码分组展示(每组 5 页),前后翻组
8
+ - ✅ 当前页高亮(圆形选中样式)
9
+ - ✅ 每页条数下拉选择(Dropdown 集成)
10
+ - ✅ 总数显示(可选隐藏)
11
+ - ✅ 移动端自适应:默认隐藏总数和每页条数选择
12
+ - ✅ 自定义每页条数选项(pageSizeOptions)
13
+ - ✅ 自定义容器样式和背景色
14
+ - ✅ 下拉框位置和宽度可配置
15
+ - ✅ 无障碍支持(accessibilityRole / accessibilityLabel)
16
+
17
+ ## 安装使用
18
+
19
+ ```tsx
20
+ import { Pagination } from '@beppla/tapas-ui';
21
+ ```
22
+
23
+ ## Props
24
+
25
+ | 属性 | 类型 | 默认值 | 说明 |
26
+ |------|------|--------|------|
27
+ | totalCount | `string` | - | 总数显示文本(必填) |
28
+ | pageParams | `TPageParams` | `{ page: 1, pageSize: 10, totalItems: 0, totalPage: 1 }` | 分页参数 |
29
+ | pageSizeOptions | `ItemProps[]` | `[1, 5, 10, 20, 50, 100]/Page` | 每页条数选项 |
30
+ | visibleTotalCount | `boolean` | 桌面端 `true`,移动端 `false` | 是否显示总数 |
31
+ | visiblePageSizeOptions | `boolean` | 桌面端 `true`,移动端 `false` | 是否显示每页条数选择 |
32
+ | onPageChange | `(page: TPageParams) => void` | - | 页码变化回调 |
33
+ | onPageSizeChange | `(item: ItemProps) => void` | - | 每页条数变化回调 |
34
+ | paginationContainerStyle | `StyleProp<ViewStyle>` | - | 容器样式 |
35
+ | pageSizePosition | `TDropdownPosition` | `'auto'` | 下拉框弹出位置 |
36
+ | backgroundColor | `string` | - | 背景色 |
37
+ | pageSizeDropdownWidth | `number` | 自动计算 | 下拉框宽度 |
38
+
39
+ ### TPageParams
40
+
41
+ ```tsx
42
+ type TPageParams = {
43
+ page: number; // 当前页码
44
+ pageSize: number; // 每页条数
45
+ totalItems: number; // 总条数
46
+ totalPage: number; // 总页数
47
+ }
48
+ ```
49
+
50
+ ## 使用示例
51
+
52
+ ### 基础用法
53
+
54
+ ```tsx
55
+ <Pagination
56
+ totalCount="100 items"
57
+ pageParams={{
58
+ page: 1,
59
+ pageSize: 10,
60
+ totalItems: 100,
61
+ totalPage: 10,
62
+ }}
63
+ onPageChange={(params) => {
64
+ fetchData(params.page, params.pageSize);
65
+ }}
66
+ />
67
+ ```
68
+
69
+ ### 自定义每页条数
70
+
71
+ ```tsx
72
+ <Pagination
73
+ totalCount="500 records"
74
+ pageParams={pageParams}
75
+ pageSizeOptions={[
76
+ { name: '25/Page', value: 25 },
77
+ { name: '50/Page', value: 50 },
78
+ { name: '100/Page', value: 100 },
79
+ ]}
80
+ onPageChange={handlePageChange}
81
+ onPageSizeChange={(item) => {
82
+ setPageSize(item.value);
83
+ }}
84
+ />
85
+ ```
86
+
87
+ ### 隐藏总数和条数选择
88
+
89
+ ```tsx
90
+ <Pagination
91
+ totalCount=""
92
+ pageParams={pageParams}
93
+ visibleTotalCount={false}
94
+ visiblePageSizeOptions={false}
95
+ onPageChange={handlePageChange}
96
+ />
97
+ ```
98
+
99
+ ## 注意事项
100
+
101
+ - 页码分组为每组 5 页,通过左右箭头翻组
102
+ - `pageParams` 变化会自动同步内部状态
103
+ - 移动端自动隐藏总数和每页条数选择器
104
+ - 下拉框宽度默认根据最长选项文本自动计算(最小 140px,最大 200px)
105
+ - 组件使用 `React.memo` 优化渲染
106
+ - 下拉框基于 Dropdown 组件实现