@beppla/tapas-ui 1.5.0 → 1.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/commonjs/Alert/Alert.js +1 -1
- package/commonjs/Alert/README.md +75 -0
- package/commonjs/BarChart/BarChart.js +49 -86
- package/commonjs/BarChart/BarChart.js.map +1 -1
- package/commonjs/BarChart/README.md +172 -0
- package/commonjs/Button/README.md +108 -0
- package/commonjs/Calendar/Calendar.base.js +1 -1
- package/commonjs/Calendar/Calendar.base.js.map +1 -1
- package/commonjs/Calendar/ConcreteTimeSelector.js +0 -6
- package/commonjs/Calendar/ConcreteTimeSelector.js.map +1 -1
- package/commonjs/Calendar/README.md +410 -0
- package/commonjs/Calendar/TimeSelector.js +0 -7
- package/commonjs/Calendar/TimeSelector.js.map +1 -1
- package/commonjs/Card/Card.js +1 -1
- package/commonjs/Card/Card.js.map +1 -1
- package/commonjs/Card/README.md +126 -0
- package/commonjs/CheckBox/CheckBox.js +3 -1
- package/commonjs/CheckBox/CheckBox.js.map +1 -1
- package/commonjs/CheckBox/CheckBoxItem.js +3 -1
- package/commonjs/CheckBox/CheckBoxItem.js.map +1 -1
- package/commonjs/CheckBox/README.md +147 -0
- package/commonjs/CircularProgress/CircularProgress.js +1 -1
- package/commonjs/CircularProgress/CircularProgress.js.map +1 -1
- package/commonjs/CircularProgress/README.md +70 -0
- package/commonjs/Collapsible/Collapsible.js +1 -1
- package/commonjs/Collapsible/Collapsible.js.map +1 -1
- package/commonjs/Collapsible/README.md +140 -0
- package/commonjs/ComboChart/ComboChart.js +3 -2
- package/commonjs/ComboChart/ComboChart.js.map +1 -1
- package/commonjs/ComboChart/README.md +124 -0
- package/commonjs/DashboardCard/DashboardCard.js +5 -1
- package/commonjs/DashboardCard/DashboardCard.js.map +1 -1
- package/commonjs/DashboardCard/README.md +120 -0
- package/commonjs/DataCell/DataCell.js +41 -56
- package/commonjs/DataCell/DataCell.js.map +1 -1
- package/commonjs/DataTable/DataTable.js.map +1 -1
- package/commonjs/DataTable/README.md +159 -0
- package/commonjs/DeviceSelectionModal/README.md +124 -0
- package/commonjs/DraggableFlatList/README.md +35 -0
- package/commonjs/Drawer/README.md +175 -0
- package/commonjs/Dropdown/CustomDropdown.js +0 -4
- package/commonjs/Dropdown/CustomDropdown.js.map +1 -1
- package/commonjs/Dropdown/Dropdown.js +1 -1
- package/commonjs/Dropdown/InputDropdown.js +4 -8
- package/commonjs/Dropdown/InputDropdown.js.map +1 -1
- package/commonjs/Dropdown/README.md +230 -0
- package/commonjs/ExternalLink/README.md +81 -0
- package/commonjs/Gantt/Gantt.js +82 -55
- package/commonjs/Gantt/Gantt.js.map +1 -1
- package/commonjs/Gantt/README.md +155 -0
- package/commonjs/Gantt/helper.js +13 -9
- package/commonjs/Gantt/helper.js.map +1 -1
- package/commonjs/Grid/FixedSizeGrid.js +2 -3
- package/commonjs/Grid/FixedSizeGrid.js.map +1 -1
- package/commonjs/Grid/Grid.base.js +0 -3
- package/commonjs/Grid/Grid.base.js.map +1 -1
- package/commonjs/Grid/README.md +197 -0
- package/commonjs/Grid/StaticFixedSizeGrid.js +22 -28
- package/commonjs/Grid/StaticFixedSizeGrid.js.map +1 -1
- package/commonjs/Grid/VariableSizeGrid.js +13 -18
- package/commonjs/Grid/VariableSizeGrid.js.map +1 -1
- package/commonjs/Header/README.md +109 -0
- package/commonjs/HelloWave/README.md +28 -0
- package/commonjs/Hoverable/Hoverable.js.map +1 -1
- package/commonjs/IconText/IconText.js +1 -1
- package/commonjs/IconText/IconText.js.map +1 -1
- package/commonjs/IconText/README.md +99 -0
- package/commonjs/Icons/TapasIcon.js +30 -2
- package/commonjs/Icons/TapasIcon.js.map +1 -1
- package/commonjs/Icons/TapasIconExpo.js +4 -4
- package/commonjs/Icons/TapasIconExpo.js.map +1 -1
- package/commonjs/Icons/expoFontLoader.js +7 -195
- package/commonjs/Icons/expoFontLoader.js.map +1 -1
- package/commonjs/Icons/fontLoader.js +9 -230
- package/commonjs/Icons/fontLoader.js.map +1 -1
- package/commonjs/Icons/smartFontLoader.js +3 -0
- package/commonjs/Icons/smartFontLoader.js.map +1 -1
- package/commonjs/Image/PreviewImg/README.md +100 -0
- package/commonjs/Image/PreviewImg.js +16 -14
- package/commonjs/Image/PreviewImg.js.map +1 -1
- package/commonjs/Image/README.md +88 -0
- package/commonjs/Input/Input.js +60 -4
- package/commonjs/Input/Input.js.map +1 -1
- package/commonjs/Layout/README.md +174 -0
- package/commonjs/LineChart/LineChart.js +25 -17
- package/commonjs/LineChart/LineChart.js.map +1 -1
- package/commonjs/LineChart/README.md +181 -0
- package/commonjs/ListItem/ListItem.js +1 -1
- package/commonjs/ListItem/ListItem.js.map +1 -1
- package/commonjs/ListItem/README.md +122 -0
- package/commonjs/MessageBox/MessageBox.js +7 -1
- package/commonjs/MessageBox/MessageBox.js.map +1 -1
- package/commonjs/MessageBox/README.md +120 -0
- package/commonjs/Navigation/Navigation.js.map +1 -1
- package/commonjs/Navigation/README.md +197 -0
- package/commonjs/NumericInput/README.md +95 -0
- package/commonjs/Overlay/README.md +84 -0
- package/commonjs/Pagination/Pagination.js +11 -9
- package/commonjs/Pagination/Pagination.js.map +1 -1
- package/commonjs/Pagination/README.md +106 -0
- package/commonjs/PieChart/PieChart.js +16 -13
- package/commonjs/PieChart/PieChart.js.map +1 -1
- package/commonjs/PieChart/README.md +212 -0
- package/commonjs/Popover/README.md +82 -0
- package/commonjs/Progress/Progress.js +1 -1
- package/commonjs/Progress/Progress.js.map +1 -1
- package/commonjs/Progress/README.md +106 -0
- package/commonjs/RadioButton/README.md +85 -0
- package/commonjs/RadioButton/RadioButton.js +1 -1
- package/commonjs/RadioButton/RadioButton.js.map +1 -1
- package/commonjs/ScanButton/README.md +72 -0
- package/commonjs/SearchInput/SearchInput.js +5 -1
- package/commonjs/SearchInput/SearchInput.js.map +1 -1
- package/commonjs/SheetTitle/README.md +89 -0
- package/commonjs/SheetTitle/SheetTitle.js +1 -1
- package/commonjs/SheetTitle/SheetTitle.js.map +1 -1
- package/commonjs/Shell/README.md +152 -0
- package/commonjs/Shell/Shell.js.map +1 -1
- package/commonjs/StatisticCard/README.md +129 -0
- package/commonjs/StatisticCard/StatisticCard.js +2 -2
- package/commonjs/StatisticCard/StatisticCard.js.map +1 -1
- package/commonjs/StatisticsTable/StatisticsTable.js.map +1 -1
- package/commonjs/Status/README.md +75 -0
- package/commonjs/Status/Status.js +1 -1
- package/commonjs/Status/Status.js.map +1 -1
- package/commonjs/Steps/README.md +76 -0
- package/commonjs/Steps/Steps.js +1 -1
- package/commonjs/Steps/Steps.js.map +1 -1
- package/commonjs/Switch/Switch.js +101 -0
- package/commonjs/Switch/Switch.js.map +1 -0
- package/commonjs/Tab/README.md +161 -0
- package/commonjs/Tag/README.md +93 -0
- package/commonjs/Tag/Tag.js +4 -2
- package/commonjs/Tag/Tag.js.map +1 -1
- package/commonjs/Task/README.md +110 -0
- package/commonjs/Text/README.md +97 -0
- package/commonjs/TextArea/README.md +127 -0
- package/commonjs/TextArea/TextArea.js +4 -2
- package/commonjs/TextArea/TextArea.js.map +1 -1
- package/commonjs/Theme/README.md +161 -0
- package/commonjs/Theme/ThemeProvider.js +4 -1
- package/commonjs/Theme/ThemeProvider.js.map +1 -1
- package/commonjs/Theme/defaultTheme.js +1 -0
- package/commonjs/Theme/defaultTheme.js.map +1 -1
- package/commonjs/Theme/makeStyles.js +30 -0
- package/commonjs/Theme/makeStyles.js.map +1 -0
- package/commonjs/Theme/withTheme.js +91 -0
- package/commonjs/Theme/withTheme.js.map +1 -0
- package/commonjs/Timeline/README.md +111 -0
- package/commonjs/Timeline/Timeline.js +4 -4
- package/commonjs/Timeline/Timeline.js.map +1 -1
- package/commonjs/Toast/README.md +96 -0
- package/commonjs/Upload/Upload.js +126 -0
- package/commonjs/Upload/Upload.js.map +1 -0
- package/commonjs/WebViewBridge/WebViewBridge.js +2 -0
- package/commonjs/WebViewBridge/WebViewBridge.js.map +1 -1
- package/commonjs/common/bridgelessUtils.js +2 -2
- package/commonjs/common/bridgelessUtils.js.map +1 -1
- package/commonjs/index.js +39 -5
- package/commonjs/index.js.map +1 -1
- package/module/Alert/Alert.js +1 -1
- package/module/Alert/README.md +75 -0
- package/module/BarChart/BarChart.js +48 -86
- package/module/BarChart/BarChart.js.map +1 -1
- package/module/BarChart/README.md +172 -0
- package/module/Button/README.md +108 -0
- package/module/Calendar/Calendar.base.js +1 -1
- package/module/Calendar/Calendar.base.js.map +1 -1
- package/module/Calendar/ConcreteTimeSelector.js +0 -6
- package/module/Calendar/ConcreteTimeSelector.js.map +1 -1
- package/module/Calendar/README.md +410 -0
- package/module/Calendar/TimeSelector.js +0 -7
- package/module/Calendar/TimeSelector.js.map +1 -1
- package/module/Card/Card.js +1 -1
- package/module/Card/Card.js.map +1 -1
- package/module/Card/README.md +126 -0
- package/module/CheckBox/CheckBox.js +3 -1
- package/module/CheckBox/CheckBox.js.map +1 -1
- package/module/CheckBox/CheckBoxItem.js +3 -1
- package/module/CheckBox/CheckBoxItem.js.map +1 -1
- package/module/CheckBox/README.md +147 -0
- package/module/CircularProgress/CircularProgress.js +1 -1
- package/module/CircularProgress/CircularProgress.js.map +1 -1
- package/module/CircularProgress/README.md +70 -0
- package/module/Collapsible/Collapsible.js +1 -1
- package/module/Collapsible/Collapsible.js.map +1 -1
- package/module/Collapsible/README.md +140 -0
- package/module/ComboChart/ComboChart.js +3 -2
- package/module/ComboChart/ComboChart.js.map +1 -1
- package/module/ComboChart/README.md +124 -0
- package/module/DashboardCard/DashboardCard.js +5 -1
- package/module/DashboardCard/DashboardCard.js.map +1 -1
- package/module/DashboardCard/README.md +120 -0
- package/module/DataCell/DataCell.js +41 -56
- package/module/DataCell/DataCell.js.map +1 -1
- package/module/DataTable/DataTable.js.map +1 -1
- package/module/DataTable/README.md +159 -0
- package/module/DeviceSelectionModal/README.md +124 -0
- package/module/DraggableFlatList/README.md +35 -0
- package/module/Drawer/README.md +175 -0
- package/module/Dropdown/CustomDropdown.js +0 -3
- package/module/Dropdown/CustomDropdown.js.map +1 -1
- package/module/Dropdown/Dropdown.js +1 -1
- package/module/Dropdown/InputDropdown.js +4 -8
- package/module/Dropdown/InputDropdown.js.map +1 -1
- package/module/Dropdown/README.md +230 -0
- package/module/ExternalLink/README.md +81 -0
- package/module/Gantt/Gantt.js +82 -55
- package/module/Gantt/Gantt.js.map +1 -1
- package/module/Gantt/README.md +155 -0
- package/module/Gantt/helper.js +13 -9
- package/module/Gantt/helper.js.map +1 -1
- package/module/Grid/FixedSizeGrid.js +2 -3
- package/module/Grid/FixedSizeGrid.js.map +1 -1
- package/module/Grid/Grid.base.js +0 -3
- package/module/Grid/Grid.base.js.map +1 -1
- package/module/Grid/README.md +197 -0
- package/module/Grid/StaticFixedSizeGrid.js +22 -28
- package/module/Grid/StaticFixedSizeGrid.js.map +1 -1
- package/module/Grid/VariableSizeGrid.js +13 -18
- package/module/Grid/VariableSizeGrid.js.map +1 -1
- package/module/Header/README.md +109 -0
- package/module/HelloWave/README.md +28 -0
- package/module/Hoverable/Hoverable.js.map +1 -1
- package/module/IconText/IconText.js +1 -1
- package/module/IconText/IconText.js.map +1 -1
- package/module/IconText/README.md +99 -0
- package/module/Icons/TapasIcon.js +28 -1
- package/module/Icons/TapasIcon.js.map +1 -1
- package/module/Icons/TapasIconExpo.js +4 -4
- package/module/Icons/TapasIconExpo.js.map +1 -1
- package/module/Icons/expoFontLoader.js +6 -193
- package/module/Icons/expoFontLoader.js.map +1 -1
- package/module/Icons/fontLoader.js +8 -228
- package/module/Icons/fontLoader.js.map +1 -1
- package/module/Icons/smartFontLoader.js +3 -0
- package/module/Icons/smartFontLoader.js.map +1 -1
- package/module/Image/PreviewImg/README.md +100 -0
- package/module/Image/PreviewImg.js +16 -14
- package/module/Image/PreviewImg.js.map +1 -1
- package/module/Image/README.md +88 -0
- package/module/Input/Input.js +60 -4
- package/module/Input/Input.js.map +1 -1
- package/module/Layout/README.md +174 -0
- package/module/LineChart/LineChart.js +24 -17
- package/module/LineChart/LineChart.js.map +1 -1
- package/module/LineChart/README.md +181 -0
- package/module/ListItem/ListItem.js +1 -1
- package/module/ListItem/ListItem.js.map +1 -1
- package/module/ListItem/README.md +122 -0
- package/module/MessageBox/MessageBox.js +8 -2
- package/module/MessageBox/MessageBox.js.map +1 -1
- package/module/MessageBox/README.md +120 -0
- package/module/Navigation/Navigation.js.map +1 -1
- package/module/Navigation/README.md +197 -0
- package/module/NumericInput/README.md +95 -0
- package/module/Overlay/README.md +84 -0
- package/module/Pagination/Pagination.js +11 -9
- package/module/Pagination/Pagination.js.map +1 -1
- package/module/Pagination/README.md +106 -0
- package/module/PieChart/PieChart.js +15 -13
- package/module/PieChart/PieChart.js.map +1 -1
- package/module/PieChart/README.md +212 -0
- package/module/Popover/README.md +82 -0
- package/module/Progress/Progress.js +1 -1
- package/module/Progress/Progress.js.map +1 -1
- package/module/Progress/README.md +106 -0
- package/module/RadioButton/README.md +85 -0
- package/module/RadioButton/RadioButton.js +1 -1
- package/module/RadioButton/RadioButton.js.map +1 -1
- package/module/ScanButton/README.md +72 -0
- package/module/SearchInput/SearchInput.js +5 -1
- package/module/SearchInput/SearchInput.js.map +1 -1
- package/module/SheetTitle/README.md +89 -0
- package/module/SheetTitle/SheetTitle.js +1 -1
- package/module/SheetTitle/SheetTitle.js.map +1 -1
- package/module/Shell/README.md +152 -0
- package/module/Shell/Shell.js.map +1 -1
- package/module/StatisticCard/README.md +129 -0
- package/module/StatisticCard/StatisticCard.js +2 -1
- package/module/StatisticCard/StatisticCard.js.map +1 -1
- package/module/StatisticsTable/StatisticsTable.js.map +1 -1
- package/module/Status/README.md +75 -0
- package/module/Status/Status.js +1 -1
- package/module/Status/Status.js.map +1 -1
- package/module/Steps/README.md +76 -0
- package/module/Steps/Steps.js +1 -1
- package/module/Steps/Steps.js.map +1 -1
- package/module/Switch/Switch.js +96 -0
- package/module/Switch/Switch.js.map +1 -0
- package/module/Tab/README.md +161 -0
- package/module/Tag/README.md +93 -0
- package/module/Tag/Tag.js +4 -2
- package/module/Tag/Tag.js.map +1 -1
- package/module/Task/README.md +110 -0
- package/module/Text/README.md +97 -0
- package/module/TextArea/README.md +127 -0
- package/module/TextArea/TextArea.js +4 -2
- package/module/TextArea/TextArea.js.map +1 -1
- package/module/Theme/README.md +161 -0
- package/module/Theme/ThemeProvider.js +4 -1
- package/module/Theme/ThemeProvider.js.map +1 -1
- package/module/Theme/defaultTheme.js +1 -0
- package/module/Theme/defaultTheme.js.map +1 -1
- package/module/Theme/makeStyles.js +24 -0
- package/module/Theme/makeStyles.js.map +1 -0
- package/module/Theme/withTheme.js +82 -0
- package/module/Theme/withTheme.js.map +1 -0
- package/module/Timeline/README.md +111 -0
- package/module/Timeline/Timeline.js +4 -4
- package/module/Timeline/Timeline.js.map +1 -1
- package/module/Toast/README.md +96 -0
- package/module/Upload/Upload.js +121 -0
- package/module/Upload/Upload.js.map +1 -0
- package/module/WebViewBridge/WebViewBridge.js +2 -0
- package/module/WebViewBridge/WebViewBridge.js.map +1 -1
- package/module/common/bridgelessUtils.js +2 -2
- package/module/common/bridgelessUtils.js.map +1 -1
- package/module/index.js +12 -4
- package/module/index.js.map +1 -1
- package/package.json +1 -1
- package/typescript/BarChart/BarChart.d.ts.map +1 -1
- package/typescript/Calendar/ConcreteTimeSelector.d.ts.map +1 -1
- package/typescript/Calendar/TimeSelector.d.ts.map +1 -1
- package/typescript/Card/Card.d.ts.map +1 -1
- package/typescript/CheckBox/CheckBox.d.ts.map +1 -1
- package/typescript/CheckBox/CheckBoxItem.d.ts.map +1 -1
- package/typescript/CircularProgress/CircularProgress.d.ts.map +1 -1
- package/typescript/Collapsible/Collapsible.d.ts.map +1 -1
- package/typescript/ComboChart/ComboChart.d.ts.map +1 -1
- package/typescript/DashboardCard/DashboardCard.d.ts +2 -2
- package/typescript/DashboardCard/DashboardCard.d.ts.map +1 -1
- package/typescript/DataCell/DataCell.d.ts.map +1 -1
- package/typescript/Dropdown/CustomDropdown.d.ts.map +1 -1
- package/typescript/Dropdown/InputDropdown.d.ts.map +1 -1
- package/typescript/Gantt/Gantt.d.ts.map +1 -1
- package/typescript/Gantt/helper.d.ts +1 -1
- package/typescript/Gantt/helper.d.ts.map +1 -1
- package/typescript/Grid/FixedSizeGrid.d.ts +1 -3
- package/typescript/Grid/FixedSizeGrid.d.ts.map +1 -1
- package/typescript/Grid/Grid.base.d.ts +1 -3
- package/typescript/Grid/Grid.base.d.ts.map +1 -1
- package/typescript/Grid/StaticFixedSizeGrid.d.ts.map +1 -1
- package/typescript/Grid/VariableSizeGrid.d.ts +1 -3
- package/typescript/Grid/VariableSizeGrid.d.ts.map +1 -1
- package/typescript/IconText/IconText.d.ts.map +1 -1
- package/typescript/Icons/TapasIcon.d.ts +13 -0
- package/typescript/Icons/TapasIcon.d.ts.map +1 -1
- package/typescript/Icons/TapasIconExpo.d.ts.map +1 -1
- package/typescript/Icons/expoFontLoader.d.ts +7 -49
- package/typescript/Icons/expoFontLoader.d.ts.map +1 -1
- package/typescript/Icons/fontLoader.d.ts +9 -52
- package/typescript/Icons/fontLoader.d.ts.map +1 -1
- package/typescript/Icons/smartFontLoader.d.ts +4 -59
- package/typescript/Icons/smartFontLoader.d.ts.map +1 -1
- package/typescript/Image/PreviewImg.d.ts.map +1 -1
- package/typescript/Input/Input.d.ts +5 -0
- package/typescript/Input/Input.d.ts.map +1 -1
- package/typescript/LineChart/LineChart.d.ts.map +1 -1
- package/typescript/ListItem/ListItem.d.ts.map +1 -1
- package/typescript/MessageBox/MessageBox.d.ts.map +1 -1
- package/typescript/Pagination/Pagination.d.ts +3 -3
- package/typescript/Pagination/Pagination.d.ts.map +1 -1
- package/typescript/PieChart/PieChart.d.ts.map +1 -1
- package/typescript/Progress/Progress.d.ts.map +1 -1
- package/typescript/RadioButton/RadioButton.d.ts.map +1 -1
- package/typescript/SearchInput/SearchInput.d.ts +4 -0
- package/typescript/SearchInput/SearchInput.d.ts.map +1 -1
- package/typescript/SheetTitle/SheetTitle.d.ts.map +1 -1
- package/typescript/StatisticCard/StatisticCard.d.ts +1 -1
- package/typescript/StatisticCard/StatisticCard.d.ts.map +1 -1
- package/typescript/Status/Status.d.ts.map +1 -1
- package/typescript/Steps/Steps.d.ts.map +1 -1
- package/typescript/Switch/Switch.d.ts +15 -0
- package/typescript/Switch/Switch.d.ts.map +1 -0
- package/typescript/Tag/Tag.d.ts.map +1 -1
- package/typescript/TextArea/TextArea.d.ts +2 -0
- package/typescript/TextArea/TextArea.d.ts.map +1 -1
- package/typescript/Theme/ThemeProvider.d.ts +1 -1
- package/typescript/Theme/ThemeProvider.d.ts.map +1 -1
- package/typescript/Theme/defaultTheme.d.ts +288 -1
- package/typescript/Theme/defaultTheme.d.ts.map +1 -1
- package/typescript/Theme/makeStyles.d.ts +11 -0
- package/typescript/Theme/makeStyles.d.ts.map +1 -0
- package/typescript/Theme/types.d.ts +3 -0
- package/typescript/Theme/types.d.ts.map +1 -1
- package/typescript/Theme/withTheme.d.ts +12 -0
- package/typescript/Theme/withTheme.d.ts.map +1 -0
- package/typescript/Timeline/Timeline.d.ts.map +1 -1
- package/typescript/Upload/Upload.d.ts +25 -0
- package/typescript/Upload/Upload.d.ts.map +1 -0
- package/typescript/WebViewBridge/WebViewBridge.d.ts.map +1 -1
- package/typescript/WebViewBridge/useWebViewBridge.d.ts +1 -1
- package/typescript/WebViewBridge/useWebViewBridge.d.ts.map +1 -1
- package/typescript/common/hooks/useBridgelessFix.d.ts +1 -1
- package/typescript/index.d.ts +580 -4
- package/typescript/index.d.ts.map +1 -1
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
# Status
|
|
2
|
+
|
|
3
|
+
状态标签组件,用于展示不同类型的状态信息。支持 point(圆点)和 solid(填充)两种显示模式。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 支持 6 种状态类型:success、error、warning、waiting、unavailable、disabled
|
|
8
|
+
- ✅ 支持 point 模式(圆点 + 文字)和 solid 模式(带边框文字)
|
|
9
|
+
- ✅ 自动首字母大写显示
|
|
10
|
+
- ✅ 各状态类型使用主题色渲染
|
|
11
|
+
- ✅ 空标签自动返回 null,不渲染
|
|
12
|
+
- ✅ 支持自定义样式覆盖
|
|
13
|
+
- ✅ 支持 testID 属性用于测试
|
|
14
|
+
- ✅ 使用 React.memo 优化渲染性能
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import Status from '@beppla/tapas-ui/components/Status/Status';
|
|
20
|
+
// 或具名导出
|
|
21
|
+
import { StatusTag } from '@beppla/tapas-ui/components/Status/Status';
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Props
|
|
25
|
+
|
|
26
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
27
|
+
|------|------|--------|------|
|
|
28
|
+
| tag | `string` | - | 状态文字 |
|
|
29
|
+
| type | `STATUS_TYPE` | - | 状态类型 |
|
|
30
|
+
| mode | `'point' \| 'solid'` | `'point'` | 显示模式 |
|
|
31
|
+
| testID | `string` | - | 测试标识 |
|
|
32
|
+
| styles | `StyleProp<ViewStyle>` | - | 自定义容器样式 |
|
|
33
|
+
|
|
34
|
+
### STATUS_TYPE
|
|
35
|
+
|
|
36
|
+
```ts
|
|
37
|
+
type STATUS_TYPE = 'success' | 'error' | 'warning' | 'waiting' | 'unavailable' | 'disabled';
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## 使用示例
|
|
41
|
+
|
|
42
|
+
### Point 模式(圆点 + 文字)
|
|
43
|
+
|
|
44
|
+
```tsx
|
|
45
|
+
<Status tag="Active" type="success" mode="point" />
|
|
46
|
+
<Status tag="Error" type="error" mode="point" />
|
|
47
|
+
<Status tag="Warning" type="warning" mode="point" />
|
|
48
|
+
<Status tag="Waiting" type="waiting" mode="point" />
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
### Solid 模式(带边框文字)
|
|
52
|
+
|
|
53
|
+
```tsx
|
|
54
|
+
<Status tag="Available" type="success" mode="solid" />
|
|
55
|
+
<Status tag="Cancelled" type="error" mode="solid" />
|
|
56
|
+
<Status tag="Pending" type="warning" mode="solid" />
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
### 全部状态类型
|
|
60
|
+
|
|
61
|
+
```tsx
|
|
62
|
+
{(['success', 'error', 'warning', 'waiting', 'unavailable', 'disabled'] as STATUS_TYPE[]).map(
|
|
63
|
+
(type) => (
|
|
64
|
+
<Status key={type} type={type} tag={type} mode="point" />
|
|
65
|
+
)
|
|
66
|
+
)}
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
## 注意事项
|
|
70
|
+
|
|
71
|
+
- `tag` 为空字符串时组件不渲染(返回 null)
|
|
72
|
+
- 标签文字会自动首字母大写(通过 `capitalizeFirstLetter` 处理)
|
|
73
|
+
- point 模式下圆点为 8x8 像素,带圆角
|
|
74
|
+
- solid 模式使用边框 + 文字颜色,不填充背景
|
|
75
|
+
- waiting 状态在 point 模式下有特殊样式(使用边框而非背景色)
|
|
@@ -124,5 +124,5 @@ const StatusTag = ({
|
|
|
124
124
|
});
|
|
125
125
|
};
|
|
126
126
|
exports.StatusTag = StatusTag;
|
|
127
|
-
var _default = exports.default = (0, _themed.withTheme)(StatusTag);
|
|
127
|
+
var _default = exports.default = (0, _themed.withTheme)(/*#__PURE__*/_react.default.memo(StatusTag));
|
|
128
128
|
//# sourceMappingURL=Status.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_themed","_common","_jsxRuntime","e","__esModule","default","useStyles","makeStyles","theme","statusWrap","height","display","flexDirection","justifyContent","alignItems","base","width","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","paddingHorizontal","borderRadius","color","colors","colorTextSecondary","unavailable","disabled","backgroundColor","grey5","warning","warning2","reserved","colorStatusReserved","error","colorStatusError","success","colorStatusAvailable","waiting","borderColor","colorStatusAwaiting","borderWidth","point","solid_disabled","solid_warning","solid_error","solid_success","solid_unavailable","grey3","solid_waiting","solid_reserved","StatusTag","tag","type","mode","props","styles","formattedTag","capitalizeFirstLetter","jsx","View","testID","style","children","jsxs","Fragment","Text","exports","_default","withTheme"],"sourceRoot":"../../../components","sources":["Status/Status.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_themed","_common","_jsxRuntime","e","__esModule","default","useStyles","makeStyles","theme","statusWrap","height","display","flexDirection","justifyContent","alignItems","base","width","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","paddingHorizontal","borderRadius","color","colors","colorTextSecondary","unavailable","disabled","backgroundColor","grey5","warning","warning2","reserved","colorStatusReserved","error","colorStatusError","success","colorStatusAvailable","waiting","borderColor","colorStatusAwaiting","borderWidth","point","solid_disabled","solid_warning","solid_error","solid_success","solid_unavailable","grey3","solid_waiting","solid_reserved","StatusTag","tag","type","mode","props","styles","formattedTag","capitalizeFirstLetter","jsx","View","testID","style","children","jsxs","Fragment","Text","exports","_default","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["Status/Status.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# Steps
|
|
2
|
+
|
|
3
|
+
步骤条组件,用于展示多步骤流程的当前进度。步骤编号以圆形展示,已完成步骤显示对勾图标,步骤之间以连接线相连,支持点击已完成和当前步骤进行导航。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 多步骤流程展示
|
|
8
|
+
- ✅ 三种步骤状态:完成(对勾图标)、当前(高亮)、待完成(灰色编号)
|
|
9
|
+
- ✅ 步骤间连接线颜色跟随状态变化
|
|
10
|
+
- ✅ 支持点击已完成/当前步骤进行导航
|
|
11
|
+
- ✅ 待完成步骤不可点击
|
|
12
|
+
- ✅ 横向排列布局
|
|
13
|
+
- ✅ 主题色适配(品牌色高亮)
|
|
14
|
+
- ✅ React.memo 优化性能
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { Steps } from '@beppla/tapas-ui';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
25
|
+
|------|------|--------|------|
|
|
26
|
+
| steps | `{ title: string; description?: string }[]` | `[]` | 步骤配置数组(必填) |
|
|
27
|
+
| currentStep | `number` | - | 当前步骤索引,从 0 开始(必填) |
|
|
28
|
+
| onPressStep | `(step: number) => void` | - | 步骤点击回调,参数为步骤编号(从 1 开始)(必填) |
|
|
29
|
+
| testID | `string` | - | 测试标识 |
|
|
30
|
+
|
|
31
|
+
## 使用示例
|
|
32
|
+
|
|
33
|
+
### 基础用法
|
|
34
|
+
|
|
35
|
+
```tsx
|
|
36
|
+
const steps = [
|
|
37
|
+
{ title: 'Step 1' },
|
|
38
|
+
{ title: 'Step 2' },
|
|
39
|
+
{ title: 'Step 3' },
|
|
40
|
+
];
|
|
41
|
+
|
|
42
|
+
<Steps
|
|
43
|
+
steps={steps}
|
|
44
|
+
currentStep={1}
|
|
45
|
+
onPressStep={(step) => console.log('Navigate to step:', step)}
|
|
46
|
+
/>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
### 全部完成
|
|
50
|
+
|
|
51
|
+
```tsx
|
|
52
|
+
<Steps
|
|
53
|
+
steps={[{ title: 'Info' }, { title: 'Payment' }, { title: 'Done' }]}
|
|
54
|
+
currentStep={3}
|
|
55
|
+
onPressStep={handleStepPress}
|
|
56
|
+
/>
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
### 第一步
|
|
60
|
+
|
|
61
|
+
```tsx
|
|
62
|
+
<Steps
|
|
63
|
+
steps={[{ title: 'Cart' }, { title: 'Checkout' }, { title: 'Confirm' }]}
|
|
64
|
+
currentStep={0}
|
|
65
|
+
onPressStep={handleStepPress}
|
|
66
|
+
/>
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
## 注意事项
|
|
70
|
+
|
|
71
|
+
- `currentStep` 从 0 开始索引,0 表示第一步为当前步骤
|
|
72
|
+
- `onPressStep` 回调参数为步骤编号(从 1 开始),与界面展示一致
|
|
73
|
+
- 仅已完成和当前步骤可点击,待完成步骤点击无响应
|
|
74
|
+
- 步骤圆形尺寸固定 28x28,连接线宽度 76px
|
|
75
|
+
- `title` 和 `description` 在当前实现中仅用于数据传递,界面展示为编号/对勾
|
|
76
|
+
- 需在 `ThemeProvider` 内使用
|
package/commonjs/Steps/Steps.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_themed","_TapasIcon","_jsxRuntime","e","__esModule","default","useStyles","makeStyles","theme","container","flexDirection","alignItems","marginVertical","step","flex","paddingVertical","activeStep","backgroundColor","colors","colorTextBrand","color","white","completedStep","iconContainer","marginRight","stepNumber","fontSize","fontWeight","textContainer","title","activeTitle","completedTitle","description","activeDescription","completedDescription","stepText","fonts","sizeM","fontFamily","weightR","height","width","borderRadius","radius","full","grey3","grey2","display","justifyContent","gap","hr","grey4","marginHorizontal","rounded","completedHr","stepItem","Step","index","active","completed","onItemPress","styles","handleItemPress","jsx","Fragment","children","TouchableOpacity","onPress","jsxs","View","style","Text","name","size","Steps","steps","currentStep","onPressStep","testID","map","Number","parseInt","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["Steps/Steps.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_themed","_TapasIcon","_jsxRuntime","e","__esModule","default","useStyles","makeStyles","theme","container","flexDirection","alignItems","marginVertical","step","flex","paddingVertical","activeStep","backgroundColor","colors","colorTextBrand","color","white","completedStep","iconContainer","marginRight","stepNumber","fontSize","fontWeight","textContainer","title","activeTitle","completedTitle","description","activeDescription","completedDescription","stepText","fonts","sizeM","fontFamily","weightR","height","width","borderRadius","radius","full","grey3","grey2","display","justifyContent","gap","hr","grey4","marginHorizontal","rounded","completedHr","stepItem","Step","index","active","completed","onItemPress","styles","handleItemPress","jsx","Fragment","children","TouchableOpacity","onPress","jsxs","View","style","Text","name","size","Steps","steps","currentStep","onPressStep","testID","map","Number","parseInt","_default","exports","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["Steps/Steps.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWtC,MAAMG,SAAS,GAAG,IAAAC,kBAAU,EAAEC,KAAK,IAAK;EACpC,OAAO;IACHC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IACpB,CAAC;IACDC,IAAI,EAAE;MACFC,IAAI,EAAE,CAAC;MACPJ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBI,eAAe,EAAE;IACrB,CAAC;IACDC,UAAU,EAAE;MACRC,eAAe,EAAET,KAAK,CAACU,MAAM,CAACC,cAAc;MAC5CC,KAAK,EAAEZ,KAAK,CAACU,MAAM,CAACG;IACxB,CAAC;IACDC,aAAa,EAAE;MACX;MACAL,eAAe,EAAET,KAAK,CAACU,MAAM,CAACC;IAClC,CAAC;IACDI,aAAa,EAAE;MACXC,WAAW,EAAE;IACjB,CAAC;IACDC,UAAU,EAAE;MACRC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IAChB,CAAC;IACDC,aAAa,EAAE;MACXd,IAAI,EAAE;IACV,CAAC;IACDe,KAAK,EAAE;MACHH,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IAChB,CAAC;IACDG,WAAW,EAAE;MACT;IAAA,CACH;IACDC,cAAc,EAAE;MACZ;IAAA,CACH;IACDC,WAAW,EAAE;MACTN,QAAQ,EAAE,EAAE;MACZN,KAAK,EAAE;IACX,CAAC;IACDa,iBAAiB,EAAE;MACf;IAAA,CACH;IACDC,oBAAoB,EAAE;MAClB;IAAA,CACH;IACDC,QAAQ,EAAE;MACNT,QAAQ,EAAElB,KAAK,CAAC4B,KAAK,CAACC,KAAK;MAC3BC,UAAU,EAAE9B,KAAK,CAAC4B,KAAK,CAACE,UAAU;MAClCX,UAAU,EAAEnB,KAAK,CAAC4B,KAAK,CAACG,OAAO;MAC/BC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAElC,KAAK,CAACmC,MAAM,CAACC,IAAI;MAC/B3B,eAAe,EAAET,KAAK,CAACU,MAAM,CAAC2B,KAAK;MACnCzB,KAAK,EAAEZ,KAAK,CAACU,MAAM,CAAC4B,KAAK;MACzBC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBrC,UAAU,EAAE,QAAQ;MACpBsC,GAAG,EAAE;IACT,CAAC;IACDC,EAAE,EAAE;MACAV,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,EAAE;MACTxB,eAAe,EAACT,KAAK,CAACU,MAAM,CAACiC,KAAK;MAClCC,gBAAgB,EAAE,CAAC;MACnBV,YAAY,EAAElC,KAAK,CAACmC,MAAM,CAACU;IAC/B,CAAC;IACDC,WAAW,EAAE;MACTrC,eAAe,EAACT,KAAK,CAACU,MAAM,CAACC;IACjC,CAAC;IACDoC,QAAQ,EAAE;MACNR,OAAO,EAAE,MAAM;MACfrC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBqC,cAAc,EAAE;IACpB;EACJ,CAAC;AACL,CAAC,CAAC;AAEF,MAAMQ,IAAyB,GAAGA,CAAC;EAAEC,KAAK;EAAGC,MAAM;EAAEC,SAAS;EAAEC;AAAW,CAAC,KAAK;EAC9E,MAAMC,MAAM,GAAGvD,SAAS,CAAC,CAAC;EAC1B,MAAMwD,eAAe,GAAGA,CAAA,KAAM;IAC1B,IAAIH,SAAS,IAAID,MAAM,EAAE;MACxBE,WAAW,IAAIA,WAAW,CAACH,KAAe,CAAC;IAC5C;EACH,CAAC;EACD,oBACG,IAAAvD,WAAA,CAAA6D,GAAA,EAAA7D,WAAA,CAAA8D,QAAA;IAAAC,QAAA,eACK,IAAA/D,WAAA,CAAA6D,GAAA,EAAChE,YAAA,CAAAmE,gBAAgB;MAACC,OAAO,EAAEL,eAAgB;MAAAG,QAAA,eACvC,IAAA/D,WAAA,CAAAkE,IAAA,EAACrE,YAAA,CAAAsE,IAAI;QAACC,KAAK,EAAET,MAAM,CAACN,QAAS;QAAAU,QAAA,GACxBR,KAAK,KAAK,CAAC,iBAAI,IAAAvD,WAAA,CAAA6D,GAAA,EAAChE,YAAA,CAAAsE,IAAI;UAACC,KAAK,EAAE,CAACT,MAAM,CAACX,EAAE,EAAE,CAACS,SAAS,IAAID,MAAM,KAAKG,MAAM,CAACP,WAAW;QAAE,CAAO,CAAC,EAE1FK,SAAS,gBACL,IAAAzD,WAAA,CAAA6D,GAAA,EAAChE,YAAA,CAAAwE,IAAI;UAACD,KAAK,EAAE,CAACT,MAAM,CAAC1B,QAAQ,EAAEuB,MAAM,IAAIG,MAAM,CAAC7C,UAAU,EAAE2C,SAAS,IAAIE,MAAM,CAACvC,aAAa,CAAE;UAAA2C,QAAA,eAAE,IAAA/D,WAAA,CAAA6D,GAAA,EAAC9D,UAAA,CAAAI,OAAI;YAACmE,IAAI,EAAC,OAAO;YAACC,IAAI,EAAE,EAAG;YAACrD,KAAK,EAAC;UAAO,CAAE;QAAC,CAAM,CAAC,gBAErJ,IAAAlB,WAAA,CAAA6D,GAAA,EAAChE,YAAA,CAAAwE,IAAI;UAACD,KAAK,EAAE,CAACT,MAAM,CAAC1B,QAAQ,EAAEuB,MAAM,IAAIG,MAAM,CAAC7C,UAAU,EAAE2C,SAAS,IAAIE,MAAM,CAACvC,aAAa,CAAE;UAAA2C,QAAA,EAAGR;QAAK,CAAO,CACjH;MAAA,CAEH;IAAC,CACM;EAAC,CAwBrB,CAAC;AAEV,CAAC;AASD,MAAMiB,KAA2B,GAAGA,CAAC;EAAEC,KAAK,GAAG,EAAE;EAAEC,WAAW;EAAEC,WAAW;EAAEC;AAAO,CAAC,KAAK;EACtF,MAAMjB,MAAM,GAAGvD,SAAS,CAAC,CAAC;EAC1B,oBACI,IAAAJ,WAAA,CAAA6D,GAAA,EAAChE,YAAA,CAAAsE,IAAI;IAACC,KAAK,EAAET,MAAM,CAACpD,SAAU;IAACqE,MAAM,EAAEA,MAAO;IAAAb,QAAA,EACzCU,KAAK,CAACI,GAAG,CAAC,CAAClE,IAAI,EAAE4C,KAAa,kBAC3B,IAAAvD,WAAA,CAAA6D,GAAA,EAAChE,YAAA,CAAAsE,IAAI;MAAAJ,QAAA,eACD,IAAA/D,WAAA,CAAA6D,GAAA,EAACP,IAAI;QAEDC,KAAK,EAAEuB,MAAM,CAACC,QAAQ,CAAC,GAAGxB,KAAK,GAAG,CAAC,EAAE,CAAE;QACvC5B,KAAK,EAAEhB,IAAI,CAACgB,KAAM;QAClBG,WAAW,EAAEnB,IAAI,CAACmB,WAAY;QAC9B0B,MAAM,EAAED,KAAK,KAAKmB,WAAY;QAC9BjB,SAAS,EAAEF,KAAK,GAAGmB,WAAY;QAC/BhB,WAAW,EAAEiB;MAAY,GANpBpB,KAOR;IAAC,CACA,CACT;EAAC,CACA,CAAC;AAEf,CAAC;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAA9E,OAAA,GAGa,IAAA+E,iBAAS,eAACC,cAAK,CAACC,IAAI,CAACZ,KAAK,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _themed = require("@rneui/themed");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
const TapasSwitch = ({
|
|
13
|
+
trackColor,
|
|
14
|
+
thumbColor,
|
|
15
|
+
width = 56,
|
|
16
|
+
height = 32,
|
|
17
|
+
onValueChange,
|
|
18
|
+
value,
|
|
19
|
+
disabled,
|
|
20
|
+
testID,
|
|
21
|
+
containerStyle
|
|
22
|
+
}) => {
|
|
23
|
+
const styles = useStyles();
|
|
24
|
+
const leftAnim = (0, _react.useRef)(new _reactNative.Animated.Value(value ? width - height - 1 : 3)).current;
|
|
25
|
+
(0, _react.useEffect)(() => {
|
|
26
|
+
_reactNative.Animated.timing(leftAnim, {
|
|
27
|
+
toValue: value ? width - height - 1 : 3,
|
|
28
|
+
duration: 200,
|
|
29
|
+
useNativeDriver: false
|
|
30
|
+
}).start();
|
|
31
|
+
}, [value, width, height, leftAnim]);
|
|
32
|
+
const thumbSize = height - 6;
|
|
33
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
34
|
+
style: [styles.container, containerStyle],
|
|
35
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
36
|
+
testID: testID,
|
|
37
|
+
activeOpacity: 0.8,
|
|
38
|
+
onPress: () => {
|
|
39
|
+
if (!disabled && onValueChange) {
|
|
40
|
+
onValueChange(!value);
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
style: [styles.track, {
|
|
44
|
+
width,
|
|
45
|
+
height,
|
|
46
|
+
borderRadius: height / 2,
|
|
47
|
+
backgroundColor: value ? trackColor?.true ?? (disabled ? styles.disabledOnBg.backgroundColor : styles.onBg.backgroundColor) : trackColor?.false ?? (disabled ? styles.disabledOffBg.backgroundColor : styles.offBg.backgroundColor),
|
|
48
|
+
opacity: disabled ? 0.6 : 1
|
|
49
|
+
}],
|
|
50
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
51
|
+
style: [{
|
|
52
|
+
width: thumbSize,
|
|
53
|
+
height: thumbSize,
|
|
54
|
+
borderRadius: thumbSize / 2,
|
|
55
|
+
backgroundColor: thumbColor ?? styles.thumb.backgroundColor,
|
|
56
|
+
transform: [{
|
|
57
|
+
translateX: leftAnim
|
|
58
|
+
}]
|
|
59
|
+
}, !disabled && styles.shadow]
|
|
60
|
+
})
|
|
61
|
+
})
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
const useStyles = (0, _themed.makeStyles)(theme => ({
|
|
65
|
+
container: {
|
|
66
|
+
justifyContent: 'center',
|
|
67
|
+
alignItems: 'center'
|
|
68
|
+
},
|
|
69
|
+
track: {
|
|
70
|
+
padding: 3,
|
|
71
|
+
justifyContent: 'center',
|
|
72
|
+
position: 'relative'
|
|
73
|
+
},
|
|
74
|
+
onBg: {
|
|
75
|
+
backgroundColor: theme.colors.success
|
|
76
|
+
},
|
|
77
|
+
offBg: {
|
|
78
|
+
backgroundColor: theme.colors.grey3
|
|
79
|
+
},
|
|
80
|
+
disabledOnBg: {
|
|
81
|
+
backgroundColor: theme.colors.grey3
|
|
82
|
+
},
|
|
83
|
+
disabledOffBg: {
|
|
84
|
+
backgroundColor: theme.colors.grey4
|
|
85
|
+
},
|
|
86
|
+
thumb: {
|
|
87
|
+
backgroundColor: theme.colors.white
|
|
88
|
+
},
|
|
89
|
+
shadow: {
|
|
90
|
+
shadowColor: 'rgba(0, 0, 0, 0.12)',
|
|
91
|
+
shadowOffset: {
|
|
92
|
+
width: 0,
|
|
93
|
+
height: 4
|
|
94
|
+
},
|
|
95
|
+
shadowOpacity: 0.12,
|
|
96
|
+
shadowRadius: 16,
|
|
97
|
+
elevation: 8
|
|
98
|
+
}
|
|
99
|
+
}));
|
|
100
|
+
var _default = exports.default = (0, _themed.withTheme)(/*#__PURE__*/_react.default.memo(TapasSwitch));
|
|
101
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TapasSwitch","trackColor","thumbColor","width","height","onValueChange","value","disabled","testID","containerStyle","styles","useStyles","leftAnim","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","thumbSize","jsx","View","style","container","children","TouchableOpacity","activeOpacity","onPress","track","borderRadius","backgroundColor","true","disabledOnBg","onBg","false","disabledOffBg","offBg","opacity","thumb","transform","translateX","shadow","makeStyles","theme","justifyContent","alignItems","padding","position","colors","success","grey3","grey4","white","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","_default","exports","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["Switch/Switch.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
# TapasTab
|
|
2
|
+
|
|
3
|
+
Tab 标签页组件,扩展 `@rneui/themed` 的 Tab 组件,新增 `content` 宽度模式,支持根据标签文本内容自适应宽度,而非默认的平分容器宽度。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- 两种宽度模式:`fill`(平分容器宽度)和 `content`(内容自适应宽度)
|
|
8
|
+
- `content` 模式下自动启用水平滚动(`scrollable`)
|
|
9
|
+
- 可配置标签最小宽度(`minTabWidth`)和最大宽度(`maxTabWidth`)
|
|
10
|
+
- 可配置内容模式下的水平内边距(`contentPadding`)
|
|
11
|
+
- 底部分隔线显示控制和颜色自定义
|
|
12
|
+
- 文本超出时自动省略号处理(Web 端 `text-overflow: ellipsis`)
|
|
13
|
+
- 完全兼容 `@rneui/themed` Tab 的所有原生属性
|
|
14
|
+
- `TapasTab.Item` 直接复用 `@rneui Tab.Item`
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { TapasTab } from '@beppla/tapas-ui';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
25
|
+
|------|------|--------|------|
|
|
26
|
+
| value | `number` | - | 当前选中标签索引(受控,必填) |
|
|
27
|
+
| onChange | `(value: number) => void` | - | 标签切换回调(必填) |
|
|
28
|
+
| widthMode | `'fill' \| 'content'` | `'fill'` | 宽度模式 |
|
|
29
|
+
| minTabWidth | `number` | - | content 模式下标签最小宽度(像素) |
|
|
30
|
+
| maxTabWidth | `number` | - | content 模式下标签最大宽度(像素) |
|
|
31
|
+
| contentPadding | `number` | `16` | content 模式下标签水平内边距 |
|
|
32
|
+
| showDivider | `boolean` | `true` | 是否显示底部分隔线(仅 content 模式) |
|
|
33
|
+
| dividerColor | `string` | `'#e0e0e0'` | 底部分隔线颜色 |
|
|
34
|
+
| containerStyle | `StyleProp<ViewStyle>` | - | 容器自定义样式 |
|
|
35
|
+
| buttonStyle | `StyleProp<ViewStyle>` | - | 按钮自定义样式 |
|
|
36
|
+
| indicatorStyle | `StyleProp<ViewStyle>` | - | 指示器自定义样式 |
|
|
37
|
+
| titleStyle | `StyleProp<TextStyle>` | - | 标题文本自定义样式 |
|
|
38
|
+
| children | `React.ReactElement<TabItemProps>[]` | - | TapasTab.Item 子组件 |
|
|
39
|
+
|
|
40
|
+
## 使用示例
|
|
41
|
+
|
|
42
|
+
### 基础平分模式(默认)
|
|
43
|
+
|
|
44
|
+
```tsx
|
|
45
|
+
import { TapasTab } from '@beppla/tapas-ui';
|
|
46
|
+
import { useState } from 'react';
|
|
47
|
+
|
|
48
|
+
export default function App() {
|
|
49
|
+
const [index, setIndex] = useState(0);
|
|
50
|
+
|
|
51
|
+
return (
|
|
52
|
+
<TapasTab value={index} onChange={setIndex}>
|
|
53
|
+
<TapasTab.Item title="Tab 1" />
|
|
54
|
+
<TapasTab.Item title="Tab 2" />
|
|
55
|
+
<TapasTab.Item title="Tab 3" />
|
|
56
|
+
</TapasTab>
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
### 内容自适应模式
|
|
62
|
+
|
|
63
|
+
```tsx
|
|
64
|
+
<TapasTab value={index} onChange={setIndex} widthMode="content">
|
|
65
|
+
<TapasTab.Item title="Short" />
|
|
66
|
+
<TapasTab.Item title="Medium Length" />
|
|
67
|
+
<TapasTab.Item title="This is a very long tab label" />
|
|
68
|
+
</TapasTab>
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
### 带最小/最大宽度控制
|
|
72
|
+
|
|
73
|
+
```tsx
|
|
74
|
+
<TapasTab
|
|
75
|
+
value={index}
|
|
76
|
+
onChange={setIndex}
|
|
77
|
+
widthMode="content"
|
|
78
|
+
minTabWidth={80}
|
|
79
|
+
maxTabWidth={180}
|
|
80
|
+
>
|
|
81
|
+
<TapasTab.Item title="Short" />
|
|
82
|
+
<TapasTab.Item title="Medium" />
|
|
83
|
+
<TapasTab.Item title="Very long label text here" />
|
|
84
|
+
</TapasTab>
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
### 自定义内边距
|
|
88
|
+
|
|
89
|
+
```tsx
|
|
90
|
+
<TapasTab
|
|
91
|
+
value={index}
|
|
92
|
+
onChange={setIndex}
|
|
93
|
+
widthMode="content"
|
|
94
|
+
contentPadding={30}
|
|
95
|
+
>
|
|
96
|
+
<TapasTab.Item title="Home" />
|
|
97
|
+
<TapasTab.Item title="Products" />
|
|
98
|
+
<TapasTab.Item title="Orders" />
|
|
99
|
+
</TapasTab>
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
### 实际应用场景(商品管理导航)
|
|
103
|
+
|
|
104
|
+
```tsx
|
|
105
|
+
import { TapasTab } from '@beppla/tapas-ui';
|
|
106
|
+
import { useState } from 'react';
|
|
107
|
+
import { View, Text } from 'react-native';
|
|
108
|
+
|
|
109
|
+
const tabs = ['All', 'Pending', 'Published', 'Unpublished', 'Low Stock'];
|
|
110
|
+
|
|
111
|
+
export default function ProductTabs() {
|
|
112
|
+
const [index, setIndex] = useState(0);
|
|
113
|
+
|
|
114
|
+
return (
|
|
115
|
+
<View>
|
|
116
|
+
<TapasTab
|
|
117
|
+
value={index}
|
|
118
|
+
onChange={setIndex}
|
|
119
|
+
widthMode="content"
|
|
120
|
+
minTabWidth={60}
|
|
121
|
+
contentPadding={20}
|
|
122
|
+
>
|
|
123
|
+
{tabs.map((tab, i) => (
|
|
124
|
+
<TapasTab.Item key={i} title={tab} />
|
|
125
|
+
))}
|
|
126
|
+
</TapasTab>
|
|
127
|
+
<View style={{ padding: 16 }}>
|
|
128
|
+
<Text>{tabs[index]} content here</Text>
|
|
129
|
+
</View>
|
|
130
|
+
</View>
|
|
131
|
+
);
|
|
132
|
+
}
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
### 自定义样式
|
|
136
|
+
|
|
137
|
+
```tsx
|
|
138
|
+
<TapasTab
|
|
139
|
+
value={index}
|
|
140
|
+
onChange={setIndex}
|
|
141
|
+
widthMode="fill"
|
|
142
|
+
containerStyle={{ backgroundColor: '#f5f5f5' }}
|
|
143
|
+
buttonStyle={{ paddingVertical: 12 }}
|
|
144
|
+
titleStyle={{ fontSize: 14, fontWeight: '600' }}
|
|
145
|
+
indicatorStyle={{ backgroundColor: '#1976d2', height: 3 }}
|
|
146
|
+
>
|
|
147
|
+
<TapasTab.Item title="Tab 1" />
|
|
148
|
+
<TapasTab.Item title="Tab 2" />
|
|
149
|
+
</TapasTab>
|
|
150
|
+
```
|
|
151
|
+
|
|
152
|
+
## 注意事项
|
|
153
|
+
|
|
154
|
+
- `fill` 模式(默认)将标签平均分配容器宽度,与原生 `@rneui Tab` 行为一致
|
|
155
|
+
- `content` 模式根据文本内容动态调整每个标签宽度,自动启用水平滚动
|
|
156
|
+
- `minTabWidth` 和 `maxTabWidth` 仅在 `widthMode='content'` 时生效
|
|
157
|
+
- `content` 模式下,`buttonStyle` 和 `titleStyle` 会自动注入到每个 `TapasTab.Item`
|
|
158
|
+
- `showDivider` 仅在 `content` 模式下生效,通过外层 View 的 `borderBottomWidth` 实现
|
|
159
|
+
- 在 `content` 模式下,文本自动设置为不换行(Web `whiteSpace: nowrap`)并显示省略号
|
|
160
|
+
- `TapasTab.Item` 是 `@rneui Tab.Item` 的直接引用,支持所有 `TabItemProps`
|
|
161
|
+
- `containerStyle` 在 `content` 模式下会自动追加 `width: '100%'`
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
# Tag
|
|
2
|
+
|
|
3
|
+
标签组件,用于标记和分类信息。支持关闭按钮、多种尺寸和禁用状态。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 支持三种尺寸:small(32px)、middle(36px)、large(40px)
|
|
8
|
+
- ✅ 可选的关闭按钮,支持点击关闭回调
|
|
9
|
+
- ✅ 支持禁用状态,禁用时关闭按钮不可点击
|
|
10
|
+
- ✅ 文字超出宽度自动省略(可设置最大宽度)
|
|
11
|
+
- ✅ 胶囊形圆角样式
|
|
12
|
+
- ✅ 灰色背景,主题色文字
|
|
13
|
+
- ✅ 使用 React.memo 优化渲染性能
|
|
14
|
+
- ✅ 支持无障碍标签(accessibilityRole="button")
|
|
15
|
+
|
|
16
|
+
## 安装使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import Tag from '@beppla/tapas-ui/components/Tag/Tag';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
25
|
+
|------|------|--------|------|
|
|
26
|
+
| children | `React.ReactNode` | - | 标签内容 |
|
|
27
|
+
| closable | `boolean` | `true` | 是否显示关闭按钮 |
|
|
28
|
+
| onClose | `() => void` | - | 关闭按钮点击回调 |
|
|
29
|
+
| style | `StyleProp<ViewStyle>` | - | 自定义容器样式 |
|
|
30
|
+
| size | `'small' \| 'middle' \| 'large'` | `'large'` | 标签尺寸 |
|
|
31
|
+
| textMaxWidth | `number` | `226` | 文字最大宽度 |
|
|
32
|
+
| disabled | `boolean` | `false` | 是否禁用 |
|
|
33
|
+
|
|
34
|
+
## 使用示例
|
|
35
|
+
|
|
36
|
+
### 基础用法
|
|
37
|
+
|
|
38
|
+
```tsx
|
|
39
|
+
<Tag>标签文字</Tag>
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### 可关闭标签
|
|
43
|
+
|
|
44
|
+
```tsx
|
|
45
|
+
<Tag closable onClose={() => console.log('closed')}>
|
|
46
|
+
可关闭
|
|
47
|
+
</Tag>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### 不同尺寸
|
|
51
|
+
|
|
52
|
+
```tsx
|
|
53
|
+
<Tag size="small">Small</Tag>
|
|
54
|
+
<Tag size="middle">Middle</Tag>
|
|
55
|
+
<Tag size="large">Large</Tag>
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### 禁用状态
|
|
59
|
+
|
|
60
|
+
```tsx
|
|
61
|
+
<Tag disabled>禁用标签</Tag>
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
### 标签列表(可删除)
|
|
65
|
+
|
|
66
|
+
```tsx
|
|
67
|
+
const [list, setList] = useState([
|
|
68
|
+
{ name: '标签1', value: '1' },
|
|
69
|
+
{ name: '标签2', value: '2' },
|
|
70
|
+
]);
|
|
71
|
+
|
|
72
|
+
<View style={{ flexDirection: 'row' }}>
|
|
73
|
+
{list.map((item, idx) => (
|
|
74
|
+
<Tag
|
|
75
|
+
key={item.value}
|
|
76
|
+
onClose={() => {
|
|
77
|
+
const newList = [...list];
|
|
78
|
+
newList.splice(idx, 1);
|
|
79
|
+
setList(newList);
|
|
80
|
+
}}
|
|
81
|
+
>
|
|
82
|
+
{item.name}
|
|
83
|
+
</Tag>
|
|
84
|
+
))}
|
|
85
|
+
</View>
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
## 注意事项
|
|
89
|
+
|
|
90
|
+
- 默认 `closable` 为 `true`,如不需要关闭按钮请显式设置为 `false`
|
|
91
|
+
- 禁用状态下关闭图标仍然显示,但不可点击
|
|
92
|
+
- `textMaxWidth` 默认为 226,超出文字会被裁剪(overflow: hidden)
|
|
93
|
+
- 标签之间默认有 `marginRight: 8` 和 `marginBottom: 8` 的间距
|
package/commonjs/Tag/Tag.js
CHANGED
|
@@ -68,7 +68,7 @@ const useStyles = (0, _themed.makeStyles)((theme, ...props) => {
|
|
|
68
68
|
};
|
|
69
69
|
});
|
|
70
70
|
const Tag = ({
|
|
71
|
-
// @ts-
|
|
71
|
+
// @ts-expect-error theme injected by withTheme HOC
|
|
72
72
|
theme,
|
|
73
73
|
...props
|
|
74
74
|
}) => {
|
|
@@ -89,6 +89,8 @@ const Tag = ({
|
|
|
89
89
|
e.stopPropagation();
|
|
90
90
|
props.onClose && props.onClose();
|
|
91
91
|
},
|
|
92
|
+
accessibilityRole: "button",
|
|
93
|
+
accessibilityLabel: `Remove ${typeof props.children === 'string' ? props.children : 'tag'}`,
|
|
92
94
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
|
|
93
95
|
name: "close",
|
|
94
96
|
style: styles.closeIcon
|
|
@@ -100,5 +102,5 @@ const Tag = ({
|
|
|
100
102
|
})]
|
|
101
103
|
});
|
|
102
104
|
};
|
|
103
|
-
var _default = exports.default = (0, _themed.withTheme)(Tag);
|
|
105
|
+
var _default = exports.default = (0, _themed.withTheme)(/*#__PURE__*/_react.default.memo(Tag));
|
|
104
106
|
//# sourceMappingURL=Tag.js.map
|
package/commonjs/Tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","makeStyles","theme","props","size","textMaxWidth","disabled","height","fontSize","fonts","sizeM","iconSize","sizeS","tagWrap","marginRight","display","flexDirection","justifyContent","alignItems","borderRadius","paddingHorizontal","paddingVertical","marginBottom","backgroundColor","colors","grey4","textItem","fontFamily","fontWeight","weightR","color","colorTextPrimary","overflow","maxWidth","closeIcon","marginLeft","colorTextPlaceholder","Tag","styles","closable","jsxs","View","style","testID","children","jsx","Text","Fragment","TouchableOpacity","onPress","stopPropagation","onClose","name","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["Tag/Tag.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_TapasIcon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","makeStyles","theme","props","size","textMaxWidth","disabled","height","fontSize","fonts","sizeM","iconSize","sizeS","tagWrap","marginRight","display","flexDirection","justifyContent","alignItems","borderRadius","paddingHorizontal","paddingVertical","marginBottom","backgroundColor","colors","grey4","textItem","fontFamily","fontWeight","weightR","color","colorTextPrimary","overflow","maxWidth","closeIcon","marginLeft","colorTextPlaceholder","Tag","styles","closable","jsxs","View","style","testID","children","jsx","Text","Fragment","TouchableOpacity","onPress","stopPropagation","onClose","accessibilityRole","accessibilityLabel","name","_default","exports","withTheme","React","memo"],"sourceRoot":"../../../components","sources":["Tag/Tag.tsx"],"mappings":"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","ignoreList":[]}
|