@beppla/tapas-ui 1.5.2 → 1.5.6

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 (167) 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/README.md +230 -0
  18. package/commonjs/ExternalLink/README.md +81 -0
  19. package/commonjs/Gantt/README.md +155 -0
  20. package/commonjs/Grid/README.md +197 -0
  21. package/commonjs/Header/README.md +109 -0
  22. package/commonjs/HelloWave/README.md +28 -0
  23. package/commonjs/Hoverable/Hoverable.js.map +1 -1
  24. package/commonjs/IconText/README.md +99 -0
  25. package/commonjs/Image/PreviewImg/README.md +100 -0
  26. package/commonjs/Image/README.md +88 -0
  27. package/commonjs/Input/Input.js +60 -4
  28. package/commonjs/Input/Input.js.map +1 -1
  29. package/commonjs/Layout/README.md +174 -0
  30. package/commonjs/LineChart/README.md +181 -0
  31. package/commonjs/ListItem/README.md +122 -0
  32. package/commonjs/MessageBox/MessageBox.js +7 -1
  33. package/commonjs/MessageBox/MessageBox.js.map +1 -1
  34. package/commonjs/MessageBox/README.md +120 -0
  35. package/commonjs/Navigation/README.md +197 -0
  36. package/commonjs/NumericInput/README.md +95 -0
  37. package/commonjs/Overlay/README.md +84 -0
  38. package/commonjs/Pagination/README.md +106 -0
  39. package/commonjs/PieChart/README.md +212 -0
  40. package/commonjs/Popover/README.md +82 -0
  41. package/commonjs/Progress/README.md +106 -0
  42. package/commonjs/RadioButton/README.md +85 -0
  43. package/commonjs/ScanButton/README.md +72 -0
  44. package/commonjs/SearchInput/SearchInput.js.map +1 -1
  45. package/commonjs/SheetTitle/README.md +89 -0
  46. package/commonjs/Shell/README.md +152 -0
  47. package/commonjs/Shell/Shell.js.map +1 -1
  48. package/commonjs/StatisticCard/README.md +129 -0
  49. package/commonjs/Status/README.md +75 -0
  50. package/commonjs/Steps/README.md +76 -0
  51. package/commonjs/Switch/Switch.js +101 -0
  52. package/commonjs/Switch/Switch.js.map +1 -0
  53. package/commonjs/Tab/README.md +161 -0
  54. package/commonjs/Tag/README.md +93 -0
  55. package/commonjs/Task/README.md +110 -0
  56. package/commonjs/Text/README.md +97 -0
  57. package/commonjs/TextArea/README.md +127 -0
  58. package/commonjs/TextArea/TextArea.js +4 -2
  59. package/commonjs/TextArea/TextArea.js.map +1 -1
  60. package/commonjs/Theme/README.md +161 -0
  61. package/commonjs/Theme/makeStyles.js +30 -0
  62. package/commonjs/Theme/makeStyles.js.map +1 -0
  63. package/commonjs/Theme/withTheme.js +91 -0
  64. package/commonjs/Theme/withTheme.js.map +1 -0
  65. package/commonjs/Timeline/README.md +111 -0
  66. package/commonjs/Toast/README.md +96 -0
  67. package/commonjs/Upload/Upload.js +126 -0
  68. package/commonjs/Upload/Upload.js.map +1 -0
  69. package/commonjs/index.js +24 -4
  70. package/commonjs/index.js.map +1 -1
  71. package/module/Alert/README.md +75 -0
  72. package/module/BarChart/README.md +172 -0
  73. package/module/Button/README.md +108 -0
  74. package/module/Calendar/Calendar.base.js +1 -1
  75. package/module/Calendar/Calendar.base.js.map +1 -1
  76. package/module/Calendar/README.md +410 -0
  77. package/module/Card/README.md +126 -0
  78. package/module/CheckBox/README.md +147 -0
  79. package/module/CircularProgress/README.md +70 -0
  80. package/module/Collapsible/README.md +140 -0
  81. package/module/ComboChart/README.md +124 -0
  82. package/module/DashboardCard/README.md +120 -0
  83. package/module/DataTable/README.md +159 -0
  84. package/module/DeviceSelectionModal/README.md +124 -0
  85. package/module/DraggableFlatList/README.md +35 -0
  86. package/module/Drawer/README.md +175 -0
  87. package/module/Dropdown/README.md +230 -0
  88. package/module/ExternalLink/README.md +81 -0
  89. package/module/Gantt/README.md +155 -0
  90. package/module/Grid/README.md +197 -0
  91. package/module/Header/README.md +109 -0
  92. package/module/HelloWave/README.md +28 -0
  93. package/module/Hoverable/Hoverable.js.map +1 -1
  94. package/module/IconText/README.md +99 -0
  95. package/module/Image/PreviewImg/README.md +100 -0
  96. package/module/Image/README.md +88 -0
  97. package/module/Input/Input.js +60 -4
  98. package/module/Input/Input.js.map +1 -1
  99. package/module/Layout/README.md +174 -0
  100. package/module/LineChart/README.md +181 -0
  101. package/module/ListItem/README.md +122 -0
  102. package/module/MessageBox/MessageBox.js +8 -2
  103. package/module/MessageBox/MessageBox.js.map +1 -1
  104. package/module/MessageBox/README.md +120 -0
  105. package/module/Navigation/README.md +197 -0
  106. package/module/NumericInput/README.md +95 -0
  107. package/module/Overlay/README.md +84 -0
  108. package/module/Pagination/README.md +106 -0
  109. package/module/PieChart/README.md +212 -0
  110. package/module/Popover/README.md +82 -0
  111. package/module/Progress/README.md +106 -0
  112. package/module/RadioButton/README.md +85 -0
  113. package/module/ScanButton/README.md +72 -0
  114. package/module/SearchInput/SearchInput.js.map +1 -1
  115. package/module/SheetTitle/README.md +89 -0
  116. package/module/Shell/README.md +152 -0
  117. package/module/Shell/Shell.js.map +1 -1
  118. package/module/StatisticCard/README.md +129 -0
  119. package/module/Status/README.md +75 -0
  120. package/module/Steps/README.md +76 -0
  121. package/module/Switch/Switch.js +96 -0
  122. package/module/Switch/Switch.js.map +1 -0
  123. package/module/Tab/README.md +161 -0
  124. package/module/Tag/README.md +93 -0
  125. package/module/Task/README.md +110 -0
  126. package/module/Text/README.md +97 -0
  127. package/module/TextArea/README.md +127 -0
  128. package/module/TextArea/TextArea.js +4 -2
  129. package/module/TextArea/TextArea.js.map +1 -1
  130. package/module/Theme/README.md +161 -0
  131. package/module/Theme/makeStyles.js +24 -0
  132. package/module/Theme/makeStyles.js.map +1 -0
  133. package/module/Theme/withTheme.js +82 -0
  134. package/module/Theme/withTheme.js.map +1 -0
  135. package/module/Timeline/README.md +111 -0
  136. package/module/Toast/README.md +96 -0
  137. package/module/Upload/Upload.js +121 -0
  138. package/module/Upload/Upload.js.map +1 -0
  139. package/module/index.js +11 -3
  140. package/module/index.js.map +1 -1
  141. package/package.json +1 -1
  142. package/typescript/Grid/FixedSizeGrid.d.ts +1 -3
  143. package/typescript/Grid/FixedSizeGrid.d.ts.map +1 -1
  144. package/typescript/Grid/Grid.base.d.ts +1 -3
  145. package/typescript/Grid/Grid.base.d.ts.map +1 -1
  146. package/typescript/Grid/VariableSizeGrid.d.ts +1 -3
  147. package/typescript/Grid/VariableSizeGrid.d.ts.map +1 -1
  148. package/typescript/Input/Input.d.ts +5 -0
  149. package/typescript/Input/Input.d.ts.map +1 -1
  150. package/typescript/MessageBox/MessageBox.d.ts.map +1 -1
  151. package/typescript/SearchInput/SearchInput.d.ts +4 -0
  152. package/typescript/SearchInput/SearchInput.d.ts.map +1 -1
  153. package/typescript/Switch/Switch.d.ts +15 -0
  154. package/typescript/Switch/Switch.d.ts.map +1 -0
  155. package/typescript/TextArea/TextArea.d.ts +2 -0
  156. package/typescript/TextArea/TextArea.d.ts.map +1 -1
  157. package/typescript/Theme/makeStyles.d.ts +11 -0
  158. package/typescript/Theme/makeStyles.d.ts.map +1 -0
  159. package/typescript/Theme/withTheme.d.ts +12 -0
  160. package/typescript/Theme/withTheme.d.ts.map +1 -0
  161. package/typescript/Upload/Upload.d.ts +25 -0
  162. package/typescript/Upload/Upload.d.ts.map +1 -0
  163. package/typescript/WebViewBridge/useWebViewBridge.d.ts +1 -1
  164. package/typescript/WebViewBridge/useWebViewBridge.d.ts.map +1 -1
  165. package/typescript/common/hooks/useBridgelessFix.d.ts +1 -1
  166. package/typescript/index.d.ts +7 -1
  167. package/typescript/index.d.ts.map +1 -1
