@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
package/module/Card/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","View","Text","TouchableWithoutFeedback","Pressable","withTheme","makeStyles","useTheme","TapasIcon","jsx","_jsx","jsxs","_jsxs","Card","style","icon","state","stateText","showMore","title","subTitle","moreBtnIcon","actions","cardId","path","showNavBtn","width","navBtnIcon","onPress","showMoreOptions","otherProps","theme","styles","useStyles","stateColors","error_bg","colors","colorStatusErrorBg","error_text","colorStatusError","warning_bg","colorStatusWarningBg","warning_text","colorStatusWarning","success_bg","colorStatusSuccessBg","success_text","colorStatusSuccess","hover","setHover","onPressIn","onPressOut","children","container","hoverStyle","inner","header","left","size","color","primary","name","stateCon","backgroundColor","numberOfLines","ellipsizeMode","right","e","stopPropagation","main","flexDirection","overflow","navBtn","alignSelf","display","justifyContent","height","borderRadius","white","cursor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","marginTop","marginBottom","marginRight","marginLeft","flexGrow","gap","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","borderColor","greyOutline","borderWidth","transform","borderStyle","grey1"],"sourceRoot":"../../../components","sources":["Card/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,IAAI,EAEJC,IAAI,EACJC,wBAAwB,EACxBC,SAAS,QACJ,cAAc;AACrB,SAASC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,eAAe;AAC/D,OAAOC,SAAS,MAAM,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA0B3C,MAAMC,IAAyB,GAAGA,CAAC;EACjCC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,WAAW,GAAG,WAAW;EACzBC,OAAO;EACPC,MAAM;EACNC,IAAI;EACJC,UAAU;EACVC,KAAK,GAAG,GAAG;EACXC,UAAU,GAAG,MAAM;EACnBC,OAAO;EACPC,eAAe;EACf,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGxB,QAAQ,CAAC,CAAC;EACxB,MAAMyB,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,WAAsC,GAAG;IAC7CC,QAAQ,EAAGJ,KAAK,CAACA,KAAK,CAACK,MAAM,
|
|
1
|
+
{"version":3,"names":["React","useState","View","Text","TouchableWithoutFeedback","Pressable","withTheme","makeStyles","useTheme","TapasIcon","jsx","_jsx","jsxs","_jsxs","Card","style","icon","state","stateText","showMore","title","subTitle","moreBtnIcon","actions","cardId","path","showNavBtn","width","navBtnIcon","onPress","showMoreOptions","otherProps","theme","styles","useStyles","stateColors","error_bg","colors","colorStatusErrorBg","error_text","colorStatusError","warning_bg","colorStatusWarningBg","warning_text","colorStatusWarning","success_bg","colorStatusSuccessBg","success_text","colorStatusSuccess","hover","setHover","onPressIn","onPressOut","children","container","hoverStyle","inner","header","left","size","color","primary","name","stateCon","backgroundColor","numberOfLines","ellipsizeMode","right","e","stopPropagation","main","flexDirection","overflow","navBtn","alignSelf","display","justifyContent","height","borderRadius","white","cursor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","marginTop","marginBottom","marginRight","marginLeft","flexGrow","gap","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","borderColor","greyOutline","borderWidth","transform","borderStyle","grey1","memo"],"sourceRoot":"../../../components","sources":["Card/Card.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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 内使用
|
|
@@ -98,6 +98,8 @@ const CheckBox = props => {
|
|
|
98
98
|
return !disabled ? /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
99
99
|
style: [styles.checkBoxContainer, isHovered && styles.hovered, isHovered && hoverStyle, isSelected && styles.selected, style],
|
|
100
100
|
onPress: handleItemPress,
|
|
101
|
+
accessibilityRole: "checkbox",
|
|
102
|
+
accessibilityLabel: label || (typeof children === 'string' ? children : 'Checkbox'),
|
|
101
103
|
children: /*#__PURE__*/_jsxs(RNText, {
|
|
102
104
|
style: [styles.textItem, isHovered && styles.textHovered, isSelected && styles.textSelected],
|
|
103
105
|
numberOfLines: 1,
|
|
@@ -127,5 +129,5 @@ const CheckBox = props => {
|
|
|
127
129
|
children: renderText()
|
|
128
130
|
}) : renderText();
|
|
129
131
|
};
|
|
130
|
-
export default withTheme(CheckBox);
|
|
132
|
+
export default withTheme(/*#__PURE__*/React.memo(CheckBox));
|
|
131
133
|
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","makeStyles","withTheme","Text","RNText","Platform","TouchableOpacity","Icon","Hoverable","jsx","_jsx","jsxs","_jsxs","useStyles","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","isSelected","setIsSelected","handleItemPress","handleMouseEnter","handleMouseLeave","renderText","numberOfLines","ellipsizeMode","name","size","OS","onHoverIn","onHoverOut"],"sourceRoot":"../../../components","sources":["CheckBox/CheckBox.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","makeStyles","withTheme","Text","RNText","Platform","TouchableOpacity","Icon","Hoverable","jsx","_jsx","jsxs","_jsxs","useStyles","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","isSelected","setIsSelected","handleItemPress","handleMouseEnter","handleMouseLeave","renderText","accessibilityRole","accessibilityLabel","numberOfLines","ellipsizeMode","name","size","OS","onHoverIn","onHoverOut","memo"],"sourceRoot":"../../../components","sources":["CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -113,6 +113,8 @@ const CheckBoxItem = ({
|
|
|
113
113
|
flexDirection: 'row',
|
|
114
114
|
alignItems: 'center'
|
|
115
115
|
},
|
|
116
|
+
accessibilityRole: "checkbox",
|
|
117
|
+
accessibilityLabel: item?.title || '',
|
|
116
118
|
children: [/*#__PURE__*/_jsx(Icon, {
|
|
117
119
|
style: [styles.icon, selected ? styles.checkedBox : styles.uncheckedBox, disabled && styles.disabledBox],
|
|
118
120
|
name: selected ? 'check_box' : 'check_box_outline_blank',
|
|
@@ -126,5 +128,5 @@ const CheckBoxItem = ({
|
|
|
126
128
|
})
|
|
127
129
|
}, key);
|
|
128
130
|
};
|
|
129
|
-
export default withTheme(CheckBoxItem);
|
|
131
|
+
export default withTheme(/*#__PURE__*/React.memo(CheckBoxItem));
|
|
130
132
|
//# sourceMappingURL=CheckBoxItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","ListItem","makeStyles","withTheme","TouchableOpacity","Hoverable","Icon","jsx","_jsx","jsxs","_jsxs","useStyle","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","handleMouseEnter","handleMouseLeave","containerStyle","style","children","Content","onHoverIn","onHoverOut","onPress","name","size","Title"],"sourceRoot":"../../../components","sources":["CheckBox/CheckBoxItem.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","useState","ListItem","makeStyles","withTheme","TouchableOpacity","Hoverable","Icon","jsx","_jsx","jsxs","_jsxs","useStyle","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","handleMouseEnter","handleMouseLeave","containerStyle","style","children","Content","onHoverIn","onHoverOut","onPress","accessibilityRole","accessibilityLabel","name","size","Title","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 中是必须的
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","CircularProgress","withTheme","jsx","_jsx","CircularProgressExample","size","fill","width","backgroundColor","theme","tintColor","rotation","lineCap","testID","style","styles","container","children","colors","grey3","success","create","display","justifyContent","alignItems","flexDirection","title","fontSize","fontWeight","rightContent","paddingLeft"],"sourceRoot":"../../../components","sources":["CircularProgress/CircularProgress.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,QAA+B,gCAAgC;AACxF,SAAQC,SAAS,QAAO,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQxC,MAAMC,uBAAkC,GAAGA,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC,KAAK;EAAEC,eAAe;EAACC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAK;EAC7H,oBACIV,IAAA,CAACJ,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACH,MAAM,EAAEA,MAAO;IAAAI,QAAA,eAC1Cd,IAAA,CAACH,gBAAgB;MACbK,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MACbC,eAAe,EAAEA,eAAe,IAAIC,KAAK,EAAES,MAAM,CAACC,KAAM;MACxDT,SAAS,EAAEA,SAAS,IAAID,KAAK,EAAES,MAAM,CAACE,OAAQ;MAC9CT,QAAQ,EAAEA,QAAQ,IAAI,CAAE;MACxBC,OAAO,EAAEA,OAAO,IAAI;IAAQ,CAEd;EAAC,CACjB,CAAC;AAEf,CAAC;AAED,MAAMG,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC7BL,SAAS,EAAE;IACPM,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;AAEF,eAAe7B,SAAS,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","CircularProgress","withTheme","jsx","_jsx","CircularProgressExample","size","fill","width","backgroundColor","theme","tintColor","rotation","lineCap","testID","style","styles","container","children","colors","grey3","success","create","display","justifyContent","alignItems","flexDirection","title","fontSize","fontWeight","rightContent","paddingLeft","memo"],"sourceRoot":"../../../components","sources":["CircularProgress/CircularProgress.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,QAA+B,gCAAgC;AACxF,SAAQC,SAAS,QAAO,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQxC,MAAMC,uBAAkC,GAAGA,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC,KAAK;EAAEC,eAAe;EAACC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAK;EAC7H,oBACIV,IAAA,CAACJ,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACH,MAAM,EAAEA,MAAO;IAAAI,QAAA,eAC1Cd,IAAA,CAACH,gBAAgB;MACbK,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MACbC,eAAe,EAAEA,eAAe,IAAIC,KAAK,EAAES,MAAM,CAACC,KAAM;MACxDT,SAAS,EAAEA,SAAS,IAAID,KAAK,EAAES,MAAM,CAACE,OAAQ;MAC9CT,QAAQ,EAAEA,QAAQ,IAAI,CAAE;MACxBC,OAAO,EAAEA,OAAO,IAAI;IAAQ,CAEd;EAAC,CACjB,CAAC;AAEf,CAAC;AAED,MAAMG,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC7BL,SAAS,EAAE;IACPM,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;AAEF,eAAe7B,SAAS,cAACJ,KAAK,CAACkC,IAAI,CAAC3B,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` 内使用
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","TouchableOpacity","View","withTheme","makeStyles","useTheme","TapasIcon","TapasText","jsx","_jsx","jsxs","_jsxs","Collapsible","children","title","initialOpen","testID","onToggle","titleStyle","contentStyle","iconColor","iconSize","isOpen","setIsOpen","theme","styles","useStyles","handleToggle","newState","style","container","heading","onPress","activeOpacity","name","size","color","colors","grey1","content","backgroundColor","background","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","flex","fontSize","fontWeight","primary","marginTop","marginLeft","paddingBottom"],"sourceRoot":"../../../components","sources":["Collapsible/Collapsible.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAuBC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,eAAe;AAC/D,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,SAAS,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAarC,MAAMC,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,GAAGvB,QAAQ,CAACe,WAAW,CAAC;EACjD,MAAMS,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EACxB,MAAMoB,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,QAAQ,GAAG,CAACN,MAAM;IACxBC,SAAS,CAACK,QAAQ,CAAC;IACnBX,QAAQ,GAAGW,QAAQ,CAAC;EACtB,CAAC;EAED,oBACEjB,KAAA,CAACT,IAAI;IAAC2B,KAAK,EAAEJ,MAAM,CAACK,SAAU;IAACd,MAAM,EAAEA,MAAO;IAAAH,QAAA,gBAC5CF,KAAA,CAACV,gBAAgB;MACf4B,KAAK,EAAEJ,MAAM,CAACM,OAAQ;MACtBC,OAAO,EAAEL,YAAa;MACtBM,aAAa,EAAE,GAAI;MAAApB,QAAA,gBAEnBJ,IAAA,CAACH,SAAS;QACR4B,IAAI,EAAEZ,MAAM,GAAG,aAAa,GAAG,aAAc;QAC7Ca,IAAI,EAAEd,QAAS;QACfe,KAAK,EAAEhB,SAAS,IAAII,KAAK,CAACA,KAAK,CAACa,MAAM,CAACC;MAAM,CAC9C,CAAC,eACF7B,IAAA,CAACF,SAAS;QAACsB,KAAK,EAAE,CAACJ,MAAM,CAACX,KAAK,EAAEI,UAAU,CAAE;QAAAL,QAAA,EAC1CC;MAAK,CACG,CAAC;IAAA,CACI,CAAC,EAClBQ,MAAM,iBACLb,IAAA,CAACP,IAAI;MAAC2B,KAAK,EAAE,CAACJ,MAAM,CAACc,OAAO,EAAEpB,YAAY,CAAE;MAAAN,QAAA,EACzCA;IAAQ,CACL,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMa,SAAS,GAAGtB,UAAU,CAAEoB,KAAK,KAAM;EACvCM,SAAS,EAAE;IACTU,eAAe,EAAEhB,KAAK,CAACa,MAAM,CAACI;EAChC,CAAC;EACDV,OAAO,EAAE;IACPW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDhC,KAAK,EAAE;IACLiC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBb,KAAK,EAAEZ,KAAK,CAACa,MAAM,CAACa;EACtB,CAAC;EACDX,OAAO,EAAE;IACPY,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC,CAAC;AAEH,eAAelD,SAAS,
|
|
1
|
+
{"version":3,"names":["React","useState","TouchableOpacity","View","withTheme","makeStyles","useTheme","TapasIcon","TapasText","jsx","_jsx","jsxs","_jsxs","Collapsible","children","title","initialOpen","testID","onToggle","titleStyle","contentStyle","iconColor","iconSize","isOpen","setIsOpen","theme","styles","useStyles","handleToggle","newState","style","container","heading","onPress","activeOpacity","name","size","color","colors","grey1","content","backgroundColor","background","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","flex","fontSize","fontWeight","primary","marginTop","marginLeft","paddingBottom","memo"],"sourceRoot":"../../../components","sources":["Collapsible/Collapsible.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAuBC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,eAAe;AAC/D,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,SAAS,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAarC,MAAMC,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,GAAGvB,QAAQ,CAACe,WAAW,CAAC;EACjD,MAAMS,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EACxB,MAAMoB,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,QAAQ,GAAG,CAACN,MAAM;IACxBC,SAAS,CAACK,QAAQ,CAAC;IACnBX,QAAQ,GAAGW,QAAQ,CAAC;EACtB,CAAC;EAED,oBACEjB,KAAA,CAACT,IAAI;IAAC2B,KAAK,EAAEJ,MAAM,CAACK,SAAU;IAACd,MAAM,EAAEA,MAAO;IAAAH,QAAA,gBAC5CF,KAAA,CAACV,gBAAgB;MACf4B,KAAK,EAAEJ,MAAM,CAACM,OAAQ;MACtBC,OAAO,EAAEL,YAAa;MACtBM,aAAa,EAAE,GAAI;MAAApB,QAAA,gBAEnBJ,IAAA,CAACH,SAAS;QACR4B,IAAI,EAAEZ,MAAM,GAAG,aAAa,GAAG,aAAc;QAC7Ca,IAAI,EAAEd,QAAS;QACfe,KAAK,EAAEhB,SAAS,IAAII,KAAK,CAACA,KAAK,CAACa,MAAM,CAACC;MAAM,CAC9C,CAAC,eACF7B,IAAA,CAACF,SAAS;QAACsB,KAAK,EAAE,CAACJ,MAAM,CAACX,KAAK,EAAEI,UAAU,CAAE;QAAAL,QAAA,EAC1CC;MAAK,CACG,CAAC;IAAA,CACI,CAAC,EAClBQ,MAAM,iBACLb,IAAA,CAACP,IAAI;MAAC2B,KAAK,EAAE,CAACJ,MAAM,CAACc,OAAO,EAAEpB,YAAY,CAAE;MAAAN,QAAA,EACzCA;IAAQ,CACL,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMa,SAAS,GAAGtB,UAAU,CAAEoB,KAAK,KAAM;EACvCM,SAAS,EAAE;IACTU,eAAe,EAAEhB,KAAK,CAACa,MAAM,CAACI;EAChC,CAAC;EACDV,OAAO,EAAE;IACPW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDhC,KAAK,EAAE;IACLiC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBb,KAAK,EAAEZ,KAAK,CAACa,MAAM,CAACa;EACtB,CAAC;EACDX,OAAO,EAAE;IACPY,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC,CAAC;AAEH,eAAelD,SAAS,cAACJ,KAAK,CAACuD,IAAI,CAAC1C,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 变化时重新渲染
|