@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["withTheme","React","useEffect","useState","View","Text","TouchableOpacity","StyleSheet","jsx","_jsx","jsxs","_jsxs","RadioButton","options","theme","onPress","selected","testID","checked","setChecked","style","styles","container","children","map","option","index","radioContainer","key","radioCon","outerCircle","borderColor","colors","primary","innerCircle","backgroundColor","text","label","color","create","display","flexDirection","justifyContent","minWidth","gap","width","height","marginRight","flexGrow","borderRadius","borderWidth","alignItems","fontSize","lineHeight","fontWeight"],"sourceRoot":"../../../components","sources":["RadioButton/RadioButton.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["withTheme","React","useEffect","useState","View","Text","TouchableOpacity","StyleSheet","jsx","_jsx","jsxs","_jsxs","RadioButton","options","theme","onPress","selected","testID","checked","setChecked","style","styles","container","children","map","option","index","radioContainer","key","radioCon","outerCircle","borderColor","colors","primary","innerCircle","backgroundColor","text","label","color","create","display","flexDirection","justifyContent","minWidth","gap","width","height","marginRight","flexGrow","borderRadius","borderWidth","alignItems","fontSize","lineHeight","fontWeight","memo"],"sourceRoot":"../../../components","sources":["RadioButton/RadioButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
# ScanButton
|
|
2
|
+
|
|
3
|
+
浮动扫描按钮组件,用于快速启动二维码扫描等功能。支持五个定位位置,可自定义文本、图标和颜色,以悬浮按钮形式固定在页面指定位置。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 五种定位位置:bottom-right / bottom-left / top-right / top-left / center
|
|
8
|
+
- ✅ 自定义按钮文本
|
|
9
|
+
- ✅ 自定义图标(TapasIcon 图标名)
|
|
10
|
+
- ✅ 自定义图标大小
|
|
11
|
+
- ✅ 自定义背景色、文字色、图标色
|
|
12
|
+
- ✅ 悬浮定位(position: absolute)
|
|
13
|
+
- ✅ 圆角胶囊按钮样式 + 阴影效果
|
|
14
|
+
- ✅ 主题色适配
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { ScanButton } from '@beppla/tapas-ui';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
25
|
+
|------|------|--------|------|
|
|
26
|
+
| onPress | `() => void` | - | 按钮点击回调 |
|
|
27
|
+
| text | `string` | `'Scan QR Code'` | 按钮文本 |
|
|
28
|
+
| icon | `string` | `'qr_code_scan'` | 图标名称 |
|
|
29
|
+
| size | `number` | `20` | 图标大小 |
|
|
30
|
+
| position | `'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left' \| 'center'` | `'bottom-right'` | 按钮定位位置 |
|
|
31
|
+
| backgroundColor | `string` | 主题 primary | 背景色 |
|
|
32
|
+
| textColor | `string` | 主题 white | 文字颜色 |
|
|
33
|
+
| iconColor | `string` | 主题 white | 图标颜色 |
|
|
34
|
+
| testID | `string` | - | 测试标识 |
|
|
35
|
+
|
|
36
|
+
## 使用示例
|
|
37
|
+
|
|
38
|
+
### 基础用法
|
|
39
|
+
|
|
40
|
+
```tsx
|
|
41
|
+
<ScanButton onPress={() => navigation.navigate('Scanner')} />
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### 左下角定位
|
|
45
|
+
|
|
46
|
+
```tsx
|
|
47
|
+
<ScanButton
|
|
48
|
+
position="bottom-left"
|
|
49
|
+
onPress={() => handleScan()}
|
|
50
|
+
/>
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
### 自定义样式
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
<ScanButton
|
|
57
|
+
text="Scan Barcode"
|
|
58
|
+
icon="barcode_scanner"
|
|
59
|
+
position="top-right"
|
|
60
|
+
backgroundColor="#895F38"
|
|
61
|
+
textColor="#FFF"
|
|
62
|
+
onPress={() => handleBarcodeScan()}
|
|
63
|
+
/>
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
## 注意事项
|
|
67
|
+
|
|
68
|
+
- 组件使用 `position: absolute` 定位,需要父容器具备定位上下文
|
|
69
|
+
- 按钮固定高度 40px,圆角 20px(胶囊形状)
|
|
70
|
+
- 文本超长会自动截断(numberOfLines=1, ellipsizeMode=tail)
|
|
71
|
+
- `center` 位置通过负 margin 实现居中,可能需要根据内容宽度调整
|
|
72
|
+
- 需在 `ThemeProvider` 内使用
|
|
@@ -138,6 +138,8 @@ const TapasSearchInput = ({
|
|
|
138
138
|
handleSelectResult(item);
|
|
139
139
|
}
|
|
140
140
|
},
|
|
141
|
+
accessibilityRole: "button",
|
|
142
|
+
accessibilityLabel: displayText,
|
|
141
143
|
children: /*#__PURE__*/_jsx(Text, {
|
|
142
144
|
style: styles.resultItemText,
|
|
143
145
|
children: displayText
|
|
@@ -227,7 +229,9 @@ const TapasSearchInput = ({
|
|
|
227
229
|
onPress: () => handleSearch(searchValue),
|
|
228
230
|
name: "search",
|
|
229
231
|
size: 24,
|
|
230
|
-
color: theme.theme.colors.grey1
|
|
232
|
+
color: theme.theme.colors.grey1,
|
|
233
|
+
accessibilityRole: "button",
|
|
234
|
+
accessibilityLabel: "Search"
|
|
231
235
|
}),
|
|
232
236
|
placeholder: currentPlaceholder
|
|
233
237
|
}), renderResultsList()]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","useCallback","useMemo","useRef","Platform","View","Text","TouchableOpacity","ScrollView","ActivityIndicator","Modal","TouchableWithoutFeedback","withTheme","makeStyles","useTheme","TapasInput","TapasIcon","isMobile","jsx","_jsx","jsxs","_jsxs","inputStyle","select","web","outlineStyle","default","borderWidth","height","width","TapasSearchInput","style","placeholder","activePlaceholder","inactivePlaceholder","value","onSearch","attachSearch","onSelectResult","onSelectHistory","renderResultItem","searchResults","isLoading","otherProps","theme","styles","useStyles","searchValue","setSearchValue","isFocused","setIsFocused","showResults","setShowResults","inputRef","currentPlaceholder","shouldShow","length","handleSearch","text","keyword","handleFocus","blurTimeoutRef","current","clearTimeout","handleBlur","setTimeout","handleSelectResult","item","handleSelectHistory","historyEntry","containerStyle","search","inputContainerStyle","inputContainer","maxHeight","minHeight","inputInnerContainerStyle","inputInnerContainer","inputStyleMemo","renderDefaultResultItem","index","isHistory","displayText","name","title","JSON","stringify","resultItem","onPress","children","resultItemText","renderResultsList","resultsContent","resultsContainer","loadingContainer","size","color","colors","primary","loadingText","resultsScrollView","keyboardShouldPersistTaps","keyboardDismissMode","showsVerticalScrollIndicator","map","undefined","transparent","visible","animationType","onRequestClose","modalBackdrop","modalContent","ref","labelBg","onChangeText","onFocus","onBlur","leftIcon","grey1","backgroundColor","grey4","borderRadius","borderBottomWidth","display","overflow","position","top","left","marginTop","white","shadowColor","black","shadowOffset","shadowOpacity","shadowRadius","elevation","zIndex","flex","justifyContent","alignItems","paddingTop","maxWidth","paddingHorizontal","paddingVertical","borderBottomColor","fontSize","fonts","sizeM","colorTextPrimary","fontFamily","flexDirection","padding","marginLeft","colorTextSecondary","SearchInput"],"sourceRoot":"../../../components","sources":["SearchInput/SearchInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","useCallback","useMemo","useRef","Platform","View","Text","TouchableOpacity","ScrollView","ActivityIndicator","Modal","TouchableWithoutFeedback","withTheme","makeStyles","useTheme","TapasInput","TapasIcon","isMobile","jsx","_jsx","jsxs","_jsxs","inputStyle","select","web","outlineStyle","default","borderWidth","height","width","TapasSearchInput","style","placeholder","activePlaceholder","inactivePlaceholder","value","onSearch","attachSearch","onSelectResult","onSelectHistory","renderResultItem","searchResults","isLoading","otherProps","theme","styles","useStyles","searchValue","setSearchValue","isFocused","setIsFocused","showResults","setShowResults","inputRef","currentPlaceholder","shouldShow","length","handleSearch","text","keyword","handleFocus","blurTimeoutRef","current","clearTimeout","handleBlur","setTimeout","handleSelectResult","item","handleSelectHistory","historyEntry","containerStyle","search","inputContainerStyle","inputContainer","maxHeight","minHeight","inputInnerContainerStyle","inputInnerContainer","inputStyleMemo","renderDefaultResultItem","index","isHistory","displayText","name","title","JSON","stringify","resultItem","onPress","accessibilityRole","accessibilityLabel","children","resultItemText","renderResultsList","resultsContent","resultsContainer","loadingContainer","size","color","colors","primary","loadingText","resultsScrollView","keyboardShouldPersistTaps","keyboardDismissMode","showsVerticalScrollIndicator","map","undefined","transparent","visible","animationType","onRequestClose","modalBackdrop","modalContent","ref","labelBg","onChangeText","onFocus","onBlur","leftIcon","grey1","backgroundColor","grey4","borderRadius","borderBottomWidth","display","overflow","position","top","left","marginTop","white","shadowColor","black","shadowOffset","shadowOpacity","shadowRadius","elevation","zIndex","flex","justifyContent","alignItems","paddingTop","maxWidth","paddingHorizontal","paddingVertical","borderBottomColor","fontSize","fonts","sizeM","colorTextPrimary","fontFamily","flexDirection","padding","marginLeft","colorTextSecondary","SearchInput"],"sourceRoot":"../../../components","sources":["SearchInput/SearchInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
# SheetTitle
|
|
2
|
+
|
|
3
|
+
底部 Sheet 标题栏组件,用于底部弹窗或模态框的顶部区域。包含标题文本、关闭按钮和可选的清空按钮,适合筛选面板、选择器等场景的标题栏。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 标题文本展示,超长自动截断
|
|
8
|
+
- ✅ 关闭按钮(默认显示,可隐藏)
|
|
9
|
+
- ✅ 可选清空按钮(showClear)
|
|
10
|
+
- ✅ 自定义关闭图标(字符串图标名或 ReactNode)
|
|
11
|
+
- ✅ 自定义清空按钮文本
|
|
12
|
+
- ✅ 底部分割线
|
|
13
|
+
- ✅ 全面的样式自定义(标题栏、标题文本、清空按钮、关闭按钮)
|
|
14
|
+
- ✅ React.memo 优化性能
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { SheetTitle } from '@beppla/tapas-ui';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
25
|
+
|------|------|--------|------|
|
|
26
|
+
| title | `string` | - | 标题文本 |
|
|
27
|
+
| icon | `React.ReactNode \| string` | `'close'` | 关闭按钮图标 |
|
|
28
|
+
| showClear | `Boolean` | - | 是否显示清空按钮 |
|
|
29
|
+
| showClose | `Boolean` | `true` | 是否显示关闭按钮 |
|
|
30
|
+
| clearText | `string` | `'Clear'` | 清空按钮文本 |
|
|
31
|
+
| onClear | `() => void` | - | 清空按钮回调 |
|
|
32
|
+
| onClose | `() => void` | - | 关闭按钮回调 |
|
|
33
|
+
| titleContainerStyle | `StyleProp<ViewStyle>` | - | 标题栏容器样式 |
|
|
34
|
+
| titleStyle | `StyleProp<ViewStyle>` | - | 标题文本样式 |
|
|
35
|
+
| clearStyle | `StyleProp<ViewStyle>` | - | 清空按钮样式 |
|
|
36
|
+
| closeStyle | `StyleProp<ViewStyle>` | - | 关闭按钮样式 |
|
|
37
|
+
| testID | `string` | - | 测试标识 |
|
|
38
|
+
|
|
39
|
+
## 使用示例
|
|
40
|
+
|
|
41
|
+
### 基础用法
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
<SheetTitle
|
|
45
|
+
title="Filter Options"
|
|
46
|
+
onClose={() => setVisible(false)}
|
|
47
|
+
/>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### 带清空按钮
|
|
51
|
+
|
|
52
|
+
```tsx
|
|
53
|
+
<SheetTitle
|
|
54
|
+
title="Select Category"
|
|
55
|
+
showClear
|
|
56
|
+
clearText="Reset"
|
|
57
|
+
onClear={() => handleReset()}
|
|
58
|
+
onClose={() => setVisible(false)}
|
|
59
|
+
/>
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
### 自定义图标
|
|
63
|
+
|
|
64
|
+
```tsx
|
|
65
|
+
<SheetTitle
|
|
66
|
+
title="Settings"
|
|
67
|
+
icon="arrow_back"
|
|
68
|
+
onClose={() => navigation.goBack()}
|
|
69
|
+
/>
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
### 自定义 ReactNode 图标
|
|
73
|
+
|
|
74
|
+
```tsx
|
|
75
|
+
<SheetTitle
|
|
76
|
+
title="Details"
|
|
77
|
+
icon={<CustomCloseIcon />}
|
|
78
|
+
onClose={() => setVisible(false)}
|
|
79
|
+
/>
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
## 注意事项
|
|
83
|
+
|
|
84
|
+
- 标题栏固定高度 40px,宽度 100%
|
|
85
|
+
- 标题文本使用 `flex: 1` 自动撑满可用空间,超长文本截断
|
|
86
|
+
- `icon` 为字符串时渲染 TapasIcon,为 ReactNode 时直接渲染
|
|
87
|
+
- 清空按钮使用 Button 组件的 clear 类型
|
|
88
|
+
- 底部有 1px 分割线(borderBottomColor: greyOutline)
|
|
89
|
+
- 需在 `ThemeProvider` 内使用
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","makeStyles","Text","TouchableOpacity","View","Button","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","titleContainer","backgroundColor","colors","white","height","width","display","flexDirection","justifyContent","alignItems","paddingVertical","paddingLeft","borderBottomWidth","borderBottomColor","greyOutline","borderBottomStyle","title","fontFamily","fonts","fontSize","sizeL","fontWeight","weightL","color","colorTextPrimary","flex","clear","marginRight","close","closeWrapper","SheetTitle","props","icon","showClose","showClear","onClose","clearText","clearStyle","onClear","titleContainerStyle","titleStyle","closeStyle","testID","styles","style","children","numberOfLines","ellipsizeMode","onPress","type","name","size"],"sourceRoot":"../../../components","sources":["SheetTitle/SheetTitle.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","withTheme","makeStyles","Text","TouchableOpacity","View","Button","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","titleContainer","backgroundColor","colors","white","height","width","display","flexDirection","justifyContent","alignItems","paddingVertical","paddingLeft","borderBottomWidth","borderBottomColor","greyOutline","borderBottomStyle","title","fontFamily","fonts","fontSize","sizeL","fontWeight","weightL","color","colorTextPrimary","flex","clear","marginRight","close","closeWrapper","SheetTitle","props","icon","showClose","showClear","onClose","clearText","clearStyle","onClear","titleContainerStyle","titleStyle","closeStyle","testID","styles","style","children","numberOfLines","ellipsizeMode","onPress","type","name","size","memo"],"sourceRoot":"../../../components","sources":["SheetTitle/SheetTitle.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
# Shell
|
|
2
|
+
|
|
3
|
+
外壳布局组件,提供主内容区域和侧边抽屉的两栏布局,使用复合组件模式(Shell.Main + Shell.Drawer),抽屉支持弹簧动画展开/折叠。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- 两栏布局:主内容区(Shell.Main)+ 侧边抽屉(Shell.Drawer)
|
|
8
|
+
- 复合组件模式,声明式使用 Shell.Main 和 Shell.Drawer
|
|
9
|
+
- 抽屉展开/折叠使用 `Animated.spring` 弹簧动画
|
|
10
|
+
- 可自定义抽屉宽度(默认 150px)
|
|
11
|
+
- 可选的顶部和左侧边框线
|
|
12
|
+
- 支持受控模式(`openDrawer` 属性)
|
|
13
|
+
- 支持自定义容器样式
|
|
14
|
+
|
|
15
|
+
## 安装使用
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { Shell } from '@beppla/tapas-ui';
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Props
|
|
22
|
+
|
|
23
|
+
### Shell
|
|
24
|
+
|
|
25
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
26
|
+
|------|------|--------|------|
|
|
27
|
+
| children | `React.ReactNode` | - | 必须包含 Shell.Main 和 Shell.Drawer 子组件 |
|
|
28
|
+
| openDrawer | `boolean` | `false` | 抽屉是否展开 |
|
|
29
|
+
| drawerWidth | `number` | `150` | 抽屉展开时的宽度(像素) |
|
|
30
|
+
| border | `boolean` | `true` | 是否显示边框线(顶部和左侧) |
|
|
31
|
+
| style | `any` | - | 容器自定义样式 |
|
|
32
|
+
| testID | `string` | - | 测试 ID |
|
|
33
|
+
| theme | `any` | - | 主题对象(自动注入) |
|
|
34
|
+
|
|
35
|
+
### Shell.Main
|
|
36
|
+
|
|
37
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
38
|
+
|------|------|--------|------|
|
|
39
|
+
| children | `React.ReactNode` | - | 主内容区域 |
|
|
40
|
+
| style | `any` | - | 自定义样式 |
|
|
41
|
+
| theme | `any` | - | 主题对象(自动注入) |
|
|
42
|
+
|
|
43
|
+
### Shell.Drawer
|
|
44
|
+
|
|
45
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
46
|
+
|------|------|--------|------|
|
|
47
|
+
| children | `React.ReactNode` | - | 侧边抽屉内容 |
|
|
48
|
+
| style | `any` | - | 自定义样式 |
|
|
49
|
+
| theme | `any` | - | 主题对象(自动注入) |
|
|
50
|
+
|
|
51
|
+
## 使用示例
|
|
52
|
+
|
|
53
|
+
### 基础用法
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
import Shell from '@beppla/tapas-ui/components/Shell/Shell';
|
|
57
|
+
import { useState } from 'react';
|
|
58
|
+
import { View, Text, Button } from 'react-native';
|
|
59
|
+
|
|
60
|
+
export default function App() {
|
|
61
|
+
const [open, setOpen] = useState(false);
|
|
62
|
+
|
|
63
|
+
return (
|
|
64
|
+
<Shell openDrawer={open}>
|
|
65
|
+
<Shell.Main>
|
|
66
|
+
<View style={{ padding: 16 }}>
|
|
67
|
+
<Text>Main Content</Text>
|
|
68
|
+
<Button title="Toggle Drawer" onPress={() => setOpen(!open)} />
|
|
69
|
+
</View>
|
|
70
|
+
</Shell.Main>
|
|
71
|
+
<Shell.Drawer>
|
|
72
|
+
<View style={{ padding: 16 }}>
|
|
73
|
+
<Text>Drawer Content</Text>
|
|
74
|
+
</View>
|
|
75
|
+
</Shell.Drawer>
|
|
76
|
+
</Shell>
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
### 自定义抽屉宽度
|
|
82
|
+
|
|
83
|
+
```tsx
|
|
84
|
+
<Shell openDrawer={open} drawerWidth={280}>
|
|
85
|
+
<Shell.Main>
|
|
86
|
+
<Text>Main content with wider drawer</Text>
|
|
87
|
+
</Shell.Main>
|
|
88
|
+
<Shell.Drawer>
|
|
89
|
+
<Text>280px wide drawer</Text>
|
|
90
|
+
</Shell.Drawer>
|
|
91
|
+
</Shell>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
### 无边框模式
|
|
95
|
+
|
|
96
|
+
```tsx
|
|
97
|
+
<Shell openDrawer={open} border={false} drawerWidth={200}>
|
|
98
|
+
<Shell.Main>
|
|
99
|
+
<Text>No border content</Text>
|
|
100
|
+
</Shell.Main>
|
|
101
|
+
<Shell.Drawer>
|
|
102
|
+
<Text>No border drawer</Text>
|
|
103
|
+
</Shell.Drawer>
|
|
104
|
+
</Shell>
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
### POS 订单详情场景
|
|
108
|
+
|
|
109
|
+
```tsx
|
|
110
|
+
import Shell from '@beppla/tapas-ui/components/Shell/Shell';
|
|
111
|
+
import { useState } from 'react';
|
|
112
|
+
import { View, Text, ScrollView } from 'react-native';
|
|
113
|
+
|
|
114
|
+
export default function OrderPage() {
|
|
115
|
+
const [showDetail, setShowDetail] = useState(false);
|
|
116
|
+
|
|
117
|
+
return (
|
|
118
|
+
<View style={{ height: 600 }}>
|
|
119
|
+
<Shell openDrawer={showDetail} drawerWidth={320}>
|
|
120
|
+
<Shell.Main>
|
|
121
|
+
<ScrollView style={{ padding: 16 }}>
|
|
122
|
+
<Text>Order List</Text>
|
|
123
|
+
<Button
|
|
124
|
+
title="View Details"
|
|
125
|
+
onPress={() => setShowDetail(true)}
|
|
126
|
+
/>
|
|
127
|
+
</ScrollView>
|
|
128
|
+
</Shell.Main>
|
|
129
|
+
<Shell.Drawer>
|
|
130
|
+
<View style={{ padding: 16 }}>
|
|
131
|
+
<Text>Order #12345 Details</Text>
|
|
132
|
+
<Button
|
|
133
|
+
title="Close"
|
|
134
|
+
onPress={() => setShowDetail(false)}
|
|
135
|
+
/>
|
|
136
|
+
</View>
|
|
137
|
+
</Shell.Drawer>
|
|
138
|
+
</Shell>
|
|
139
|
+
</View>
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
## 注意事项
|
|
145
|
+
|
|
146
|
+
- Shell 必须包含 `Shell.Main` 和 `Shell.Drawer` 作为直接子组件,组件通过 `React.Children.forEach` 匹配子组件类型
|
|
147
|
+
- 抽屉动画使用 `Animated.spring`(tension: 300, friction: 20),关闭时宽度动画至 0
|
|
148
|
+
- `openDrawer` 为受控属性,外部状态变化会触发动画
|
|
149
|
+
- 默认抽屉宽度为 150px(`defaultDrawerWidth` 常量)
|
|
150
|
+
- `border=true` 时,主内容区顶部有边框线,抽屉区顶部和左侧有边框线
|
|
151
|
+
- 边框颜色使用主题的 `greyOutline` 色值,默认为 `rgba(0, 0, 0, 0.12)`
|
|
152
|
+
- `ShellPorps` 为已废弃的拼写错误别名,请使用 `ShellProps`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","View","Animated","withTheme","defaultDrawerWidth","styles","jsx","_jsx","jsxs","_jsxs","Shell","children","border","drawerWidth","style","openDrawer","testID","props","mainContent","drawerContent","open","setOpen","animatedWidth","Value","spring","toValue","tension","friction","useNativeDriver","start","Children","forEach","child","isValidElement","type","Main","Drawer","container","ShellView","mainContainer","borderTopWidth","drawerContainer","width","ShellDrawer","borderLeftWidth","theme","borderTopColor","greyOutline","borderTopStyle","drawerInnerCon","borderLeftColor","borderLeftStyle"],"sourceRoot":"../../../components","sources":["Shell/Shell.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC7C,SAASC,SAAS,QAAQ,eAAe;AACzC,SAIEC,kBAAkB,QACb,SAAS;AAChB,SAASC,MAAM,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,KAGL,GAAGA,CAAC;EACHC,QAAQ;EACRC,MAAM,GAAG,IAAI;EACbC,WAAW,GAAGT,kBAAkB;EAChCU,KAAK,GAAG,CAAC,CAAC;EACVC,UAAU,GAAG,KAAK;EAClBC,MAAM;EACN,GAAGC;AACO,CAAC,KAAK;EAChB,IAAIC,WAAW,GAAG,IAAI;EACtB,IAAIC,aAAa,GAAG,IAAI;EAExB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGrB,QAAQ,CAAUe,UAAU,CAAC;EACrD,MAAMO,aAAa,GAAG,IAAIpB,QAAQ,CAACqB,KAAK,CAACR,UAAU,GAAGF,WAAW,GAAG,CAAC,CAAC;EAEtEd,SAAS,CAAC,MAAM;IACdsB,OAAO,CAACN,UAAU,CAAC;EACrB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhBhB,SAAS,CAAC,MAAM;IACdG,QAAQ,CAACsB,MAAM,CAACF,aAAa,EAAE;MAC7BG,OAAO,EAAEL,IAAI,GAAGP,WAAW,GAAG,CAAC;MAC/Ba,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,EAAE;MACZC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACT,IAAI,EAAEP,WAAW,CAAC,CAAC;EAEvBf,KAAK,CAACgC,QAAQ,CAACC,OAAO,CAACpB,QAAQ,EAAGqB,KAAK,IAAK;IAC1C,iBAAIlC,KAAK,CAACmC,cAAc,CAACD,KAAK,CAAC,EAAE;MAC/B,IAAIA,KAAK,CAACE,IAAI,KAAKxB,KAAK,CAACyB,IAAI,EAAE;QAC7BjB,WAAW,
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","View","Animated","withTheme","defaultDrawerWidth","styles","jsx","_jsx","jsxs","_jsxs","Shell","children","border","drawerWidth","style","openDrawer","testID","props","mainContent","drawerContent","open","setOpen","animatedWidth","Value","spring","toValue","tension","friction","useNativeDriver","start","Children","forEach","child","isValidElement","type","Main","Drawer","container","ShellView","mainContainer","borderTopWidth","drawerContainer","width","ShellDrawer","borderLeftWidth","theme","borderTopColor","greyOutline","borderTopStyle","drawerInnerCon","borderLeftColor","borderLeftStyle"],"sourceRoot":"../../../components","sources":["Shell/Shell.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
# StatisticCard
|
|
2
|
+
|
|
3
|
+
统计卡片组件,用于展示关键指标和数据,支持趋势指示、前缀/后缀、图标等功能。适用于仪表板、数据大屏和统计报表。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 数值展示,支持前缀(如 $)和后缀(如 %)
|
|
8
|
+
- ✅ 趋势指示器:正向增长绿色(#00B894)、负向下降红色(#D63031)
|
|
9
|
+
- ✅ 趋势百分比自动格式化(1 位小数,带 +/- 符号)
|
|
10
|
+
- ✅ 支持自定义图标(React 节点,显示在右上角)
|
|
11
|
+
- ✅ 支持描述文本
|
|
12
|
+
- ✅ 加载状态(loading),显示 "Loading..." 替代数值
|
|
13
|
+
- ✅ 可点击交互:有 onPress 时自动切换为 TouchableOpacity
|
|
14
|
+
- ✅ 自定义数值颜色
|
|
15
|
+
- ✅ 基于 Card 组件封装,最小高度 120px
|
|
16
|
+
|
|
17
|
+
## 安装使用
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import { StatisticCard } from '@beppla/tapas-ui/components/StatisticCard';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
26
|
+
|------|------|--------|------|
|
|
27
|
+
| title | `string` | (必填) | 指标标题 |
|
|
28
|
+
| value | `string \| number` | (必填) | 指标数值 |
|
|
29
|
+
| prefix | `string` | `''` | 数值前缀(如 $、EUR) |
|
|
30
|
+
| suffix | `string` | `''` | 数值后缀(如 %、单) |
|
|
31
|
+
| trend | `{ value: number; isPositive?: boolean }` | - | 趋势数据 |
|
|
32
|
+
| description | `string` | - | 描述文本 |
|
|
33
|
+
| icon | `React.ReactNode` | - | 右上角图标(任意 React 节点) |
|
|
34
|
+
| color | `string` | `'#FF6B00'` | 数值颜色 |
|
|
35
|
+
| onPress | `() => void` | - | 点击回调 |
|
|
36
|
+
| loading | `boolean` | `false` | 是否加载中 |
|
|
37
|
+
| style | `any` | - | 自定义样式 |
|
|
38
|
+
|
|
39
|
+
## 使用示例
|
|
40
|
+
|
|
41
|
+
### 基础用法
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
<StatisticCard title="Total Sales" value="1,234" />
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### 带前缀和后缀
|
|
48
|
+
|
|
49
|
+
```tsx
|
|
50
|
+
<StatisticCard title="Revenue" value="12,345" prefix="$" />
|
|
51
|
+
<StatisticCard title="Growth Rate" value="15.8" suffix="%" />
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
### 带趋势指示
|
|
55
|
+
|
|
56
|
+
```tsx
|
|
57
|
+
<StatisticCard
|
|
58
|
+
title="Monthly Revenue"
|
|
59
|
+
value="45,678"
|
|
60
|
+
prefix="$"
|
|
61
|
+
trend={{ value: 12.5, isPositive: true }}
|
|
62
|
+
description="Compared to last month"
|
|
63
|
+
/>
|
|
64
|
+
|
|
65
|
+
<StatisticCard
|
|
66
|
+
title="Error Rate"
|
|
67
|
+
value="2.3"
|
|
68
|
+
suffix="%"
|
|
69
|
+
trend={{ value: 5.2, isPositive: false }}
|
|
70
|
+
description="Compared to last week"
|
|
71
|
+
color="#D63031"
|
|
72
|
+
/>
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
### 带图标
|
|
76
|
+
|
|
77
|
+
```tsx
|
|
78
|
+
import TapasIcon from '@beppla/tapas-ui/components/Icons/TapasIcon';
|
|
79
|
+
|
|
80
|
+
<StatisticCard
|
|
81
|
+
title="Total Orders"
|
|
82
|
+
value="8,456"
|
|
83
|
+
icon={<TapasIcon name="shopping_cart" size={24} color="#FF6B00" />}
|
|
84
|
+
trend={{ value: 8.3, isPositive: true }}
|
|
85
|
+
/>
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
### 仪表板组合
|
|
89
|
+
|
|
90
|
+
```tsx
|
|
91
|
+
<View style={{ flexDirection: 'row', flexWrap: 'wrap', gap: 16 }}>
|
|
92
|
+
<StatisticCard
|
|
93
|
+
title="Total Revenue"
|
|
94
|
+
value="123,456"
|
|
95
|
+
prefix="$"
|
|
96
|
+
trend={{ value: 15.3, isPositive: true }}
|
|
97
|
+
description="Last 30 days"
|
|
98
|
+
color="#FF6B00"
|
|
99
|
+
/>
|
|
100
|
+
<StatisticCard
|
|
101
|
+
title="New Users"
|
|
102
|
+
value="1,234"
|
|
103
|
+
trend={{ value: 8.2, isPositive: true }}
|
|
104
|
+
color="#0066CC"
|
|
105
|
+
/>
|
|
106
|
+
<StatisticCard
|
|
107
|
+
title="Conversion Rate"
|
|
108
|
+
value="3.45"
|
|
109
|
+
suffix="%"
|
|
110
|
+
trend={{ value: 2.1, isPositive: false }}
|
|
111
|
+
color="#00B894"
|
|
112
|
+
/>
|
|
113
|
+
</View>
|
|
114
|
+
```
|
|
115
|
+
|
|
116
|
+
### 加载中
|
|
117
|
+
|
|
118
|
+
```tsx
|
|
119
|
+
<StatisticCard title="Loading Data" value="0" loading />
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
## 注意事项
|
|
123
|
+
|
|
124
|
+
- `title` 和 `value` 为必填属性
|
|
125
|
+
- `trend.isPositive` 默认为 `true`(不传或传 `undefined` 时视为正向)
|
|
126
|
+
- 趋势值显示精度为小数点后 1 位(`toFixed(1)`)
|
|
127
|
+
- 加载状态显示 "Loading..." 文本,不渲染数值和趋势
|
|
128
|
+
- 有 `onPress` 时容器变为 TouchableOpacity(activeOpacity=0.7),无 `onPress` 时为 View
|
|
129
|
+
- 默认数值颜色为橙色(#FF6B00),可通过 `color` 自定义
|
|
@@ -5,7 +5,7 @@ import { View, StyleSheet, TouchableOpacity } from 'react-native';
|
|
|
5
5
|
import Text from '../Text/Text';
|
|
6
6
|
import Card from '../Card/Card';
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
-
|
|
8
|
+
const StatisticCardComponent = ({
|
|
9
9
|
title,
|
|
10
10
|
value,
|
|
11
11
|
prefix = '',
|
|
@@ -71,6 +71,7 @@ export const StatisticCard = ({
|
|
|
71
71
|
})
|
|
72
72
|
});
|
|
73
73
|
};
|
|
74
|
+
export const StatisticCard = /*#__PURE__*/React.memo(StatisticCardComponent);
|
|
74
75
|
const styles = StyleSheet.create({
|
|
75
76
|
container: {
|
|
76
77
|
padding: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","Text","Card","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","Text","Card","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StatisticCardComponent","title","value","prefix","suffix","trend","description","icon","color","onPress","loading","style","Container","getTrendColor","undefined","isPositive","getTrendSymbol","disabled","activeOpacity","children","cardId","styles","container","header","iconContainer","content","trendContainer","toFixed","StatisticCard","memo","create","padding","minHeight","flexDirection","justifyContent","alignItems","marginBottom","fontSize","fontWeight","width","height","flex","marginTop"],"sourceRoot":"../../../components","sources":["StatisticCard/StatisticCard.tsx"],"mappings":"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","ignoreList":[]}
|