@@ -0,0 +1,100 @@
1
+ # PreviewImg
2
+
3
+ 图片预览覆盖层组件,用于全屏展示图片集合,支持缩略图导航和前后切换。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 全屏图片预览
8
+ - ✅ 缩略图导航
9
+ - ✅ 前后切换功能
10
+ - ✅ 点击缩略图快速跳转
11
+ - ✅ 背景蒙层支持
12
+ - ✅ 响应式尺寸
13
+
14
+ ## 安装使用
15
+
16
+ ```tsx
17
+ import PreviewImg from '@beppla/tapas-ui/components/Image/PreviewImg';
18
+ ```
19
+
20
+ ## Props
21
+
22
+ | 属性 | 类型 | 默认值 | 说明 |
23
+ |------|------|--------|------|
24
+ | isVisible | boolean | false | 是否显示预览层 |
25
+ | data | IFileState[] | - | 图片数据数组 |
26
+ | defaultIndex | number | 0 | 默认显示的图片索引 |
27
+ | onClose | () => void | - | 关闭预览时的回调 |
28
+ | onSelect | (index: number) => void | - | 选择图片时的回调 |
29
+
30
+ ## IFileState 结构
31
+
32
+ ```tsx
33
+ interface IFileState {
34
+ fileId?: string;
35
+ fileName?: string;
36
+ fileUrl?: string;
37
+ }
38
+ ```
39
+
40
+ ## 使用示例
41
+
42
+ ### 基础用法
43
+ ```tsx
44
+ import PreviewImg from '@beppla/tapas-ui/components/Image/PreviewImg';
45
+ import { useState } from 'react';
46
+
47
+ export default function App() {
48
+ const [visible, setVisible] = useState(false);
49
+
50
+ const images = [
51
+ { fileUrl: "https://example.com/image1.jpg", fileName: "Image 1" },
52
+ { fileUrl: "https://example.com/image2.jpg", fileName: "Image 2" },
53
+ ];
54
+
55
+ return (
56
+ <PreviewImg
57
+ isVisible={visible}
58
+ data={images}
59
+ onClose={() => setVisible(false)}
60
+ />
61
+ );
62
+ }
63
+ ```
64
+
65
+ ### 带选择回调
66
+ ```tsx
67
+ <PreviewImg
68
+ isVisible={visible}
69
+ data={images}
70
+ defaultIndex={0}
71
+ onClose={() => setVisible(false)}
72
+ onSelect={(index) => {
73
+ console.log(`Selected image at index: ${index}`);
74
+ }}
75
+ />
76
+ ```
77
+
78
+ ### 多张图片预览
79
+ ```tsx
80
+ const images = [
81
+ { fileId: "1", fileUrl: "https://example.com/photo1.jpg", fileName: "Photo 1" },
82
+ { fileId: "2", fileUrl: "https://example.com/photo2.jpg", fileName: "Photo 2" },
83
+ { fileId: "3", fileUrl: "https://example.com/photo3.jpg", fileName: "Photo 3" },
84
+ ];
85
+
86
+ <PreviewImg
87
+ isVisible={visible}
88
+ data={images}
89
+ defaultIndex={1}
90
+ onClose={() => setVisible(false)}
91
+ />
92
+ ```
93
+
94
+ ## 注意事项
95
+
96
+ - 单张图片时不显示前后导航按钮
97
+ - 点击背景蒙层会关闭预览
98
+ - 点击关闭按钮(X 图标)会关闭预览
99
+ - 缩略图边框颜色为橙色(#F55523)表示当前选中
100
+ - 仅支持 web 平台的 HTML img 标签
@@ -0,0 +1,88 @@
1
+ # PreviewImg
2
+
3
+ 图片预览组件,支持全屏遮罩层展示图片,提供缩略图列表导航和左右切换功能。适合商品图片、订单附件等多图预览场景。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 全屏遮罩层预览(Overlay)
8
+ - ✅ 多图浏览:底部缩略图列表导航
9
+ - ✅ 左右切换按钮(chevron_left / chevron_right)
10
+ - ✅ 首张/末张图片自动禁用对应切换按钮
11
+ - ✅ 点击缩略图快速跳转
12
+ - ✅ 当前选中缩略图高亮边框
13
+ - ✅ 点击遮罩或关闭按钮关闭预览
14
+ - ✅ 自定义默认展示图片索引(defaultIndex)
15
+
16
+ ## 安装使用
17
+
18
+ ```tsx
19
+ import { PreviewImg } from '@beppla/tapas-ui';
20
+ ```
21
+
22
+ ## Props
23
+
24
+ | 属性 | 类型 | 默认值 | 说明 |
25
+ |------|------|--------|------|
26
+ | isVisible | `boolean` | `false` | 是否显示预览 |
27
+ | data | `IFileState[]` | - | 图片数据数组(必填) |
28
+ | defaultIndex | `number` | `0` | 默认展示的图片索引 |
29
+ | onClose | `() => void` | - | 关闭回调(必填) |
30
+ | onSelect | `(index: number) => void` | - | 图片选择回调(预留) |
31
+
32
+ ### IFileState
33
+
34
+ ```tsx
35
+ interface IFileState {
36
+ fileId?: string;
37
+ fileName?: string;
38
+ fileUrl?: string;
39
+ }
40
+ ```
41
+
42
+ ## 使用示例
43
+
44
+ ### 基础用法
45
+
46
+ ```tsx
47
+ const [visible, setVisible] = useState(false);
48
+ const images = [
49
+ { fileId: '1', fileName: 'photo1.jpg', fileUrl: 'https://example.com/1.jpg' },
50
+ { fileId: '2', fileName: 'photo2.jpg', fileUrl: 'https://example.com/2.jpg' },
51
+ ];
52
+
53
+ <PreviewImg
54
+ isVisible={visible}
55
+ data={images}
56
+ onClose={() => setVisible(false)}
57
+ />
58
+ ```
59
+
60
+ ### 指定默认图片
61
+
62
+ ```tsx
63
+ <PreviewImg
64
+ isVisible={visible}
65
+ data={images}
66
+ defaultIndex={2}
67
+ onClose={() => setVisible(false)}
68
+ />
69
+ ```
70
+
71
+ ### 单张图片(无切换按钮)
72
+
73
+ ```tsx
74
+ <PreviewImg
75
+ isVisible={visible}
76
+ data={[{ fileUrl: 'https://example.com/single.jpg' }]}
77
+ onClose={() => setVisible(false)}
78
+ />
79
+ ```
80
+
81
+ ## 注意事项
82
+
83
+ - 组件使用 HTML `<img>` 标签渲染,仅适用于 Web 平台
84
+ - 主图高度自适应:`window.innerHeight - 200`
85
+ - 缩略图固定尺寸 84x84,选中态边框色 `#F55523`
86
+ - 单张图片时不显示左右切换按钮
87
+ - 预览层使用 `@rneui/themed` 的 Overlay 组件
88
+ - 需在 `ThemeProvider` 内使用
@@ -53,6 +53,25 @@ const useStyles = (0, _themed.makeStyles)((theme, ...props) => {
53
53
  },
54
54
  require: {
55
55
  color: theme.colors.colorTextError
56
+ },
57
+ errorBorder: {
58
+ borderColor: theme.colors.colorTextError
59
+ },
60
+ stateMsg: {
61
+ fontSize: theme.fonts.sizeS,
62
+ color: theme.colors.colorTextError,
63
+ marginTop: -16,
64
+ marginLeft: 16,
65
+ marginBottom: 4
66
+ },
67
+ unit: {
68
+ fontSize: theme.fonts.sizeM,
69
+ color: theme.colors.colorTextSecondary,
70
+ marginLeft: 4
71
+ },
72
+ clearBtn: {
73
+ padding: 4,
74
+ marginLeft: 4
56
75
  }
57
76
  };
58
77
  });
