@beppla/tapas-ui 1.5.0 → 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/Alert.js +1 -1
- package/commonjs/Alert/README.md +75 -0
- package/commonjs/BarChart/BarChart.js +49 -86
- package/commonjs/BarChart/BarChart.js.map +1 -1
- 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/ConcreteTimeSelector.js +0 -6
- package/commonjs/Calendar/ConcreteTimeSelector.js.map +1 -1
- package/commonjs/Calendar/README.md +410 -0
- package/commonjs/Calendar/TimeSelector.js +0 -7
- package/commonjs/Calendar/TimeSelector.js.map +1 -1
- package/commonjs/Card/Card.js +1 -1
- package/commonjs/Card/Card.js.map +1 -1
- package/commonjs/Card/README.md +126 -0
- package/commonjs/CheckBox/CheckBox.js +3 -1
- package/commonjs/CheckBox/CheckBox.js.map +1 -1
- package/commonjs/CheckBox/CheckBoxItem.js +3 -1
- package/commonjs/CheckBox/CheckBoxItem.js.map +1 -1
- package/commonjs/CheckBox/README.md +147 -0
- package/commonjs/CircularProgress/CircularProgress.js +1 -1
- package/commonjs/CircularProgress/CircularProgress.js.map +1 -1
- package/commonjs/CircularProgress/README.md +70 -0
- package/commonjs/Collapsible/Collapsible.js +1 -1
- package/commonjs/Collapsible/Collapsible.js.map +1 -1
- package/commonjs/Collapsible/README.md +140 -0
- package/commonjs/ComboChart/ComboChart.js +3 -2
- package/commonjs/ComboChart/ComboChart.js.map +1 -1
- package/commonjs/ComboChart/README.md +124 -0
- package/commonjs/DashboardCard/DashboardCard.js +5 -1
- package/commonjs/DashboardCard/DashboardCard.js.map +1 -1
- package/commonjs/DashboardCard/README.md +120 -0
- package/commonjs/DataCell/DataCell.js +41 -56
- package/commonjs/DataCell/DataCell.js.map +1 -1
- package/commonjs/DataTable/DataTable.js.map +1 -1
- 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/CustomDropdown.js +0 -4
- package/commonjs/Dropdown/CustomDropdown.js.map +1 -1
- package/commonjs/Dropdown/Dropdown.js +1 -1
- package/commonjs/Dropdown/InputDropdown.js +4 -8
- package/commonjs/Dropdown/InputDropdown.js.map +1 -1
- package/commonjs/Dropdown/README.md +230 -0
- package/commonjs/ExternalLink/README.md +81 -0
- package/commonjs/Gantt/Gantt.js +82 -55
- package/commonjs/Gantt/Gantt.js.map +1 -1
- package/commonjs/Gantt/README.md +155 -0
- package/commonjs/Gantt/helper.js +13 -9
- package/commonjs/Gantt/helper.js.map +1 -1
- package/commonjs/Grid/FixedSizeGrid.js +2 -3
- package/commonjs/Grid/FixedSizeGrid.js.map +1 -1
- package/commonjs/Grid/Grid.base.js +0 -3
- package/commonjs/Grid/Grid.base.js.map +1 -1
- package/commonjs/Grid/README.md +197 -0
- package/commonjs/Grid/StaticFixedSizeGrid.js +22 -28
- package/commonjs/Grid/StaticFixedSizeGrid.js.map +1 -1
- package/commonjs/Grid/VariableSizeGrid.js +13 -18
- package/commonjs/Grid/VariableSizeGrid.js.map +1 -1
- 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/IconText.js +1 -1
- package/commonjs/IconText/IconText.js.map +1 -1
- package/commonjs/IconText/README.md +99 -0
- package/commonjs/Icons/TapasIcon.js +30 -2
- package/commonjs/Icons/TapasIcon.js.map +1 -1
- package/commonjs/Icons/TapasIconExpo.js +4 -4
- package/commonjs/Icons/TapasIconExpo.js.map +1 -1
- package/commonjs/Icons/expoFontLoader.js +7 -195
- package/commonjs/Icons/expoFontLoader.js.map +1 -1
- package/commonjs/Icons/fontLoader.js +9 -230
- package/commonjs/Icons/fontLoader.js.map +1 -1
- package/commonjs/Icons/smartFontLoader.js +3 -0
- package/commonjs/Icons/smartFontLoader.js.map +1 -1
- package/commonjs/Image/PreviewImg/README.md +100 -0
- package/commonjs/Image/PreviewImg.js +16 -14
- package/commonjs/Image/PreviewImg.js.map +1 -1
- 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/LineChart.js +25 -17
- package/commonjs/LineChart/LineChart.js.map +1 -1
- package/commonjs/LineChart/README.md +181 -0
- package/commonjs/ListItem/ListItem.js +1 -1
- package/commonjs/ListItem/ListItem.js.map +1 -1
- 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/Navigation.js.map +1 -1
- package/commonjs/Navigation/README.md +197 -0
- package/commonjs/NumericInput/README.md +95 -0
- package/commonjs/Overlay/README.md +84 -0
- package/commonjs/Pagination/Pagination.js +11 -9
- package/commonjs/Pagination/Pagination.js.map +1 -1
- package/commonjs/Pagination/README.md +106 -0
- package/commonjs/PieChart/PieChart.js +16 -13
- package/commonjs/PieChart/PieChart.js.map +1 -1
- package/commonjs/PieChart/README.md +212 -0
- package/commonjs/Popover/README.md +82 -0
- package/commonjs/Progress/Progress.js +1 -1
- package/commonjs/Progress/Progress.js.map +1 -1
- package/commonjs/Progress/README.md +106 -0
- package/commonjs/RadioButton/README.md +85 -0
- package/commonjs/RadioButton/RadioButton.js +1 -1
- package/commonjs/RadioButton/RadioButton.js.map +1 -1
- package/commonjs/ScanButton/README.md +72 -0
- package/commonjs/SearchInput/SearchInput.js +5 -1
- package/commonjs/SearchInput/SearchInput.js.map +1 -1
- package/commonjs/SheetTitle/README.md +89 -0
- package/commonjs/SheetTitle/SheetTitle.js +1 -1
- package/commonjs/SheetTitle/SheetTitle.js.map +1 -1
- package/commonjs/Shell/README.md +152 -0
- package/commonjs/Shell/Shell.js.map +1 -1
- package/commonjs/StatisticCard/README.md +129 -0
- package/commonjs/StatisticCard/StatisticCard.js +2 -2
- package/commonjs/StatisticCard/StatisticCard.js.map +1 -1
- package/commonjs/StatisticsTable/StatisticsTable.js.map +1 -1
- package/commonjs/Status/README.md +75 -0
- package/commonjs/Status/Status.js +1 -1
- package/commonjs/Status/Status.js.map +1 -1
- package/commonjs/Steps/README.md +76 -0
- package/commonjs/Steps/Steps.js +1 -1
- package/commonjs/Steps/Steps.js.map +1 -1
- 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/Tag/Tag.js +4 -2
- package/commonjs/Tag/Tag.js.map +1 -1
- 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/ThemeProvider.js +4 -1
- package/commonjs/Theme/ThemeProvider.js.map +1 -1
- package/commonjs/Theme/defaultTheme.js +1 -0
- package/commonjs/Theme/defaultTheme.js.map +1 -1
- 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/Timeline/Timeline.js +4 -4
- package/commonjs/Timeline/Timeline.js.map +1 -1
- package/commonjs/Toast/README.md +96 -0
- package/commonjs/Upload/Upload.js +126 -0
- package/commonjs/Upload/Upload.js.map +1 -0
- package/commonjs/WebViewBridge/WebViewBridge.js +2 -0
- package/commonjs/WebViewBridge/WebViewBridge.js.map +1 -1
- package/commonjs/common/bridgelessUtils.js +2 -2
- package/commonjs/common/bridgelessUtils.js.map +1 -1
- package/commonjs/index.js +39 -5
- package/commonjs/index.js.map +1 -1
- package/module/Alert/Alert.js +1 -1
- package/module/Alert/README.md +75 -0
- package/module/BarChart/BarChart.js +48 -86
- package/module/BarChart/BarChart.js.map +1 -1
- 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/ConcreteTimeSelector.js +0 -6
- package/module/Calendar/ConcreteTimeSelector.js.map +1 -1
- package/module/Calendar/README.md +410 -0
- package/module/Calendar/TimeSelector.js +0 -7
- package/module/Calendar/TimeSelector.js.map +1 -1
- package/module/Card/Card.js +1 -1
- package/module/Card/Card.js.map +1 -1
- package/module/Card/README.md +126 -0
- package/module/CheckBox/CheckBox.js +3 -1
- package/module/CheckBox/CheckBox.js.map +1 -1
- package/module/CheckBox/CheckBoxItem.js +3 -1
- package/module/CheckBox/CheckBoxItem.js.map +1 -1
- package/module/CheckBox/README.md +147 -0
- package/module/CircularProgress/CircularProgress.js +1 -1
- package/module/CircularProgress/CircularProgress.js.map +1 -1
- package/module/CircularProgress/README.md +70 -0
- package/module/Collapsible/Collapsible.js +1 -1
- package/module/Collapsible/Collapsible.js.map +1 -1
- package/module/Collapsible/README.md +140 -0
- package/module/ComboChart/ComboChart.js +3 -2
- package/module/ComboChart/ComboChart.js.map +1 -1
- package/module/ComboChart/README.md +124 -0
- package/module/DashboardCard/DashboardCard.js +5 -1
- package/module/DashboardCard/DashboardCard.js.map +1 -1
- package/module/DashboardCard/README.md +120 -0
- package/module/DataCell/DataCell.js +41 -56
- package/module/DataCell/DataCell.js.map +1 -1
- package/module/DataTable/DataTable.js.map +1 -1
- 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/CustomDropdown.js +0 -3
- package/module/Dropdown/CustomDropdown.js.map +1 -1
- package/module/Dropdown/Dropdown.js +1 -1
- package/module/Dropdown/InputDropdown.js +4 -8
- package/module/Dropdown/InputDropdown.js.map +1 -1
- package/module/Dropdown/README.md +230 -0
- package/module/ExternalLink/README.md +81 -0
- package/module/Gantt/Gantt.js +82 -55
- package/module/Gantt/Gantt.js.map +1 -1
- package/module/Gantt/README.md +155 -0
- package/module/Gantt/helper.js +13 -9
- package/module/Gantt/helper.js.map +1 -1
- package/module/Grid/FixedSizeGrid.js +2 -3
- package/module/Grid/FixedSizeGrid.js.map +1 -1
- package/module/Grid/Grid.base.js +0 -3
- package/module/Grid/Grid.base.js.map +1 -1
- package/module/Grid/README.md +197 -0
- package/module/Grid/StaticFixedSizeGrid.js +22 -28
- package/module/Grid/StaticFixedSizeGrid.js.map +1 -1
- package/module/Grid/VariableSizeGrid.js +13 -18
- package/module/Grid/VariableSizeGrid.js.map +1 -1
- 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/IconText.js +1 -1
- package/module/IconText/IconText.js.map +1 -1
- package/module/IconText/README.md +99 -0
- package/module/Icons/TapasIcon.js +28 -1
- package/module/Icons/TapasIcon.js.map +1 -1
- package/module/Icons/TapasIconExpo.js +4 -4
- package/module/Icons/TapasIconExpo.js.map +1 -1
- package/module/Icons/expoFontLoader.js +6 -193
- package/module/Icons/expoFontLoader.js.map +1 -1
- package/module/Icons/fontLoader.js +8 -228
- package/module/Icons/fontLoader.js.map +1 -1
- package/module/Icons/smartFontLoader.js +3 -0
- package/module/Icons/smartFontLoader.js.map +1 -1
- package/module/Image/PreviewImg/README.md +100 -0
- package/module/Image/PreviewImg.js +16 -14
- package/module/Image/PreviewImg.js.map +1 -1
- 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/LineChart.js +24 -17
- package/module/LineChart/LineChart.js.map +1 -1
- package/module/LineChart/README.md +181 -0
- package/module/ListItem/ListItem.js +1 -1
- package/module/ListItem/ListItem.js.map +1 -1
- 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/Navigation.js.map +1 -1
- package/module/Navigation/README.md +197 -0
- package/module/NumericInput/README.md +95 -0
- package/module/Overlay/README.md +84 -0
- package/module/Pagination/Pagination.js +11 -9
- package/module/Pagination/Pagination.js.map +1 -1
- package/module/Pagination/README.md +106 -0
- package/module/PieChart/PieChart.js +15 -13
- package/module/PieChart/PieChart.js.map +1 -1
- package/module/PieChart/README.md +212 -0
- package/module/Popover/README.md +82 -0
- package/module/Progress/Progress.js +1 -1
- package/module/Progress/Progress.js.map +1 -1
- package/module/Progress/README.md +106 -0
- package/module/RadioButton/README.md +85 -0
- package/module/RadioButton/RadioButton.js +1 -1
- package/module/RadioButton/RadioButton.js.map +1 -1
- package/module/ScanButton/README.md +72 -0
- package/module/SearchInput/SearchInput.js +5 -1
- package/module/SearchInput/SearchInput.js.map +1 -1
- package/module/SheetTitle/README.md +89 -0
- package/module/SheetTitle/SheetTitle.js +1 -1
- package/module/SheetTitle/SheetTitle.js.map +1 -1
- package/module/Shell/README.md +152 -0
- package/module/Shell/Shell.js.map +1 -1
- package/module/StatisticCard/README.md +129 -0
- package/module/StatisticCard/StatisticCard.js +2 -1
- package/module/StatisticCard/StatisticCard.js.map +1 -1
- package/module/StatisticsTable/StatisticsTable.js.map +1 -1
- package/module/Status/README.md +75 -0
- package/module/Status/Status.js +1 -1
- package/module/Status/Status.js.map +1 -1
- package/module/Steps/README.md +76 -0
- package/module/Steps/Steps.js +1 -1
- package/module/Steps/Steps.js.map +1 -1
- 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/Tag/Tag.js +4 -2
- package/module/Tag/Tag.js.map +1 -1
- 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/ThemeProvider.js +4 -1
- package/module/Theme/ThemeProvider.js.map +1 -1
- package/module/Theme/defaultTheme.js +1 -0
- package/module/Theme/defaultTheme.js.map +1 -1
- 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/Timeline/Timeline.js +4 -4
- package/module/Timeline/Timeline.js.map +1 -1
- package/module/Toast/README.md +96 -0
- package/module/Upload/Upload.js +121 -0
- package/module/Upload/Upload.js.map +1 -0
- package/module/WebViewBridge/WebViewBridge.js +2 -0
- package/module/WebViewBridge/WebViewBridge.js.map +1 -1
- package/module/common/bridgelessUtils.js +2 -2
- package/module/common/bridgelessUtils.js.map +1 -1
- package/module/index.js +12 -4
- package/module/index.js.map +1 -1
- package/package.json +1 -1
- package/typescript/BarChart/BarChart.d.ts.map +1 -1
- package/typescript/Calendar/ConcreteTimeSelector.d.ts.map +1 -1
- package/typescript/Calendar/TimeSelector.d.ts.map +1 -1
- package/typescript/Card/Card.d.ts.map +1 -1
- package/typescript/CheckBox/CheckBox.d.ts.map +1 -1
- package/typescript/CheckBox/CheckBoxItem.d.ts.map +1 -1
- package/typescript/CircularProgress/CircularProgress.d.ts.map +1 -1
- package/typescript/Collapsible/Collapsible.d.ts.map +1 -1
- package/typescript/ComboChart/ComboChart.d.ts.map +1 -1
- package/typescript/DashboardCard/DashboardCard.d.ts +2 -2
- package/typescript/DashboardCard/DashboardCard.d.ts.map +1 -1
- package/typescript/DataCell/DataCell.d.ts.map +1 -1
- package/typescript/Dropdown/CustomDropdown.d.ts.map +1 -1
- package/typescript/Dropdown/InputDropdown.d.ts.map +1 -1
- package/typescript/Gantt/Gantt.d.ts.map +1 -1
- package/typescript/Gantt/helper.d.ts +1 -1
- package/typescript/Gantt/helper.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/StaticFixedSizeGrid.d.ts.map +1 -1
- package/typescript/Grid/VariableSizeGrid.d.ts +1 -3
- package/typescript/Grid/VariableSizeGrid.d.ts.map +1 -1
- package/typescript/IconText/IconText.d.ts.map +1 -1
- package/typescript/Icons/TapasIcon.d.ts +13 -0
- package/typescript/Icons/TapasIcon.d.ts.map +1 -1
- package/typescript/Icons/TapasIconExpo.d.ts.map +1 -1
- package/typescript/Icons/expoFontLoader.d.ts +7 -49
- package/typescript/Icons/expoFontLoader.d.ts.map +1 -1
- package/typescript/Icons/fontLoader.d.ts +9 -52
- package/typescript/Icons/fontLoader.d.ts.map +1 -1
- package/typescript/Icons/smartFontLoader.d.ts +4 -59
- package/typescript/Icons/smartFontLoader.d.ts.map +1 -1
- package/typescript/Image/PreviewImg.d.ts.map +1 -1
- package/typescript/Input/Input.d.ts +5 -0
- package/typescript/Input/Input.d.ts.map +1 -1
- package/typescript/LineChart/LineChart.d.ts.map +1 -1
- package/typescript/ListItem/ListItem.d.ts.map +1 -1
- package/typescript/MessageBox/MessageBox.d.ts.map +1 -1
- package/typescript/Pagination/Pagination.d.ts +3 -3
- package/typescript/Pagination/Pagination.d.ts.map +1 -1
- package/typescript/PieChart/PieChart.d.ts.map +1 -1
- package/typescript/Progress/Progress.d.ts.map +1 -1
- package/typescript/RadioButton/RadioButton.d.ts.map +1 -1
- package/typescript/SearchInput/SearchInput.d.ts +4 -0
- package/typescript/SearchInput/SearchInput.d.ts.map +1 -1
- package/typescript/SheetTitle/SheetTitle.d.ts.map +1 -1
- package/typescript/StatisticCard/StatisticCard.d.ts +1 -1
- package/typescript/StatisticCard/StatisticCard.d.ts.map +1 -1
- package/typescript/Status/Status.d.ts.map +1 -1
- package/typescript/Steps/Steps.d.ts.map +1 -1
- package/typescript/Switch/Switch.d.ts +15 -0
- package/typescript/Switch/Switch.d.ts.map +1 -0
- package/typescript/Tag/Tag.d.ts.map +1 -1
- package/typescript/TextArea/TextArea.d.ts +2 -0
- package/typescript/TextArea/TextArea.d.ts.map +1 -1
- package/typescript/Theme/ThemeProvider.d.ts +1 -1
- package/typescript/Theme/ThemeProvider.d.ts.map +1 -1
- package/typescript/Theme/defaultTheme.d.ts +288 -1
- package/typescript/Theme/defaultTheme.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/types.d.ts +3 -0
- package/typescript/Theme/types.d.ts.map +1 -1
- package/typescript/Theme/withTheme.d.ts +12 -0
- package/typescript/Theme/withTheme.d.ts.map +1 -0
- package/typescript/Timeline/Timeline.d.ts.map +1 -1
- package/typescript/Upload/Upload.d.ts +25 -0
- package/typescript/Upload/Upload.d.ts.map +1 -0
- package/typescript/WebViewBridge/WebViewBridge.d.ts.map +1 -1
- 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 +580 -4
- package/typescript/index.d.ts.map +1 -1
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
# Card
|
|
2
|
+
|
|
3
|
+
通用卡片组件,支持图标、状态指示、导航按钮和更多选项菜单,适用于仪表板入口、功能模块展示等场景。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 支持自定义图标显示(TapasIcon)
|
|
8
|
+
- ✅ 状态指示器(normal / warning / error / success),带对应颜色背景标签
|
|
9
|
+
- ✅ 可选的导航按钮(showNavBtn),带圆形边框样式
|
|
10
|
+
- ✅ 更多选项按钮(showMore),支持自定义图标
|
|
11
|
+
- ✅ 鼠标悬停阴影效果
|
|
12
|
+
- ✅ 自定义卡片宽度,固定高度 128px
|
|
13
|
+
- ✅ 标题与副标题显示,自动单行截断
|
|
14
|
+
- ✅ 点击事件回调,返回 `path--cardId` 格式
|
|
15
|
+
- ✅ 继承 ViewProps,支持自定义样式
|
|
16
|
+
- ✅ 基于 @rneui/themed 主题系统
|
|
17
|
+
|
|
18
|
+
## 安装使用
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import Card from '@beppla/tapas-ui/components/Card/Card';
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Props
|
|
25
|
+
|
|
26
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
27
|
+
|------|------|--------|------|
|
|
28
|
+
| cardId | `string` | (必填) | 卡片唯一标识 |
|
|
29
|
+
| title | `string` | - | 卡片标题 |
|
|
30
|
+
| subTitle | `string` | - | 卡片副标题 |
|
|
31
|
+
| icon | `string` | - | 卡片图标名称(TapasIcon) |
|
|
32
|
+
| showMore | `boolean` | - | 是否显示更多选项按钮 |
|
|
33
|
+
| moreBtnIcon | `string` | `'more_vert'` | 更多按钮图标名称 |
|
|
34
|
+
| showMoreOptions | `(key: string) => void` | - | 更多选项按钮点击回调,参数为 cardId |
|
|
35
|
+
| path | `string` | - | 路径标识,拼接到 onPress 回调参数中 |
|
|
36
|
+
| showNavBtn | `boolean` | - | 是否显示导航按钮 |
|
|
37
|
+
| navBtnIcon | `string` | `'back'` | 导航按钮图标名称 |
|
|
38
|
+
| state | `'normal' \| 'warning' \| 'error' \| 'success'` | - | 卡片状态 |
|
|
39
|
+
| stateText | `string` | - | 状态指示文本 |
|
|
40
|
+
| width | `number` | `285` | 卡片宽度(像素) |
|
|
41
|
+
| onPress | `(key: string) => void` | - | 卡片点击回调,参数为 `${path}--${cardId}` |
|
|
42
|
+
| actions | `Action[]` | - | 操作按钮数组 |
|
|
43
|
+
| style | `ViewStyle` | - | 自定义样式(继承自 ViewProps) |
|
|
44
|
+
|
|
45
|
+
### Action 接口
|
|
46
|
+
|
|
47
|
+
| 属性 | 类型 | 说明 |
|
|
48
|
+
|------|------|------|
|
|
49
|
+
| key | `string` | 操作唯一标识 |
|
|
50
|
+
| name | `string` | 操作名称 |
|
|
51
|
+
| icon | `string` | 操作图标名称 |
|
|
52
|
+
|
|
53
|
+
## 使用示例
|
|
54
|
+
|
|
55
|
+
### 基础用法
|
|
56
|
+
|
|
57
|
+
```tsx
|
|
58
|
+
<Card
|
|
59
|
+
cardId="card-1"
|
|
60
|
+
title="示例卡片"
|
|
61
|
+
subTitle="这是一个示例卡片"
|
|
62
|
+
icon="dashboard"
|
|
63
|
+
showNavBtn
|
|
64
|
+
width={285}
|
|
65
|
+
/>
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
### 带状态指示
|
|
69
|
+
|
|
70
|
+
```tsx
|
|
71
|
+
<Card
|
|
72
|
+
cardId="card-2"
|
|
73
|
+
title="运行状态"
|
|
74
|
+
subTitle="服务器状态"
|
|
75
|
+
icon="dashboard"
|
|
76
|
+
state="success"
|
|
77
|
+
stateText="运行正常"
|
|
78
|
+
/>
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
### 带更多选项
|
|
82
|
+
|
|
83
|
+
```tsx
|
|
84
|
+
<Card
|
|
85
|
+
cardId="card-3"
|
|
86
|
+
title="功能模块"
|
|
87
|
+
subTitle="点击查看更多"
|
|
88
|
+
icon="restaurant_menu"
|
|
89
|
+
showMore
|
|
90
|
+
showMoreOptions={(cardId) => console.log(`More: ${cardId}`)}
|
|
91
|
+
/>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
### 不同尺寸
|
|
95
|
+
|
|
96
|
+
```tsx
|
|
97
|
+
<Card cardId="small-card" width={200} title="小尺寸卡片" />
|
|
98
|
+
<Card cardId="standard-card" width={285} title="标准尺寸卡片" />
|
|
99
|
+
<Card cardId="large-card" width={350} title="大尺寸卡片" />
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
### 交互卡片
|
|
103
|
+
|
|
104
|
+
```tsx
|
|
105
|
+
<Card
|
|
106
|
+
cardId="card-4"
|
|
107
|
+
title="可点击卡片"
|
|
108
|
+
subTitle="点击触发事件"
|
|
109
|
+
icon="dashboard"
|
|
110
|
+
showMore
|
|
111
|
+
showNavBtn
|
|
112
|
+
state="warning"
|
|
113
|
+
stateText="需要注意"
|
|
114
|
+
onPress={(key) => console.log(`Pressed: ${key}`)}
|
|
115
|
+
showMoreOptions={(cardId) => console.log(`More: ${cardId}`)}
|
|
116
|
+
/>
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
## 注意事项
|
|
120
|
+
|
|
121
|
+
- `cardId` 属性是必填项,用于唯一标识卡片
|
|
122
|
+
- `onPress` 回调返回的 key 格式为 `${path}--${cardId}`
|
|
123
|
+
- `state` 和 `stateText` 需同时设置才会显示状态标签
|
|
124
|
+
- 卡片固定高度为 128px,宽度通过 `width` 属性控制,默认 285px
|
|
125
|
+
- 更多选项按钮点击事件通过 `stopPropagation` 阻止冒泡到卡片点击
|
|
126
|
+
- 组件使用 `@rneui/themed` 主题系统,需在 ThemeProvider 内使用
|
|
@@ -104,6 +104,8 @@ const CheckBox = props => {
|
|
|
104
104
|
return !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
105
105
|
style: [styles.checkBoxContainer, isHovered && styles.hovered, isHovered && hoverStyle, isSelected && styles.selected, style],
|
|
106
106
|
onPress: handleItemPress,
|
|
107
|
+
accessibilityRole: "checkbox",
|
|
108
|
+
accessibilityLabel: label || (typeof children === 'string' ? children : 'Checkbox'),
|
|
107
109
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_themed.Text, {
|
|
108
110
|
style: [styles.textItem, isHovered && styles.textHovered, isSelected && styles.textSelected],
|
|
109
111
|
numberOfLines: 1,
|
|
@@ -133,5 +135,5 @@ const CheckBox = props => {
|
|
|
133
135
|
children: renderText()
|
|
134
136
|
}) : renderText();
|
|
135
137
|
};
|
|
136
|
-
var _default = exports.default = (0, _themed.withTheme)(CheckBox);
|
|
138
|
+
var _default = exports.default = (0, _themed.withTheme)(/*#__PURE__*/_react.default.memo(CheckBox));
|
|
137
139
|
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_themed","_reactNative","_TapasIcon","_interopRequireDefault","_Hoverable","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","makeStyles","theme","props","disabled","mode","textItem","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colors","colorTextPrimary","justifyContent","alignItems","display","minWidth","checkBoxContainer","backgroundColor","grey4","white","paddingLeft","paddingRight","paddingVertical","height","borderRadius","radius","rounded","marginBottom","disabledText","hovered","grey3","undefined","selected","primary","textHovered","grey1","textSelected","checkBox","marginRight","checkedBox","uncheckedBox","disabledBox","CheckBox","styles","children","label","checked","style","onPress","hoverStyle","full","isHovered","setIsHovered","useState","isSelected","setIsSelected","handleItemPress","handleMouseEnter","handleMouseLeave","useEffect","renderText","jsx","TouchableOpacity","jsxs","Text","numberOfLines","ellipsizeMode","name","size","Platform","OS","onHoverIn","onHoverOut","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["CheckBox/CheckBox.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_themed","_reactNative","_TapasIcon","_interopRequireDefault","_Hoverable","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","makeStyles","theme","props","disabled","mode","textItem","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colors","colorTextPrimary","justifyContent","alignItems","display","minWidth","checkBoxContainer","backgroundColor","grey4","white","paddingLeft","paddingRight","paddingVertical","height","borderRadius","radius","rounded","marginBottom","disabledText","hovered","grey3","undefined","selected","primary","textHovered","grey1","textSelected","checkBox","marginRight","checkedBox","uncheckedBox","disabledBox","CheckBox","styles","children","label","checked","style","onPress","hoverStyle","full","isHovered","setIsHovered","useState","isSelected","setIsSelected","handleItemPress","handleMouseEnter","handleMouseLeave","useEffect","renderText","jsx","TouchableOpacity","accessibilityRole","accessibilityLabel","jsxs","Text","numberOfLines","ellipsizeMode","name","size","Platform","OS","onHoverIn","onHoverOut","_default","exports","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -119,6 +119,8 @@ const CheckBoxItem = ({
|
|
|
119
119
|
flexDirection: 'row',
|
|
120
120
|
alignItems: 'center'
|
|
121
121
|
},
|
|
122
|
+
accessibilityRole: "checkbox",
|
|
123
|
+
accessibilityLabel: item?.title || '',
|
|
122
124
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
|
|
123
125
|
style: [styles.icon, selected ? styles.checkedBox : styles.uncheckedBox, disabled && styles.disabledBox],
|
|
124
126
|
name: selected ? 'check_box' : 'check_box_outline_blank',
|
|
@@ -132,5 +134,5 @@ const CheckBoxItem = ({
|
|
|
132
134
|
})
|
|
133
135
|
}, key);
|
|
134
136
|
};
|
|
135
|
-
var _default = exports.default = (0, _themed.withTheme)(CheckBoxItem);
|
|
137
|
+
var _default = exports.default = (0, _themed.withTheme)(/*#__PURE__*/_react.default.memo(CheckBoxItem));
|
|
136
138
|
//# sourceMappingURL=CheckBoxItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_themed","_reactNative","_Hoverable","_interopRequireDefault","_TapasIcon","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyle","makeStyles","theme","props","disabled","_disabled","listItemContainer","backgroundColor","colors","grey5","padding","width","itemContainer","white","display","justifyContent","flexDirection","height","alignItems","flex","selectedItem","hovered","grey4","title","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colorTextPrimary","icon","colorTextAccent","marginRight","disabledTitle","disabledSelectedContainer","checkedBox","uncheckedBox","disabledBox","itemWrapper","paddingHorizontal","CheckBoxItem","item","key","onItemPress","styles","selected","isHovered","setIsHovered","useState","handleMouseEnter","handleMouseLeave","jsx","ListItem","containerStyle","style","children","Content","onHoverIn","onHoverOut","jsxs","TouchableOpacity","onPress","name","size","Title","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["CheckBox/CheckBoxItem.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_themed","_reactNative","_Hoverable","_interopRequireDefault","_TapasIcon","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyle","makeStyles","theme","props","disabled","_disabled","listItemContainer","backgroundColor","colors","grey5","padding","width","itemContainer","white","display","justifyContent","flexDirection","height","alignItems","flex","selectedItem","hovered","grey4","title","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colorTextPrimary","icon","colorTextAccent","marginRight","disabledTitle","disabledSelectedContainer","checkedBox","uncheckedBox","disabledBox","itemWrapper","paddingHorizontal","CheckBoxItem","item","key","onItemPress","styles","selected","isHovered","setIsHovered","useState","handleMouseEnter","handleMouseLeave","jsx","ListItem","containerStyle","style","children","Content","onHoverIn","onHoverOut","jsxs","TouchableOpacity","onPress","accessibilityRole","accessibilityLabel","name","size","Title","_default","exports","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["CheckBox/CheckBoxItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
# CheckBox / CheckBoxItem / GroupCheckBox
|
|
2
|
+
|
|
3
|
+
复选框组件系列,包含三个子组件:CheckBox(单个复选框)、CheckBoxItem(列表项复选框)、GroupCheckBox(分组复选框)。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ CheckBox 支持 light 和 dark 两种主题模式
|
|
8
|
+
- ✅ CheckBox 支持全选和半选(indeterminate)图标
|
|
9
|
+
- ✅ Web 端 hover 交互效果
|
|
10
|
+
- ✅ 支持禁用状态
|
|
11
|
+
- ✅ 受控模式,通过 checked 属性控制选中状态
|
|
12
|
+
- ✅ CheckBoxItem 适用于列表场景,带完整的列表项样式
|
|
13
|
+
- ✅ GroupCheckBox 支持分组展示,自动管理多选状态
|
|
14
|
+
- ✅ GroupCheckBox 支持分组名称显示
|
|
15
|
+
- ✅ 支持无障碍访问(accessibilityRole="checkbox")
|
|
16
|
+
- ✅ 使用 React.memo 优化渲染性能
|
|
17
|
+
|
|
18
|
+
## 安装使用
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import CheckBox from '@beppla/tapas-ui/components/CheckBox/CheckBox';
|
|
22
|
+
import CheckBoxItem from '@beppla/tapas-ui/components/CheckBox/CheckBoxItem';
|
|
23
|
+
import GroupCheckBox from '@beppla/tapas-ui/components/CheckBox/GroupCheckBox';
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Props
|
|
27
|
+
|
|
28
|
+
### CheckBox Props
|
|
29
|
+
|
|
30
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
31
|
+
|------|------|--------|------|
|
|
32
|
+
| label | `string` | - | 复选框标签文字 |
|
|
33
|
+
| checked | `boolean` | `false` | 是否选中 |
|
|
34
|
+
| disabled | `boolean` | - | 是否禁用 |
|
|
35
|
+
| onPress | `() => void` | - | 点击回调 |
|
|
36
|
+
| hoverStyle | `StyleProp<ViewStyle>` | - | hover 时的自定义样式 |
|
|
37
|
+
| type | `'checkbox' \| 'radio'` | - | 复选框类型 |
|
|
38
|
+
| mode | `'dark' \| 'light'` | - | 主题模式 |
|
|
39
|
+
| full | `boolean` | `true` | 是否全选图标,false 时显示半选图标 |
|
|
40
|
+
| children | `React.ReactNode` | - | 子内容 |
|
|
41
|
+
| style | - | - | 自定义容器样式(继承自 TextProps) |
|
|
42
|
+
|
|
43
|
+
### CheckBoxItem Props
|
|
44
|
+
|
|
45
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
46
|
+
|------|------|--------|------|
|
|
47
|
+
| selected | `boolean` | - | 是否选中 |
|
|
48
|
+
| item | `CheckBoxItemProps` | - | 选项数据(含 value、title、disabled) |
|
|
49
|
+
| key | `number \| string` | - | 唯一标识 |
|
|
50
|
+
| onItemPress | `(item: { value: string; title: string; disabled?: boolean }) => void` | - | 点击回调 |
|
|
51
|
+
| disabled | `boolean` | - | 是否禁用 |
|
|
52
|
+
|
|
53
|
+
### CheckBoxItemProps 数据类型
|
|
54
|
+
|
|
55
|
+
| 属性 | 类型 | 说明 |
|
|
56
|
+
|------|------|------|
|
|
57
|
+
| value | `string` | 选项值 |
|
|
58
|
+
| title | `string` | 选项标题 |
|
|
59
|
+
| disabled | `boolean` | 是否禁用 |
|
|
60
|
+
|
|
61
|
+
### GroupCheckBox Props
|
|
62
|
+
|
|
63
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
64
|
+
|------|------|--------|------|
|
|
65
|
+
| options | `OptionItem[]` | - | 分组选项数据 |
|
|
66
|
+
| selectedValues | `string[]` | - | 已选中的值数组 |
|
|
67
|
+
| onChange | `(value: string[]) => void` | - | 选中值变化回调 |
|
|
68
|
+
|
|
69
|
+
### OptionItem / item 数据类型
|
|
70
|
+
|
|
71
|
+
| 属性 | 类型 | 说明 |
|
|
72
|
+
|------|------|------|
|
|
73
|
+
| groupName | `string` | 分组名称(可选) |
|
|
74
|
+
| items | `item[]` | 分组下的选项列表 |
|
|
75
|
+
|
|
76
|
+
## 使用示例
|
|
77
|
+
|
|
78
|
+
### 基础 CheckBox
|
|
79
|
+
|
|
80
|
+
```tsx
|
|
81
|
+
<CheckBox label="Hello" checked={false} mode="light" onPress={() => {}} />
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
### 半选状态
|
|
85
|
+
|
|
86
|
+
```tsx
|
|
87
|
+
<CheckBox label="部分选中" checked={true} full={false} mode="light" />
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
### Dark 模式
|
|
91
|
+
|
|
92
|
+
```tsx
|
|
93
|
+
<CheckBox label="Dark Mode" checked={false} mode="dark" />
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
### CheckBoxItem 列表
|
|
97
|
+
|
|
98
|
+
```tsx
|
|
99
|
+
const data = [
|
|
100
|
+
{ title: 'Jone', value: 'Jone', disabled: false },
|
|
101
|
+
{ title: 'Bob', value: 'Bob', disabled: true },
|
|
102
|
+
];
|
|
103
|
+
|
|
104
|
+
{data.map((item, index) => (
|
|
105
|
+
<CheckBoxItem
|
|
106
|
+
key={index}
|
|
107
|
+
item={item}
|
|
108
|
+
selected={selectedItems.includes(item.value)}
|
|
109
|
+
disabled={item.disabled}
|
|
110
|
+
onItemPress={(value) => handleSelect(value)}
|
|
111
|
+
/>
|
|
112
|
+
))}
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
### 分组复选框
|
|
116
|
+
|
|
117
|
+
```tsx
|
|
118
|
+
const options = [
|
|
119
|
+
{
|
|
120
|
+
groupName: 'Group 1',
|
|
121
|
+
items: [
|
|
122
|
+
{ title: 'Jone', value: 'Jone', disabled: false, id: '1' },
|
|
123
|
+
{ title: 'Bob', value: 'Bob', disabled: true, id: '2' },
|
|
124
|
+
],
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
groupName: 'Group 2',
|
|
128
|
+
items: [
|
|
129
|
+
{ title: 'Anan', value: 'Anan', disabled: false, id: '3' },
|
|
130
|
+
],
|
|
131
|
+
},
|
|
132
|
+
];
|
|
133
|
+
|
|
134
|
+
<GroupCheckBox
|
|
135
|
+
options={options}
|
|
136
|
+
selectedValues={[]}
|
|
137
|
+
onChange={(selectedValues) => console.log(selectedValues)}
|
|
138
|
+
/>
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
## 注意事项
|
|
142
|
+
|
|
143
|
+
- CheckBox 的 hover 效果仅在 Web 平台生效
|
|
144
|
+
- GroupCheckBox 的 selectedValues 格式为 `groupName__value__id` 或 `value__id`
|
|
145
|
+
- CheckBoxItem 的 `selected` 属性为布尔值,需要外部管理选中状态
|
|
146
|
+
- GroupCheckBox 内置了选中状态管理,通过 onChange 回调通知外部
|
|
147
|
+
- item 数据类型中 `id` 字段在 GroupCheckBox 中是必须的
|
|
@@ -50,5 +50,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
50
50
|
paddingLeft: 8
|
|
51
51
|
}
|
|
52
52
|
});
|
|
53
|
-
var _default = exports.default = (0, _themed.withTheme)(CircularProgressExample);
|
|
53
|
+
var _default = exports.default = (0, _themed.withTheme)(/*#__PURE__*/_react.default.memo(CircularProgressExample));
|
|
54
54
|
//# sourceMappingURL=CircularProgress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeCircularProgress","_themed","_jsxRuntime","e","__esModule","default","CircularProgressExample","size","fill","width","backgroundColor","theme","tintColor","rotation","lineCap","testID","jsx","View","style","styles","container","children","CircularProgress","colors","grey3","success","StyleSheet","create","display","justifyContent","alignItems","flexDirection","title","fontSize","fontWeight","rightContent","paddingLeft","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["CircularProgress/CircularProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQxC,MAAMG,uBAAkC,GAAGA,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC,KAAK;EAAEC,eAAe;EAACC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAK;EAC7H,oBACI,IAAAb,WAAA,CAAAc,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACL,MAAM,EAAEA,MAAO;IAAAM,QAAA,eAC1C,IAAAnB,WAAA,CAAAc,GAAA,EAAChB,4BAAA,CAAAsB,gBAAgB;MACbf,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MACbC,eAAe,EAAEA,eAAe,IAAIC,KAAK,EAAEY,MAAM,CAACC,KAAM;MACxDZ,SAAS,EAAEA,SAAS,IAAID,KAAK,EAAEY,MAAM,CAACE,OAAQ;MAC9CZ,QAAQ,EAAEA,QAAQ,IAAI,CAAE;MACxBC,OAAO,EAAEA,OAAO,IAAI;IAAQ,CAEd;EAAC,CACjB,CAAC;AAEf,CAAC;AAED,MAAMK,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC7BP,SAAS,EAAE;IACPQ,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACHC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EAChB,CAAC;EACDC,YAAY,EAAE;IACVC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEY,IAAAkC,iBAAS,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeCircularProgress","_themed","_jsxRuntime","e","__esModule","default","CircularProgressExample","size","fill","width","backgroundColor","theme","tintColor","rotation","lineCap","testID","jsx","View","style","styles","container","children","CircularProgress","colors","grey3","success","StyleSheet","create","display","justifyContent","alignItems","flexDirection","title","fontSize","fontWeight","rightContent","paddingLeft","_default","exports","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["CircularProgress/CircularProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQxC,MAAMG,uBAAkC,GAAGA,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC,KAAK;EAAEC,eAAe;EAACC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAK;EAC7H,oBACI,IAAAb,WAAA,CAAAc,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACL,MAAM,EAAEA,MAAO;IAAAM,QAAA,eAC1C,IAAAnB,WAAA,CAAAc,GAAA,EAAChB,4BAAA,CAAAsB,gBAAgB;MACbf,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MACbC,eAAe,EAAEA,eAAe,IAAIC,KAAK,EAAEY,MAAM,CAACC,KAAM;MACxDZ,SAAS,EAAEA,SAAS,IAAID,KAAK,EAAEY,MAAM,CAACE,OAAQ;MAC9CZ,QAAQ,EAAEA,QAAQ,IAAI,CAAE;MACxBC,OAAO,EAAEA,OAAO,IAAI;IAAQ,CAEd;EAAC,CACjB,CAAC;AAEf,CAAC;AAED,MAAMK,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC7BP,SAAS,EAAE;IACPQ,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACHC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EAChB,CAAC;EACDC,YAAY,EAAE;IACVC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEY,IAAAkC,iBAAS,eAACC,cAAK,CAACC,IAAI,CAACnC,uBAAuB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
# CircularProgress
|
|
2
|
+
|
|
3
|
+
圆形进度条组件,用于显示任务进度、加载状态或完成百分比。基于 `react-native-circular-progress` 库封装,提供简洁的圆形进度展示,自动适配主题颜色。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 圆形进度条展示
|
|
8
|
+
- ✅ 自定义尺寸(size)和线宽(width)
|
|
9
|
+
- ✅ 自定义填充百分比(fill: 0-100)
|
|
10
|
+
- ✅ 自定义进度色(tintColor)和背景色(backgroundColor)
|
|
11
|
+
- ✅ 圆角端点(lineCap: round)
|
|
12
|
+
- ✅ 可调起始角度(rotation)
|
|
13
|
+
- ✅ 主题色自动适配(成功色 / 灰色背景)
|
|
14
|
+
- ✅ React.memo 优化性能
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { CircularProgress } from '@beppla/tapas-ui';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
继承 `react-native-circular-progress` 的 `CircularProgressProps`,额外属性如下:
|
|
25
|
+
|
|
26
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
27
|
+
|------|------|--------|------|
|
|
28
|
+
| size | `number` | - | 圆形直径(必填) |
|
|
29
|
+
| fill | `number` | - | 填充百分比 0-100(必填) |
|
|
30
|
+
| width | `number` | - | 进度线宽度(必填) |
|
|
31
|
+
| backgroundColor | `string` | 主题 grey3 | 背景圆环颜色 |
|
|
32
|
+
| tintColor | `string` | 主题 success 色 | 进度圆环颜色 |
|
|
33
|
+
| rotation | `number` | `0` | 起始角度 |
|
|
34
|
+
| lineCap | `string` | `'round'` | 端点样式 |
|
|
35
|
+
| showFillText | `boolean` | - | 是否显示百分比文本(预留) |
|
|
36
|
+
| testID | `string` | - | 测试标识 |
|
|
37
|
+
|
|
38
|
+
## 使用示例
|
|
39
|
+
|
|
40
|
+
### 基础用法
|
|
41
|
+
|
|
42
|
+
```tsx
|
|
43
|
+
<CircularProgress size={80} fill={75} width={8} />
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### 自定义颜色
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
<CircularProgress
|
|
50
|
+
size={100}
|
|
51
|
+
fill={60}
|
|
52
|
+
width={10}
|
|
53
|
+
tintColor="#F55523"
|
|
54
|
+
backgroundColor="#E0E0E0"
|
|
55
|
+
/>
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### 小尺寸
|
|
59
|
+
|
|
60
|
+
```tsx
|
|
61
|
+
<CircularProgress size={40} fill={100} width={4} />
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
## 注意事项
|
|
65
|
+
|
|
66
|
+
- 依赖 `react-native-circular-progress` 库,请确保已安装
|
|
67
|
+
- `fill` 值范围为 0-100,表示百分比
|
|
68
|
+
- 默认 `backgroundColor` 使用主题 `grey3`,`tintColor` 使用主题 `success` 色
|
|
69
|
+
- `showFillText` 属性已定义但尚未在渲染中实现
|
|
70
|
+
- 需在 `ThemeProvider` 内使用
|
|
@@ -75,5 +75,5 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
|
|
|
75
75
|
paddingBottom: 12
|
|
76
76
|
}
|
|
77
77
|
}));
|
|
78
|
-
var _default = exports.default = (0, _themed.withTheme)(Collapsible);
|
|
78
|
+
var _default = exports.default = (0, _themed.withTheme)(/*#__PURE__*/_react.default.memo(Collapsible));
|
|
79
79
|
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","_Text","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Collapsible","children","title","initialOpen","testID","onToggle","titleStyle","contentStyle","iconColor","iconSize","isOpen","setIsOpen","useState","theme","useTheme","styles","useStyles","handleToggle","newState","jsxs","View","style","container","TouchableOpacity","heading","onPress","activeOpacity","jsx","name","size","color","colors","grey1","content","makeStyles","backgroundColor","background","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","flex","fontSize","fontWeight","primary","marginTop","marginLeft","paddingBottom","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["Collapsible/Collapsible.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","_Text","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Collapsible","children","title","initialOpen","testID","onToggle","titleStyle","contentStyle","iconColor","iconSize","isOpen","setIsOpen","useState","theme","useTheme","styles","useStyles","handleToggle","newState","jsxs","View","style","container","TouchableOpacity","heading","onPress","activeOpacity","jsx","name","size","color","colors","grey1","content","makeStyles","backgroundColor","background","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","flex","fontSize","fontWeight","primary","marginTop","marginLeft","paddingBottom","_default","exports","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["Collapsible/Collapsible.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAAqC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAarC,MAAMgB,WAAuC,GAAGA,CAAC;EAC/CC,QAAQ;EACRC,KAAK;EACLC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,QAAQ;EACRC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACT,WAAW,CAAC;EACjD,MAAMU,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,QAAQ,GAAG,CAACR,MAAM;IACxBC,SAAS,CAACO,QAAQ,CAAC;IACnBb,QAAQ,GAAGa,QAAQ,CAAC;EACtB,CAAC;EAED,oBACE,IAAAtC,WAAA,CAAAuC,IAAA,EAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEN,MAAM,CAACO,SAAU;IAAClB,MAAM,EAAEA,MAAO;IAAAH,QAAA,gBAC5C,IAAArB,WAAA,CAAAuC,IAAA,EAAC5C,YAAA,CAAAgD,gBAAgB;MACfF,KAAK,EAAEN,MAAM,CAACS,OAAQ;MACtBC,OAAO,EAAER,YAAa;MACtBS,aAAa,EAAE,GAAI;MAAAzB,QAAA,gBAEnB,IAAArB,WAAA,CAAA+C,GAAA,EAAClD,UAAA,CAAAM,OAAS;QACR6C,IAAI,EAAElB,MAAM,GAAG,aAAa,GAAG,aAAc;QAC7CmB,IAAI,EAAEpB,QAAS;QACfqB,KAAK,EAAEtB,SAAS,IAAIK,KAAK,CAACA,KAAK,CAACkB,MAAM,CAACC;MAAM,CAC9C,CAAC,eACF,IAAApD,WAAA,CAAA+C,GAAA,EAAChD,KAAA,CAAAI,OAAS;QAACsC,KAAK,EAAE,CAACN,MAAM,CAACb,KAAK,EAAEI,UAAU,CAAE;QAAAL,QAAA,EAC1CC;MAAK,CACG,CAAC;IAAA,CACI,CAAC,EAClBQ,MAAM,iBACL,IAAA9B,WAAA,CAAA+C,GAAA,EAACpD,YAAA,CAAA6C,IAAI;MAACC,KAAK,EAAE,CAACN,MAAM,CAACkB,OAAO,EAAE1B,YAAY,CAAE;MAAAN,QAAA,EACzCA;IAAQ,CACL,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMe,SAAS,GAAG,IAAAkB,kBAAU,EAAErB,KAAK,KAAM;EACvCS,SAAS,EAAE;IACTa,eAAe,EAAEtB,KAAK,CAACkB,MAAM,CAACK;EAChC,CAAC;EACDZ,OAAO,EAAE;IACPa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDvC,KAAK,EAAE;IACLwC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBd,KAAK,EAAEjB,KAAK,CAACkB,MAAM,CAACc;EACtB,CAAC;EACDZ,OAAO,EAAE;IACPa,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnE,OAAA,GAEW,IAAAoE,iBAAS,eAACC,cAAK,CAACC,IAAI,CAACrD,WAAW,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
# Collapsible
|
|
2
|
+
|
|
3
|
+
可折叠面板组件,点击标题行可展开或折叠内容区域。适用于 FAQ、设置面板、内容分组等场景。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- 点击标题行切换展开/折叠状态
|
|
8
|
+
- 支持初始状态控制(`initialOpen`)
|
|
9
|
+
- 展开/折叠状态变化回调(`onToggle`)
|
|
10
|
+
- 折叠时内容不渲染,优化性能
|
|
11
|
+
- 展开/折叠图标指示器(`expand_less` / `expand_more`)
|
|
12
|
+
- 可自定义标题样式和内容区域样式
|
|
13
|
+
- 可自定义图标大小和颜色
|
|
14
|
+
- 使用 `React.memo` 优化避免不必要的重渲染
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { Collapsible } from '@beppla/tapas-ui';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
25
|
+
|------|------|--------|------|
|
|
26
|
+
| title | `string` | - | 面板标题文本(必填) |
|
|
27
|
+
| children | `React.ReactNode` | - | 可折叠的内容区域 |
|
|
28
|
+
| initialOpen | `boolean` | `false` | 初始是否展开 |
|
|
29
|
+
| onToggle | `(isOpen: boolean) => void` | - | 展开/折叠状态变化回调 |
|
|
30
|
+
| titleStyle | `any` | - | 标题文本自定义样式 |
|
|
31
|
+
| contentStyle | `any` | - | 内容区域自定义样式 |
|
|
32
|
+
| iconColor | `string` | `theme.colors.grey1` | 指示器图标颜色 |
|
|
33
|
+
| iconSize | `number` | `18` | 指示器图标大小 |
|
|
34
|
+
| testID | `string` | - | 测试 ID |
|
|
35
|
+
|
|
36
|
+
## 使用示例
|
|
37
|
+
|
|
38
|
+
### 基础用法
|
|
39
|
+
|
|
40
|
+
```tsx
|
|
41
|
+
import { Collapsible } from '@beppla/tapas-ui';
|
|
42
|
+
import { Text } from 'react-native';
|
|
43
|
+
|
|
44
|
+
<Collapsible title="Basic Panel">
|
|
45
|
+
<Text>This is the collapsible content.</Text>
|
|
46
|
+
</Collapsible>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
### 初始展开
|
|
50
|
+
|
|
51
|
+
```tsx
|
|
52
|
+
<Collapsible title="Initially Open" initialOpen={true}>
|
|
53
|
+
<Text>This panel starts in the open state.</Text>
|
|
54
|
+
</Collapsible>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### 带状态回调
|
|
58
|
+
|
|
59
|
+
```tsx
|
|
60
|
+
<Collapsible
|
|
61
|
+
title="With Callback"
|
|
62
|
+
onToggle={(isOpen) => {
|
|
63
|
+
console.log('Panel is now', isOpen ? 'open' : 'closed');
|
|
64
|
+
}}
|
|
65
|
+
>
|
|
66
|
+
<Text>Toggle me and check the console.</Text>
|
|
67
|
+
</Collapsible>
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
### 多个面板组合
|
|
71
|
+
|
|
72
|
+
```tsx
|
|
73
|
+
import { Collapsible } from '@beppla/tapas-ui';
|
|
74
|
+
import { View, Text } from 'react-native';
|
|
75
|
+
|
|
76
|
+
<View style={{ gap: 8 }}>
|
|
77
|
+
<Collapsible title="Section 1" initialOpen={true}>
|
|
78
|
+
<Text>First section content</Text>
|
|
79
|
+
</Collapsible>
|
|
80
|
+
<Collapsible title="Section 2">
|
|
81
|
+
<Text>Second section content</Text>
|
|
82
|
+
</Collapsible>
|
|
83
|
+
<Collapsible title="Section 3">
|
|
84
|
+
<Text>Third section content</Text>
|
|
85
|
+
</Collapsible>
|
|
86
|
+
</View>
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
### 自定义样式
|
|
90
|
+
|
|
91
|
+
```tsx
|
|
92
|
+
<Collapsible
|
|
93
|
+
title="Styled Panel"
|
|
94
|
+
titleStyle={{ fontSize: 18, fontWeight: 'bold', color: '#1976d2' }}
|
|
95
|
+
contentStyle={{ backgroundColor: '#f5f5f5', padding: 12, borderRadius: 4 }}
|
|
96
|
+
iconSize={24}
|
|
97
|
+
iconColor="#ff6b6b"
|
|
98
|
+
>
|
|
99
|
+
<Text>Customized collapsible panel</Text>
|
|
100
|
+
</Collapsible>
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
### FAQ 页面场景
|
|
104
|
+
|
|
105
|
+
```tsx
|
|
106
|
+
import { Collapsible } from '@beppla/tapas-ui';
|
|
107
|
+
import { ScrollView, View, Text } from 'react-native';
|
|
108
|
+
|
|
109
|
+
const faqs = [
|
|
110
|
+
{ q: 'How to register?', a: 'Click the register button and fill in your details.' },
|
|
111
|
+
{ q: 'How to reset password?', a: 'Click "Forgot Password" on the login page.' },
|
|
112
|
+
{ q: 'How to contact support?', a: 'Use the chat button in the bottom right.' },
|
|
113
|
+
];
|
|
114
|
+
|
|
115
|
+
export default function FAQPage() {
|
|
116
|
+
return (
|
|
117
|
+
<ScrollView style={{ padding: 16 }}>
|
|
118
|
+
<Text style={{ fontSize: 20, fontWeight: 'bold', marginBottom: 16 }}>FAQ</Text>
|
|
119
|
+
<View style={{ gap: 8 }}>
|
|
120
|
+
{faqs.map((faq, i) => (
|
|
121
|
+
<Collapsible key={i} title={faq.q}>
|
|
122
|
+
<Text style={{ color: '#555', lineHeight: 20 }}>{faq.a}</Text>
|
|
123
|
+
</Collapsible>
|
|
124
|
+
))}
|
|
125
|
+
</View>
|
|
126
|
+
</ScrollView>
|
|
127
|
+
);
|
|
128
|
+
}
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
## 注意事项
|
|
132
|
+
|
|
133
|
+
- 标题点击区域包含整行(图标 + 标题文本),使用 `TouchableOpacity` 实现
|
|
134
|
+
- `initialOpen` 仅在组件首次挂载时生效,后续状态由内部 `useState` 管理
|
|
135
|
+
- 折叠状态下内容不渲染(条件渲染 `{isOpen && ...}`),有助于性能优化
|
|
136
|
+
- 展开时图标为 `expand_less`(向上箭头),折叠时为 `expand_more`(向下箭头)
|
|
137
|
+
- `iconColor` 未指定时默认使用主题的 `grey1` 颜色
|
|
138
|
+
- `titleStyle` 会与默认样式合并(默认 fontSize: 16, fontWeight: '600')
|
|
139
|
+
- 内容区域默认左缩进 24px(`marginLeft: 24`),可通过 `contentStyle` 覆盖
|
|
140
|
+
- 组件使用 `React.memo` 包装,仅在 props 变化时重新渲染
|