@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,85 @@
1
+ # RadioButton
2
+
3
+ 单选按钮组件,用于在一组选项中选择一个值。采用圆形指示器和文字标签的经典单选样式。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 支持多个选项的单选功能
8
+ - ✅ 受控模式,通过 selected 属性指定默认选中项
9
+ - ✅ 自动跟踪外部 selected 属性变化
10
+ - ✅ 圆形选中指示器,使用主题色渲染
11
+ - ✅ 垂直排列布局,每个选项固定高度 40px
12
+ - ✅ 使用 React.memo 优化渲染性能
13
+ - ✅ 支持 testID 属性用于测试
14
+
15
+ ## 安装使用
16
+
17
+ ```tsx
18
+ import RadioButton from '@beppla/tapas-ui/components/RadioButton/RadioButton';
19
+ ```
20
+
21
+ ## Props
22
+
23
+ | 属性 | 类型 | 默认值 | 说明 |
24
+ |------|------|--------|------|
25
+ | options | `Option[]` | - | 选项列表 |
26
+ | onPress | `(option: Option) => void` | - | 选中回调,返回被选中的选项 |
27
+ | selected | `string` | `""` | 默认选中项的 key 值 |
28
+ | testID | `string` | - | 测试标识 |
29
+
30
+ ### Option 数据类型
31
+
32
+ | 属性 | 类型 | 说明 |
33
+ |------|------|------|
34
+ | key | `string` | 选项唯一标识 |
35
+ | text | `string` | 选项显示文字 |
36
+
37
+ ## 使用示例
38
+
39
+ ### 基础用法
40
+
41
+ ```tsx
42
+ <RadioButton
43
+ options={[
44
+ { key: 'a', text: '选项 A' },
45
+ { key: 'b', text: '选项 B' },
46
+ { key: 'c', text: '选项 C' },
47
+ ]}
48
+ onPress={(option) => console.log('选中:', option.key)}
49
+ />
50
+ ```
51
+
52
+ ### 指定默认选中
53
+
54
+ ```tsx
55
+ <RadioButton
56
+ options={[
57
+ { key: 'male', text: '男' },
58
+ { key: 'female', text: '女' },
59
+ ]}
60
+ selected="male"
61
+ onPress={(option) => setGender(option.key)}
62
+ />
63
+ ```
64
+
65
+ ### 受控模式
66
+
67
+ ```tsx
68
+ const [selected, setSelected] = useState('option1');
69
+
70
+ <RadioButton
71
+ options={[
72
+ { key: 'option1', text: '立即配送' },
73
+ { key: 'option2', text: '预约配送' },
74
+ ]}
75
+ selected={selected}
76
+ onPress={(option) => setSelected(option.key)}
77
+ />
78
+ ```
79
+
80
+ ## 注意事项
81
+
82
+ - 组件通过 `withTheme` HOC 注入主题,圆形指示器颜色使用 `theme.colors.primary`
83
+ - 选项文字颜色也使用主题主色,与指示器保持一致
84
+ - 组件不支持禁用单个选项,如需此功能需自行扩展
85
+ - `selected` 属性变化时会自动同步内部状态
@@ -0,0 +1,72 @@
1
+ # ScanButton
2
+
3
+ 浮动扫描按钮组件,用于快速启动二维码扫描等功能。支持五个定位位置,可自定义文本、图标和颜色,以悬浮按钮形式固定在页面指定位置。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 五种定位位置:bottom-right / bottom-left / top-right / top-left / center
8
+ - ✅ 自定义按钮文本
9
+ - ✅ 自定义图标(TapasIcon 图标名)
10
+ - ✅ 自定义图标大小
11
+ - ✅ 自定义背景色、文字色、图标色
12
+ - ✅ 悬浮定位(position: absolute)
13
+ - ✅ 圆角胶囊按钮样式 + 阴影效果
14
+ - ✅ 主题色适配
15
+
16
+ ## 安装使用
17
+
18
+ ```tsx
19
+ import { ScanButton } from '@beppla/tapas-ui';
20
+ ```
21
+
22
+ ## Props
23
+
24
+ | 属性 | 类型 | 默认值 | 说明 |
25
+ |------|------|--------|------|
26
+ | onPress | `() => void` | - | 按钮点击回调 |
27
+ | text | `string` | `'Scan QR Code'` | 按钮文本 |
28
+ | icon | `string` | `'qr_code_scan'` | 图标名称 |
29
+ | size | `number` | `20` | 图标大小 |
30
+ | position | `'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left' \| 'center'` | `'bottom-right'` | 按钮定位位置 |
31
+ | backgroundColor | `string` | 主题 primary | 背景色 |
32
+ | textColor | `string` | 主题 white | 文字颜色 |
33
+ | iconColor | `string` | 主题 white | 图标颜色 |
34
+ | testID | `string` | - | 测试标识 |
35
+
36
+ ## 使用示例
37
+
38
+ ### 基础用法
39
+
40
+ ```tsx
41
+ <ScanButton onPress={() => navigation.navigate('Scanner')} />
42
+ ```
43
+
44
+ ### 左下角定位
45
+
46
+ ```tsx
47
+ <ScanButton
48
+ position="bottom-left"
49
+ onPress={() => handleScan()}
50
+ />
51
+ ```
52
+
53
+ ### 自定义样式
54
+
55
+ ```tsx
56
+ <ScanButton
57
+ text="Scan Barcode"
58
+ icon="barcode_scanner"
59
+ position="top-right"
60
+ backgroundColor="#895F38"
61
+ textColor="#FFF"
62
+ onPress={() => handleBarcodeScan()}
63
+ />
64
+ ```
65
+
66
+ ## 注意事项
67
+
68
+ - 组件使用 `position: absolute` 定位,需要父容器具备定位上下文
69
+ - 按钮固定高度 40px,圆角 20px(胶囊形状)
70
+ - 文本超长会自动截断(numberOfLines=1, ellipsizeMode=tail)
71
+ - `center` 位置通过负 margin 实现居中,可能需要根据内容宽度调整
72
+ - 需在 `ThemeProvider` 内使用
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_Input","_interopRequireDefault","_TapasIcon","_common","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","inputStyle","Platform","select","web","outlineStyle","borderWidth","height","width","TapasSearchInput","style","placeholder","activePlaceholder","inactivePlaceholder","value","onSearch","attachSearch","onSelectResult","onSelectHistory","renderResultItem","searchResults","isLoading","otherProps","theme","useTheme","styles","useStyles","searchValue","setSearchValue","useState","isFocused","setIsFocused","showResults","setShowResults","inputRef","useRef","useEffect","currentPlaceholder","useMemo","shouldShow","length","handleSearch","useCallback","text","keyword","handleFocus","blurTimeoutRef","React","current","clearTimeout","handleBlur","setTimeout","handleSelectResult","item","handleSelectHistory","historyEntry","containerStyle","search","inputContainerStyle","inputContainer","maxHeight","minHeight","inputInnerContainerStyle","inputInnerContainer","inputStyleMemo","renderDefaultResultItem","index","isHistory","displayText","name","title","JSON","stringify","jsx","TouchableOpacity","resultItem","onPress","accessibilityRole","accessibilityLabel","children","Text","resultItemText","renderResultsList","resultsContent","View","resultsContainer","jsxs","loadingContainer","ActivityIndicator","size","color","colors","primary","loadingText","ScrollView","resultsScrollView","keyboardShouldPersistTaps","keyboardDismissMode","showsVerticalScrollIndicator","map","undefined","isMobile","Modal","transparent","visible","animationType","onRequestClose","TouchableWithoutFeedback","modalBackdrop","modalContent","ref","labelBg","onChangeText","onFocus","onBlur","leftIcon","grey1","exports","makeStyles","backgroundColor","grey4","borderRadius","borderBottomWidth","display","overflow","position","top","left","marginTop","white","shadowColor","black","shadowOffset","shadowOpacity","shadowRadius","elevation","zIndex","flex","justifyContent","alignItems","paddingTop","maxWidth","paddingHorizontal","paddingVertical","borderBottomColor","fontSize","fonts","sizeM","colorTextPrimary","fontFamily","flexDirection","padding","marginLeft","colorTextSecondary","_default","withTheme","SearchInput"],"sourceRoot":"../../../components","sources":["SearchInput/SearchInput.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_Input","_interopRequireDefault","_TapasIcon","_common","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","inputStyle","Platform","select","web","outlineStyle","borderWidth","height","width","TapasSearchInput","style","placeholder","activePlaceholder","inactivePlaceholder","value","onSearch","attachSearch","onSelectResult","onSelectHistory","renderResultItem","searchResults","isLoading","otherProps","theme","useTheme","styles","useStyles","searchValue","setSearchValue","useState","isFocused","setIsFocused","showResults","setShowResults","inputRef","useRef","useEffect","currentPlaceholder","useMemo","shouldShow","length","handleSearch","useCallback","text","keyword","handleFocus","blurTimeoutRef","React","current","clearTimeout","handleBlur","setTimeout","handleSelectResult","item","handleSelectHistory","historyEntry","containerStyle","search","inputContainerStyle","inputContainer","maxHeight","minHeight","inputInnerContainerStyle","inputInnerContainer","inputStyleMemo","renderDefaultResultItem","index","isHistory","displayText","name","title","JSON","stringify","jsx","TouchableOpacity","resultItem","onPress","accessibilityRole","accessibilityLabel","children","Text","resultItemText","renderResultsList","resultsContent","View","resultsContainer","jsxs","loadingContainer","ActivityIndicator","size","color","colors","primary","loadingText","ScrollView","resultsScrollView","keyboardShouldPersistTaps","keyboardDismissMode","showsVerticalScrollIndicator","map","undefined","isMobile","Modal","transparent","visible","animationType","onRequestClose","TouchableWithoutFeedback","modalBackdrop","modalContent","ref","labelBg","onChangeText","onFocus","onBlur","leftIcon","grey1","exports","makeStyles","backgroundColor","grey4","borderRadius","borderBottomWidth","display","overflow","position","top","left","marginTop","white","shadowColor","black","shadowOffset","shadowOpacity","shadowRadius","elevation","zIndex","flex","justifyContent","alignItems","paddingTop","maxWidth","paddingHorizontal","paddingVertical","borderBottomColor","fontSize","fonts","sizeM","colorTextPrimary","fontFamily","flexDirection","padding","marginLeft","colorTextSecondary","_default","withTheme","SearchInput"],"sourceRoot":"../../../components","sources":["SearchInput/SearchInput.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,89 @@
1
+ # SheetTitle
2
+
3
+ 底部 Sheet 标题栏组件,用于底部弹窗或模态框的顶部区域。包含标题文本、关闭按钮和可选的清空按钮,适合筛选面板、选择器等场景的标题栏。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 标题文本展示,超长自动截断
8
+ - ✅ 关闭按钮(默认显示,可隐藏)
9
+ - ✅ 可选清空按钮(showClear)
10
+ - ✅ 自定义关闭图标(字符串图标名或 ReactNode)
11
+ - ✅ 自定义清空按钮文本
12
+ - ✅ 底部分割线
13
+ - ✅ 全面的样式自定义(标题栏、标题文本、清空按钮、关闭按钮)
14
+ - ✅ React.memo 优化性能
15
+
16
+ ## 安装使用
17
+
18
+ ```tsx
19
+ import { SheetTitle } from '@beppla/tapas-ui';
20
+ ```
21
+
22
+ ## Props
23
+
24
+ | 属性 | 类型 | 默认值 | 说明 |
25
+ |------|------|--------|------|
26
+ | title | `string` | - | 标题文本 |
27
+ | icon | `React.ReactNode \| string` | `'close'` | 关闭按钮图标 |
28
+ | showClear | `Boolean` | - | 是否显示清空按钮 |
29
+ | showClose | `Boolean` | `true` | 是否显示关闭按钮 |
30
+ | clearText | `string` | `'Clear'` | 清空按钮文本 |
31
+ | onClear | `() => void` | - | 清空按钮回调 |
32
+ | onClose | `() => void` | - | 关闭按钮回调 |
33
+ | titleContainerStyle | `StyleProp<ViewStyle>` | - | 标题栏容器样式 |
34
+ | titleStyle | `StyleProp<ViewStyle>` | - | 标题文本样式 |
35
+ | clearStyle | `StyleProp<ViewStyle>` | - | 清空按钮样式 |
36
+ | closeStyle | `StyleProp<ViewStyle>` | - | 关闭按钮样式 |
37
+ | testID | `string` | - | 测试标识 |
38
+
39
+ ## 使用示例
40
+
41
+ ### 基础用法
42
+
43
+ ```tsx
44
+ <SheetTitle
45
+ title="Filter Options"
46
+ onClose={() => setVisible(false)}
47
+ />
48
+ ```
49
+
50
+ ### 带清空按钮
51
+
52
+ ```tsx
53
+ <SheetTitle
54
+ title="Select Category"
55
+ showClear
56
+ clearText="Reset"
57
+ onClear={() => handleReset()}
58
+ onClose={() => setVisible(false)}
59
+ />
60
+ ```
61
+
62
+ ### 自定义图标
63
+
64
+ ```tsx
65
+ <SheetTitle
66
+ title="Settings"
67
+ icon="arrow_back"
68
+ onClose={() => navigation.goBack()}
69
+ />
70
+ ```
71
+
72
+ ### 自定义 ReactNode 图标
73
+
74
+ ```tsx
75
+ <SheetTitle
76
+ title="Details"
77
+ icon={<CustomCloseIcon />}
78
+ onClose={() => setVisible(false)}
79
+ />
80
+ ```
81
+
82
+ ## 注意事项
83
+
84
+ - 标题栏固定高度 40px,宽度 100%
85
+ - 标题文本使用 `flex: 1` 自动撑满可用空间,超长文本截断
86
+ - `icon` 为字符串时渲染 TapasIcon,为 ReactNode 时直接渲染
87
+ - 清空按钮使用 Button 组件的 clear 类型
88
+ - 底部有 1px 分割线(borderBottomColor: greyOutline)
89
+ - 需在 `ThemeProvider` 内使用
@@ -0,0 +1,152 @@
1
+ # Shell
2
+
3
+ 外壳布局组件,提供主内容区域和侧边抽屉的两栏布局,使用复合组件模式(Shell.Main + Shell.Drawer),抽屉支持弹簧动画展开/折叠。
4
+
5
+ ## 功能特性
6
+
7
+ - 两栏布局:主内容区(Shell.Main)+ 侧边抽屉(Shell.Drawer)
8
+ - 复合组件模式,声明式使用 Shell.Main 和 Shell.Drawer
9
+ - 抽屉展开/折叠使用 `Animated.spring` 弹簧动画
10
+ - 可自定义抽屉宽度(默认 150px)
11
+ - 可选的顶部和左侧边框线
12
+ - 支持受控模式(`openDrawer` 属性)
13
+ - 支持自定义容器样式
14
+
15
+ ## 安装使用
16
+
17
+ ```tsx
18
+ import { Shell } from '@beppla/tapas-ui';
19
+ ```
20
+
21
+ ## Props
22
+
23
+ ### Shell
24
+
25
+ | 属性 | 类型 | 默认值 | 说明 |
26
+ |------|------|--------|------|
27
+ | children | `React.ReactNode` | - | 必须包含 Shell.Main 和 Shell.Drawer 子组件 |
28
+ | openDrawer | `boolean` | `false` | 抽屉是否展开 |
29
+ | drawerWidth | `number` | `150` | 抽屉展开时的宽度(像素) |
30
+ | border | `boolean` | `true` | 是否显示边框线(顶部和左侧) |
31
+ | style | `any` | - | 容器自定义样式 |
32
+ | testID | `string` | - | 测试 ID |
33
+ | theme | `any` | - | 主题对象(自动注入) |
34
+
35
+ ### Shell.Main
36
+
37
+ | 属性 | 类型 | 默认值 | 说明 |
38
+ |------|------|--------|------|
39
+ | children | `React.ReactNode` | - | 主内容区域 |
40
+ | style | `any` | - | 自定义样式 |
41
+ | theme | `any` | - | 主题对象(自动注入) |
42
+
43
+ ### Shell.Drawer
44
+
45
+ | 属性 | 类型 | 默认值 | 说明 |
46
+ |------|------|--------|------|
47
+ | children | `React.ReactNode` | - | 侧边抽屉内容 |
48
+ | style | `any` | - | 自定义样式 |
49
+ | theme | `any` | - | 主题对象(自动注入) |
50
+
51
+ ## 使用示例
52
+
53
+ ### 基础用法
54
+
55
+ ```tsx
56
+ import Shell from '@beppla/tapas-ui/components/Shell/Shell';
57
+ import { useState } from 'react';
58
+ import { View, Text, Button } from 'react-native';
59
+
60
+ export default function App() {
61
+ const [open, setOpen] = useState(false);
62
+
63
+ return (
64
+ <Shell openDrawer={open}>
65
+ <Shell.Main>
66
+ <View style={{ padding: 16 }}>
67
+ <Text>Main Content</Text>
68
+ <Button title="Toggle Drawer" onPress={() => setOpen(!open)} />
69
+ </View>
70
+ </Shell.Main>
71
+ <Shell.Drawer>
72
+ <View style={{ padding: 16 }}>
73
+ <Text>Drawer Content</Text>
74
+ </View>
75
+ </Shell.Drawer>
76
+ </Shell>
77
+ );
78
+ }
79
+ ```
80
+
81
+ ### 自定义抽屉宽度
82
+
83
+ ```tsx
84
+ <Shell openDrawer={open} drawerWidth={280}>
85
+ <Shell.Main>
86
+ <Text>Main content with wider drawer</Text>
87
+ </Shell.Main>
88
+ <Shell.Drawer>
89
+ <Text>280px wide drawer</Text>
90
+ </Shell.Drawer>
91
+ </Shell>
92
+ ```
93
+
94
+ ### 无边框模式
95
+
96
+ ```tsx
97
+ <Shell openDrawer={open} border={false} drawerWidth={200}>
98
+ <Shell.Main>
99
+ <Text>No border content</Text>
100
+ </Shell.Main>
101
+ <Shell.Drawer>
102
+ <Text>No border drawer</Text>
103
+ </Shell.Drawer>
104
+ </Shell>
105
+ ```
106
+
107
+ ### POS 订单详情场景
108
+
109
+ ```tsx
110
+ import Shell from '@beppla/tapas-ui/components/Shell/Shell';
111
+ import { useState } from 'react';
112
+ import { View, Text, ScrollView } from 'react-native';
113
+
114
+ export default function OrderPage() {
115
+ const [showDetail, setShowDetail] = useState(false);
116
+
117
+ return (
118
+ <View style={{ height: 600 }}>
119
+ <Shell openDrawer={showDetail} drawerWidth={320}>
120
+ <Shell.Main>
121
+ <ScrollView style={{ padding: 16 }}>
122
+ <Text>Order List</Text>
123
+ <Button
124
+ title="View Details"
125
+ onPress={() => setShowDetail(true)}
126
+ />
127
+ </ScrollView>
128
+ </Shell.Main>
129
+ <Shell.Drawer>
130
+ <View style={{ padding: 16 }}>
131
+ <Text>Order #12345 Details</Text>
132
+ <Button
133
+ title="Close"
134
+ onPress={() => setShowDetail(false)}
135
+ />
136
+ </View>
137
+ </Shell.Drawer>
138
+ </Shell>
139
+ </View>
140
+ );
141
+ }
142
+ ```
143
+
144
+ ## 注意事项
145
+
146
+ - Shell 必须包含 `Shell.Main` 和 `Shell.Drawer` 作为直接子组件,组件通过 `React.Children.forEach` 匹配子组件类型
147
+ - 抽屉动画使用 `Animated.spring`(tension: 300, friction: 20),关闭时宽度动画至 0
148
+ - `openDrawer` 为受控属性,外部状态变化会触发动画
149
+ - 默认抽屉宽度为 150px(`defaultDrawerWidth` 常量)
150
+ - `border=true` 时,主内容区顶部有边框线,抽屉区顶部和左侧有边框线
151
+ - 边框颜色使用主题的 `greyOutline` 色值,默认为 `rgba(0, 0, 0, 0.12)`
152
+ - `ShellPorps` 为已废弃的拼写错误别名,请使用 `ShellProps`
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_types","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Shell","children","border","drawerWidth","defaultDrawerWidth","style","openDrawer","testID","props","mainContent","drawerContent","open","setOpen","useState","animatedWidth","Animated","Value","useEffect","spring","toValue","tension","friction","useNativeDriver","start","React","Children","forEach","child","isValidElement","type","Main","Drawer","jsxs","View","styles","container","jsx","ShellView","mainContainer","borderTopWidth","drawerContainer","width","ShellDrawer","borderLeftWidth","theme","borderTopColor","greyOutline","borderTopStyle","exports","drawerInnerCon","borderLeftColor","borderLeftStyle","withTheme","_default"],"sourceRoot":"../../../components","sources":["Shell/Shell.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_types","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Shell","children","border","drawerWidth","defaultDrawerWidth","style","openDrawer","testID","props","mainContent","drawerContent","open","setOpen","useState","animatedWidth","Animated","Value","useEffect","spring","toValue","tension","friction","useNativeDriver","start","React","Children","forEach","child","isValidElement","type","Main","Drawer","jsxs","View","styles","container","jsx","ShellView","mainContainer","borderTopWidth","drawerContainer","width","ShellDrawer","borderLeftWidth","theme","borderTopColor","greyOutline","borderTopStyle","exports","drawerInnerCon","borderLeftColor","borderLeftStyle","withTheme","_default"],"sourceRoot":"../../../components","sources":["Shell/Shell.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAMA,IAAAI,OAAA,GAAAJ,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElC,MAAMkB,KAGL,GAAGA,CAAC;EACHC,QAAQ;EACRC,MAAM,GAAG,IAAI;EACbC,WAAW,GAAGC,yBAAkB;EAChCC,KAAK,GAAG,CAAC,CAAC;EACVC,UAAU,GAAG,KAAK;EAClBC,MAAM;EACN,GAAGC;AACO,CAAC,KAAK;EAChB,IAAIC,WAAW,GAAG,IAAI;EACtB,IAAIC,aAAa,GAAG,IAAI;EAExB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAUP,UAAU,CAAC;EACrD,MAAMQ,aAAa,GAAG,IAAIC,qBAAQ,CAACC,KAAK,CAACV,UAAU,GAAGH,WAAW,GAAG,CAAC,CAAC;EAEtE,IAAAc,gBAAS,EAAC,MAAM;IACdL,OAAO,CAACN,UAAU,CAAC;EACrB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAW,gBAAS,EAAC,MAAM;IACdF,qBAAQ,CAACG,MAAM,CAACJ,aAAa,EAAE;MAC7BK,OAAO,EAAER,IAAI,GAAGR,WAAW,GAAG,CAAC;MAC/BiB,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,EAAE;MACZC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACZ,IAAI,EAAER,WAAW,CAAC,CAAC;EAEvBqB,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACzB,QAAQ,EAAG0B,KAAK,IAAK;IAC1C,iBAAIH,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,EAAE;MAC/B,IAAIA,KAAK,CAACE,IAAI,KAAK7B,KAAK,CAAC8B,IAAI,EAAE;QAC7BrB,WAAW,GAAIkB,KAAK,CAACnB,KAAK,CAASP,QAAQ;MAC7C,CAAC,MAAM,IAAI0B,KAAK,CAACE,IAAI,KAAK7B,KAAK,CAAC+B,MAAM,EAAE;QACtCrB,aAAa,GAAIiB,KAAK,CAACnB,KAAK,CAASP,QAAQ;MAC/C;IACF;EACF,CAAC,CAAC;EAEF,oBACE,IAAArB,WAAA,CAAAoD,IAAA,EAACxD,YAAA,CAAAyD,IAAI;IAAC5B,KAAK,EAAE;MAAC,GAAG6B,cAAM,CAACC,SAAS;MAAE,GAAG9B;IAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAA,GAAKC,KAAK;IAAAP,QAAA,gBACrE,IAAArB,WAAA,CAAAwD,GAAA,EAACC,SAAS;MACRhC,KAAK,EAAE;QAAE,GAAG6B,cAAM,CAACI,aAAa;QAAEC,cAAc,EAAErC,MAAM,GAAG,CAAC,GAAG;MAAE,CAAE;MAAAD,QAAA,EAElEQ;IAAW,CACH,CAAC,eACZ,IAAA7B,WAAA,CAAAwD,GAAA,EAAC5D,YAAA,CAAAuC,QAAQ,CAACkB,IAAI;MAAC5B,KAAK,EAAE;QAAE,GAAG6B,cAAM,CAACM,eAAe;QAAEC,KAAK,EAAE3B;MAAc,CAAE;MAAAb,QAAA,eACxE,IAAArB,WAAA,CAAAwD,GAAA,EAACM,WAAW;QACVrC,KAAK,EAAE;UACLkC,cAAc,EAAErC,MAAM,GAAG,CAAC,GAAG,CAAC;UAC9ByC,eAAe,EAAEzC,MAAM,GAAG,CAAC,GAAG;QAChC,CAAE;QAAAD,QAAA,EAEDS;MAAa,CACH;IAAC,CACD,CAAC;EAAA,CACZ,CAAC;AAEX,CAAC;AAEM,MAAM2B,SAAmC,GAAGA,CAAC;EAClDpC,QAAQ;EACRI,KAAK,GAAG,CAAC,CAAC;EACVuC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAhE,WAAA,CAAAwD,GAAA,EAAC5D,YAAA,CAAAyD,IAAI;IACH5B,KAAK,EAAE;MACL,GAAGA,KAAK;MACRwC,cAAc,EAAED,KAAK,EAAEE,WAAW,IAAI,qBAAqB;MAC3DC,cAAc,EAAE;IAClB,CAAE;IAAA9C,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAAC+C,OAAA,CAAAX,SAAA,GAAAA,SAAA;AAEK,MAAMK,WAAuC,GAAGA,CAAC;EACtDzC,QAAQ;EACRI,KAAK;EACLuC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAhE,WAAA,CAAAwD,GAAA,EAAC5D,YAAA,CAAAyD,IAAI;IACH5B,KAAK,EAAE;MACL,GAAGA,KAAK;MACR,GAAG6B,cAAM,CAACe,cAAc;MACxBJ,cAAc,EAAED,KAAK,EAAEE,WAAW,IAAI,qBAAqB;MAC3DC,cAAc,EAAE,OAAO;MACvBG,eAAe,EAAEN,KAAK,EAAEE,WAAW,IAAI,qBAAqB;MAC5DK,eAAe,EAAE;IACnB,CAAE;IAAAlD,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAAC+C,OAAA,CAAAN,WAAA,GAAAA,WAAA;AAEF1C,KAAK,CAAC8B,IAAI,GAAG,IAAAsB,iBAAS,EAACf,SAAS,CAA6B;AAC7DrC,KAAK,CAAC+B,MAAM,GAAG,IAAAqB,iBAAS,EAACV,WAAW,CAA+B;AAAC,IAAAW,QAAA,GAAAL,OAAA,CAAAzD,OAAA,GAErDS,KAAK","ignoreList":[]}
@@ -0,0 +1,129 @@
1
+ # StatisticCard
2
+
3
+ 统计卡片组件,用于展示关键指标和数据,支持趋势指示、前缀/后缀、图标等功能。适用于仪表板、数据大屏和统计报表。
4
+
5
+ ## 功能特性
6
+
7
+ - ✅ 数值展示,支持前缀(如 $)和后缀(如 %)
8
+ - ✅ 趋势指示器:正向增长绿色(#00B894)、负向下降红色(#D63031)
9
+ - ✅ 趋势百分比自动格式化(1 位小数,带 +/- 符号)
10
+ - ✅ 支持自定义图标(React 节点,显示在右上角)
11
+ - ✅ 支持描述文本
12
+ - ✅ 加载状态(loading),显示 "Loading..." 替代数值
13
+ - ✅ 可点击交互:有 onPress 时自动切换为 TouchableOpacity
14
+ - ✅ 自定义数值颜色
15
+ - ✅ 基于 Card 组件封装,最小高度 120px
16
+
17
+ ## 安装使用
18
+
19
+ ```tsx
20
+ import { StatisticCard } from '@beppla/tapas-ui/components/StatisticCard';
21
+ ```
22
+
23
+ ## Props
24
+
25
+ | 属性 | 类型 | 默认值 | 说明 |
26
+ |------|------|--------|------|
27
+ | title | `string` | (必填) | 指标标题 |
28
+ | value | `string \| number` | (必填) | 指标数值 |
29
+ | prefix | `string` | `''` | 数值前缀(如 $、EUR) |
30
+ | suffix | `string` | `''` | 数值后缀(如 %、单) |
31
+ | trend | `{ value: number; isPositive?: boolean }` | - | 趋势数据 |
32
+ | description | `string` | - | 描述文本 |
33
+ | icon | `React.ReactNode` | - | 右上角图标(任意 React 节点) |
34
+ | color | `string` | `'#FF6B00'` | 数值颜色 |
35
+ | onPress | `() => void` | - | 点击回调 |
36
+ | loading | `boolean` | `false` | 是否加载中 |
37
+ | style | `any` | - | 自定义样式 |
38
+
39
+ ## 使用示例
40
+
41
+ ### 基础用法
42
+
43
+ ```tsx
44
+ <StatisticCard title="Total Sales" value="1,234" />
45
+ ```
46
+
47
+ ### 带前缀和后缀
48
+
49
+ ```tsx
50
+ <StatisticCard title="Revenue" value="12,345" prefix="$" />
51
+ <StatisticCard title="Growth Rate" value="15.8" suffix="%" />
52
+ ```
53
+
54
+ ### 带趋势指示
55
+
56
+ ```tsx
57
+ <StatisticCard
58
+ title="Monthly Revenue"
59
+ value="45,678"
60
+ prefix="$"
61
+ trend={{ value: 12.5, isPositive: true }}
62
+ description="Compared to last month"
63
+ />
64
+
65
+ <StatisticCard
66
+ title="Error Rate"
67
+ value="2.3"
68
+ suffix="%"
69
+ trend={{ value: 5.2, isPositive: false }}
70
+ description="Compared to last week"
71
+ color="#D63031"
72
+ />
73
+ ```
74
+
75
+ ### 带图标
76
+
77
+ ```tsx
78
+ import TapasIcon from '@beppla/tapas-ui/components/Icons/TapasIcon';
79
+
80
+ <StatisticCard
81
+ title="Total Orders"
82
+ value="8,456"
83
+ icon={<TapasIcon name="shopping_cart" size={24} color="#FF6B00" />}
84
+ trend={{ value: 8.3, isPositive: true }}
85
+ />
86
+ ```
87
+
88
+ ### 仪表板组合
89
+
90
+ ```tsx
91
+ <View style={{ flexDirection: 'row', flexWrap: 'wrap', gap: 16 }}>
92
+ <StatisticCard
93
+ title="Total Revenue"
94
+ value="123,456"
95
+ prefix="$"
96
+ trend={{ value: 15.3, isPositive: true }}
97
+ description="Last 30 days"
98
+ color="#FF6B00"
99
+ />
100
+ <StatisticCard
101
+ title="New Users"
102
+ value="1,234"
103
+ trend={{ value: 8.2, isPositive: true }}
104
+ color="#0066CC"
105
+ />
106
+ <StatisticCard
107
+ title="Conversion Rate"
108
+ value="3.45"
109
+ suffix="%"
110
+ trend={{ value: 2.1, isPositive: false }}
111
+ color="#00B894"
112
+ />
113
+ </View>
114
+ ```
115
+
116
+ ### 加载中
117
+
118
+ ```tsx
119
+ <StatisticCard title="Loading Data" value="0" loading />
120
+ ```
121
+
122
+ ## 注意事项
123
+
124
+ - `title` 和 `value` 为必填属性
125
+ - `trend.isPositive` 默认为 `true`(不传或传 `undefined` 时视为正向)
126
+ - 趋势值显示精度为小数点后 1 位(`toFixed(1)`)
127
+ - 加载状态显示 "Loading..." 文本,不渲染数值和趋势
128
+ - 有 `onPress` 时容器变为 TouchableOpacity(activeOpacity=0.7),无 `onPress` 时为 View
129
+ - 默认数值颜色为橙色(#FF6B00),可通过 `color` 自定义