@@ -62,6 +81,11 @@ const TapasInput = ({
62
81
  onFocus,
63
82
  value: propValue,
64
83
  enableBridgelessFix = true,
84
+ state,
85
+ stateMsg,
86
+ unit,
87
+ showClearBtn,
88
+ password,
65
89
  ...props
66
90
  }) => {
67
91
  const styles = useStyles(props);
@@ -252,14 +276,41 @@ const TapasInput = ({
252
276
  };
253
277
  }, []); // 使用 ref 访问最新状态,不需要添加依赖
254
278
 
255
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
279
+ const handleClear = (0, _react.useCallback)(() => {
280
+ props.onChangeText?.('');
281
+ }, [props.onChangeText]);
282
+ const rightIconElement = (0, _react.useMemo)(() => {
283
+ const elements = [];
284
+ if (showClearBtn && propValue) {
285
+ elements.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
286
+ onPress: handleClear,
287
+ style: styles.clearBtn,
288
+ children: '\u2715'
289
+ }, "clear"));
290
+ }
291
+ if (unit) {
292
+ elements.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
293
+ style: styles.unit,
294
+ children: unit
295
+ }, "unit"));
296
+ }
297
+ if (elements.length === 0) return props.rightIcon;
298
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
299
+ style: {
300
+ flexDirection: 'row',
301
+ alignItems: 'center'
302
+ },
303
+ children: [elements, props.rightIcon]
304
+ });
305
+ }, [showClearBtn, propValue, unit, props.rightIcon, handleClear, styles.clearBtn, styles.unit]);
306
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
256
307
  style: {
257
308
  flex: 1
258
309
  },
