@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.
- 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/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/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/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 +7 -1
- package/typescript/index.d.ts.map +1 -1
|
@@ -17,6 +17,7 @@ const TextArea = ({
|
|
|
17
17
|
required = false,
|
|
18
18
|
maxCount = 100,
|
|
19
19
|
onChangeText,
|
|
20
|
+
attachChange,
|
|
20
21
|
backgroundColor,
|
|
21
22
|
state = "normal",
|
|
22
23
|
disabled,
|
|
@@ -91,10 +92,11 @@ const TextArea = ({
|
|
|
91
92
|
}
|
|
92
93
|
};
|
|
93
94
|
}, [enableBridgelessFix]);
|
|
95
|
+
const changeHandler = onChangeText ?? attachChange;
|
|
94
96
|
const handleChangeText = useCallback(newText => {
|
|
95
97
|
setText(newText);
|
|
96
|
-
|
|
97
|
-
}, [
|
|
98
|
+
changeHandler?.(newText);
|
|
99
|
+
}, [changeHandler]);
|
|
98
100
|
const handleClear = useCallback(() => {
|
|
99
101
|
handleChangeText("");
|
|
100
102
|
}, [handleChangeText]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","useState","useCallback","useMemo","View","Text","TextInput","Pressable","Animated","Platform","Keyboard","withTheme","makeStyles","useTheme","TapasIcon","isBridgelessMode","jsx","_jsx","jsxs","_jsxs","TextArea","height","numberOfLines","label","value","placeholder","showCount","showClearBtn","required","maxCount","onChangeText","backgroundColor","state","disabled","stateMsg","enableBridgelessFix","theme","styles","useStyles","text","setText","focus","setFocus","top","setTop","topAnim","Value","current","inputRef","blurTimeoutRef","shouldRefocusRef","isBridgeless","start","target","setValue","timing","toValue","duration","useNativeDriver","OS","keyboardDidShowListener","addListener","requestAnimationFrame","error","keyboardDidHideListener","clearTimeout","remove","handleChangeText","newText","handleClear","handleFocus","handleBlur","delay","setTimeout","containerHeight","Math","max","textAreaHeight","labelStyle","colors","white","labelTextStyle","label_text","color","primary","fontSize","secondary","textAreaStyle","textArea","paddingRight","borderColor","stateMsgStyle","style","con","children","ellipsizeMode","clearBtnCon","onPress","size","name","ref","editable","onFocus","onBlur","multiline","undefined","blurOnSubmit","count","count_text","length","display","flexDirection","overflow","width","position","paddingTop","paddingBottom","paddingLeft","marginTop","grey2","borderWidth","borderRadius","textAlignVertical","select","web","left","zIndex","justifyContent","flexGrow","marginRight","fontWeight","right","alignItems","marginLeft"],"sourceRoot":"../../../components","sources":["TextArea/TextArea.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","useState","useCallback","useMemo","View","Text","TextInput","Pressable","Animated","Platform","Keyboard","withTheme","makeStyles","useTheme","TapasIcon","isBridgelessMode","jsx","_jsx","jsxs","_jsxs","TextArea","height","numberOfLines","label","value","placeholder","showCount","showClearBtn","required","maxCount","onChangeText","attachChange","backgroundColor","state","disabled","stateMsg","enableBridgelessFix","theme","styles","useStyles","text","setText","focus","setFocus","top","setTop","topAnim","Value","current","inputRef","blurTimeoutRef","shouldRefocusRef","isBridgeless","start","target","setValue","timing","toValue","duration","useNativeDriver","OS","keyboardDidShowListener","addListener","requestAnimationFrame","error","keyboardDidHideListener","clearTimeout","remove","changeHandler","handleChangeText","newText","handleClear","handleFocus","handleBlur","delay","setTimeout","containerHeight","Math","max","textAreaHeight","labelStyle","colors","white","labelTextStyle","label_text","color","primary","fontSize","secondary","textAreaStyle","textArea","paddingRight","borderColor","stateMsgStyle","style","con","children","ellipsizeMode","clearBtnCon","onPress","size","name","ref","editable","onFocus","onBlur","multiline","undefined","blurOnSubmit","count","count_text","length","display","flexDirection","overflow","width","position","paddingTop","paddingBottom","paddingLeft","marginTop","grey2","borderWidth","borderRadius","textAlignVertical","select","web","left","zIndex","justifyContent","flexGrow","marginRight","fontWeight","right","alignItems","marginLeft"],"sourceRoot":"../../../components","sources":["TextArea/TextArea.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
# ThemeProvider
|
|
2
|
+
|
|
3
|
+
主题提供组件,基于 `@rneui/themed` 的 ThemeProvider 封装,为整个应用提供统一的设计令牌(Design Tokens)。包含颜色、间距、圆角、字体、阴影等完整的主题配置,为换肤功能做好预备。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 统一主题注入:colors、spacing、radius、fonts、elevation
|
|
8
|
+
- ✅ 支持 light / dark 模式切换(预留)
|
|
9
|
+
- ✅ 80+ 颜色令牌:涵盖文本、表面、边框、图标、状态、图表等
|
|
10
|
+
- ✅ 12 级间距系统(4px ~ 112px)
|
|
11
|
+
- ✅ 3 级圆角系统(mini: 4 / rounded: 12 / full: 360)
|
|
12
|
+
- ✅ 完整字体配置:5 级字号、5 级字重、行高、字间距
|
|
13
|
+
- ✅ 4 级阴影/elevation 系统
|
|
14
|
+
- ✅ Figma Design Token 对齐
|
|
15
|
+
- ✅ 中文字体支持(MiSans VF / PingFang SC)
|
|
16
|
+
- ✅ 组件级别主题覆盖(components.Button)
|
|
17
|
+
|
|
18
|
+
## 安装使用
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import { TapasThemeProvider } from '@beppla/tapas-ui';
|
|
22
|
+
// 或
|
|
23
|
+
import ThemeProvider from '@beppla/tapas-ui/components/Theme/ThemeProvider';
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## ThemeProvider Props
|
|
27
|
+
|
|
28
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
29
|
+
|------|------|--------|------|
|
|
30
|
+
| mode | `'light' \| 'dark'` | `'dark'` | 主题模式 |
|
|
31
|
+
| children | `React.ReactNode` | - | 子组件 |
|
|
32
|
+
| testID | `string` | - | 测试标识 |
|
|
33
|
+
|
|
34
|
+
## defaultTheme 函数
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
import { defaultTheme } from '@beppla/tapas-ui';
|
|
38
|
+
|
|
39
|
+
const theme = defaultTheme({ mode: 'dark' });
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### ThemeOptions
|
|
43
|
+
|
|
44
|
+
```tsx
|
|
45
|
+
interface ThemeOptions {
|
|
46
|
+
mode?: 'light' | 'dark';
|
|
47
|
+
}
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## 主题令牌一览
|
|
51
|
+
|
|
52
|
+
### 颜色(theme.colors)
|
|
53
|
+
|
|
54
|
+
| 分类 | 主要令牌 | 示例 |
|
|
55
|
+
|------|---------|------|
|
|
56
|
+
| 基础色 | primary, secondary, background, white, black | `rgba(0,0,0,0.87)` |
|
|
57
|
+
| 灰阶 | grey0 ~ grey5, greyOutline | `rgba(0,0,0,0.04)` ~ `rgba(0,0,0,0.87)` |
|
|
58
|
+
| 语义色 | success, warning, error, info | `#57B07B`, `#B81F1E`, `#007AFF` |
|
|
59
|
+
| 文本色 | colorTextPrimary, colorTextSecondary, colorTextBrand, colorTextAccent | `#895F38`, `#F55523` |
|
|
60
|
+
| 表面色 | colorSurface ~ colorSurface11 | `#F9F2E8` ~ `rgba(255,255,255,0.30)` |
|
|
61
|
+
| 边框色 | colorPrimaryBorder, colorBorder1, colorBorder2, colorErrorBorder, colorActiveBorder | `rgba(0,0,0,0.12)` |
|
|
62
|
+
| 图标色 | colorNormalIcon, colorActiveIcon, colorDisabledIcon, colorAccentIcon | `#F55523` |
|
|
63
|
+
| 状态色 | colorStatusAvailable, colorStatusOccupied, colorStatusReserved 等 | `#57B07B`, `#B81F1E` |
|
|
64
|
+
| 图表色 | colorChartCategoryTeal, colorChartProductBrown 等 | `#1FBCAD`, `#895F38` |
|
|
65
|
+
|
|
66
|
+
### 间距(theme.spacing)
|
|
67
|
+
|
|
68
|
+
| 令牌 | 值 | Figma 别名 |
|
|
69
|
+
|------|------|-----------|
|
|
70
|
+
| tp2xs | 4 | spacing2xs |
|
|
71
|
+
| tpXs | 8 | spacingXs |
|
|
72
|
+
| tpSm | 12 | spacingSm |
|
|
73
|
+
| tpRg | 16 | spacingRg |
|
|
74
|
+
| tpMd | 24 | spacingMd |
|
|
75
|
+
| tpLg | 32 | spacingLg |
|
|
76
|
+
| tpXl | 48 | spacingXl |
|
|
77
|
+
| tp2xl | 88 | spacingBlg |
|
|
78
|
+
| tp3xl | 112 | spacingBlgger |
|
|
79
|
+
|
|
80
|
+
### 圆角(theme.radius)
|
|
81
|
+
|
|
82
|
+
| 令牌 | 值 | 用途 |
|
|
83
|
+
|------|------|------|
|
|
84
|
+
| mini | 4 | 卡片、标签 |
|
|
85
|
+
| rounded | 12 | 按钮、输入框 |
|
|
86
|
+
| full | 360 | 圆形头像、胶囊按钮 |
|
|
87
|
+
|
|
88
|
+
### 字体(theme.fonts)
|
|
89
|
+
|
|
90
|
+
| 令牌 | 值 | 说明 |
|
|
91
|
+
|------|------|------|
|
|
92
|
+
| fontFamily | `BricolageGrotesque-Regular` | 英文主字体 |
|
|
93
|
+
| fontFamilyCN | `MiSans VF` | 中文主字体 |
|
|
94
|
+
| h1 ~ h4 | 44 / 32 / 24 / 21 | 标题字号 |
|
|
95
|
+
| sizeL / sizeM / sizeS / sizeXs | 16 / 14 / 12 / 10 | 正文字号 |
|
|
96
|
+
| weightL / weightM / weightS / weightR | 700 / 600 / 500 / 400 | 字重 |
|
|
97
|
+
|
|
98
|
+
### 阴影(theme.elevation)
|
|
99
|
+
|
|
100
|
+
| 令牌 | shadowRadius | elevation | 场景 |
|
|
101
|
+
|------|-------------|-----------|------|
|
|
102
|
+
| e1 | 3 | 2 | 卡片 |
|
|
103
|
+
| e2 | 6 | 4 | 浮动按钮 |
|
|
104
|
+
| e3 | 12 | 8 | 弹窗 |
|
|
105
|
+
| e4 | 24 | 16 | 对话框 |
|
|
106
|
+
|
|
107
|
+
## 使用示例
|
|
108
|
+
|
|
109
|
+
### 应用根节点
|
|
110
|
+
|
|
111
|
+
```tsx
|
|
112
|
+
import { TapasThemeProvider } from '@beppla/tapas-ui';
|
|
113
|
+
|
|
114
|
+
export default function App() {
|
|
115
|
+
return (
|
|
116
|
+
<TapasThemeProvider mode="dark">
|
|
117
|
+
<MainNavigator />
|
|
118
|
+
</TapasThemeProvider>
|
|
119
|
+
);
|
|
120
|
+
}
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
### 在组件中使用主题
|
|
124
|
+
|
|
125
|
+
```tsx
|
|
126
|
+
import { useTheme, makeStyles } from '@rneui/themed';
|
|
127
|
+
|
|
128
|
+
const MyComponent = () => {
|
|
129
|
+
const { theme } = useTheme();
|
|
130
|
+
return <View style={{ backgroundColor: theme.colors.background }} />;
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
// 或使用 makeStyles
|
|
134
|
+
const useStyles = makeStyles((theme) => ({
|
|
135
|
+
container: {
|
|
136
|
+
padding: theme.spacing.tpRg,
|
|
137
|
+
borderRadius: theme.radius.rounded,
|
|
138
|
+
},
|
|
139
|
+
}));
|
|
140
|
+
```
|
|
141
|
+
|
|
142
|
+
### Storybook 中使用
|
|
143
|
+
|
|
144
|
+
```tsx
|
|
145
|
+
export const decorators = [
|
|
146
|
+
(Story) => (
|
|
147
|
+
<TapasThemeProvider mode="dark">
|
|
148
|
+
<Story />
|
|
149
|
+
</TapasThemeProvider>
|
|
150
|
+
),
|
|
151
|
+
];
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
## 注意事项
|
|
155
|
+
|
|
156
|
+
- 当前 `light` 和 `dark` 模式使用相同的颜色值(darkColors = colors),待设计师确认后更新
|
|
157
|
+
- 所有 tapas-ui 组件都需要在 ThemeProvider 内使用
|
|
158
|
+
- 主题对象通过 `@rneui/themed` 的 `useTheme` / `makeStyles` / `withTheme` 消费
|
|
159
|
+
- `defaultTheme` 返回的是完整配置对象,不是 React 组件
|
|
160
|
+
- 字体文件需要在应用层加载(expo-font 或原生配置)
|
|
161
|
+
- 组件级覆盖目前仅配置了 Button 的默认样式
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* React 19 compatible makeStyles
|
|
5
|
+
*
|
|
6
|
+
* Drop-in replacement for @rneui/themed's makeStyles.
|
|
7
|
+
* Uses useContext hook (safe in React 19) instead of relying on
|
|
8
|
+
* ThemeConsumer (Context.Consumer pattern).
|
|
9
|
+
*/
|
|
10
|
+
import { useMemo, useContext } from 'react';
|
|
11
|
+
import { StyleSheet } from 'react-native';
|
|
12
|
+
import { ThemeContext } from '@rneui/themed/dist/config/ThemeProvider';
|
|
13
|
+
export const makeStyles = styles => {
|
|
14
|
+
return (props = {}) => {
|
|
15
|
+
const context = useContext(ThemeContext);
|
|
16
|
+
const theme = context?.theme;
|
|
17
|
+
return useMemo(() => {
|
|
18
|
+
const css = typeof styles === 'function' ? styles(theme, props) : styles;
|
|
19
|
+
return StyleSheet.create(css);
|
|
20
|
+
}, [props, theme]);
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export default makeStyles;
|
|
24
|
+
//# sourceMappingURL=makeStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","useContext","StyleSheet","ThemeContext","makeStyles","styles","props","context","theme","css","create"],"sourceRoot":"../../../components","sources":["Theme/makeStyles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAC3C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,yCAAyC;AAKtE,OAAO,MAAMC,UAAU,GACrBC,MAA0C,IACvC;EACH,OAAO,CAACC,KAAQ,GAAG,CAAC,CAAM,KAAK;IAC7B,MAAMC,OAAO,GAAGN,UAAU,CAACE,YAAY,CAAC;IACxC,MAAMK,KAAK,GAAID,OAAO,EAAUC,KAAU;IAE1C,OAAOR,OAAO,CAAC,MAAM;MACnB,MAAMS,GAAG,GAAG,OAAOJ,MAAM,KAAK,UAAU,GACnCA,MAAM,CAAyBG,KAAK,EAAEF,KAAK,CAAC,GAC7CD,MAAM;MACV,OAAOH,UAAU,CAACQ,MAAM,CAACD,GAAG,CAAC;IAC/B,CAAC,EAAE,CAACH,KAAK,EAAEE,KAAK,CAAC,CAAC;EACpB,CAAC;AACH,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* React 19 compatible withTheme HOC
|
|
5
|
+
*
|
|
6
|
+
* Replaces @rneui/themed's withTheme which uses Context.Consumer (render props pattern)
|
|
7
|
+
* that crashes in React 19. This version uses useContext hook instead.
|
|
8
|
+
*/
|
|
9
|
+
import React, { forwardRef, useContext } from 'react';
|
|
10
|
+
import deepmerge from 'deepmerge';
|
|
11
|
+
// @ts-ignore -- hoist-non-react-statics has no type declarations in this project
|
|
12
|
+
import hoistNonReactStatics from 'hoist-non-react-statics';
|
|
13
|
+
import { ThemeContext } from '@rneui/themed/dist/config/ThemeProvider';
|
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
const isClassComponent = Component => Boolean(Component?.prototype?.isReactComponent);
|
|
16
|
+
const combineByStyles = (propName = '') => {
|
|
17
|
+
if (propName.endsWith('Style') || propName.endsWith('style')) {
|
|
18
|
+
return (prop1, prop2) => [prop1, prop2].flat();
|
|
19
|
+
}
|
|
20
|
+
return undefined;
|
|
21
|
+
};
|
|
22
|
+
const ThemedComponent = (WrappedComponent, themeKey, displayName) => {
|
|
23
|
+
const Component = (props, forwardedRef) => {
|
|
24
|
+
const {
|
|
25
|
+
children,
|
|
26
|
+
...rest
|
|
27
|
+
} = props;
|
|
28
|
+
const context = useContext(ThemeContext);
|
|
29
|
+
const {
|
|
30
|
+
theme,
|
|
31
|
+
updateTheme,
|
|
32
|
+
replaceTheme
|
|
33
|
+
} = context;
|
|
34
|
+
if (!theme) {
|
|
35
|
+
const newProps = {
|
|
36
|
+
...rest,
|
|
37
|
+
theme: {
|
|
38
|
+
colors: {},
|
|
39
|
+
spacing: {}
|
|
40
|
+
},
|
|
41
|
+
children
|
|
42
|
+
};
|
|
43
|
+
return /*#__PURE__*/_jsx(WrappedComponent, {
|
|
44
|
+
ref: forwardedRef,
|
|
45
|
+
...newProps
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
const themeObj = theme;
|
|
49
|
+
const {
|
|
50
|
+
components: comps,
|
|
51
|
+
...restTheme
|
|
52
|
+
} = themeObj;
|
|
53
|
+
const themedProps = typeof comps?.[themeKey] === 'function' ? comps[themeKey](rest, restTheme) : comps?.[themeKey];
|
|
54
|
+
const merged = deepmerge(themedProps || {}, rest, {
|
|
55
|
+
customMerge: combineByStyles,
|
|
56
|
+
clone: false
|
|
57
|
+
});
|
|
58
|
+
const newProps = {
|
|
59
|
+
theme: restTheme,
|
|
60
|
+
updateTheme,
|
|
61
|
+
replaceTheme,
|
|
62
|
+
...merged,
|
|
63
|
+
children
|
|
64
|
+
};
|
|
65
|
+
return /*#__PURE__*/_jsx(WrappedComponent, {
|
|
66
|
+
ref: forwardedRef,
|
|
67
|
+
...newProps
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
Component.displayName = displayName;
|
|
71
|
+
return Component;
|
|
72
|
+
};
|
|
73
|
+
export function withTheme(WrappedComponent, themeKey) {
|
|
74
|
+
const name = themeKey ? `Themed.${themeKey}` : `Themed.${WrappedComponent.displayName || WrappedComponent.name || 'Component'}`;
|
|
75
|
+
const Component = ThemedComponent(WrappedComponent, themeKey, name);
|
|
76
|
+
if (isClassComponent(WrappedComponent)) {
|
|
77
|
+
return hoistNonReactStatics(/*#__PURE__*/forwardRef(Component), WrappedComponent);
|
|
78
|
+
}
|
|
79
|
+
return /*#__PURE__*/forwardRef(Component);
|
|
80
|
+
}
|
|
81
|
+
export default withTheme;
|
|
82
|
+
//# sourceMappingURL=withTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useContext","deepmerge","hoistNonReactStatics","ThemeContext","jsx","_jsx","isClassComponent","Component","Boolean","prototype","isReactComponent","combineByStyles","propName","endsWith","prop1","prop2","flat","undefined","ThemedComponent","WrappedComponent","themeKey","displayName","props","forwardedRef","children","rest","context","theme","updateTheme","replaceTheme","newProps","colors","spacing","ref","themeObj","components","comps","restTheme","themedProps","merged","customMerge","clone","withTheme","name"],"sourceRoot":"../../../components","sources":["Theme/withTheme.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
# Timeline
|
|
2
|
+
|
|
3
|
+
时间线组件,用于展示按时间排列的事件或活动列表。每个事件节点包含时间和描述,支持多种状态(选中、禁用、错误),并提供 Hover 交互效果和点击回调。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 纵向时间线布局,节点 + 连接线
|
|
8
|
+
- ✅ 四种节点状态:默认、selected(选中)、disabled(禁用)、error(错误)
|
|
9
|
+
- ✅ 状态对应不同的颜色和线条样式(实线/虚线)
|
|
10
|
+
- ✅ 错误状态显示警告图标
|
|
11
|
+
- ✅ Hover 高亮效果(Hoverable 组件)
|
|
12
|
+
- ✅ 支持点击事件回调
|
|
13
|
+
- ✅ 标题 + 滚动内容区域
|
|
14
|
+
- ✅ 自定义容器和内容区域样式
|
|
15
|
+
- ✅ 主题色适配
|
|
16
|
+
|
|
17
|
+
## 安装使用
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import { Timeline } from '@beppla/tapas-ui';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
26
|
+
|------|------|--------|------|
|
|
27
|
+
| data | `IData` | - | 时间线数据(必填) |
|
|
28
|
+
| itemContainerStyle | `StyleProp<ViewStyle>` | - | 事件列表容器样式(必填) |
|
|
29
|
+
| onPress | `(item: Item) => void` | - | 事件项点击回调 |
|
|
30
|
+
| selected | `boolean` | `false` | 全局选中状态(预留) |
|
|
31
|
+
| disabled | `boolean` | - | 全局禁用状态(预留) |
|
|
32
|
+
| containerStyle | `StyleProp<ViewStyle>` | - | 最外层容器样式 |
|
|
33
|
+
| testID | `string` | - | 测试标识 |
|
|
34
|
+
|
|
35
|
+
### IData
|
|
36
|
+
|
|
37
|
+
```tsx
|
|
38
|
+
interface IData {
|
|
39
|
+
title: string;
|
|
40
|
+
items: Item[];
|
|
41
|
+
}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### Item
|
|
45
|
+
|
|
46
|
+
```tsx
|
|
47
|
+
interface Item {
|
|
48
|
+
id: string;
|
|
49
|
+
time: string;
|
|
50
|
+
description: string;
|
|
51
|
+
selected?: boolean;
|
|
52
|
+
disabled?: boolean;
|
|
53
|
+
error?: boolean;
|
|
54
|
+
}
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
## 使用示例
|
|
58
|
+
|
|
59
|
+
### 基础用法
|
|
60
|
+
|
|
61
|
+
```tsx
|
|
62
|
+
const data = {
|
|
63
|
+
title: 'Order History',
|
|
64
|
+
items: [
|
|
65
|
+
{ id: '1', time: '09:00', description: 'Order placed', selected: true },
|
|
66
|
+
{ id: '2', time: '10:30', description: 'Payment confirmed' },
|
|
67
|
+
{ id: '3', time: '14:00', description: 'Shipped' },
|
|
68
|
+
],
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
<Timeline
|
|
72
|
+
data={data}
|
|
73
|
+
itemContainerStyle={{ minHeight: 200 }}
|
|
74
|
+
onPress={(item) => console.log('Clicked:', item.id)}
|
|
75
|
+
/>
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
### 错误状态
|
|
79
|
+
|
|
80
|
+
```tsx
|
|
81
|
+
const data = {
|
|
82
|
+
title: 'Delivery Status',
|
|
83
|
+
items: [
|
|
84
|
+
{ id: '1', time: '08:00', description: 'Dispatched', selected: true },
|
|
85
|
+
{ id: '2', time: '12:00', description: 'Delivery failed', error: true },
|
|
86
|
+
{ id: '3', time: '15:00', description: 'Rescheduled', disabled: true },
|
|
87
|
+
],
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
<Timeline data={data} itemContainerStyle={{ minHeight: 300 }} />
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
### 自定义样式
|
|
94
|
+
|
|
95
|
+
```tsx
|
|
96
|
+
<Timeline
|
|
97
|
+
data={data}
|
|
98
|
+
itemContainerStyle={{ minHeight: 400 }}
|
|
99
|
+
containerStyle={{ width: 300, backgroundColor: '#FFF' }}
|
|
100
|
+
onPress={handleItemPress}
|
|
101
|
+
/>
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
## 注意事项
|
|
105
|
+
|
|
106
|
+
- 容器默认宽度 192px,可通过 `containerStyle` 覆盖
|
|
107
|
+
- 事件列表在 ScrollView 内,支持滚动
|
|
108
|
+
- Hover 效果基于 Hoverable 组件实现,仅在 Web 端生效
|
|
109
|
+
- 连接线在 `disabled` 状态下为虚线样式
|
|
110
|
+
- 节点状态在 item 级别控制(item.selected / item.disabled / item.error)
|
|
111
|
+
- 需在 `ThemeProvider` 内使用
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
# Toast
|
|
2
|
+
|
|
3
|
+
轻量级消息提示组件,用于显示临时通知。支持自动消失、多种状态类型、描述文本和操作按钮,适合操作反馈场景。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 支持 Success、Error、Warning、Info 四种类型
|
|
8
|
+
- ✅ 自动消失机制,可自定义持续时间(duration)
|
|
9
|
+
- ✅ 支持副标题/描述文本(description)
|
|
10
|
+
- ✅ 支持操作按钮(actionText + onActionPress)
|
|
11
|
+
- ✅ 不同状态自动匹配对应图标和颜色
|
|
12
|
+
- ✅ Web/移动端自适应最大宽度
|
|
13
|
+
- ✅ 通过 visible 控制显示/隐藏
|
|
14
|
+
- ✅ 主题色适配
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { Toast } from '@beppla/tapas-ui';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
25
|
+
|------|------|--------|------|
|
|
26
|
+
| visible | `boolean` | `false` | 是否显示(必填) |
|
|
27
|
+
| message | `string` | - | 消息文本(必填) |
|
|
28
|
+
| duration | `number` | `2000` | 自动消失时间(毫秒) |
|
|
29
|
+
| type | `'Error' \| 'Warning' \| 'Success' \| 'Info'` | `'Info'` | 消息类型 |
|
|
30
|
+
| description | `string` | - | 描述/副标题文本 |
|
|
31
|
+
| actionText | `string` | - | 操作按钮文本 |
|
|
32
|
+
| onActionPress | `() => void` | - | 操作按钮点击回调 |
|
|
33
|
+
| hideToast | `() => void` | - | 隐藏 Toast 的回调 |
|
|
34
|
+
| style | `any` | - | 自定义外层样式 |
|
|
35
|
+
|
|
36
|
+
## 使用示例
|
|
37
|
+
|
|
38
|
+
### 基础用法
|
|
39
|
+
|
|
40
|
+
```tsx
|
|
41
|
+
const [visible, setVisible] = useState(false);
|
|
42
|
+
|
|
43
|
+
<Toast
|
|
44
|
+
visible={visible}
|
|
45
|
+
message="Operation successful"
|
|
46
|
+
type="Success"
|
|
47
|
+
hideToast={() => setVisible(false)}
|
|
48
|
+
/>
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
### 带描述文本
|
|
52
|
+
|
|
53
|
+
```tsx
|
|
54
|
+
<Toast
|
|
55
|
+
visible={true}
|
|
56
|
+
message="Order created"
|
|
57
|
+
description="Order #12345 has been placed"
|
|
58
|
+
type="Info"
|
|
59
|
+
duration={3000}
|
|
60
|
+
hideToast={() => setVisible(false)}
|
|
61
|
+
/>
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
### 带操作按钮
|
|
65
|
+
|
|
66
|
+
```tsx
|
|
67
|
+
<Toast
|
|
68
|
+
visible={true}
|
|
69
|
+
message="Item deleted"
|
|
70
|
+
type="Warning"
|
|
71
|
+
actionText="Undo"
|
|
72
|
+
onActionPress={() => handleUndo()}
|
|
73
|
+
hideToast={() => setVisible(false)}
|
|
74
|
+
/>
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
### 错误提示
|
|
78
|
+
|
|
79
|
+
```tsx
|
|
80
|
+
<Toast
|
|
81
|
+
visible={true}
|
|
82
|
+
message="Network error"
|
|
83
|
+
description="Please check your connection"
|
|
84
|
+
type="Error"
|
|
85
|
+
duration={5000}
|
|
86
|
+
hideToast={() => setVisible(false)}
|
|
87
|
+
/>
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
## 注意事项
|
|
91
|
+
|
|
92
|
+
- `visible` 变为 `true` 时启动定时器,到时自动调用 `hideToast`
|
|
93
|
+
- 外部需自行管理 `visible` 状态,组件本身不维护显隐
|
|
94
|
+
- 类型名称首字母大写:`'Success'`、`'Error'`、`'Warning'`、`'Info'`
|
|
95
|
+
- Web 端最大宽度 450px,移动端最大宽度 375px
|
|
96
|
+
- 有 `actionText` 时容器会自动拉伸(flex: 1)
|