@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
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { useMemo } from 'react';
|
|
4
4
|
import { Text } from 'react-native';
|
|
5
5
|
import { withTheme, makeStyles } from '@rneui/themed';
|
|
6
|
+
import { useSmartFontLoader } from './smartFontLoader';
|
|
6
7
|
import iconMapping from './real-icon-mapping.json';
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
const useStyles = makeStyles(() => ({
|
|
@@ -30,10 +31,9 @@ const TapasIconExpo = ({
|
|
|
30
31
|
...props
|
|
31
32
|
}) => {
|
|
32
33
|
const styles = useStyles(props);
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
const {
|
|
35
|
+
fontsLoaded: _fontsLoaded
|
|
36
|
+
} = useSmartFontLoader();
|
|
37
37
|
const iconInfo = useMemo(() => {
|
|
38
38
|
return iconMapping[name];
|
|
39
39
|
}, [name]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Text","withTheme","makeStyles","iconMapping","jsx","_jsx","useStyles","icon","fontFamily","textAlign","includeFontPadding","textAlignVertical","disabled","opacity","loading","TapasIconExpo","name","size","color","style","onPress","showLoading","props","styles","iconInfo","iconChar","unicode","String","fromCodePoint","char","getFallbackIcon","iconColor","fontSize","children","fallbackMap","iconName","fallbackIcon"],"sourceRoot":"../../../components","sources":["Icons/TapasIconExpo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,EAAaC,UAAU,QAAQ,eAAe;
|
|
1
|
+
{"version":3,"names":["React","useMemo","Text","withTheme","makeStyles","useSmartFontLoader","iconMapping","jsx","_jsx","useStyles","icon","fontFamily","textAlign","includeFontPadding","textAlignVertical","disabled","opacity","loading","TapasIconExpo","name","size","color","style","onPress","showLoading","props","styles","fontsLoaded","_fontsLoaded","iconInfo","iconChar","unicode","String","fromCodePoint","char","getFallbackIcon","iconColor","fontSize","children","fallbackMap","iconName","fallbackIcon"],"sourceRoot":"../../../components","sources":["Icons/TapasIconExpo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,201 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import
|
|
4
|
-
import { Platform } from 'react-native';
|
|
5
|
-
|
|
3
|
+
import { smartFontLoader, useSmartFontLoader } from './smartFontLoader';
|
|
6
4
|
/**
|
|
7
|
-
*
|
|
8
|
-
*
|
|
5
|
+
* @deprecated Use smartFontLoader instead
|
|
6
|
+
* This module now delegates to smartFontLoader for unified font loading.
|
|
9
7
|
*/
|
|
10
|
-
|
|
11
|
-
fontsLoaded = false;
|
|
12
|
-
loading = false;
|
|
13
|
-
listeners = [];
|
|
14
|
-
constructor() {
|
|
15
|
-
this.init();
|
|
16
|
-
}
|
|
17
|
-
static getInstance() {
|
|
18
|
-
if (!ExpoFontLoader.instance) {
|
|
19
|
-
ExpoFontLoader.instance = new ExpoFontLoader();
|
|
20
|
-
}
|
|
21
|
-
return ExpoFontLoader.instance;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* 初始化字体加载器
|
|
26
|
-
*/
|
|
27
|
-
async init() {
|
|
28
|
-
if (Platform.OS === 'web') {
|
|
29
|
-
// Web 环境使用 CSS @font-face
|
|
30
|
-
this.loadWebFont();
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
// React Native 环境使用 expo-font
|
|
35
|
-
try {
|
|
36
|
-
await this.loadNativeFont();
|
|
37
|
-
} catch (error) {
|
|
38
|
-
console.warn('字体加载失败,将使用备用图标:', error);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* 在 React Native 环境中加载字体
|
|
44
|
-
*/
|
|
45
|
-
async loadNativeFont() {
|
|
46
|
-
this.loading = true;
|
|
47
|
-
try {
|
|
48
|
-
// 注意:在组件库中,我们不直接加载字体
|
|
49
|
-
// 字体应该由使用组件库的应用来加载
|
|
50
|
-
// 这里只是检查字体是否已经可用
|
|
51
|
-
console.log('TapasIcon: 字体加载应由应用端处理,请确保在应用中加载 customfont 字体');
|
|
52
|
-
|
|
53
|
-
// 假设字体已经由应用加载
|
|
54
|
-
this.fontsLoaded = true;
|
|
55
|
-
this.loading = false;
|
|
56
|
-
this.notifyListeners();
|
|
57
|
-
} catch (error) {
|
|
58
|
-
this.loading = false;
|
|
59
|
-
console.warn('TapasIcon: 字体检查失败,将使用备用图标:', error);
|
|
60
|
-
// 即使失败也标记为已加载,使用备用图标
|
|
61
|
-
this.fontsLoaded = true;
|
|
62
|
-
this.notifyListeners();
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* 在 Web 环境中加载字体
|
|
68
|
-
*/
|
|
69
|
-
loadWebFont() {
|
|
70
|
-
if (Platform.OS !== 'web') return;
|
|
71
|
-
|
|
72
|
-
// 检查 Web 环境是否可用
|
|
73
|
-
if (typeof window === 'undefined' || typeof document === 'undefined') {
|
|
74
|
-
console.warn('Web环境不可用,跳过字体加载');
|
|
75
|
-
this.fontsLoaded = true;
|
|
76
|
-
this.notifyListeners();
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
try {
|
|
80
|
-
// 检查字体是否已经加载
|
|
81
|
-
if (document.fonts && document.fonts.check('1em customfont')) {
|
|
82
|
-
this.fontsLoaded = true;
|
|
83
|
-
this.notifyListeners();
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
// 使用 CSS @font-face 加载字体
|
|
88
|
-
const style = document.createElement('style');
|
|
89
|
-
style.textContent = `
|
|
90
|
-
@font-face {
|
|
91
|
-
font-family: 'customfont';
|
|
92
|
-
src: url('/assets/fonts/customfont.ttf') format('truetype');
|
|
93
|
-
font-weight: normal;
|
|
94
|
-
font-style: normal;
|
|
95
|
-
font-display: swap;
|
|
96
|
-
}
|
|
97
|
-
`;
|
|
98
|
-
document.head.appendChild(style);
|
|
99
|
-
|
|
100
|
-
// 监听字体加载完成
|
|
101
|
-
if (document.fonts && document.fonts.ready) {
|
|
102
|
-
document.fonts.ready.then(() => {
|
|
103
|
-
this.fontsLoaded = true;
|
|
104
|
-
this.notifyListeners();
|
|
105
|
-
console.log('字体加载成功 (Web)');
|
|
106
|
-
}).catch(error => {
|
|
107
|
-
console.warn('字体加载失败,将使用备用图标:', error);
|
|
108
|
-
this.fontsLoaded = true;
|
|
109
|
-
this.notifyListeners();
|
|
110
|
-
});
|
|
111
|
-
} else {
|
|
112
|
-
// 降级处理
|
|
113
|
-
setTimeout(() => {
|
|
114
|
-
this.fontsLoaded = true;
|
|
115
|
-
this.notifyListeners();
|
|
116
|
-
}, 1000);
|
|
117
|
-
}
|
|
118
|
-
} catch (error) {
|
|
119
|
-
console.warn('Web字体加载过程中出错,将使用备用图标:', error);
|
|
120
|
-
this.fontsLoaded = true;
|
|
121
|
-
this.notifyListeners();
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* 添加字体加载完成监听器
|
|
127
|
-
*/
|
|
128
|
-
addListener(listener) {
|
|
129
|
-
this.listeners.push(listener);
|
|
130
|
-
|
|
131
|
-
// 如果字体已经加载,立即调用监听器
|
|
132
|
-
if (this.fontsLoaded) {
|
|
133
|
-
listener();
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
// 返回取消监听的函数
|
|
137
|
-
return () => {
|
|
138
|
-
const index = this.listeners.indexOf(listener);
|
|
139
|
-
if (index > -1) {
|
|
140
|
-
this.listeners.splice(index, 1);
|
|
141
|
-
}
|
|
142
|
-
};
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* 通知所有监听器
|
|
147
|
-
*/
|
|
148
|
-
notifyListeners() {
|
|
149
|
-
this.listeners.forEach(listener => {
|
|
150
|
-
try {
|
|
151
|
-
listener();
|
|
152
|
-
} catch (error) {
|
|
153
|
-
console.warn('字体加载监听器执行失败:', error);
|
|
154
|
-
}
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
/**
|
|
159
|
-
* 检查字体是否已加载
|
|
160
|
-
*/
|
|
161
|
-
isFontLoaded() {
|
|
162
|
-
return this.fontsLoaded;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
/**
|
|
166
|
-
* 检查是否正在加载
|
|
167
|
-
*/
|
|
168
|
-
isLoading() {
|
|
169
|
-
return this.loading;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
/**
|
|
173
|
-
* 重新加载字体
|
|
174
|
-
*/
|
|
175
|
-
async reload() {
|
|
176
|
-
this.fontsLoaded = false;
|
|
177
|
-
this.loading = false;
|
|
178
|
-
await this.init();
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
export const expoFontLoader = ExpoFontLoader.getInstance();
|
|
8
|
+
export const expoFontLoader = smartFontLoader;
|
|
182
9
|
|
|
183
10
|
/**
|
|
184
|
-
*
|
|
11
|
+
* @deprecated Use useSmartFontLoader instead
|
|
185
12
|
*/
|
|
186
|
-
export
|
|
187
|
-
const [fontsLoaded, setFontsLoaded] = React.useState(expoFontLoader.isFontLoaded());
|
|
188
|
-
const [loading, setLoading] = React.useState(expoFontLoader.isLoading());
|
|
189
|
-
React.useEffect(() => {
|
|
190
|
-
const unsubscribe = expoFontLoader.addListener(() => {
|
|
191
|
-
setFontsLoaded(true);
|
|
192
|
-
setLoading(false);
|
|
193
|
-
});
|
|
194
|
-
return unsubscribe;
|
|
195
|
-
}, []);
|
|
196
|
-
return {
|
|
197
|
-
fontsLoaded,
|
|
198
|
-
loading
|
|
199
|
-
};
|
|
200
|
-
}
|
|
13
|
+
export const useExpoFontLoader = useSmartFontLoader;
|
|
201
14
|
//# sourceMappingURL=expoFontLoader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["smartFontLoader","useSmartFontLoader","expoFontLoader","useExpoFontLoader"],"sourceRoot":"../../../components","sources":["Icons/expoFontLoader.ts"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,kBAAkB,QAAQ,mBAAmB;AAGvE;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAkC,GAAGF,eAAe;;AAEjE;AACA;AACA;AACA,OAAO,MAAMG,iBAAiB,GAAGF,kBAAkB","ignoreList":[]}
|
|
@@ -1,234 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import
|
|
4
|
-
import { Platform } from 'react-native';
|
|
5
|
-
|
|
3
|
+
import { smartFontLoader, useSmartFontLoader } from './smartFontLoader';
|
|
6
4
|
/**
|
|
7
|
-
*
|
|
8
|
-
*
|
|
5
|
+
* @deprecated Use smartFontLoader instead
|
|
6
|
+
* This module now delegates to smartFontLoader for unified font loading.
|
|
9
7
|
*/
|
|
10
|
-
|
|
11
|
-
fontsLoaded = false;
|
|
12
|
-
loading = false;
|
|
13
|
-
listeners = [];
|
|
14
|
-
constructor() {
|
|
15
|
-
this.init();
|
|
16
|
-
}
|
|
17
|
-
static getInstance() {
|
|
18
|
-
if (!FontLoader.instance) {
|
|
19
|
-
FontLoader.instance = new FontLoader();
|
|
20
|
-
}
|
|
21
|
-
return FontLoader.instance;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* 初始化字体加载器
|
|
26
|
-
*/
|
|
27
|
-
async init() {
|
|
28
|
-
if (Platform.OS !== 'web') {
|
|
29
|
-
this.fontsLoaded = true;
|
|
30
|
-
this.notifyListeners();
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
try {
|
|
34
|
-
await this.loadWebFont();
|
|
35
|
-
} catch (error) {
|
|
36
|
-
console.warn('字体加载失败,将使用备用图标:', error);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* 在Web环境中加载字体
|
|
42
|
-
*/
|
|
43
|
-
async loadWebFont() {
|
|
44
|
-
// 检查 Web 环境是否可用
|
|
45
|
-
if (typeof window === 'undefined' || typeof document === 'undefined') {
|
|
46
|
-
console.warn('Web环境不可用,跳过字体加载');
|
|
47
|
-
this.fontsLoaded = true;
|
|
48
|
-
this.notifyListeners();
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
const doc = document;
|
|
52
|
-
|
|
53
|
-
// 检查字体是否已经加载
|
|
54
|
-
if (doc.fonts && doc.fonts.check('1em customfont')) {
|
|
55
|
-
this.fontsLoaded = true;
|
|
56
|
-
this.notifyListeners();
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
this.loading = true;
|
|
60
|
-
try {
|
|
61
|
-
// 检查FontFace API是否可用
|
|
62
|
-
if (typeof FontFace !== 'undefined') {
|
|
63
|
-
// 尝试多个字体路径
|
|
64
|
-
const fontPaths = ['/assets/fonts/customfont.ttf', './assets/fonts/customfont.ttf', '../assets/fonts/customfont.ttf', '/customfont.ttf'];
|
|
65
|
-
let fontLoaded = false;
|
|
66
|
-
for (const path of fontPaths) {
|
|
67
|
-
try {
|
|
68
|
-
const font = new FontFace('customfont', `url(${path})`);
|
|
69
|
-
await font.load();
|
|
70
|
-
doc.fonts.add(font);
|
|
71
|
-
fontLoaded = true;
|
|
72
|
-
console.log(`字体加载成功: ${path}`);
|
|
73
|
-
break;
|
|
74
|
-
} catch (error) {
|
|
75
|
-
console.warn(`字体路径加载失败: ${path}`, error);
|
|
76
|
-
continue;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
if (fontLoaded) {
|
|
80
|
-
// 等待字体完全加载
|
|
81
|
-
await this.waitForFontLoad(doc);
|
|
82
|
-
this.fontsLoaded = true;
|
|
83
|
-
this.notifyListeners();
|
|
84
|
-
} else {
|
|
85
|
-
throw new Error('所有字体路径都加载失败');
|
|
86
|
-
}
|
|
87
|
-
} else {
|
|
88
|
-
// FontFace API 不可用,使用 CSS @font-face 方式
|
|
89
|
-
console.warn('FontFace API不可用,使用CSS方式加载字体');
|
|
90
|
-
this.loadFontWithCSS(doc);
|
|
91
|
-
}
|
|
92
|
-
} catch (error) {
|
|
93
|
-
console.warn('字体加载失败,将使用备用图标:', error);
|
|
94
|
-
this.fontsLoaded = true;
|
|
95
|
-
this.notifyListeners();
|
|
96
|
-
} finally {
|
|
97
|
-
this.loading = false;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
* 使用 CSS @font-face 加载字体
|
|
103
|
-
*/
|
|
104
|
-
loadFontWithCSS(doc) {
|
|
105
|
-
try {
|
|
106
|
-
const style = doc.createElement('style');
|
|
107
|
-
style.textContent = `
|
|
108
|
-
@font-face {
|
|
109
|
-
font-family: 'customfont';
|
|
110
|
-
src: url('/assets/fonts/customfont.ttf') format('truetype');
|
|
111
|
-
font-weight: normal;
|
|
112
|
-
font-style: normal;
|
|
113
|
-
font-display: swap;
|
|
114
|
-
}
|
|
115
|
-
`;
|
|
116
|
-
doc.head.appendChild(style);
|
|
117
|
-
|
|
118
|
-
// 监听字体加载完成
|
|
119
|
-
if (doc.fonts && doc.fonts.ready) {
|
|
120
|
-
doc.fonts.ready.then(() => {
|
|
121
|
-
this.fontsLoaded = true;
|
|
122
|
-
this.notifyListeners();
|
|
123
|
-
console.log('字体加载成功 (CSS方式)');
|
|
124
|
-
}).catch(error => {
|
|
125
|
-
console.warn('CSS字体加载失败,将使用备用图标:', error);
|
|
126
|
-
this.fontsLoaded = true;
|
|
127
|
-
this.notifyListeners();
|
|
128
|
-
});
|
|
129
|
-
} else {
|
|
130
|
-
// 降级处理
|
|
131
|
-
setTimeout(() => {
|
|
132
|
-
this.fontsLoaded = true;
|
|
133
|
-
this.notifyListeners();
|
|
134
|
-
}, 1000);
|
|
135
|
-
}
|
|
136
|
-
} catch (error) {
|
|
137
|
-
console.warn('CSS字体加载过程中出错,将使用备用图标:', error);
|
|
138
|
-
this.fontsLoaded = true;
|
|
139
|
-
this.notifyListeners();
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
/**
|
|
144
|
-
* 等待字体完全加载
|
|
145
|
-
*/
|
|
146
|
-
async waitForFontLoad(doc) {
|
|
147
|
-
if (!doc.fonts || !doc.fonts.ready) {
|
|
148
|
-
return;
|
|
149
|
-
}
|
|
150
|
-
try {
|
|
151
|
-
await doc.fonts.ready;
|
|
152
|
-
} catch (error) {
|
|
153
|
-
console.warn('等待字体加载时出错:', error);
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
/**
|
|
158
|
-
* 添加字体加载状态监听器
|
|
159
|
-
*/
|
|
160
|
-
addListener(listener) {
|
|
161
|
-
this.listeners.push(listener);
|
|
162
|
-
|
|
163
|
-
// 如果字体已经加载,立即通知
|
|
164
|
-
if (this.fontsLoaded) {
|
|
165
|
-
listener();
|
|
166
|
-
}
|
|
8
|
+
export const fontLoader = smartFontLoader;
|
|
167
9
|
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
this.listeners.splice(index, 1);
|
|
173
|
-
}
|
|
174
|
-
};
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* 通知所有监听器
|
|
179
|
-
*/
|
|
180
|
-
notifyListeners() {
|
|
181
|
-
this.listeners.forEach(listener => {
|
|
182
|
-
try {
|
|
183
|
-
listener();
|
|
184
|
-
} catch (error) {
|
|
185
|
-
console.warn('字体加载监听器执行失败:', error);
|
|
186
|
-
}
|
|
187
|
-
});
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
/**
|
|
191
|
-
* 检查字体是否已加载
|
|
192
|
-
*/
|
|
193
|
-
isFontLoaded() {
|
|
194
|
-
return this.fontsLoaded;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
/**
|
|
198
|
-
* 检查是否正在加载
|
|
199
|
-
*/
|
|
200
|
-
isLoading() {
|
|
201
|
-
return this.loading;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
/**
|
|
205
|
-
* 强制重新加载字体
|
|
206
|
-
*/
|
|
207
|
-
async reload() {
|
|
208
|
-
this.fontsLoaded = false;
|
|
209
|
-
this.loading = false;
|
|
210
|
-
this.listeners = [];
|
|
211
|
-
await this.init();
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
// 导出单例实例
|
|
216
|
-
export const fontLoader = FontLoader.getInstance();
|
|
217
|
-
|
|
218
|
-
// 导出Hook
|
|
219
|
-
export function useFontLoader() {
|
|
220
|
-
const [fontsLoaded, setFontsLoaded] = React.useState(fontLoader.isFontLoaded());
|
|
221
|
-
const [loading, setLoading] = React.useState(fontLoader.isLoading());
|
|
222
|
-
React.useEffect(() => {
|
|
223
|
-
const unsubscribe = fontLoader.addListener(() => {
|
|
224
|
-
setFontsLoaded(true);
|
|
225
|
-
setLoading(false);
|
|
226
|
-
});
|
|
227
|
-
return unsubscribe;
|
|
228
|
-
}, []);
|
|
229
|
-
return {
|
|
230
|
-
fontsLoaded,
|
|
231
|
-
loading
|
|
232
|
-
};
|
|
233
|
-
}
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated Use useSmartFontLoader instead
|
|
12
|
+
*/
|
|
13
|
+
export const useFontLoader = useSmartFontLoader;
|
|
234
14
|
//# sourceMappingURL=fontLoader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["smartFontLoader","useSmartFontLoader","fontLoader","useFontLoader"],"sourceRoot":"../../../components","sources":["Icons/fontLoader.ts"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,kBAAkB,QAAQ,mBAAmB;AAGvE;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAA8B,GAAGF,eAAe;;AAE7D;AACA;AACA;AACA,OAAO,MAAMG,aAAa,GAAGF,kBAAkB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","SmartFontLoader","fontsLoaded","loading","listeners","fontPaths","constructor","initFontPaths","init","getInstance","instance","OS","console","log","notifyListeners","loadWebFont","error","warn","window","document","doc","fonts","check","fontLoaded","FontFace","path","font","load","add","loadFontWithCSS","detectAndLoadFont","waitForFontLoad","stylesheets","styleSheets","i","length","rules","cssRules","j","rule","type","CSSRule","FONT_FACE_RULE","src","style","getPropertyValue","includes","urlMatch","match","fontUrl","globalThis","Error","ready","Promise","resolve","setTimeout","addListener","listener","push","index","indexOf","splice","createElement","textContent","head","appendChild","then","catch","forEach","isFontLoaded","isLoading","reload","addFontPath","unshift","smartFontLoader","useSmartFontLoader","setFontsLoaded","useState","setLoading","useEffect","unsubscribe"],"sourceRoot":"../../../components","sources":["Icons/smartFontLoader.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA;AACA,MAAMC,eAAe,CAAC;EAEZC,WAAW,GAAG,KAAK;EACnBC,OAAO,GAAG,KAAK;EACfC,SAAS,GAAsB,EAAE;EACjCC,SAAS,GAAa,EAAE;EAExBC,WAAWA,CAAA,EAAG;IACpB,IAAI,CAACC,aAAa,CAAC,CAAC;IACpB,IAAI,CAACC,IAAI,CAAC,CAAC;EACb;EAEA,OAAOC,WAAWA,CAAA,EAAoB;IACpC,IAAI,CAACR,eAAe,CAACS,QAAQ,EAAE;MAC7BT,eAAe,CAACS,QAAQ,GAAG,IAAIT,eAAe,CAAC,CAAC;IAClD;IACA,OAAOA,eAAe,CAACS,QAAQ;EACjC;;EAEA;AACF;AACA;AACA;EACUH,aAAaA,CAAA,EAAG;IACtB,IAAIP,QAAQ,CAACW,EAAE,KAAK,KAAK,EAAE;MACzB;MACA,IAAI,CAACN,SAAS,GAAG;MACf;MACA,8BAA8B;MAC9B;MACA,+BAA+B,EAC/B,gCAAgC;MAChC;MACA,8BAA8B,EAC9B,qCAAqC;MACrC;MACA,6BAA6B;MAC7B;MACA,iBAAiB,CAClB;IACH,CAAC,MAAM;MACL;MACA;MACA,IAAI,CAACA,SAAS,GAAG,EAAE;IACrB;EACF;;EAEA;AACF;AACA;EACE,MAAcG,IAAIA,CAAA,EAAG;IACnB,IAAIR,QAAQ,CAACW,EAAE,KAAK,KAAK,EAAE;MACzB;MACA;MACAC,OAAO,CAACC,GAAG,CAAC,gDAAgD,CAAC;MAC7D,IAAI,CAACX,WAAW,GAAG,IAAI;MACvB,IAAI,CAACY,eAAe,CAAC,CAAC;MACtB;IACF;IAEA,IAAI;MACF,MAAM,IAAI,CAACC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdJ,OAAO,CAACK,IAAI,CAAC,iBAAiB,EAAED,KAAK,CAAC;MACtC;MACA,IAAI,CAACd,WAAW,GAAG,IAAI;MACvB,IAAI,CAACY,eAAe,CAAC,CAAC;IACxB;EACF;;EAEA;AACF;AACA;EACE,MAAcC,WAAWA,CAAA,EAAkB;IACzC;IACA,IAAI,OAAOG,MAAM,KAAK,WAAW,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACpEP,OAAO,CAACK,IAAI,CAAC,iBAAiB,CAAC;MAC/B,IAAI,CAACf,WAAW,GAAG,IAAI;MACvB,IAAI,CAACY,eAAe,CAAC,CAAC;MACtB;IACF;IAEA,MAAMM,GAAG,GAAGD,QAAQ;;IAEpB;IACA,IAAIC,GAAG,CAACC,KAAK,IAAID,GAAG,CAACC,KAAK,CAACC,KAAK,CAAC,gBAAgB,CAAC,EAAE;MAClD,IAAI,CAACpB,WAAW,GAAG,IAAI;MACvB,IAAI,CAACY,eAAe,CAAC,CAAC;MACtB;IACF;IAEA,IAAI,CAACX,OAAO,GAAG,IAAI;IAEnB,IAAI;MACF,IAAIoB,UAAU,GAAG,KAAK;;MAEtB;MACA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;QACnC;QACA,KAAK,MAAMC,IAAI,IAAI,IAAI,CAACpB,SAAS,EAAE;UACjC,IAAI;YACF,MAAMqB,IAAI,GAAG,IAAIF,QAAQ,CAAC,YAAY,EAAE,OAAOC,IAAI,GAAG,CAAC;YACvD,MAAMC,IAAI,CAACC,IAAI,CAAC,CAAC;YACjBP,GAAG,CAACC,KAAK,CAACO,GAAG,CAACF,IAAI,CAAC;YACnBH,UAAU,GAAG,IAAI;YACjBX,OAAO,CAACC,GAAG,CAAC,WAAWY,IAAI,EAAE,CAAC;YAC9B;UACF,CAAC,CAAC,OAAOT,KAAK,EAAE;YACdJ,OAAO,CAACK,IAAI,CAAC,aAAaQ,IAAI,EAAE,EAAET,KAAK,CAAC;YACxC;UACF;QACF;MACF,CAAC,MAAM;QACLJ,OAAO,CAACK,IAAI,CAAC,6BAA6B,CAAC;QAC3C,IAAI,CAACY,eAAe,CAACT,GAAG,CAAC;QACzB;MACF;MAEA,IAAI,CAACG,UAAU,EAAE;QACf;QACA,MAAM,IAAI,CAACO,iBAAiB,CAACV,GAAG,CAAC;MACnC;;MAEA;MACA,MAAM,IAAI,CAACW,eAAe,CAACX,GAAG,CAAC;MAE/B,IAAI,CAAClB,WAAW,GAAG,IAAI;MACvB,IAAI,CAACC,OAAO,GAAG,KAAK;MACpB,IAAI,CAACW,eAAe,CAAC,CAAC;IACxB,CAAC,CAAC,OAAOE,KAAK,EAAE;MACd,IAAI,CAACb,OAAO,GAAG,KAAK;MACpB,MAAMa,KAAK;IACb;EACF;;EAEA;AACF;AACA;EACE,MAAcc,iBAAiBA,CAACV,GAAQ,EAAiB;IACvD;IACA,MAAMY,WAAW,GAAGZ,GAAG,CAACa,WAAW;IACnC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,WAAW,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;MAC3C,IAAI;QACF,MAAME,KAAK,GAAGJ,WAAW,CAACE,CAAC,CAAC,CAACG,QAAQ,IAAIL,WAAW,CAACE,CAAC,CAAC,CAACE,KAAK;QAC7D,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,CAACD,MAAM,EAAEG,CAAC,EAAE,EAAE;UACrC,MAAMC,IAAI,GAAGH,KAAK,CAACE,CAAC,CAAC;UACrB,IAAIC,IAAI,CAACC,IAAI,KAAKC,OAAO,CAACC,cAAc,EAAE;YACxC,MAAMC,GAAG,GAAGJ,IAAI,CAACK,KAAK,CAACC,gBAAgB,CAAC,KAAK,CAAC;YAC9C,IAAIF,GAAG,IAAIA,GAAG,CAACG,QAAQ,CAAC,YAAY,CAAC,EAAE;cACrC;cACA,MAAMC,QAAQ,GAAGJ,GAAG,CAACK,KAAK,CAAC,2BAA2B,CAAC;cACvD,IAAID,QAAQ,EAAE;gBACZ,MAAME,OAAO,GAAGF,QAAQ,CAAC,CAAC,CAAC;gBAC3B,MAAMvB,QAAQ,GAAI0B,UAAU,CAAS1B,QAAQ;gBAC7C,MAAME,IAAI,GAAG,IAAIF,QAAQ,CAAC,YAAY,EAAE,OAAOyB,OAAO,GAAG,CAAC;gBAC1D,MAAMvB,IAAI,CAACC,IAAI,CAAC,CAAC;gBACjBP,GAAG,CAACC,KAAK,CAACO,GAAG,CAACF,IAAI,CAAC;gBACnBd,OAAO,CAACC,GAAG,CAAC,eAAeoC,OAAO,EAAE,CAAC;gBACrC;cACF;YACF;UACF;QACF;MACF,CAAC,CAAC,OAAOjC,KAAK,EAAE;QACd;QACA;MACF;IACF;IAEA,MAAM,IAAImC,KAAK,CAAC,aAAa,CAAC;EAChC;;EAEA;AACF;AACA;EACE,MAAcpB,eAAeA,CAACX,GAAQ,EAAiB;IACrD,IAAIA,GAAG,CAACC,KAAK,IAAID,GAAG,CAACC,KAAK,CAAC+B,KAAK,EAAE;MAChC,MAAMhC,GAAG,CAACC,KAAK,CAAC+B,KAAK;IACvB,CAAC,MAAM;MACL;MACA,MAAM,IAAIC,OAAO,CAACC,OAAO,IAAIC,UAAU,CAACD,OAAO,EAAE,IAAI,CAAC,CAAC;IACzD;EACF;;EAEA;AACF;AACA;EACEE,WAAWA,CAACC,QAAoB,EAAc;IAC5C,IAAI,CAACrD,SAAS,CAACsD,IAAI,CAACD,QAAQ,CAAC;;IAE7B;IACA,IAAI,IAAI,CAACvD,WAAW,EAAE;MACpBuD,QAAQ,CAAC,CAAC;IACZ;;IAEA;IACA,OAAO,MAAM;MACX,MAAME,KAAK,GAAG,IAAI,CAACvD,SAAS,CAACwD,OAAO,CAACH,QAAQ,CAAC;MAC9C,IAAIE,KAAK,GAAG,CAAC,CAAC,EAAE;QACd,IAAI,CAACvD,SAAS,CAACyD,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACjC;IACF,CAAC;EACH;;EAEA;AACF;AACA;EACU9B,eAAeA,CAACT,GAAa,EAAQ;IAC3C,IAAI;MACF,MAAMwB,KAAK,GAAGxB,GAAG,CAAC0C,aAAa,CAAC,OAAO,CAAC;MACxClB,KAAK,CAACmB,WAAW,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;MACD3C,GAAG,CAAC4C,IAAI,CAACC,WAAW,CAACrB,KAAK,CAAC;;MAE3B;MACA,IAAIxB,GAAG,CAACC,KAAK,IAAID,GAAG,CAACC,KAAK,CAAC+B,KAAK,EAAE;QAChChC,GAAG,CAACC,KAAK,CAAC+B,KAAK,CAACc,IAAI,CAAC,MAAM;UACzB,IAAI,CAAChE,WAAW,GAAG,IAAI;UACvB,IAAI,CAACY,eAAe,CAAC,CAAC;UACtBF,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;QAC/B,CAAC,CAAC,CAACsD,KAAK,CAAEnD,KAAK,IAAK;UAClBJ,OAAO,CAACK,IAAI,CAAC,oBAAoB,EAAED,KAAK,CAAC;UACzC,IAAI,CAACd,WAAW,GAAG,IAAI;UACvB,IAAI,CAACY,eAAe,CAAC,CAAC;QACxB,CAAC,CAAC;MACJ,CAAC,MAAM;QACL;QACAyC,UAAU,CAAC,MAAM;UACf,IAAI,CAACrD,WAAW,GAAG,IAAI;UACvB,IAAI,CAACY,eAAe,CAAC,CAAC;QACxB,CAAC,EAAE,IAAI,CAAC;MACV;IACF,CAAC,CAAC,OAAOE,KAAK,EAAE;MACdJ,OAAO,CAACK,IAAI,CAAC,uBAAuB,EAAED,KAAK,CAAC;MAC5C,IAAI,CAACd,WAAW,GAAG,IAAI;MACvB,IAAI,CAACY,eAAe,CAAC,CAAC;IACxB;EACF;;EAEA;AACF;AACA;EACUA,eAAeA,CAAA,EAAG;IACxB,IAAI,CAACV,SAAS,CAACgE,OAAO,CAACX,QAAQ,IAAI;MACjC,IAAI;QACFA,QAAQ,CAAC,CAAC;MACZ,CAAC,CAAC,OAAOzC,KAAK,EAAE;QACdJ,OAAO,CAACK,IAAI,CAAC,cAAc,EAAED,KAAK,CAAC;MACrC;IACF,CAAC,CAAC;EACJ;;EAEA;AACF;AACA;EACEqD,YAAYA,CAAA,EAAY;IACtB,OAAO,IAAI,CAACnE,WAAW;EACzB;;EAEA;AACF;AACA;EACEoE,SAASA,CAAA,EAAY;IACnB,OAAO,IAAI,CAACnE,OAAO;EACrB;;EAEA;AACF;AACA;EACE,MAAMoE,MAAMA,CAAA,EAAkB;IAC5B,IAAI,CAACrE,WAAW,GAAG,KAAK;IACxB,IAAI,CAACC,OAAO,GAAG,KAAK;IACpB,MAAM,IAAI,CAACK,IAAI,CAAC,CAAC;EACnB;;EAEA;AACF;AACA;EACEgE,WAAWA,CAAC/C,IAAY,EAAE;IACxB,IAAI,CAAC,IAAI,CAACpB,SAAS,CAACyC,QAAQ,CAACrB,IAAI,CAAC,EAAE;MAClC,IAAI,CAACpB,SAAS,CAACoE,OAAO,CAAChD,IAAI,CAAC,CAAC,CAAC;IAChC;EACF;AACF
|
|
1
|
+
{"version":3,"names":["React","Platform","SmartFontLoader","fontsLoaded","loading","listeners","fontPaths","constructor","initFontPaths","init","getInstance","instance","OS","console","log","notifyListeners","loadWebFont","error","warn","window","document","doc","fonts","check","fontLoaded","FontFace","path","font","load","add","loadFontWithCSS","detectAndLoadFont","waitForFontLoad","stylesheets","styleSheets","i","length","rules","cssRules","j","rule","type","CSSRule","FONT_FACE_RULE","src","style","getPropertyValue","includes","urlMatch","match","fontUrl","globalThis","Error","ready","Promise","resolve","setTimeout","addListener","listener","push","index","indexOf","splice","createElement","textContent","head","appendChild","then","catch","forEach","isFontLoaded","isLoading","reload","addFontPath","unshift","smartFontLoader","useSmartFontLoader","setFontsLoaded","useState","setLoading","useEffect","unsubscribe"],"sourceRoot":"../../../components","sources":["Icons/smartFontLoader.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
# PreviewImg
|
|
2
|
+
|
|
3
|
+
图片预览覆盖层组件,用于全屏展示图片集合,支持缩略图导航和前后切换。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 全屏图片预览
|
|
8
|
+
- ✅ 缩略图导航
|
|
9
|
+
- ✅ 前后切换功能
|
|
10
|
+
- ✅ 点击缩略图快速跳转
|
|
11
|
+
- ✅ 背景蒙层支持
|
|
12
|
+
- ✅ 响应式尺寸
|
|
13
|
+
|
|
14
|
+
## 安装使用
|
|
15
|
+
|
|
16
|
+
```tsx
|
|
17
|
+
import PreviewImg from '@beppla/tapas-ui/components/Image/PreviewImg';
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## Props
|
|
21
|
+
|
|
22
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
23
|
+
|------|------|--------|------|
|
|
24
|
+
| isVisible | boolean | false | 是否显示预览层 |
|
|
25
|
+
| data | IFileState[] | - | 图片数据数组 |
|
|
26
|
+
| defaultIndex | number | 0 | 默认显示的图片索引 |
|
|
27
|
+
| onClose | () => void | - | 关闭预览时的回调 |
|
|
28
|
+
| onSelect | (index: number) => void | - | 选择图片时的回调 |
|
|
29
|
+
|
|
30
|
+
## IFileState 结构
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
interface IFileState {
|
|
34
|
+
fileId?: string;
|
|
35
|
+
fileName?: string;
|
|
36
|
+
fileUrl?: string;
|
|
37
|
+
}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## 使用示例
|
|
41
|
+
|
|
42
|
+
### 基础用法
|
|
43
|
+
```tsx
|
|
44
|
+
import PreviewImg from '@beppla/tapas-ui/components/Image/PreviewImg';
|
|
45
|
+
import { useState } from 'react';
|
|
46
|
+
|
|
47
|
+
export default function App() {
|
|
48
|
+
const [visible, setVisible] = useState(false);
|
|
49
|
+
|
|
50
|
+
const images = [
|
|
51
|
+
{ fileUrl: "https://example.com/image1.jpg", fileName: "Image 1" },
|
|
52
|
+
{ fileUrl: "https://example.com/image2.jpg", fileName: "Image 2" },
|
|
53
|
+
];
|
|
54
|
+
|
|
55
|
+
return (
|
|
56
|
+
<PreviewImg
|
|
57
|
+
isVisible={visible}
|
|
58
|
+
data={images}
|
|
59
|
+
onClose={() => setVisible(false)}
|
|
60
|
+
/>
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
### 带选择回调
|
|
66
|
+
```tsx
|
|
67
|
+
<PreviewImg
|
|
68
|
+
isVisible={visible}
|
|
69
|
+
data={images}
|
|
70
|
+
defaultIndex={0}
|
|
71
|
+
onClose={() => setVisible(false)}
|
|
72
|
+
onSelect={(index) => {
|
|
73
|
+
console.log(`Selected image at index: ${index}`);
|
|
74
|
+
}}
|
|
75
|
+
/>
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
### 多张图片预览
|
|
79
|
+
```tsx
|
|
80
|
+
const images = [
|
|
81
|
+
{ fileId: "1", fileUrl: "https://example.com/photo1.jpg", fileName: "Photo 1" },
|
|
82
|
+
{ fileId: "2", fileUrl: "https://example.com/photo2.jpg", fileName: "Photo 2" },
|
|
83
|
+
{ fileId: "3", fileUrl: "https://example.com/photo3.jpg", fileName: "Photo 3" },
|
|
84
|
+
];
|
|
85
|
+
|
|
86
|
+
<PreviewImg
|
|
87
|
+
isVisible={visible}
|
|
88
|
+
data={images}
|
|
89
|
+
defaultIndex={1}
|
|
90
|
+
onClose={() => setVisible(false)}
|
|
91
|
+
/>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
## 注意事项
|
|
95
|
+
|
|
96
|
+
- 单张图片时不显示前后导航按钮
|
|
97
|
+
- 点击背景蒙层会关闭预览
|
|
98
|
+
- 点击关闭按钮(X 图标)会关闭预览
|
|
99
|
+
- 缩略图边框颜色为橙色(#F55523)表示当前选中
|
|
100
|
+
- 仅支持 web 平台的 HTML img 标签
|