259
310
  onStartShouldSetResponder: () => false,
260
311
  onResponderTerminationRequest: () => false,
261
312
  pointerEvents: "box-none",
262
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Input, {
313
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Input, {
263
314
  ...(inputRef.current ? {
264
315
  inputRef
265
316
  } : {}),
@@ -267,9 +318,11 @@ const TapasInput = ({
267
318
  onFocus: handleFocus,
268
319
  onBlur: handleBlur,
269
320
  containerStyle: containerStyleMemo,
270
- inputStyle: inputStyleMemo,
321
+ inputStyle: [inputStyleMemo, state === 'error' && styles.errorBorder],
271
322
  inputContainerStyle: inputContainerStyleMemo,
272
323
  blurOnSubmit: _reactNative.Platform.OS === 'android' ? false : props.blurOnSubmit,
324
+ secureTextEntry: password,
325
+ rightIcon: rightIconElement,
273
326
  ...props,
274
327
  label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
275
328
  style: [shouldShowLabel ? styles.labelContext : {
@@ -280,7 +333,10 @@ const TapasInput = ({
280
333
  children: "*"
281
334
  })]
282
335
  })
283
- })
336
+ }), state === 'error' && stateMsg ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
337
+ style: styles.stateMsg,
338
+ children: stateMsg
339
+ }) : null]
284
340
  });
