@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":["React","useState","useMemo","View","ScrollView","StyleSheet","TouchableOpacity","Platform","Text","Pagination","jsx","_jsx","jsxs","_jsxs","DataTable","columns","dataSource","rowKey","loading","pagination","onRow","emptyText","style","headerStyle","rowStyle","maxHeight","sortKey","setSortKey","sortOrder","setSortOrder","handleSort","columnKey","sortedData","sort","a","b","column","find","col","key","dataIndex","aValue","bValue","comparison","getRowKey","record","index","styles","container","children","horizontal","showsHorizontalScrollIndicator","OS","undefined","header","map","headerCell","width","align","alignItems","onPress","sortable","disabled","headerText","title","sortIndicator","showsVerticalScrollIndicator","loadingRow","length","emptyRow","rowProps","row","text","cell","render","cellText","String","paginationContainer","totalCount","total","pageParams","page","current","pageSize","totalItems","totalPage","Math","ceil","onPageChange","params","onChange","create","backgroundColor","borderRadius","overflow","flexDirection","borderBottomWidth","borderBottomColor","padding","borderRightWidth","borderRightColor","fontSize","fontWeight","color","justifyContent","borderTopWidth","borderTopColor"],"sourceRoot":"../../../components","sources":["DataTable/DataTable.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,QAAQ,QAAQ,cAAc;AACvF,OAAOC,IAAI,MAAM,cAAc;AAC/B,OAAOC,UAAU,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkClD,OAAO,SAASC,SAASA,CAAU;EACjCC,OAAO;EACPC,UAAU;EACVC,MAAM,GAAG,IAAI;EACbC,OAAO,GAAG,KAAK;EACfC,UAAU;EACVC,KAAK;EACLC,SAAS,GAAG,SAAS;EACrBC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC;AACiB,CAAC,EAAE;EACpB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG1B,QAAQ,CAAgB,IAAI,CAAC;EAC3D,MAAM,CAAC2B,SAAS,EAAEC,YAAY,CAAC,GAAG5B,QAAQ,CAAiB,KAAK,CAAC;EAEjE,MAAM6B,UAAU,GAAIC,SAAiB,IAAK;IACxC,IAAIL,OAAO,KAAKK,SAAS,EAAE;MACzBF,YAAY,CAACD,SAAS,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IACpD,CAAC,MAAM;MACLD,UAAU,CAACI,SAAS,CAAC;MACrBF,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC;EAED,MAAMG,UAAU,GAAG9B,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACwB,OAAO,EAAE,OAAOV,UAAU;IAE/B,OAAO,CAAC,GAAGA,UAAU,CAAC,CAACiB,IAAI,CAAC,CAACC,
|
|
1
|
+
{"version":3,"names":["React","useState","useMemo","View","ScrollView","StyleSheet","TouchableOpacity","Platform","Text","Pagination","jsx","_jsx","jsxs","_jsxs","DataTable","columns","dataSource","rowKey","loading","pagination","onRow","emptyText","style","headerStyle","rowStyle","maxHeight","sortKey","setSortKey","sortOrder","setSortOrder","handleSort","columnKey","sortedData","sort","a","b","column","find","col","key","dataIndex","aValue","bValue","comparison","getRowKey","record","index","styles","container","children","horizontal","showsHorizontalScrollIndicator","OS","undefined","header","map","headerCell","width","align","alignItems","onPress","sortable","disabled","headerText","title","sortIndicator","showsVerticalScrollIndicator","loadingRow","length","emptyRow","rowProps","row","text","cell","render","cellText","String","paginationContainer","totalCount","total","pageParams","page","current","pageSize","totalItems","totalPage","Math","ceil","onPageChange","params","onChange","create","backgroundColor","borderRadius","overflow","flexDirection","borderBottomWidth","borderBottomColor","padding","borderRightWidth","borderRightColor","fontSize","fontWeight","color","justifyContent","borderTopWidth","borderTopColor"],"sourceRoot":"../../../components","sources":["DataTable/DataTable.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
# DataTable 数据表格组件
|
|
2
|
+
|
|
3
|
+
简洁高效的数据表格组件,用于展示和管理结构化数据。支持列排序、分页、自定义单元格渲染和行点击事件,适合后台管理、报表展示等场景。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 声明式列定义(columns 配置)
|
|
8
|
+
- ✅ 列排序功能(sortable),升序/降序切换
|
|
9
|
+
- ✅ 内置分页组件集成(Pagination)
|
|
10
|
+
- ✅ 自定义单元格渲染(column.render)
|
|
11
|
+
- ✅ 行点击事件(onRow)
|
|
12
|
+
- ✅ 列对齐配置(left / center / right)
|
|
13
|
+
- ✅ 列宽自定义
|
|
14
|
+
- ✅ 加载中和空数据状态
|
|
15
|
+
- ✅ 水平滚动支持(ScrollView)
|
|
16
|
+
- ✅ 最大高度限制(maxHeight)
|
|
17
|
+
- ✅ 跨平台(Web + React Native)
|
|
18
|
+
|
|
19
|
+
## 安装使用
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import { DataTable } from '@beppla/tapas-ui';
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## Props
|
|
26
|
+
|
|
27
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
28
|
+
|------|------|--------|------|
|
|
29
|
+
| columns | `DataTableColumn<T>[]` | - | 列定义数组(必填) |
|
|
30
|
+
| dataSource | `T[]` | - | 数据源(必填) |
|
|
31
|
+
| rowKey | `string \| ((record: T) => string \| number)` | `'id'` | 行唯一标识字段或函数 |
|
|
32
|
+
| loading | `boolean` | `false` | 是否显示加载状态 |
|
|
33
|
+
| pagination | `PaginationConfig \| false` | - | 分页配置,false 禁用 |
|
|
34
|
+
| onRow | `(record: T, index: number) => { onPress?: () => void }` | - | 行事件配置 |
|
|
35
|
+
| emptyText | `string` | `'No data'` | 空数据提示文本 |
|
|
36
|
+
| style | `any` | - | 容器样式 |
|
|
37
|
+
| headerStyle | `any` | - | 表头行样式 |
|
|
38
|
+
| rowStyle | `any` | - | 数据行样式 |
|
|
39
|
+
| maxHeight | `number` | - | 表格最大高度 |
|
|
40
|
+
|
|
41
|
+
### DataTableColumn
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
interface DataTableColumn<T = any> {
|
|
45
|
+
key: string; // 列唯一标识(必填)
|
|
46
|
+
title: string; // 列标题(必填)
|
|
47
|
+
dataIndex?: string; // 数据字段名(默认为 key)
|
|
48
|
+
width?: number; // 列宽(默认 150)
|
|
49
|
+
align?: 'left' | 'center' | 'right'; // 对齐方式
|
|
50
|
+
sortable?: boolean; // 是否可排序
|
|
51
|
+
render?: (text: any, record: T, index: number) => React.ReactNode; // 自定义渲染
|
|
52
|
+
fixed?: 'left' | 'right'; // 固定列(预留)
|
|
53
|
+
}
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
### PaginationConfig
|
|
57
|
+
|
|
58
|
+
```tsx
|
|
59
|
+
interface PaginationConfig {
|
|
60
|
+
current: number; // 当前页码
|
|
61
|
+
pageSize: number; // 每页条数
|
|
62
|
+
total: number; // 总数
|
|
63
|
+
onChange?: (page: number, pageSize: number) => void; // 页码变化回调
|
|
64
|
+
}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
## 使用示例
|
|
68
|
+
|
|
69
|
+
### 基础用法
|
|
70
|
+
|
|
71
|
+
```tsx
|
|
72
|
+
const columns = [
|
|
73
|
+
{ key: 'name', title: 'Name', width: 200, sortable: true },
|
|
74
|
+
{ key: 'age', title: 'Age', width: 100, align: 'center' as const },
|
|
75
|
+
{ key: 'email', title: 'Email', width: 250 },
|
|
76
|
+
];
|
|
77
|
+
|
|
78
|
+
const dataSource = [
|
|
79
|
+
{ id: 1, name: 'Alice', age: 28, email: 'alice@example.com' },
|
|
80
|
+
{ id: 2, name: 'Bob', age: 32, email: 'bob@example.com' },
|
|
81
|
+
];
|
|
82
|
+
|
|
83
|
+
<DataTable columns={columns} dataSource={dataSource} />
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
### 自定义渲染 + 排序
|
|
87
|
+
|
|
88
|
+
```tsx
|
|
89
|
+
const columns = [
|
|
90
|
+
{ key: 'name', title: 'Name', width: 200, sortable: true },
|
|
91
|
+
{
|
|
92
|
+
key: 'status',
|
|
93
|
+
title: 'Status',
|
|
94
|
+
width: 120,
|
|
95
|
+
render: (text: string) => (
|
|
96
|
+
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
|
|
97
|
+
<View style={{
|
|
98
|
+
width: 8, height: 8, borderRadius: 4,
|
|
99
|
+
backgroundColor: text === 'active' ? '#57B07B' : '#B81F1E',
|
|
100
|
+
marginRight: 8,
|
|
101
|
+
}} />
|
|
102
|
+
<Text>{text}</Text>
|
|
103
|
+
</View>
|
|
104
|
+
),
|
|
105
|
+
},
|
|
106
|
+
];
|
|
107
|
+
|
|
108
|
+
<DataTable columns={columns} dataSource={data} />
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
### 分页
|
|
112
|
+
|
|
113
|
+
```tsx
|
|
114
|
+
<DataTable
|
|
115
|
+
columns={columns}
|
|
116
|
+
dataSource={pageData}
|
|
117
|
+
pagination={{
|
|
118
|
+
current: page,
|
|
119
|
+
pageSize: 10,
|
|
120
|
+
total: 100,
|
|
121
|
+
onChange: (newPage, newPageSize) => {
|
|
122
|
+
setPage(newPage);
|
|
123
|
+
fetchData(newPage, newPageSize);
|
|
124
|
+
},
|
|
125
|
+
}}
|
|
126
|
+
/>
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
### 行点击
|
|
130
|
+
|
|
131
|
+
```tsx
|
|
132
|
+
<DataTable
|
|
133
|
+
columns={columns}
|
|
134
|
+
dataSource={data}
|
|
135
|
+
onRow={(record) => ({
|
|
136
|
+
onPress: () => navigation.navigate('Detail', { id: record.id }),
|
|
137
|
+
})}
|
|
138
|
+
/>
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
### 限制高度
|
|
142
|
+
|
|
143
|
+
```tsx
|
|
144
|
+
<DataTable
|
|
145
|
+
columns={columns}
|
|
146
|
+
dataSource={longList}
|
|
147
|
+
maxHeight={400}
|
|
148
|
+
/>
|
|
149
|
+
```
|
|
150
|
+
|
|
151
|
+
## 注意事项
|
|
152
|
+
|
|
153
|
+
- 排序为前端排序(内存排序),大数据量建议后端排序
|
|
154
|
+
- `pagination` 设为 `false` 可完全禁用分页
|
|
155
|
+
- 列宽默认 150px,未设置 `width` 的列统一使用此默认值
|
|
156
|
+
- 排序图标使用箭头字符( ↑ / ↓)
|
|
157
|
+
- Web 端显示水平滚动条,移动端隐藏
|
|
158
|
+
- `maxHeight` 会同时限制表体高度(maxHeight - 50)
|
|
159
|
+
- `dataIndex` 缺省时自动使用 `key` 作为数据字段名
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
# DeviceSelectionModal
|
|
2
|
+
|
|
3
|
+
设备选择模态对话框组件,用于从设备列表中选择一个设备。支持加载状态、错误处理、重试机制和文本国际化,适合打印机选择、终端绑定等硬件设备关联场景。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 单选设备列表(Radio Button 样式)
|
|
8
|
+
- ✅ 加载中状态展示(ActivityIndicator)
|
|
9
|
+
- ✅ 错误状态展示 + 重试按钮
|
|
10
|
+
- ✅ 空列表提示
|
|
11
|
+
- ✅ 设备描述信息展示
|
|
12
|
+
- ✅ 未选择时确认按钮自动禁用
|
|
13
|
+
- ✅ 关闭时恢复原始选中状态
|
|
14
|
+
- ✅ 全部文本支持国际化(i18n props)
|
|
15
|
+
- ✅ 淡入淡出动画
|
|
16
|
+
- ✅ 主题色适配
|
|
17
|
+
|
|
18
|
+
## 安装使用
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import { DeviceSelectionModal } from '@beppla/tapas-ui';
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Props
|
|
25
|
+
|
|
26
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
27
|
+
|------|------|--------|------|
|
|
28
|
+
| visible | `boolean` | - | 是否显示(必填) |
|
|
29
|
+
| devices | `Device[]` | - | 设备列表(必填) |
|
|
30
|
+
| selectedDeviceId | `string` | - | 当前选中的设备 ID |
|
|
31
|
+
| onClose | `() => void` | - | 关闭回调(必填) |
|
|
32
|
+
| onConfirm | `(deviceId: string) => void` | - | 确认选择回调(必填) |
|
|
33
|
+
| title | `string` | - | 对话框标题 |
|
|
34
|
+
| isLoading | `boolean` | `false` | 是否加载中 |
|
|
35
|
+
| error | `string \| null` | `null` | 错误信息 |
|
|
36
|
+
| onRetry | `() => void` | - | 重试按钮回调 |
|
|
37
|
+
| selectDeviceText | `string` | `'Select Device'` | 标题文本 |
|
|
38
|
+
| pleaseSelectDeviceText | `string` | `'Please select a device'` | 副标题文本 |
|
|
39
|
+
| loadingDevicesText | `string` | `'Loading devices...'` | 加载中文本 |
|
|
40
|
+
| noDevicesAvailableText | `string` | `'No devices available'` | 空列表文本 |
|
|
41
|
+
| closeText | `string` | `'Close'` | 关闭按钮文本 |
|
|
42
|
+
| confirmText | `string` | `'Confirm'` | 确认按钮文本 |
|
|
43
|
+
| retryText | `string` | `'Retry'` | 重试按钮文本 |
|
|
44
|
+
| testID | `string` | - | 测试标识 |
|
|
45
|
+
|
|
46
|
+
### Device 接口
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
interface Device {
|
|
50
|
+
id: string;
|
|
51
|
+
name: string;
|
|
52
|
+
description?: string;
|
|
53
|
+
}
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
## 使用示例
|
|
57
|
+
|
|
58
|
+
### 基础用法
|
|
59
|
+
|
|
60
|
+
```tsx
|
|
61
|
+
const [visible, setVisible] = useState(false);
|
|
62
|
+
const devices = [
|
|
63
|
+
{ id: '1', name: 'Printer A', description: 'Kitchen printer' },
|
|
64
|
+
{ id: '2', name: 'Printer B', description: 'Receipt printer' },
|
|
65
|
+
];
|
|
66
|
+
|
|
67
|
+
<DeviceSelectionModal
|
|
68
|
+
visible={visible}
|
|
69
|
+
devices={devices}
|
|
70
|
+
onClose={() => setVisible(false)}
|
|
71
|
+
onConfirm={(deviceId) => {
|
|
72
|
+
console.log('Selected:', deviceId);
|
|
73
|
+
setVisible(false);
|
|
74
|
+
}}
|
|
75
|
+
/>
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
### 加载状态
|
|
79
|
+
|
|
80
|
+
```tsx
|
|
81
|
+
<DeviceSelectionModal
|
|
82
|
+
visible={true}
|
|
83
|
+
devices={[]}
|
|
84
|
+
isLoading={true}
|
|
85
|
+
onClose={() => setVisible(false)}
|
|
86
|
+
onConfirm={() => {}}
|
|
87
|
+
/>
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
### 错误状态 + 重试
|
|
91
|
+
|
|
92
|
+
```tsx
|
|
93
|
+
<DeviceSelectionModal
|
|
94
|
+
visible={true}
|
|
95
|
+
devices={[]}
|
|
96
|
+
error="Failed to load devices"
|
|
97
|
+
onRetry={() => fetchDevices()}
|
|
98
|
+
onClose={() => setVisible(false)}
|
|
99
|
+
onConfirm={() => {}}
|
|
100
|
+
/>
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
### 国际化
|
|
104
|
+
|
|
105
|
+
```tsx
|
|
106
|
+
<DeviceSelectionModal
|
|
107
|
+
visible={true}
|
|
108
|
+
devices={devices}
|
|
109
|
+
selectDeviceText="Select Printer"
|
|
110
|
+
pleaseSelectDeviceText="Choose a printer for this station"
|
|
111
|
+
confirmText="Bind"
|
|
112
|
+
closeText="Cancel"
|
|
113
|
+
onClose={() => setVisible(false)}
|
|
114
|
+
onConfirm={handleConfirm}
|
|
115
|
+
/>
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
## 注意事项
|
|
119
|
+
|
|
120
|
+
- 关闭对话框时会将内部选中状态恢复为 `selectedDeviceId`(即取消未确认的选择)
|
|
121
|
+
- 未选中设备时确认按钮禁用(灰色样式)
|
|
122
|
+
- 对话框最大宽度 400px,设备列表最大高度 300px
|
|
123
|
+
- `title` 和 `selectDeviceText` 同时存在时,`title` 优先
|
|
124
|
+
- 需在 `ThemeProvider` 内使用
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# DraggableFlatList
|
|
2
|
+
|
|
3
|
+
可拖拽列表组件占位符。当前为空实现,预留用于后续开发支持拖拽排序的列表功能。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 组件骨架已搭建,导出可用
|
|
8
|
+
- (待开发) 拖拽排序
|
|
9
|
+
- (待开发) 拖拽动画
|
|
10
|
+
- (待开发) 自定义渲染
|
|
11
|
+
|
|
12
|
+
## 安装使用
|
|
13
|
+
|
|
14
|
+
```tsx
|
|
15
|
+
import { DraggableFlatList } from '@beppla/tapas-ui';
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Props
|
|
19
|
+
|
|
20
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
21
|
+
|------|------|--------|------|
|
|
22
|
+
| testID | `string` | - | 测试标识 |
|
|
23
|
+
|
|
24
|
+
## 使用示例
|
|
25
|
+
|
|
26
|
+
### 基础用法
|
|
27
|
+
|
|
28
|
+
```tsx
|
|
29
|
+
<DraggableFlatList testID="draggable-list" />
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## 注意事项
|
|
33
|
+
|
|
34
|
+
- 当前为空 View 占位实现,无实际拖拽功能
|
|
35
|
+
- 后续计划集成 `react-native-draggable-flatlist` 或自定义实现
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
# Drawer
|
|
2
|
+
|
|
3
|
+
抽屉面板组件,从屏幕右侧滑出的浮层面板,支持自定义头部、内容区域和页脚,常用于筛选、详情展示等场景。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- 从右侧滑出的 Overlay 抽屉面板
|
|
8
|
+
- 响应式宽度(桌面端 55%,移动端 100%)
|
|
9
|
+
- 可自定义标题、标题图标和状态标签(Status 组件)
|
|
10
|
+
- 支持 showHeader / showFooter 控制头部和页脚显示
|
|
11
|
+
- 支持自定义 headerComponent 和 footerComponent 完全替换
|
|
12
|
+
- 点击背景遮罩自动关闭(onBackdropPress)
|
|
13
|
+
- 内容区域自动 ScrollView 滚动
|
|
14
|
+
- 移动端自动适配 Safe Area(useSafeAreaInsets)
|
|
15
|
+
- 页脚包含左侧文本按钮和右侧主按钮
|
|
16
|
+
|
|
17
|
+
## 安装使用
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import { Drawer } from '@beppla/tapas-ui';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
26
|
+
|------|------|--------|------|
|
|
27
|
+
| visible | `boolean` | `false` | 抽屉是否可见 |
|
|
28
|
+
| title | `string` | - | 抽屉标题 |
|
|
29
|
+
| titleIcon | `string` | - | 标题左侧图标名称 |
|
|
30
|
+
| titleIconOnPress | `() => void` | - | 标题图标点击回调 |
|
|
31
|
+
| titleStatus | `string` | - | 状态标签文本 |
|
|
32
|
+
| statusType | `STATUS_TYPE` | `'unavailable'` | 状态类型(success/warning/unavailable 等) |
|
|
33
|
+
| showHeader | `boolean` | `true` | 是否显示头部 |
|
|
34
|
+
| showFooter | `boolean` | `false` | 是否显示页脚 |
|
|
35
|
+
| onClose | `() => void` | - | 关闭回调(背景遮罩点击时触发) |
|
|
36
|
+
| onClear | `() => void` | - | 清空按钮回调(未设时回退到 onClose) |
|
|
37
|
+
| clearText | `string` | - | 清空按钮文本 |
|
|
38
|
+
| clearDisable | `boolean` | `true` | 清空按钮是否禁用 |
|
|
39
|
+
| overlayStyle | `StyleProp<ViewStyle>` | - | 抽屉覆盖层自定义样式 |
|
|
40
|
+
| middleSectionStyle | `StyleProp<ViewStyle>` | - | 内容区域自定义样式 |
|
|
41
|
+
| leftButtonText | `string` | - | 页脚左侧按钮文本 |
|
|
42
|
+
| leftButtonTextStyle | `StyleProp<ViewStyle>` | - | 页脚左侧按钮文本样式 |
|
|
43
|
+
| leftButtonOnPress | `() => void` | - | 页脚左侧按钮回调 |
|
|
44
|
+
| rightButtonText | `string` | - | 页脚右侧按钮文本 |
|
|
45
|
+
| rightButtonStyle | `StyleProp<ViewStyle>` | - | 页脚右侧按钮样式 |
|
|
46
|
+
| rightButtonOnPress | `() => void` | - | 页脚右侧按钮回调 |
|
|
47
|
+
| component | `React.ReactNode` | - | 内容组件(渲染在 children 之前) |
|
|
48
|
+
| children | `React.ReactNode` | - | 内容子组件 |
|
|
49
|
+
| headerComponent | `React.ReactNode` | - | 自定义头部组件(替换默认头部) |
|
|
50
|
+
| footerComponent | `React.ReactNode` | - | 自定义页脚组件(额外渲染在 showFooter 之后) |
|
|
51
|
+
| testID | `string` | - | 测试 ID |
|
|
52
|
+
|
|
53
|
+
## 使用示例
|
|
54
|
+
|
|
55
|
+
### 基础用法
|
|
56
|
+
|
|
57
|
+
```tsx
|
|
58
|
+
import { Drawer } from '@beppla/tapas-ui';
|
|
59
|
+
import { useState } from 'react';
|
|
60
|
+
import { Text, Button } from 'react-native';
|
|
61
|
+
|
|
62
|
+
export default function App() {
|
|
63
|
+
const [visible, setVisible] = useState(false);
|
|
64
|
+
|
|
65
|
+
return (
|
|
66
|
+
<>
|
|
67
|
+
<Button title="Open Drawer" onPress={() => setVisible(true)} />
|
|
68
|
+
<Drawer
|
|
69
|
+
visible={visible}
|
|
70
|
+
title="Filters"
|
|
71
|
+
onClose={() => setVisible(false)}
|
|
72
|
+
>
|
|
73
|
+
<Text>Drawer content here</Text>
|
|
74
|
+
</Drawer>
|
|
75
|
+
</>
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### 带状态标签和图标
|
|
81
|
+
|
|
82
|
+
```tsx
|
|
83
|
+
<Drawer
|
|
84
|
+
visible={visible}
|
|
85
|
+
title="Order Details"
|
|
86
|
+
titleIcon="back"
|
|
87
|
+
titleIconOnPress={() => setVisible(false)}
|
|
88
|
+
titleStatus="Active"
|
|
89
|
+
statusType="success"
|
|
90
|
+
onClose={() => setVisible(false)}
|
|
91
|
+
>
|
|
92
|
+
<Text>Order information</Text>
|
|
93
|
+
</Drawer>
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
### 完整功能(头部 + 内容 + 页脚)
|
|
97
|
+
|
|
98
|
+
```tsx
|
|
99
|
+
<Drawer
|
|
100
|
+
visible={visible}
|
|
101
|
+
title="Filters"
|
|
102
|
+
titleIcon="back"
|
|
103
|
+
titleIconOnPress={() => setVisible(false)}
|
|
104
|
+
clearText="Clear"
|
|
105
|
+
clearDisable={false}
|
|
106
|
+
onClear={() => resetFilters()}
|
|
107
|
+
onClose={() => setVisible(false)}
|
|
108
|
+
showFooter={true}
|
|
109
|
+
leftButtonText="Close"
|
|
110
|
+
leftButtonOnPress={() => setVisible(false)}
|
|
111
|
+
rightButtonText="Show all results"
|
|
112
|
+
rightButtonOnPress={() => applyFilters()}
|
|
113
|
+
>
|
|
114
|
+
<Text>Filter options here</Text>
|
|
115
|
+
</Drawer>
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
### 自定义头部和页脚
|
|
119
|
+
|
|
120
|
+
```tsx
|
|
121
|
+
<Drawer
|
|
122
|
+
visible={visible}
|
|
123
|
+
headerComponent={
|
|
124
|
+
<View style={{ flexDirection: 'row', justifyContent: 'space-between', padding: 16 }}>
|
|
125
|
+
<Text style={{ fontSize: 18, fontWeight: 'bold' }}>Custom Header</Text>
|
|
126
|
+
<Button title="X" onPress={() => setVisible(false)} />
|
|
127
|
+
</View>
|
|
128
|
+
}
|
|
129
|
+
footerComponent={
|
|
130
|
+
<View style={{ flexDirection: 'row', justifyContent: 'flex-end', gap: 8 }}>
|
|
131
|
+
<Button title="Cancel" onPress={() => setVisible(false)} />
|
|
132
|
+
<Button title="Save" onPress={() => handleSave()} />
|
|
133
|
+
</View>
|
|
134
|
+
}
|
|
135
|
+
onClose={() => setVisible(false)}
|
|
136
|
+
>
|
|
137
|
+
<Text>Content with custom header and footer</Text>
|
|
138
|
+
</Drawer>
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
### 通过 DrawerContext 使用
|
|
142
|
+
|
|
143
|
+
```tsx
|
|
144
|
+
import { useContext } from 'react';
|
|
145
|
+
import { DrawerContext } from '@beppla/tapas-ui/components/Layout/DrawerContext';
|
|
146
|
+
|
|
147
|
+
function MyComponent() {
|
|
148
|
+
const { open, close } = useContext(DrawerContext);
|
|
149
|
+
|
|
150
|
+
const showDrawer = () => {
|
|
151
|
+
open({
|
|
152
|
+
title: 'Dynamic Drawer',
|
|
153
|
+
component: <Text>Dynamic content</Text>,
|
|
154
|
+
showFooter: true,
|
|
155
|
+
rightButtonText: 'Confirm',
|
|
156
|
+
rightButtonOnPress: () => {
|
|
157
|
+
handleConfirm();
|
|
158
|
+
close();
|
|
159
|
+
},
|
|
160
|
+
});
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
return <Button title="Open" onPress={showDrawer} />;
|
|
164
|
+
}
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
## 注意事项
|
|
168
|
+
|
|
169
|
+
- 桌面端抽屉宽度为屏幕的 55%,移动端为 100%
|
|
170
|
+
- `clearDisable` 默认为 `true`(禁用状态),需显式设为 `false` 才能启用清空按钮
|
|
171
|
+
- `onClear` 未设置时,清空按钮会回退使用 `onClose` 回调
|
|
172
|
+
- `showFooter` 默认为 `false`,需显式设为 `true` 以显示页脚按钮区域
|
|
173
|
+
- `footerComponent` 独立于 `showFooter`,即使 `showFooter=false`,`footerComponent` 仍会渲染
|
|
174
|
+
- 内容区域使用 ScrollView 包裹,`contentContainerStyle` 设置了 `flexGrow: 1`
|
|
175
|
+
- 移动端会通过 `useSafeAreaInsets` 自动添加顶部安全区域间距
|
|
@@ -6,7 +6,6 @@ import { BottomSheet, makeStyles, withTheme } from '@rneui/themed';
|
|
|
6
6
|
import { Button } from '../Button/Button';
|
|
7
7
|
import Icon from '../Icons/TapasIcon';
|
|
8
8
|
import SheetTitle from "../SheetTitle/SheetTitle";
|
|
9
|
-
// import CustomListItem from "../ListItem/ListItem";
|
|
10
9
|
import { isMobile } from "../common";
|
|
11
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
11
|
const SUB_CONTAINER_HEIGHT = 258;
|
|
@@ -192,8 +191,6 @@ const CustomDropdown = ({
|
|
|
192
191
|
disabled: props.disabled,
|
|
193
192
|
style: {
|
|
194
193
|
overflow: 'hidden'
|
|
195
|
-
// whiteSpace: 'nowrap', // 不支持 React Native
|
|
196
|
-
// textOverflow:"ellipsis" // 不支持 React Native
|
|
197
194
|
},
|
|
198
195
|
children: value
|
|
199
196
|
}), icon ? icon : /*#__PURE__*/_jsx(Icon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Platform","ScrollView","View","Text","BottomSheet","makeStyles","withTheme","Button","Icon","SheetTitle","isMobile","jsx","_jsx","jsxs","_jsxs","SUB_CONTAINER_HEIGHT","SUB_CONTAINER_WIDTH","useStyles","theme","buttonContainer","backgroundColor","color","colors","primary","height","minWidth","maxHeight","paddingLeft","paddingRight","justifyContent","borderWidth","borderColor","grey2","buttonDisabled","grey4","buttonHovered","buttonSelected","title","fontSize","fontWeight","fonts","weightR","iconExpanded","transform","titleExpanded","dropdownIcon","secondary","subContainer","marginTop","display","flexDirection","white","borderRadius","radius","rounded","elevation","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","overflow","position","top","zIndex","pointerEvents","backdropStyle","bottomSheetContainer","bottom","left","right","borderTopLeftRadius","borderTopRightRadius","scrollView","CustomDropdown","children","isVisible","icon","value","onPress","onClose","subWidth","subHeight","subContainerPosition","subContainerStyle","subContainerTop","subContainerLeft","showSearchBar","sheetTitlePros","dropdownBackgroundColor","props","styles","buttonRef","useRef","autoPosition","setAutoPosition","useState","handlePress","event","stopPropagation","current","OS","measure","_x","_y","_width","_pageX","pageY","windowHeight","window","innerHeight","spaceBelow","spaceAbove","handleClickOutside","document","addEventListener","removeEventListener","ref","style","customButton","hoverStyle","dropdownButtonStyle","buttonStyle","dropdownButtonSelectedStyle","disabled","titleStyle","textExpandedStyle","type","name","iconExpandedStyle","opacity","isUpPosition","defaultTop","undefined","defaultLeft","containerStyle","onBackdropPress","scrollViewStyle","onPointerEnter","keyboardShouldPersistTaps","keyboardDismissMode"],"sourceRoot":"../../../components","sources":["Dropdown/CustomDropdown.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO,CAAC,CAAC;AAC1C,SAAQC,QAAQ,EAAEC,UAAU,EAAaC,IAAI,EAAaC,IAAI,QAAO,cAAc;AACnF,SAAQC,WAAW,EAAoBC,UAAU,EAAEC,SAAS,QAAO,eAAe;AAClF,SAAQC,MAAM,QAA6B,kBAAkB;AAC7D,OAAOC,IAAI,MAAM,oBAAoB;AACrC,OAAOC,UAAU,MAAiC,0BAA0B;AAC5E
|
|
1
|
+
{"version":3,"names":["React","useEffect","Platform","ScrollView","View","Text","BottomSheet","makeStyles","withTheme","Button","Icon","SheetTitle","isMobile","jsx","_jsx","jsxs","_jsxs","SUB_CONTAINER_HEIGHT","SUB_CONTAINER_WIDTH","useStyles","theme","buttonContainer","backgroundColor","color","colors","primary","height","minWidth","maxHeight","paddingLeft","paddingRight","justifyContent","borderWidth","borderColor","grey2","buttonDisabled","grey4","buttonHovered","buttonSelected","title","fontSize","fontWeight","fonts","weightR","iconExpanded","transform","titleExpanded","dropdownIcon","secondary","subContainer","marginTop","display","flexDirection","white","borderRadius","radius","rounded","elevation","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","overflow","position","top","zIndex","pointerEvents","backdropStyle","bottomSheetContainer","bottom","left","right","borderTopLeftRadius","borderTopRightRadius","scrollView","CustomDropdown","children","isVisible","icon","value","onPress","onClose","subWidth","subHeight","subContainerPosition","subContainerStyle","subContainerTop","subContainerLeft","showSearchBar","sheetTitlePros","dropdownBackgroundColor","props","styles","buttonRef","useRef","autoPosition","setAutoPosition","useState","handlePress","event","stopPropagation","current","OS","measure","_x","_y","_width","_pageX","pageY","windowHeight","window","innerHeight","spaceBelow","spaceAbove","handleClickOutside","document","addEventListener","removeEventListener","ref","style","customButton","hoverStyle","dropdownButtonStyle","buttonStyle","dropdownButtonSelectedStyle","disabled","titleStyle","textExpandedStyle","type","name","iconExpandedStyle","opacity","isUpPosition","defaultTop","undefined","defaultLeft","containerStyle","onBackdropPress","scrollViewStyle","onPointerEnter","keyboardShouldPersistTaps","keyboardDismissMode"],"sourceRoot":"../../../components","sources":["Dropdown/CustomDropdown.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ import { TapasInput } from '../Input/Input';
|
|
|
9
9
|
import Icon from '../Icons/TapasIcon';
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
export * from './CustomDropdown';
|
|
12
|
-
|
|
12
|
+
// @ts-expect-error CustomDropdownProps has conflicting index signature
|
|
13
13
|
|
|
14
14
|
const InputDropdown = ({
|
|
15
15
|
value,
|
|
@@ -30,7 +30,7 @@ const InputDropdown = ({
|
|
|
30
30
|
disabled,
|
|
31
31
|
allCreate,
|
|
32
32
|
labelPosition,
|
|
33
|
-
// @ts-
|
|
33
|
+
// @ts-expect-error theme injected by withTheme HOC
|
|
34
34
|
theme,
|
|
35
35
|
children,
|
|
36
36
|
...props
|
|
@@ -109,12 +109,8 @@ const InputDropdown = ({
|
|
|
109
109
|
})
|
|
110
110
|
}),
|
|
111
111
|
labelPosition: labelPosition,
|
|
112
|
-
labelBg:
|
|
113
|
-
|
|
114
|
-
labelBg ? labelBg : theme.colors.background,
|
|
115
|
-
labelColor:
|
|
116
|
-
//@ts-ignore
|
|
117
|
-
disabled ? theme.colors.disabled : theme.colors.secondary
|
|
112
|
+
labelBg: labelBg ? labelBg : theme?.colors?.background,
|
|
113
|
+
labelColor: disabled ? theme?.colors?.disabled : theme?.colors?.secondary
|
|
118
114
|
}),
|
|
119
115
|
onClose: () => {
|
|
120
116
|
props.onClose && props.onClose();
|