@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.
- package/commonjs/Alert/README.md +75 -0
- package/commonjs/BarChart/README.md +172 -0
- package/commonjs/Button/README.md +108 -0
- package/commonjs/Calendar/Calendar.base.js +1 -1
- package/commonjs/Calendar/Calendar.base.js.map +1 -1
- package/commonjs/Calendar/README.md +410 -0
- package/commonjs/Card/README.md +126 -0
- package/commonjs/CheckBox/README.md +147 -0
- package/commonjs/CircularProgress/README.md +70 -0
- package/commonjs/Collapsible/README.md +140 -0
- package/commonjs/ComboChart/README.md +124 -0
- package/commonjs/DashboardCard/README.md +120 -0
- package/commonjs/DataTable/README.md +159 -0
- package/commonjs/DeviceSelectionModal/README.md +124 -0
- package/commonjs/DraggableFlatList/README.md +35 -0
- package/commonjs/Drawer/README.md +175 -0
- package/commonjs/Dropdown/Dropdown.js +60 -30
- package/commonjs/Dropdown/Dropdown.js.map +1 -1
- package/commonjs/Dropdown/README.md +230 -0
- package/commonjs/ExternalLink/README.md +81 -0
- package/commonjs/Gantt/README.md +155 -0
- package/commonjs/Grid/README.md +197 -0
- package/commonjs/Header/README.md +109 -0
- package/commonjs/HelloWave/README.md +28 -0
- package/commonjs/Hoverable/Hoverable.js.map +1 -1
- package/commonjs/IconText/README.md +99 -0
- package/commonjs/Image/PreviewImg/README.md +100 -0
- package/commonjs/Image/README.md +88 -0
- package/commonjs/Input/Input.js +60 -4
- package/commonjs/Input/Input.js.map +1 -1
- package/commonjs/Layout/README.md +174 -0
- package/commonjs/LineChart/README.md +181 -0
- package/commonjs/ListItem/README.md +122 -0
- package/commonjs/MessageBox/MessageBox.js +7 -1
- package/commonjs/MessageBox/MessageBox.js.map +1 -1
- package/commonjs/MessageBox/README.md +120 -0
- package/commonjs/Navigation/README.md +197 -0
- package/commonjs/NumericInput/README.md +95 -0
- package/commonjs/Overlay/README.md +84 -0
- package/commonjs/Pagination/README.md +106 -0
- package/commonjs/PieChart/README.md +212 -0
- package/commonjs/Popover/README.md +82 -0
- package/commonjs/Progress/README.md +106 -0
- package/commonjs/RadioButton/README.md +85 -0
- package/commonjs/ScanButton/README.md +72 -0
- package/commonjs/SearchInput/SearchInput.js.map +1 -1
- package/commonjs/SheetTitle/README.md +89 -0
- package/commonjs/Shell/README.md +152 -0
- package/commonjs/Shell/Shell.js.map +1 -1
- package/commonjs/StatisticCard/README.md +129 -0
- package/commonjs/Status/README.md +75 -0
- package/commonjs/Steps/README.md +76 -0
- package/commonjs/Switch/Switch.js +101 -0
- package/commonjs/Switch/Switch.js.map +1 -0
- package/commonjs/Tab/README.md +161 -0
- package/commonjs/Tag/README.md +93 -0
- package/commonjs/Task/README.md +110 -0
- package/commonjs/Text/README.md +97 -0
- package/commonjs/TextArea/README.md +127 -0
- package/commonjs/TextArea/TextArea.js +4 -2
- package/commonjs/TextArea/TextArea.js.map +1 -1
- package/commonjs/Theme/README.md +161 -0
- package/commonjs/Theme/makeStyles.js +30 -0
- package/commonjs/Theme/makeStyles.js.map +1 -0
- package/commonjs/Theme/withTheme.js +91 -0
- package/commonjs/Theme/withTheme.js.map +1 -0
- package/commonjs/Timeline/README.md +111 -0
- package/commonjs/Toast/README.md +96 -0
- package/commonjs/Upload/Upload.js +126 -0
- package/commonjs/Upload/Upload.js.map +1 -0
- package/commonjs/index.js +24 -4
- package/commonjs/index.js.map +1 -1
- package/module/Alert/README.md +75 -0
- package/module/BarChart/README.md +172 -0
- package/module/Button/README.md +108 -0
- package/module/Calendar/Calendar.base.js +1 -1
- package/module/Calendar/Calendar.base.js.map +1 -1
- package/module/Calendar/README.md +410 -0
- package/module/Card/README.md +126 -0
- package/module/CheckBox/README.md +147 -0
- package/module/CircularProgress/README.md +70 -0
- package/module/Collapsible/README.md +140 -0
- package/module/ComboChart/README.md +124 -0
- package/module/DashboardCard/README.md +120 -0
- package/module/DataTable/README.md +159 -0
- package/module/DeviceSelectionModal/README.md +124 -0
- package/module/DraggableFlatList/README.md +35 -0
- package/module/Drawer/README.md +175 -0
- package/module/Dropdown/Dropdown.js +60 -30
- package/module/Dropdown/Dropdown.js.map +1 -1
- package/module/Dropdown/README.md +230 -0
- package/module/ExternalLink/README.md +81 -0
- package/module/Gantt/README.md +155 -0
- package/module/Grid/README.md +197 -0
- package/module/Header/README.md +109 -0
- package/module/HelloWave/README.md +28 -0
- package/module/Hoverable/Hoverable.js.map +1 -1
- package/module/IconText/README.md +99 -0
- package/module/Image/PreviewImg/README.md +100 -0
- package/module/Image/README.md +88 -0
- package/module/Input/Input.js +60 -4
- package/module/Input/Input.js.map +1 -1
- package/module/Layout/README.md +174 -0
- package/module/LineChart/README.md +181 -0
- package/module/ListItem/README.md +122 -0
- package/module/MessageBox/MessageBox.js +8 -2
- package/module/MessageBox/MessageBox.js.map +1 -1
- package/module/MessageBox/README.md +120 -0
- package/module/Navigation/README.md +197 -0
- package/module/NumericInput/README.md +95 -0
- package/module/Overlay/README.md +84 -0
- package/module/Pagination/README.md +106 -0
- package/module/PieChart/README.md +212 -0
- package/module/Popover/README.md +82 -0
- package/module/Progress/README.md +106 -0
- package/module/RadioButton/README.md +85 -0
- package/module/ScanButton/README.md +72 -0
- package/module/SearchInput/SearchInput.js.map +1 -1
- package/module/SheetTitle/README.md +89 -0
- package/module/Shell/README.md +152 -0
- package/module/Shell/Shell.js.map +1 -1
- package/module/StatisticCard/README.md +129 -0
- package/module/Status/README.md +75 -0
- package/module/Steps/README.md +76 -0
- package/module/Switch/Switch.js +96 -0
- package/module/Switch/Switch.js.map +1 -0
- package/module/Tab/README.md +161 -0
- package/module/Tag/README.md +93 -0
- package/module/Task/README.md +110 -0
- package/module/Text/README.md +97 -0
- package/module/TextArea/README.md +127 -0
- package/module/TextArea/TextArea.js +4 -2
- package/module/TextArea/TextArea.js.map +1 -1
- package/module/Theme/README.md +161 -0
- package/module/Theme/makeStyles.js +24 -0
- package/module/Theme/makeStyles.js.map +1 -0
- package/module/Theme/withTheme.js +82 -0
- package/module/Theme/withTheme.js.map +1 -0
- package/module/Timeline/README.md +111 -0
- package/module/Toast/README.md +96 -0
- package/module/Upload/Upload.js +121 -0
- package/module/Upload/Upload.js.map +1 -0
- package/module/index.js +11 -3
- package/module/index.js.map +1 -1
- package/package.json +1 -1
- package/typescript/Dropdown/Dropdown.d.ts +20 -0
- package/typescript/Dropdown/Dropdown.d.ts.map +1 -1
- package/typescript/Grid/FixedSizeGrid.d.ts +1 -3
- package/typescript/Grid/FixedSizeGrid.d.ts.map +1 -1
- package/typescript/Grid/Grid.base.d.ts +1 -3
- package/typescript/Grid/Grid.base.d.ts.map +1 -1
- package/typescript/Grid/VariableSizeGrid.d.ts +1 -3
- package/typescript/Grid/VariableSizeGrid.d.ts.map +1 -1
- package/typescript/Input/Input.d.ts +5 -0
- package/typescript/Input/Input.d.ts.map +1 -1
- package/typescript/MessageBox/MessageBox.d.ts.map +1 -1
- package/typescript/SearchInput/SearchInput.d.ts +4 -0
- package/typescript/SearchInput/SearchInput.d.ts.map +1 -1
- package/typescript/Switch/Switch.d.ts +15 -0
- package/typescript/Switch/Switch.d.ts.map +1 -0
- package/typescript/TextArea/TextArea.d.ts +2 -0
- package/typescript/TextArea/TextArea.d.ts.map +1 -1
- package/typescript/Theme/makeStyles.d.ts +11 -0
- package/typescript/Theme/makeStyles.d.ts.map +1 -0
- package/typescript/Theme/withTheme.d.ts +12 -0
- package/typescript/Theme/withTheme.d.ts.map +1 -0
- package/typescript/Upload/Upload.d.ts +25 -0
- package/typescript/Upload/Upload.d.ts.map +1 -0
- package/typescript/WebViewBridge/useWebViewBridge.d.ts +1 -1
- package/typescript/WebViewBridge/useWebViewBridge.d.ts.map +1 -1
- package/typescript/common/hooks/useBridgelessFix.d.ts +1 -1
- package/typescript/index.d.ts +8 -2
- package/typescript/index.d.ts.map +1 -1
package/commonjs/Input/Input.js
CHANGED
|
@@ -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
|
-
|
|
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 在桌面端显示在右上角,移动端显示在顶部
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
# LineChart
|
|
2
|
+
|
|
3
|
+
折线图组件,支持单系列/多系列数据、多种曲线类型、自定义图例和 Tooltip。采用**双平台渲染**策略:Web 端使用 recharts,Native 端使用 react-native-svg-charts。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ **双平台渲染**:Web 使用 recharts(功能完整),Native 使用 react-native-svg-charts(基础功能)
|
|
8
|
+
- ✅ 支持单系列和多系列数据
|
|
9
|
+
- ✅ 多种曲线类型:monotone / linear / step / natural / basis
|
|
10
|
+
- ✅ 可显示/隐藏数据点(showDots)
|
|
11
|
+
- ✅ 可独立控制 X 轴和 Y 轴的显示/隐藏
|
|
12
|
+
- ✅ 图例支持 top / bottom / left / right 四个位置
|
|
13
|
+
- ✅ 自定义图例图标类型:circle / rect / square / line
|
|
14
|
+
- ✅ 自定义图例图标尺寸和文本样式
|
|
15
|
+
- ✅ 自定义 Tooltip:完全自定义渲染(customTooltip)或数据格式化(tooltipFormatter)
|
|
16
|
+
- ✅ 数据点点击事件回调(onLineClick)
|
|
17
|
+
- ✅ Y 轴 / X 轴格式化函数
|
|
18
|
+
- ✅ 响应式容器(Web 端 ResponsiveContainer)
|
|
19
|
+
|
|
20
|
+
## 安装使用
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
import { LineChart } from '@beppla/tapas-ui/components/LineChart';
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Props
|
|
27
|
+
|
|
28
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
29
|
+
|------|------|--------|------|
|
|
30
|
+
| data | `LineChartDataPoint[] \| LineChartSeriesData[]` | (必填) | 数据源 |
|
|
31
|
+
| width | `number` | - | 图表宽度 |
|
|
32
|
+
| height | `number` | `300` | 图表高度 |
|
|
33
|
+
| color | `string` | `'#0066CC'` | 单系列线条颜色 |
|
|
34
|
+
| colors | `string[]` | - | 多系列颜色方案 |
|
|
35
|
+
| showGrid | `boolean` | `true` | 是否显示网格线 |
|
|
36
|
+
| showLabels | `boolean` | `true` | 是否显示标签 |
|
|
37
|
+
| showXAxis | `boolean` | `true` | 是否显示 X 轴 |
|
|
38
|
+
| showYAxis | `boolean` | `true` | 是否显示 Y 轴 |
|
|
39
|
+
| showLegend | `boolean` | `true` | 是否显示图例 |
|
|
40
|
+
| legendPosition | `'top' \| 'bottom' \| 'left' \| 'right'` | `'bottom'` | 图例位置 |
|
|
41
|
+
| legendIconType | `'circle' \| 'rect' \| 'square' \| 'line'` | `'rect'` | 图例图标类型 |
|
|
42
|
+
| legendIconSize | `{ width: number; height: number }` | `{ width: 18, height: 8 }` | 图例图标尺寸 |
|
|
43
|
+
| legendTextStyle | `{ fontFamily?: string; fontSize?: number; fontWeight?: string \| number; letterSpacing?: number }` | Bricolage Grotesque 10px | 图例文本样式 |
|
|
44
|
+
| curveType | `'monotone' \| 'linear' \| 'step' \| 'natural' \| 'basis'` | `'monotone'` | 曲线类型 |
|
|
45
|
+
| showDots | `boolean` | `true` | 是否显示数据点 |
|
|
46
|
+
| showArea | `boolean` | - | 是否显示面积填充 |
|
|
47
|
+
| customTooltip | `(data: TooltipData) => ReactElement \| null` | - | 自定义 Tooltip 渲染函数 |
|
|
48
|
+
| tooltipFormatter | `(data: TooltipData) => { title?: string; items?: Array<{ label: string; value: string \| number }> }` | - | Tooltip 数据格式化函数 |
|
|
49
|
+
| contentInset | `{ top?: number; bottom?: number; left?: number; right?: number }` | `{ top: 20, bottom: 20, left: 20, right: 20 }` | 内容边距 |
|
|
50
|
+
| yAxisFormat | `(value: number) => string` | - | Y 轴格式化 |
|
|
51
|
+
| xAxisFormat | `(value: number, index: number) => string` | - | X 轴格式化 |
|
|
52
|
+
| onLineClick | `(seriesLabel: string, dataPoint: LineChartDataPoint, dataIndex: number) => void` | - | 数据点点击回调 |
|
|
53
|
+
| style | `any` | - | 容器样式 |
|
|
54
|
+
| testID | `string` | - | 测试标识 |
|
|
55
|
+
|
|
56
|
+
### LineChartDataPoint
|
|
57
|
+
|
|
58
|
+
| 属性 | 类型 | 说明 |
|
|
59
|
+
|------|------|------|
|
|
60
|
+
| value | `number` | 数值(必填) |
|
|
61
|
+
| label | `string` | 标签 |
|
|
62
|
+
|
|
63
|
+
### LineChartSeriesData
|
|
64
|
+
|
|
65
|
+
| 属性 | 类型 | 说明 |
|
|
66
|
+
|------|------|------|
|
|
67
|
+
| data | `LineChartDataPoint[]` | 数据点数组(必填) |
|
|
68
|
+
| color | `string` | 线条颜色 |
|
|
69
|
+
| label | `string` | 系列标签(显示在图例中) |
|
|
70
|
+
|
|
71
|
+
### TooltipData
|
|
72
|
+
|
|
73
|
+
| 属性 | 类型 | 说明 |
|
|
74
|
+
|------|------|------|
|
|
75
|
+
| label | `string` | 当前数据点标签 |
|
|
76
|
+
| value | `number` | 当前数据点值 |
|
|
77
|
+
| dataIndex | `number` | 数据索引 |
|
|
78
|
+
| seriesLabel | `string` | 系列标签 |
|
|
79
|
+
|
|
80
|
+
## 使用示例
|
|
81
|
+
|
|
82
|
+
### 基础用法
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
<LineChart
|
|
86
|
+
data={[
|
|
87
|
+
{ value: 50, label: 'Jan' },
|
|
88
|
+
{ value: 75, label: 'Feb' },
|
|
89
|
+
{ value: 65, label: 'Mar' },
|
|
90
|
+
{ value: 90, label: 'Apr' },
|
|
91
|
+
]}
|
|
92
|
+
height={300}
|
|
93
|
+
color="#0066CC"
|
|
94
|
+
/>
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
### 多系列数据
|
|
98
|
+
|
|
99
|
+
```tsx
|
|
100
|
+
<LineChart
|
|
101
|
+
data={[
|
|
102
|
+
{
|
|
103
|
+
label: 'Product A',
|
|
104
|
+
color: '#00BFA5',
|
|
105
|
+
data: [
|
|
106
|
+
{ value: 120, label: 'Mon' },
|
|
107
|
+
{ value: 150, label: 'Tue' },
|
|
108
|
+
{ value: 110, label: 'Wed' },
|
|
109
|
+
],
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
label: 'Product B',
|
|
113
|
+
color: '#FF6B00',
|
|
114
|
+
data: [
|
|
115
|
+
{ value: 100, label: 'Mon' },
|
|
116
|
+
{ value: 110, label: 'Tue' },
|
|
117
|
+
{ value: 90, label: 'Wed' },
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
]}
|
|
121
|
+
showLegend
|
|
122
|
+
legendPosition="top"
|
|
123
|
+
height={400}
|
|
124
|
+
/>
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
### 极简设计图风格
|
|
128
|
+
|
|
129
|
+
```tsx
|
|
130
|
+
<LineChart
|
|
131
|
+
data={multiSeriesData}
|
|
132
|
+
curveType="linear"
|
|
133
|
+
showDots={false}
|
|
134
|
+
showYAxis={false}
|
|
135
|
+
showLegend
|
|
136
|
+
legendPosition="top"
|
|
137
|
+
legendIconType="rect"
|
|
138
|
+
legendIconSize={{ width: 18, height: 8 }}
|
|
139
|
+
legendTextStyle={{
|
|
140
|
+
fontFamily: 'Bricolage Grotesque, sans-serif',
|
|
141
|
+
fontSize: 10,
|
|
142
|
+
fontWeight: 400,
|
|
143
|
+
letterSpacing: 0.1,
|
|
144
|
+
}}
|
|
145
|
+
/>
|
|
146
|
+
```
|
|
147
|
+
|
|
148
|
+
### 自定义 Tooltip
|
|
149
|
+
|
|
150
|
+
```tsx
|
|
151
|
+
<LineChart
|
|
152
|
+
data={storeData}
|
|
153
|
+
tooltipFormatter={(data) => ({
|
|
154
|
+
title: data.label,
|
|
155
|
+
items: [
|
|
156
|
+
{ label: 'Stores', value: data.value },
|
|
157
|
+
{ label: 'Revenue', value: `$${revenue[data.dataIndex]}` },
|
|
158
|
+
],
|
|
159
|
+
})}
|
|
160
|
+
/>
|
|
161
|
+
```
|
|
162
|
+
|
|
163
|
+
### 数据点点击事件
|
|
164
|
+
|
|
165
|
+
```tsx
|
|
166
|
+
<LineChart
|
|
167
|
+
data={sampleData}
|
|
168
|
+
onLineClick={(seriesLabel, dataPoint, dataIndex) => {
|
|
169
|
+
console.log(`${seriesLabel}: ${dataPoint.label} = ${dataPoint.value}`);
|
|
170
|
+
}}
|
|
171
|
+
/>
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
## 注意事项
|
|
175
|
+
|
|
176
|
+
- **双平台渲染**:Web 端使用 recharts(功能完整),Native 端使用 react-native-svg-charts(功能受限)
|
|
177
|
+
- Native 端多系列数据**仅渲染第一个系列**
|
|
178
|
+
- Native 端不支持自定义 Tooltip、图例自定义、曲线类型选择
|
|
179
|
+
- 图例仅在多系列数据时显示
|
|
180
|
+
- `customTooltip` 和 `tooltipFormatter` 仅 Web 端有效(鼠标悬停触发)
|
|
181
|
+
- 需安装对应平台依赖:Web 需要 `recharts`,Native 需要 `react-native-svg-charts` + `react-native-svg`
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
# ListItem
|
|
2
|
+
|
|
3
|
+
列表项组件,基于 @rneui/themed ListItem 封装,支持选中状态、搜索高亮、描述文本、数量角标等功能,适合构建可交互的选择列表。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 选中状态指示(背景色变化 + 勾选图标)
|
|
8
|
+
- ✅ 搜索关键字高亮显示(name 和 desc 同时高亮)
|
|
9
|
+
- ✅ 支持主标题和描述文本
|
|
10
|
+
- ✅ 数量角标(number 属性,圆形背景主题色)
|
|
11
|
+
- ✅ 鼠标悬停效果(Web 端 Hoverable)
|
|
12
|
+
- ✅ 禁用状态,颜色置灰且不可点击
|
|
13
|
+
- ✅ 首末项圆角支持(isFirst / isLast,12px 圆角)
|
|
14
|
+
- ✅ 高度自定义样式:容器、标题、描述、搜索高亮
|
|
15
|
+
- ✅ 文本自适应宽度,自动单行截断
|
|
16
|
+
|
|
17
|
+
## 安装使用
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import ListItem from '@beppla/tapas-ui/components/ListItem/ListItem';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
26
|
+
|------|------|--------|------|
|
|
27
|
+
| item | `ItemProps` | (必填) | 列表项数据 |
|
|
28
|
+
| selected | `ItemProps` | (必填) | 当前选中项(通过 value 比较) |
|
|
29
|
+
| key | `number \| string` | (必填) | 唯一标识 |
|
|
30
|
+
| onItemPress | `(item: ItemProps) => void` | (必填) | 点击回调 |
|
|
31
|
+
| disabled | `boolean` | - | 是否禁用 |
|
|
32
|
+
| isFirst | `boolean` | - | 是否为第一项(添加顶部圆角) |
|
|
33
|
+
| isLast | `boolean` | - | 是否为最后一项(添加底部圆角) |
|
|
34
|
+
| search | `string` | - | 搜索关键字,匹配部分高亮 |
|
|
35
|
+
| containerStyle | `StyleProp<ViewStyle>` | - | 外层容器样式 |
|
|
36
|
+
| itemContainerStyle | `StyleProp<ViewStyle>` | - | 项容器样式 |
|
|
37
|
+
| titleContainerStyle | `StyleProp<ViewStyle>` | - | 标题容器样式 |
|
|
38
|
+
| searchHighlightStyle | `StyleProp<TextStyle>` | - | 搜索高亮文本样式 |
|
|
39
|
+
| titleStyle | `StyleProp<TextStyle>` | - | 标题文本样式 |
|
|
40
|
+
| descStyle | `StyleProp<TextStyle>` | - | 描述文本样式 |
|
|
41
|
+
| testID | `string` | - | 测试标识 |
|
|
42
|
+
|
|
43
|
+
### ItemProps 接口
|
|
44
|
+
|
|
45
|
+
| 属性 | 类型 | 说明 |
|
|
46
|
+
|------|------|------|
|
|
47
|
+
| name | `string` | 显示名称(必填) |
|
|
48
|
+
| value | `string \| number` | 值(必填),用于比较选中状态 |
|
|
49
|
+
| id | `string \| number` | 唯一标识 |
|
|
50
|
+
| hide | `boolean` | 是否隐藏 |
|
|
51
|
+
| desc | `string` | 描述文本 |
|
|
52
|
+
| number | `number` | 数量角标 |
|
|
53
|
+
|
|
54
|
+
## 使用示例
|
|
55
|
+
|
|
56
|
+
### 基础用法
|
|
57
|
+
|
|
58
|
+
```tsx
|
|
59
|
+
const data = [
|
|
60
|
+
{ name: 'Apple', value: 'apple' },
|
|
61
|
+
{ name: 'Banana', value: 'banana' },
|
|
62
|
+
{ name: 'Cherry', value: 'cherry' },
|
|
63
|
+
];
|
|
64
|
+
|
|
65
|
+
const [selected, setSelected] = useState(data[0]);
|
|
66
|
+
|
|
67
|
+
{data.map((item, index) => (
|
|
68
|
+
<ListItem
|
|
69
|
+
key={index}
|
|
70
|
+
item={item}
|
|
71
|
+
selected={selected}
|
|
72
|
+
onItemPress={(value) => setSelected(value)}
|
|
73
|
+
isFirst={index === 0}
|
|
74
|
+
isLast={index === data.length - 1}
|
|
75
|
+
/>
|
|
76
|
+
))}
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
### 带描述和搜索高亮
|
|
80
|
+
|
|
81
|
+
```tsx
|
|
82
|
+
<ListItem
|
|
83
|
+
key={0}
|
|
84
|
+
item={{ name: 'John', value: 'john', desc: 'Manager' }}
|
|
85
|
+
selected={selected}
|
|
86
|
+
onItemPress={setSelected}
|
|
87
|
+
search="jo"
|
|
88
|
+
searchHighlightStyle={{ color: 'red' }}
|
|
89
|
+
/>
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
### 带数量角标
|
|
93
|
+
|
|
94
|
+
```tsx
|
|
95
|
+
<ListItem
|
|
96
|
+
key={0}
|
|
97
|
+
item={{ name: 'Orders', value: 'orders', number: 5 }}
|
|
98
|
+
selected={selected}
|
|
99
|
+
onItemPress={setSelected}
|
|
100
|
+
/>
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
### 禁用状态
|
|
104
|
+
|
|
105
|
+
```tsx
|
|
106
|
+
<ListItem
|
|
107
|
+
key={0}
|
|
108
|
+
item={{ name: 'Unavailable', value: 'unavailable' }}
|
|
109
|
+
selected={selected}
|
|
110
|
+
onItemPress={setSelected}
|
|
111
|
+
disabled
|
|
112
|
+
/>
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
## 注意事项
|
|
116
|
+
|
|
117
|
+
- 选中状态通过比较 `selected.value === item.value` 判断
|
|
118
|
+
- 当 `item.number` 存在时显示数量角标(白字主题色背景),否则选中时显示勾选图标
|
|
119
|
+
- 禁用状态下点击不会触发 `onItemPress`
|
|
120
|
+
- `isFirst` / `isLast` 用于列表首末项圆角(12px),需手动传入
|
|
121
|
+
- 搜索高亮使用正则分割文本,大小写不敏感,同时作用于 name 和 desc 字段
|
|
122
|
+
- 列表项固定高度 48px
|
|
@@ -28,6 +28,10 @@ const MessageBox = ({
|
|
|
28
28
|
onConfirm
|
|
29
29
|
}) => {
|
|
30
30
|
const theme = (0, _themed.useTheme)();
|
|
31
|
+
const {
|
|
32
|
+
width: windowWidth
|
|
33
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
34
|
+
const isPhone = windowWidth <= 430;
|
|
31
35
|
const styles = useStyles();
|
|
32
36
|
const [modalVisible, setModalVisible] = (0, _react.useState)(false);
|
|
33
37
|
(0, _react.useEffect)(() => {
|
|
@@ -69,7 +73,9 @@ const MessageBox = ({
|
|
|
69
73
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
70
74
|
style: styles.modalContainer,
|
|
71
75
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
72
|
-
style: styles.modalContent,
|
|
76
|
+
style: [styles.modalContent, isPhone && {
|
|
77
|
+
width: windowWidth - 32
|
|
78
|
+
}],
|
|
73
79
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
74
80
|
style: styles.messagebox_header,
|
|
75
81
|
children: [stateIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|