285
341
  };
286
342
  exports.TapasInput = TapasInput;
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_bridgelessUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","inputInstancesRef","Set","useStyles","makeStyles","theme","props","labelBg","labelColor","inputBase","minWidth","minHeight","paddingHorizontal","paddingVertical","input","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colors","colorTextPrimary","borderRadius","radius","rounded","borderWidth","borderColor","colorBorder1","paddingLeft","paddingRight","labelContext","sizeS","backgroundColor","white","overflow","position","display","flexDirection","zIndex","left","top","colorTextError","TapasInput","labelPosition","onBlur","onFocus","value","propValue","enableBridgelessFix","styles","isFocused","setIsFocused","useState","inputRef","useRef","blurTimeoutRef","keyboardShowListenerRef","keyboardHideListenerRef","shouldRefocusRef","isBridgeless","isBridgelessMode","isFocusedRef","lastFocusTimeRef","FOCUS_SWITCH_PROTECTION_PERIOD","handleFocus","useCallback","current","clearTimeout","forEach","ref","Date","now","handleBlur","Platform","OS","delay","setTimeout","shouldShowLabel","useMemo","defaultShowLabel","containerStyleMemo","containerStyle","inputStyleMemo","inputStyle","inputContainerStyleMemo","borderBottomWidth","inputContainerStyle","useEffect","add","delete","undefined","keyboardDidShowListener","Keyboard","addListener","timeSinceLastFocus","requestAnimationFrame","focus","_input","err","error","keyboardDidHideListener","remove","jsx","View","style","flex","onStartShouldSetResponder","onResponderTerminationRequest","pointerEvents","children","Input","blurOnSubmit","label","jsxs","Text","required","exports","_default","withTheme"],"sourceRoot":"../../../components","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_bridgelessUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","inputInstancesRef","Set","useStyles","makeStyles","theme","props","labelBg","labelColor","inputBase","minWidth","minHeight","paddingHorizontal","paddingVertical","input","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colors","colorTextPrimary","borderRadius","radius","rounded","borderWidth","borderColor","colorBorder1","paddingLeft","paddingRight","labelContext","sizeS","backgroundColor","white","overflow","position","display","flexDirection","zIndex","left","top","colorTextError","errorBorder","stateMsg","marginTop","marginLeft","marginBottom","unit","colorTextSecondary","clearBtn","padding","TapasInput","labelPosition","onBlur","onFocus","value","propValue","enableBridgelessFix","state","showClearBtn","password","styles","isFocused","setIsFocused","useState","inputRef","useRef","blurTimeoutRef","keyboardShowListenerRef","keyboardHideListenerRef","shouldRefocusRef","isBridgeless","isBridgelessMode","isFocusedRef","lastFocusTimeRef","FOCUS_SWITCH_PROTECTION_PERIOD","handleFocus","useCallback","current","clearTimeout","forEach","ref","Date","now","handleBlur","Platform","OS","delay","setTimeout","shouldShowLabel","useMemo","defaultShowLabel","containerStyleMemo","containerStyle","inputStyleMemo","inputStyle","inputContainerStyleMemo","borderBottomWidth","inputContainerStyle","useEffect","add","delete","undefined","keyboardDidShowListener","Keyboard","addListener","timeSinceLastFocus","requestAnimationFrame","focus","_input","err","error","keyboardDidHideListener","remove","handleClear","onChangeText","rightIconElement","elements","push","jsx","Text","onPress","style","children","length","rightIcon","jsxs","View","alignItems","flex","onStartShouldSetResponder","onResponderTerminationRequest","pointerEvents","Input","blurOnSubmit","secureTextEntry","label","required","exports","_default","withTheme"],"sourceRoot":"../../../components","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,174 @@
1
+ # Layout
2
+
3
+ 应用程序主框架布局组件,整合导航栏、页眉和内容区域,并内置 Toast 和 Drawer 上下文管理。
4
+
5
+ ## 功能特性
6
+
7
+ - 自动响应式布局(移动端导航隐藏,桌面端导航常驻左侧)
8
+ - 集成 Navigation 导航栏组件(可选显示、可自定义替换)
9
+ - 集成 Header 页眉组件(可自定义替换)
10
+ - 内置 ToastProvider 和 DrawerProvider 上下文
11
+ - 内容区域自动 ScrollView 滚动
12
+ - 移动端通过 Header 菜单按钮控制导航栏显示/隐藏
13
+ - 桌面端导航栏占据左侧 56px,内容区自动偏移
14
+
15
+ ## 安装使用
16
+
17
+ ```tsx
18
+ import Layout from '@beppla/tapas-ui/components/Layout';
19
+ // 或
20
+ import { Layout } from '@beppla/tapas-ui';
21
+ ```
22
+
23
+ ## Props
24
+
25
+ | 属性 | 类型 | 默认值 | 说明 |
26
+ |------|------|--------|------|
27
+ | children | `React.ReactNode` | - | 布局主体内容 |
28
+ | headerProps | `HeaderProps` | - | Header 组件的 Props |
29
+ | headerComponent | `React.ReactNode` | - | 自定义 Header 组件(替换默认 Header) |
30
+ | navigationProps | `NavigationProps` | - | Navigation 组件的 Props |
31
+ | navigationComponent | `React.ReactNode` | - | 自定义 Navigation 组件(替换默认导航) |
32
+ | showNavigation | `boolean` | `true` | 是否显示导航栏 |
33
+ | testID | `string` | - | 测试 ID |
34
+
35
+ ## 上下文 API
36
+
37
+ ### DrawerContext
38
+
39
+ 通过 `DrawerContext` 可在 Layout 内部任意组件中控制 Drawer 的开关。
40
+
41
+ ```tsx
42
+ import { useContext } from 'react';
43
+ import { DrawerContext } from '@beppla/tapas-ui/components/Layout/DrawerContext';
44
+
45
+ const { open, close, drawerInfo, setDrawerInfo } = useContext(DrawerContext);
46
+
47
+ // 打开 Drawer
48
+ open({
49
+ title: 'Filter',
50
+ component: <FilterForm />,
51
+ showFooter: true,
52
+ rightButtonText: 'Apply',
53
+ rightButtonOnPress: () => handleApply(),
54
+ });
55
+
56
+ // 关闭 Drawer
57
+ close();
58
+ ```
59
+
60
+ ### ToastContext
61
+
62
+ 通过 `ToastContext` 可在 Layout 内部任意组件中显示 Toast 消息。
63
+
64
+ ```tsx
65
+ import { useContext } from 'react';
66
+ import { ToastContext } from '@beppla/tapas-ui/components/Layout/ToastContext';
67
+
68
+ const { open, close } = useContext(ToastContext);
69
+
70
+ // 显示 Toast
71
+ open({ message: 'Operation succeeded', visible: true });
72
+
73
+ // 关闭 Toast
74
+ close();
75
+ ```
76
+
77
+ ## 使用示例
78
+
79
+ ### 基础用法
80
+
81
+ ```tsx
82
+ import Layout from '@beppla/tapas-ui/components/Layout';
83
+ import { Text } from 'react-native';
84
+
85
+ const navItems = [
86
+ { name: 'Product', iconName: 'product_items' },
87
+ { name: 'About', iconName: 'manufacturing' },
88
+ ];
89
+
90
+ export default function App() {
91
+ return (
92
+ <Layout
93
+ navigationProps={{
94
+ navItems,
95
+ logoImg: require('./logo.png'),
96
+ }}
97
+ headerProps={{
98
+ title: 'Welcome',
99
+ avatarSource: 'https://example.com/avatar.jpg',
100
+ }}
101
+ >
102
+ <Text>Main content goes here</Text>
103
+ </Layout>
104
+ );
105
+ }
106
+ ```
107
+
108
+ ### 带导航切换的完整示例
109
+
110
+ ```tsx
111
+ import Layout, { NavItem } from '@beppla/tapas-ui/components/Layout';
112
+ import { useState } from 'react';
113
+ import { Text } from 'react-native';
114
+
115
+ const navItems: NavItem[] = [
116
+ { name: 'Home', iconName: 'home' },
117
+ { name: 'Products', iconName: 'product_items' },
118
+ ];
119
+
120
+ const systemItems: NavItem[] = [
121
+ { name: 'Settings', iconName: 'settings' },
122
+ ];
123
+
124
+ export default function App() {
125
+ const [selected, setSelected] = useState('Home');
126
+
127
+ return (
128
+ <Layout
129
+ navigationProps={{
130
+ navItems,
131
+ systemItems,
132
+ logoImg: require('./logo.png'),
133
+ onItemPress: (item) => setSelected(item.name),
134
+ }}
135
+ headerProps={{ title: selected }}
136
+ >
137
+ <Text>{selected} Page Content</Text>
138
+ </Layout>
139
+ );
140
+ }
141
+ ```
142
+
143
+ ### 自定义 Header 组件
144
+
145
+ ```tsx
146
+ <Layout
147
+ navigationProps={{ navItems, logoImg: require('./logo.png') }}
148
+ headerComponent={
149
+ <View style={{ height: 72, justifyContent: 'center', paddingHorizontal: 16 }}>
150
+ <Text style={{ fontSize: 20 }}>Custom Header</Text>
151
+ </View>
152
+ }
153
+ >
154
+ <Text>Content</Text>
155
+ </Layout>
156
+ ```
157
+
158
+ ### 隐藏导航栏
159
+
160
+ ```tsx
161
+ <Layout showNavigation={false} headerProps={{ title: 'No Navigation' }}>
162
+ <Text>Full width content</Text>
163
+ </Layout>
164
+ ```
165
+
166
+ ## 注意事项
167
+
168
+ - Layout 的 index.tsx 导出版本自动包裹 ToastProvider 和 DrawerProvider,无需手动包裹
169
+ - 移动端导航栏默认隐藏,通过 Header 左侧菜单按钮切换显示/隐藏
170
+ - 桌面端导航栏常驻左侧(宽度 56px),内容区自动左偏移 56px
171
+ - 自定义 `headerComponent` 会完全替代默认 Header,包括菜单按钮
172
+ - 自定义 `navigationComponent` 会完全替代默认 Navigation
173
+ - 内容区域使用 ScrollView 包裹,设置了 `keyboardShouldPersistTaps="handled"`
174
+ - Toast 在桌面端显示在右上角,移动端显示在顶部